Notes

<section slideouts="">

<!-- List Panel -->
<div id="list-panel" tabindex="-1" role="complementary" aria-label="Panel" list-panel="" data-payxautoid="paychex.app.landing.listPanel"><div ng-transclude=""></div></div>

<!-- App Drawer -->
<payx-context id="app-drawer" tabindex="-1" role="complementary" aria-label="Application Drawer" drawer="" drawer-type="appDrawer" data-payxautoid="paychex.app.landing.appDrawer" class="open" style="width: 600px;"><div class="full-height appear"> <!----><div class="full-height" ng-include="drawerConfig.fullUrl"><div class="check-stubs-list-v2 check-stubs-v2-unified-header" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList" ng-class="{'check-stubs-v2-unified-header': cslc.showNewHeader}" ng-controller="CheckStubsListControllerV2 as cslc" style=""><div class="full-height" is-done="cslc.finishLoading" png-progress-indicator="" progress-skin="grayBars"><div ng-show="!isDone" class="progress-indicator-graphic ng-hide" aria-hidden="true" style=""><div ng-switch="progressSkin"><!----><!----><div ng-switch-when="grayBars" class="" style=""><div class="gray-bars-container" png-gray-bars-progress-indicator=""><div class="gray-bar gray-bar-first"></div><div class="gray-bar gray-bar-second"></div><div class="gray-bar gray-bar-third"></div></div></div><!----><!----><!----><!----></div></div><div ng-show="isDone" class="progress-indicator-content" ng-transclude="" aria-hidden="false"><!----><!----><png-unified-header auto-id="paychex.app.landing.checkStubsListDrawer.header" data-payxautoid="paychex.app.landing.checkStubsListDrawer.header" drawer-id="paychex.app.drawer.checkStubs.list" ng-if="cslc.showNewHeader &amp;&amp; cslc.finishLoading" track-on-click="cslc.showAppReview()" class="" style=""><div data-payxautoid="paychex.app.landing.checkStubsListDrawer.header.unifiedHeader" class="unified-header" ng-class="{'unified-header-with-breadcrumb': $ctrl.isBreadcrumbVisible, 'unified-header-bordered': $ctrl.bordered}"><div class="unified-header-nav-bar"><!----><div data-payxautoid="paychex.app.landing.checkStubsListDrawer.header.unifiedHeader.breadcrumb" ng-if="!$ctrl.focusView" class="unified-header-navigation hide-breadcrumb" ng-class="{'hide-breadcrumb': !$ctrl.isBreadcrumbVisible}" ng-transclude="breadcrumb"><unified-header-breadcrumb><png-person-breadcrumb drawer-context="::cslc.outgoingContext" person-name="" show-breadcrumb="::cslc.isAdmin"><png-default-drawer-breadcrumb data-payxautoid=".person" drawer-context="$ctrl.drawerContext" text-override="" track-on-click="$ctrl.trackOnClick" on-click-override="$ctrl.onClickOverride"><!----></png-default-drawer-breadcrumb></png-person-breadcrumb></unified-header-breadcrumb></div><!----><!----><div ng-if="!$ctrl.focusView" class="unified-header-close-button"><button button="" icon-selector=".png-btn-container" class="tertiary close-button paychex-component icon-only is-collapsed" data-payxautoid="paychex.app.landing.checkStubsListDrawer.header.unifiedHeader.close" icon-md="gly_cross_x" mode="collapsed" ng-click="$ctrl.onCloseButton()"><div class="png-btn-container"><md-icon class="png-btn-icon" md-svg-icon="gly_cross_x" aria-hidden="true" role="img"><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path fill="#898A8C" d="M15.657 5.757L11.414 10l4.243 4.244-1.414 1.414L10 11.413l-4.243 4.244-1.414-1.414 4.243-4.244-4.243-4.242 1.414-1.414L10 8.584l4.243-4.24z"></path></svg></md-icon><span class="png-btn-label"></span></div></button></div><!----></div><div class="flex-container" ng-class="{'center-items': $ctrl.isBreadcrumbVisible}"><section class="unified-header-information" ng-transclude="information"><unified-header-information><!----><png-quick-switch payxautoid="paychex.app.landing.checkStubsListDrawer.pngQuickSwitch" ng-if="cslc.finishLoading" selected-item-id="CHECKSTUBS" component-access="::cslc.componentAccess" sso-caid="" client-id="" ca-worker-pk="" weid="" ueid="" tracking-service=":: cslc.PngQuickSwitchTrackingService"><!----><!----><png-header-information ng-if=":: !$ctrl.shouldShowQuickSwitch()" title-key="paychex.app.common.quickSwitch.checkstubs.title" data-payxautoid="paychex.app.landing.checkStubsListDrawer.pngQuickSwitch.fallbackHeader"><div data-payxautoid="paychex.app.landing.checkStubsListDrawer.pngQuickSwitch.fallbackHeader.headerInformation" class="png-header-information"><div class="png-header-information-wrapper"><div class="png-header-information-illustration-transclude" ng-transclude="illustration"></div><div class="png-header-title-content"><h4 class="png-header-information-title" data-payxautoid="paychex.app.landing.checkStubsListDrawer.pngQuickSwitch.fallbackHeader.headerInformation.title" ng-transclude="title"><span png-localize="" png-localize-expr="$ctrl.titleKey" png-args-expr="$ctrl.titleArgs">Check Stubs</span></h4><div class="png-header-information-subtitle" data-payxautoid="paychex.app.landing.checkStubsListDrawer.pngQuickSwitch.fallbackHeader.headerInformation.subtitle" ng-transclude="subtitle"><span png-localize="" png-localize-expr="$ctrl.subtitleKey" png-args-expr="$ctrl.subtitleArgs"></span></div></div></div></div></png-header-information><!----></png-quick-switch><!----></unified-header-information></section><section class="unified-header-controls" ng-transclude="controls"></section></div></div></png-unified-header><!----><png-reusable-error data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.oops" id="paychex.app.drawer.checkStubs.list" on-retry="cslc.loadCheckstubs()" tabindex="-1"><div class="png-error-container full-height"><div class="png-error-content ng-hide" ng-show="$ctrl.showError" aria-hidden="true"><div class="png-error-image"><md-icon class="color" aria-hidden="true" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.oopsimage" md-svg-icon="downTimeOops" role="img"><svg class="Layer_1" data-name="Layer 1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><title>downTimeOops</title><g class="empty"><path d="M50 0A50 50 0 1 1 0 50 50 50 0 0 1 50 0z" fill="#e1e9f0"></path><path d="M1.2 60.8a50 50 0 0 0 97.6 0z" fill="#c3d2db"></path><g fill="#a3bac7"><path d="M46.8 60.8H44c-1.6 4.4-5.7 10.5-16.7 14.2a84.14 84.14 0 0 0-15.6 7.1c.7.8 1.3 1.5 2 2.2a77.11 77.11 0 0 1 14.4-6.4C40.9 73.5 45.3 66 46.8 60.8zM33.8 60.8h-4.6c-3 1.8-7.6 3.4-14.4 3.4A26.94 26.94 0 0 0 3 67c.3.9.7 1.8 1.1 2.7a24.82 24.82 0 0 1 10.7-2.6c10.2 0 15.9-3.2 19-6.3zM2.6 63.6a88.48 88.48 0 0 1 15.3-1.7 17.69 17.69 0 0 0 6-1.1h-22a1.47 1.47 0 0 0-.6.5c.2.7.4 1.5.6 2.2a.88.88 0 0 0 .7.1zM64.6 81.5a1.19 1.19 0 0 0 1.7.4l.1-.1h.1a1.66 1.66 0 0 0 .3-2.1c-2.3-3.4-.6-12.7 1.1-19H65c-1.6 6.4-3.5 16.4-.4 20.8zM82.5 66.7a11.85 11.85 0 0 1 2.2-5.9h-3.2a17.63 17.63 0 0 0-1.6 5.4C79 73 81.2 80 85.2 82.9a5.07 5.07 0 0 0 1.6.9l2.1-2.4a6.25 6.25 0 0 1-2.2-1c-3.1-2.2-4.9-8.1-4.2-13.7z"></path><path d="M96.1 60.8c.1.2.2.5.3.7a11.44 11.44 0 0 1-5.5 13.6c-2.8 1.4-3.7.1-4-.3-1.9-2.5-2.1-9 .1-11.6a2 2 0 0 1 2.4-.6c1.9.7 2.6 1.1 2.8 2.7a4.32 4.32 0 0 1-1.2 3.6 1.54 1.54 0 0 0-.2 2.1 1.28 1.28 0 0 0 1.7.4l.1-.1a7.26 7.26 0 0 0 .9-9.8c-.2-.3-.5-.5-.7-.8h-7.3a1.38 1.38 0 0 0-.3.4c-2.4 3.9-3 12-.3 15.6.9 1.2 2.9 2.8 6.4 1.4a50.32 50.32 0 0 0 7.5-17.3zM78.8 60.8H76c-2.5 7-4.2 17.6 3.4 26.7a22 22 0 0 1 1.4 1.8c.7-.6 1.4-1.2 2.2-1.8-.5-.7-1-1.3-1.6-2-7.2-8.5-5.1-18.5-2.6-24.7z"></path><path d="M67.7 89.5c2.5-1.6 5.1-3.3 3.8-8.9-1.3-5.8.6-14.3 2.2-19.8H71c-1.6 5.8-3.3 14.3-2 20.5.8 3.5-.3 4.2-2.6 5.7-2.7 1.8-6.4 4.2-6.9 12.1l2.7-.6c.6-5.7 3.1-7.4 5.5-9zM60.2 81.5a120.62 120.62 0 0 1 3.3-20.7h-2.8a117.24 117.24 0 0 0-3.3 20.4C56.2 96.5 55 98.4 45.8 98.7c-3.3.1-5.5-1.5-6.2-4.5-1-4.1 1.1-10.1 6.9-13.7 7.8-4.8 10.2-14.1 10.8-19.7h-2.7C54 65.9 51.8 74 45.2 78c-7.1 4.4-9.5 11.9-8.2 17a8.24 8.24 0 0 0 2 3.8 50.78 50.78 0 0 0 11 1.2c1.4 0 2.8-.1 4.2-.2 4.1-2.4 5.2-7.6 6-18.3z"></path><path d="M42.5 77.1c4.3-3.7 9.1-7.8 10.5-16.3h-2.7c-1.2 7-5.2 10.4-9.4 14-5.3 4.5-10.8 9.3-10.3 21.3.9.4 1.8.7 2.7 1.1-.8-11.5 3.9-15.5 9.2-20.1zM40.6 60.8h-3.3a20 20 0 0 1-13.5 7.9A51 51 0 0 0 7 75.4l1.5 2.4a53.06 53.06 0 0 1 15.7-6.2c9.2-1.5 14-6.7 16.4-10.8z"></path></g><path fill="#fff" d="M45.3 38.5L24.6 58.8l-2-6.6 16-15.7 6.7 2z"></path><path d="M52.4 58.9H16.6a1.54 1.54 0 0 0-1.5 1.5 1.45 1.45 0 0 0 1.4 1.5c1.2 0 2.3 0 3.5.1a12.88 12.88 0 0 1 2.5.6 10.89 10.89 0 0 0 2.6.5 26.21 26.21 0 0 1 8.8 1 19.75 19.75 0 0 0 2.6.8 6.55 6.55 0 0 0 2.8-.3c2-.6 4.3-2.6 6.5-2.8s3.5-1 5.5-.9h1.2a2.82 2.82 0 0 0 1.5-.4c.6-.4 1 1.2 1 .5a2.56 2.56 0 0 0-2.6-2.1z" fill="#66848e"></path><path d="M44.4 37.9a1.63 1.63 0 0 1 2.4 0 1.63 1.63 0 0 1 0 2.4L26.4 60.5a1.63 1.63 0 0 1-2.4 0 1.75 1.75 0 0 1-.1-2.5z" fill="#fff"></path><path fill="#a3b9c6" d="M45.3 61.8l36.5.4 3.1-23.5-35.4-8.4-4.2 31.5z"></path><path fill="#eef8fd" d="M54.8 45.4l-1.7 12.7 10 .4 2.7-20.3-6.8-1.6-3-.6-1.2 9.4z"></path><path fill="#91aab7" d="M45.3 61.8l2.2-16.5 7.2 1-.2 1.6-1.3 9.4 3 .1 7 .3 1.4-10.1 18.8 2.5-1.6 12.1-36.5-.4z"></path><path fill="#c2d2db" d="M63.2 57.7l-7-.3-3-.1 1.3-9.4.2-1.6 9.9 1.3-1.4 10.1z"></path></g><g class="color"><path d="M50 0A50 50 0 1 1 0 50 50 50 0 0 1 50 0z" fill="#fceac5" class="bg_circle"></path><path d="M14.7 60.5h71.7a4.48 4.48 0 0 1 4.5 4.5 4.48 4.48 0 0 1-4.5 4.5H14.7a4.48 4.48 0 0 1-4.5-4.5 4.55 4.55 0 0 1 4.5-4.5z" fill="#fdc738" class="table_float"></path><g class="table_float_grain"><path d="M90.9 64.8a9.85 9.85 0 0 1-.2 1.7 5.85 5.85 0 0 0 .2-1.3z" fill="#fdc738"></path><path d="M88 60.8c.1.3.3.5.4.8a8.82 8.82 0 0 1-1.3 8 4.59 4.59 0 0 0 3.6-3.1 8.81 8.81 0 0 0 .2-1.7 4.44 4.44 0 0 0-2.9-4zM54.4 60.5a24.43 24.43 0 0 1-3 9.1H54a26.4 26.4 0 0 0 2.6-9.1zM48 60.5h-2.3c-.8 2.6-2.9 6.2-7.9 9.1h4a17.39 17.39 0 0 0 6.2-9.1zM50.8 60.5a14.81 14.81 0 0 1-5 9.1h3.1a17.23 17.23 0 0 0 4.1-9.1zM37.8 60.5h-3.4c-2.4 1.7-6.3 3.2-12.6 3.2a22.23 22.23 0 0 0-11.2 3.1 4.89 4.89 0 0 0 1.4 1.8 22.36 22.36 0 0 1 9.8-2.6c8.9 0 13.6-2.9 16-5.5zM11.9 63.2a73.46 73.46 0 0 1 12.4-1.3 16.9 16.9 0 0 0 6.3-1.3h-16a4.5 4.5 0 0 0-3.8 2.2 1.19 1.19 0 0 0 1.1.4zM59.5 60.5a70 70 0 0 0-1.9 9.1h2.2a92.07 92.07 0 0 1 2-9.1z" fill="#eca521"></path><path d="M43.2 60.5h-2.6c-1.8 2.7-5.3 5.7-11.4 6.7a36.9 36.9 0 0 0-8 2.4H29l.5-.1c7.9-1.3 11.8-5.7 13.7-9zM62.8 60.5a56.12 56.12 0 0 0-1.7 9.1h2.2a47.29 47.29 0 0 1 1.8-9.1zM81 62.6c.4-.7.9-1 1.2-.8a3.65 3.65 0 0 1 2.8 2.8 2.94 2.94 0 0 1-1 2.8 1.13 1.13 0 0 0-.2 1.6 1 1 0 0 0 1.4.3l.1-.1a5.53 5.53 0 0 0 .5-7.8 5.24 5.24 0 0 0-1.1-1h-4.8a5.55 5.55 0 0 0-.6.8 13.27 13.27 0 0 0-1.6 8.3h2.2a10.49 10.49 0 0 1 1.1-6.9zM71.9 60.5a26 26 0 0 0-1.9 9.1h2.1a24.17 24.17 0 0 1 2.1-9.1zM74.9 69.6H77h-2.1z" fill="#eca521"></path><path d="M77 65.6a9.75 9.75 0 0 1 2.2-5.1h-2.7a13.61 13.61 0 0 0-1.6 4.8 15.48 15.48 0 0 0 0 4.3H77a13.41 13.41 0 0 1 0-4zM67.7 60.5a56.86 56.86 0 0 0-2 9.1H68a56.86 56.86 0 0 1 2-9.1z" fill="#eca521"></path></g><path d="M1.2 60.8a50 50 0 0 0 97.6 0z" fill="#fdc839" class="table_bg"></path><g fill="#eda515" class="table_grain"><path d="M46.8 60.8H44c-1.6 4.4-5.7 10.5-16.7 14.2a84.14 84.14 0 0 0-15.6 7.1c.7.8 1.3 1.5 2 2.2a77.11 77.11 0 0 1 14.4-6.4c12.8-4.4 17.2-12 18.7-17.1zM33.8 60.8h-4.6c-3 1.8-7.6 3.4-14.4 3.4A28.4 28.4 0 0 0 3 67c.3.9.7 1.8 1.1 2.7a24.82 24.82 0 0 1 10.7-2.6c10.2 0 15.9-3.2 19-6.3zM2.6 63.6a88.48 88.48 0 0 1 15.3-1.7 17.69 17.69 0 0 0 6-1.1h-22a1.47 1.47 0 0 0-.6.5c.2.7.4 1.5.6 2.2a1.7 1.7 0 0 0 .7.1zM64.6 81.5a1.19 1.19 0 0 0 1.7.4l.1-.1h.1a1.66 1.66 0 0 0 .3-2.1c-2.3-3.4-.6-12.7 1.1-19H65c-1.6 6.4-3.5 16.4-.4 20.8zM82.5 66.7a11.85 11.85 0 0 1 2.2-5.9h-3.2a17.63 17.63 0 0 0-1.6 5.4C79 73 81.2 80 85.2 82.9a5.07 5.07 0 0 0 1.6.9l2.1-2.4a6.25 6.25 0 0 1-2.2-1c-3.1-2.2-4.9-8.1-4.2-13.7z"></path><path d="M96.1 60.8c.1.2.2.5.3.7a11.44 11.44 0 0 1-5.5 13.6c-2.8 1.4-3.7.1-4-.3-1.9-2.5-2.1-9 .1-11.6a2 2 0 0 1 2.4-.6c1.9.7 2.6 1.1 2.8 2.7a4.32 4.32 0 0 1-1.2 3.6 1.54 1.54 0 0 0-.2 2.1 1.28 1.28 0 0 0 1.7.4l.1-.1a7.26 7.26 0 0 0 .9-9.8c-.2-.3-.5-.5-.7-.8h-7.3a1.38 1.38 0 0 0-.3.4c-2.4 3.9-3 12-.3 15.6.9 1.2 2.9 2.8 6.4 1.4a50.32 50.32 0 0 0 7.5-17.3zM78.8 60.8H76c-2.5 7-4.2 17.6 3.4 26.8a22 22 0 0 1 1.4 1.8c.7-.6 1.4-1.2 2.2-1.8-.5-.7-1-1.3-1.6-2-7.2-8.6-5.1-18.6-2.6-24.8z"></path><path d="M67.7 89.5c2.5-1.6 5.1-3.3 3.8-8.9-1.3-5.8.6-14.3 2.2-19.8H71c-1.6 5.8-3.3 14.3-2 20.5.8 3.5-.3 4.2-2.6 5.7-2.7 1.8-6.4 4.2-6.9 12.1l2.7-.6c.6-5.7 3.1-7.4 5.5-9zM60.2 81.5a120.62 120.62 0 0 1 3.3-20.7h-2.8a117.24 117.24 0 0 0-3.3 20.4C56.2 96.5 55 98.4 45.8 98.7c-3.3.1-5.5-1.5-6.2-4.5-1-4.1 1.1-10.1 6.9-13.7 7.8-4.8 10.2-14.1 10.8-19.7h-2.7c-.6 5.1-2.8 13.1-9.4 17.2-7.1 4.4-9.5 11.9-8.2 17a8.24 8.24 0 0 0 2 3.8 50.78 50.78 0 0 0 11 1.2c1.4 0 2.8-.1 4.2-.2 4.1-2.4 5.2-7.6 6-18.3z"></path><path d="M42.5 77.1c4.3-3.7 9.1-7.8 10.5-16.3h-2.7c-1.2 7-5.2 10.4-9.4 14-5.3 4.5-10.8 9.3-10.3 21.3.9.4 1.8.7 2.7 1.1-.8-11.5 3.9-15.5 9.2-20.1zM40.6 60.8h-3.3a20 20 0 0 1-13.5 7.9A51 51 0 0 0 7 75.4l1.5 2.4a53.06 53.06 0 0 1 15.7-6.2c9.2-1.5 14-6.7 16.4-10.8z"></path></g><g class="cup"><path fill="#fff" d="M45.3 38.5L24.6 58.8l-2-6.6 16-15.7 6.7 2z"></path><path d="M52.4 58.9H16.6a1.54 1.54 0 0 0-1.5 1.5 1.45 1.45 0 0 0 1.4 1.5c1.2 0 2.3 0 3.5.1a12.88 12.88 0 0 1 2.5.6 10.89 10.89 0 0 0 2.6.5 26.21 26.21 0 0 1 8.8 1 19.75 19.75 0 0 0 2.6.8 6.55 6.55 0 0 0 2.8-.3c2-.6 4.3-2.6 6.5-2.8s3.5-1 5.5-.9h1.2a2.82 2.82 0 0 0 1.5-.4c.6-.4 1 1.2 1 .5a2.56 2.56 0 0 0-2.6-2.1z" fill="#854d16"></path><path d="M44.4 37.9a1.63 1.63 0 0 1 2.4 0 1.63 1.63 0 0 1 0 2.4L26.4 60.5a1.63 1.63 0 0 1-2.4 0 1.75 1.75 0 0 1-.1-2.5z" fill="#fff"></path><path fill="#ea746e" d="M45.3 61.7l36.5.5 3.1-23.5-35.4-8.4-4.2 31.4z"></path><path fill="#e9e9e9" d="M54.8 45.3l-1.7 12.8 10 .4 2.7-20.4-6.8-1.5-3-.7-1.2 9.4z"></path><path fill="#c0423c" d="M45.3 61.7l2.2-16.4 7.2.9-.2 1.7-1.3 9.4 3 .1 7 .3 1.4-10.1 18.8 2.5-1.6 12.1-36.5-.5z"></path><path fill="#d7d8d7" d="M63.2 57.7l-7-.3-3-.1 1.3-9.4.2-1.7 9.9 1.4-1.4 10.1z"></path></g></g></svg></md-icon></div><div role="alert" aria-atomic="false" aria-relevant="text additions" class="png-error-text-group" ng-transclude="pngErrorMessage"><strong class="png-error-title" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.oopsdefault.header" png-localize="framework.png.error.nonfatal.title">Sorry about that...</strong><p class="png-error-text" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.oopsdefault.text" png-localize="framework.png.error.nonfatal.text">Something went wrong while accessing this data. Our team has been notified to look into it.</p><!----><!----></div><div class="png-error-button-group"><!----><kui-button mode="primary" class="" k-ro="" hydrated="" style=""><button type="button" ng-if="$ctrl.onRetry" ng-click="$ctrl.retry()" ng-disabled="$ctrl.counter >= 3" data-ng-animate="2" role="button" tabindex="0" aria-disabled="false"><span ng-hide="$ctrl.counter >= 1" png-localize="framework.retry.action" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.oopsbutton.retry" aria-hidden="false">Retry</span> <span ng-hide="$ctrl.counter < 1" png-localize="framework.tryagain.action" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.oopsbutton.tryagain" aria-hidden="true" class="ng-hide">Try Again</span></button></kui-button><!----></div></div><div ng-transclude="" class="png-error-transclude full-height" ng-show="!$ctrl.showError" aria-hidden="false"><!----><md-tabs data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.yearTab" md-dynamic-height="true" md-no-ink="true" md-no-pagination="true" md-selected="cslc.selectedTab" ng-if="!cslc.noAccess" class="md-dynamic-height" style=""><md-tabs-wrapper> <md-tab-data><!----><md-tab ng-repeat="year in cslc.model.checkStubs.yearsList" md-on-select="cslc.getCheckStubsForSelectedYear(year, true)" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.yearTab:0" label="2022"></md-tab><!----><md-tab ng-repeat="year in cslc.model.checkStubs.yearsList" md-on-select="cslc.getCheckStubsForSelectedYear(year, true)" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.yearTab:1" label="2021"></md-tab><!----></md-tab-data> <!----> <!----> <md-tabs-canvas ng-focus="$mdTabsCtrl.redirectFocus()" ng-class="{ 'md-paginated': $mdTabsCtrl.shouldPaginate, 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" ng-keydown="$mdTabsCtrl.keydown($event)"> <md-pagination-wrapper ng-class="{ 'md-center-tabs': $mdTabsCtrl.shouldCenterTabs }" md-tab-scroll="$mdTabsCtrl.scroll($event)" role="tablist" style="transform: translate3d(0px, 0px, 0px);"> <!----><md-tab-item tabindex="0" class="md-tab md-active" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" id="tab-item-20" md-tab-id="20" aria-selected="true" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-20" style="max-width: 264px;">2022</md-tab-item><!----><md-tab-item tabindex="-1" class="md-tab" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" id="tab-item-21" md-tab-id="21" aria-selected="false" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-focus="$mdTabsCtrl.hasFocus = true" ng-blur="$mdTabsCtrl.hasFocus = false" ng-class="{ 'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent" aria-controls="tab-content-21" style="max-width: 264px;">2021</md-tab-item><!----> <md-ink-bar style="left: 0px; right: 51px;" class="md-left"></md-ink-bar> </md-pagination-wrapper> <md-tabs-dummy-wrapper aria-hidden="true" class="md-visually-hidden md-dummy-wrapper"> <!----><md-dummy-tab class="md-tab" tabindex="-1" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" style="max-width: 264px;">2022</md-dummy-tab><!----><md-dummy-tab class="md-tab" tabindex="-1" ng-repeat="tab in $mdTabsCtrl.tabs" md-tabs-template="::tab.label" md-scope="::tab.parent" style="max-width: 264px;">2021</md-dummy-tab><!----> </md-tabs-dummy-wrapper> </md-tabs-canvas> </md-tabs-wrapper> <md-tabs-content-wrapper ng-show="$mdTabsCtrl.hasContent &amp;&amp; $mdTabsCtrl.selectedIndex >= 0" class="_md" aria-hidden="false"> <!----><!----><md-tab-content id="tab-content-20" class="_md md-no-scroll md-active" role="tabpanel" aria-labelledby="tab-item-20" md-swipe-left="$mdTabsCtrl.swipeContent &amp;&amp; $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent &amp;&amp; $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!----><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()"><!----><!----><png-reusable-error-inline class="review-load-inline-error" id="check-stubs-review-load-failure.2022" ng-if="year === cslc.currYear" on-retry="cslc.getCheckReviewData()" payxautoid="paychex.app.landing.shared.drawer.checkStubsList.reviewPayroll.error" tabindex="-1"><div class="png-error-inline-container"><div class="png-error-content ng-hide" ng-show="$ctrl.showError" aria-hidden="true"><png-alert type="custom" class="inline-custom-alert"><div class="png-alert png-alert-custom paychex-component" ng-attr-data-payxautoid="{{::$ctrl.payxautoid ? $ctrl.payxautoid + '.iconContainer' : undefined}}" aria-live="polite" aria-atomic="false"><div class="png-alert-icon-container" ng-transclude="customIcon" ng-attr-data-payxautoid="{{::$ctrl.payxautoid ? $ctrl.payxautoid + '.icon' : undefined}}"><png-alert-custom-icon class="png-error-icon"><md-icon aria-hidden="true" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.reviewPayroll.errorinline.image" md-svg-icon="downTimeOops" class="float_flat" role="img"><svg class="Layer_1" data-name="Layer 1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><title>downTimeOops</title><g class="empty"><path d="M50 0A50 50 0 1 1 0 50 50 50 0 0 1 50 0z" fill="#e1e9f0"></path><path d="M1.2 60.8a50 50 0 0 0 97.6 0z" fill="#c3d2db"></path><g fill="#a3bac7"><path d="M46.8 60.8H44c-1.6 4.4-5.7 10.5-16.7 14.2a84.14 84.14 0 0 0-15.6 7.1c.7.8 1.3 1.5 2 2.2a77.11 77.11 0 0 1 14.4-6.4C40.9 73.5 45.3 66 46.8 60.8zM33.8 60.8h-4.6c-3 1.8-7.6 3.4-14.4 3.4A26.94 26.94 0 0 0 3 67c.3.9.7 1.8 1.1 2.7a24.82 24.82 0 0 1 10.7-2.6c10.2 0 15.9-3.2 19-6.3zM2.6 63.6a88.48 88.48 0 0 1 15.3-1.7 17.69 17.69 0 0 0 6-1.1h-22a1.47 1.47 0 0 0-.6.5c.2.7.4 1.5.6 2.2a.88.88 0 0 0 .7.1zM64.6 81.5a1.19 1.19 0 0 0 1.7.4l.1-.1h.1a1.66 1.66 0 0 0 .3-2.1c-2.3-3.4-.6-12.7 1.1-19H65c-1.6 6.4-3.5 16.4-.4 20.8zM82.5 66.7a11.85 11.85 0 0 1 2.2-5.9h-3.2a17.63 17.63 0 0 0-1.6 5.4C79 73 81.2 80 85.2 82.9a5.07 5.07 0 0 0 1.6.9l2.1-2.4a6.25 6.25 0 0 1-2.2-1c-3.1-2.2-4.9-8.1-4.2-13.7z"></path><path d="M96.1 60.8c.1.2.2.5.3.7a11.44 11.44 0 0 1-5.5 13.6c-2.8 1.4-3.7.1-4-.3-1.9-2.5-2.1-9 .1-11.6a2 2 0 0 1 2.4-.6c1.9.7 2.6 1.1 2.8 2.7a4.32 4.32 0 0 1-1.2 3.6 1.54 1.54 0 0 0-.2 2.1 1.28 1.28 0 0 0 1.7.4l.1-.1a7.26 7.26 0 0 0 .9-9.8c-.2-.3-.5-.5-.7-.8h-7.3a1.38 1.38 0 0 0-.3.4c-2.4 3.9-3 12-.3 15.6.9 1.2 2.9 2.8 6.4 1.4a50.32 50.32 0 0 0 7.5-17.3zM78.8 60.8H76c-2.5 7-4.2 17.6 3.4 26.7a22 22 0 0 1 1.4 1.8c.7-.6 1.4-1.2 2.2-1.8-.5-.7-1-1.3-1.6-2-7.2-8.5-5.1-18.5-2.6-24.7z"></path><path d="M67.7 89.5c2.5-1.6 5.1-3.3 3.8-8.9-1.3-5.8.6-14.3 2.2-19.8H71c-1.6 5.8-3.3 14.3-2 20.5.8 3.5-.3 4.2-2.6 5.7-2.7 1.8-6.4 4.2-6.9 12.1l2.7-.6c.6-5.7 3.1-7.4 5.5-9zM60.2 81.5a120.62 120.62 0 0 1 3.3-20.7h-2.8a117.24 117.24 0 0 0-3.3 20.4C56.2 96.5 55 98.4 45.8 98.7c-3.3.1-5.5-1.5-6.2-4.5-1-4.1 1.1-10.1 6.9-13.7 7.8-4.8 10.2-14.1 10.8-19.7h-2.7C54 65.9 51.8 74 45.2 78c-7.1 4.4-9.5 11.9-8.2 17a8.24 8.24 0 0 0 2 3.8 50.78 50.78 0 0 0 11 1.2c1.4 0 2.8-.1 4.2-.2 4.1-2.4 5.2-7.6 6-18.3z"></path><path d="M42.5 77.1c4.3-3.7 9.1-7.8 10.5-16.3h-2.7c-1.2 7-5.2 10.4-9.4 14-5.3 4.5-10.8 9.3-10.3 21.3.9.4 1.8.7 2.7 1.1-.8-11.5 3.9-15.5 9.2-20.1zM40.6 60.8h-3.3a20 20 0 0 1-13.5 7.9A51 51 0 0 0 7 75.4l1.5 2.4a53.06 53.06 0 0 1 15.7-6.2c9.2-1.5 14-6.7 16.4-10.8z"></path></g><path fill="#fff" d="M45.3 38.5L24.6 58.8l-2-6.6 16-15.7 6.7 2z"></path><path d="M52.4 58.9H16.6a1.54 1.54 0 0 0-1.5 1.5 1.45 1.45 0 0 0 1.4 1.5c1.2 0 2.3 0 3.5.1a12.88 12.88 0 0 1 2.5.6 10.89 10.89 0 0 0 2.6.5 26.21 26.21 0 0 1 8.8 1 19.75 19.75 0 0 0 2.6.8 6.55 6.55 0 0 0 2.8-.3c2-.6 4.3-2.6 6.5-2.8s3.5-1 5.5-.9h1.2a2.82 2.82 0 0 0 1.5-.4c.6-.4 1 1.2 1 .5a2.56 2.56 0 0 0-2.6-2.1z" fill="#66848e"></path><path d="M44.4 37.9a1.63 1.63 0 0 1 2.4 0 1.63 1.63 0 0 1 0 2.4L26.4 60.5a1.63 1.63 0 0 1-2.4 0 1.75 1.75 0 0 1-.1-2.5z" fill="#fff"></path><path fill="#a3b9c6" d="M45.3 61.8l36.5.4 3.1-23.5-35.4-8.4-4.2 31.5z"></path><path fill="#eef8fd" d="M54.8 45.4l-1.7 12.7 10 .4 2.7-20.3-6.8-1.6-3-.6-1.2 9.4z"></path><path fill="#91aab7" d="M45.3 61.8l2.2-16.5 7.2 1-.2 1.6-1.3 9.4 3 .1 7 .3 1.4-10.1 18.8 2.5-1.6 12.1-36.5-.4z"></path><path fill="#c2d2db" d="M63.2 57.7l-7-.3-3-.1 1.3-9.4.2-1.6 9.9 1.3-1.4 10.1z"></path></g><g class="color"><path d="M50 0A50 50 0 1 1 0 50 50 50 0 0 1 50 0z" fill="#fceac5" class="bg_circle"></path><path d="M14.7 60.5h71.7a4.48 4.48 0 0 1 4.5 4.5 4.48 4.48 0 0 1-4.5 4.5H14.7a4.48 4.48 0 0 1-4.5-4.5 4.55 4.55 0 0 1 4.5-4.5z" fill="#fdc738" class="table_float"></path><g class="table_float_grain"><path d="M90.9 64.8a9.85 9.85 0 0 1-.2 1.7 5.85 5.85 0 0 0 .2-1.3z" fill="#fdc738"></path><path d="M88 60.8c.1.3.3.5.4.8a8.82 8.82 0 0 1-1.3 8 4.59 4.59 0 0 0 3.6-3.1 8.81 8.81 0 0 0 .2-1.7 4.44 4.44 0 0 0-2.9-4zM54.4 60.5a24.43 24.43 0 0 1-3 9.1H54a26.4 26.4 0 0 0 2.6-9.1zM48 60.5h-2.3c-.8 2.6-2.9 6.2-7.9 9.1h4a17.39 17.39 0 0 0 6.2-9.1zM50.8 60.5a14.81 14.81 0 0 1-5 9.1h3.1a17.23 17.23 0 0 0 4.1-9.1zM37.8 60.5h-3.4c-2.4 1.7-6.3 3.2-12.6 3.2a22.23 22.23 0 0 0-11.2 3.1 4.89 4.89 0 0 0 1.4 1.8 22.36 22.36 0 0 1 9.8-2.6c8.9 0 13.6-2.9 16-5.5zM11.9 63.2a73.46 73.46 0 0 1 12.4-1.3 16.9 16.9 0 0 0 6.3-1.3h-16a4.5 4.5 0 0 0-3.8 2.2 1.19 1.19 0 0 0 1.1.4zM59.5 60.5a70 70 0 0 0-1.9 9.1h2.2a92.07 92.07 0 0 1 2-9.1z" fill="#eca521"></path><path d="M43.2 60.5h-2.6c-1.8 2.7-5.3 5.7-11.4 6.7a36.9 36.9 0 0 0-8 2.4H29l.5-.1c7.9-1.3 11.8-5.7 13.7-9zM62.8 60.5a56.12 56.12 0 0 0-1.7 9.1h2.2a47.29 47.29 0 0 1 1.8-9.1zM81 62.6c.4-.7.9-1 1.2-.8a3.65 3.65 0 0 1 2.8 2.8 2.94 2.94 0 0 1-1 2.8 1.13 1.13 0 0 0-.2 1.6 1 1 0 0 0 1.4.3l.1-.1a5.53 5.53 0 0 0 .5-7.8 5.24 5.24 0 0 0-1.1-1h-4.8a5.55 5.55 0 0 0-.6.8 13.27 13.27 0 0 0-1.6 8.3h2.2a10.49 10.49 0 0 1 1.1-6.9zM71.9 60.5a26 26 0 0 0-1.9 9.1h2.1a24.17 24.17 0 0 1 2.1-9.1zM74.9 69.6H77h-2.1z" fill="#eca521"></path><path d="M77 65.6a9.75 9.75 0 0 1 2.2-5.1h-2.7a13.61 13.61 0 0 0-1.6 4.8 15.48 15.48 0 0 0 0 4.3H77a13.41 13.41 0 0 1 0-4zM67.7 60.5a56.86 56.86 0 0 0-2 9.1H68a56.86 56.86 0 0 1 2-9.1z" fill="#eca521"></path></g><path d="M1.2 60.8a50 50 0 0 0 97.6 0z" fill="#fdc839" class="table_bg"></path><g fill="#eda515" class="table_grain"><path d="M46.8 60.8H44c-1.6 4.4-5.7 10.5-16.7 14.2a84.14 84.14 0 0 0-15.6 7.1c.7.8 1.3 1.5 2 2.2a77.11 77.11 0 0 1 14.4-6.4c12.8-4.4 17.2-12 18.7-17.1zM33.8 60.8h-4.6c-3 1.8-7.6 3.4-14.4 3.4A28.4 28.4 0 0 0 3 67c.3.9.7 1.8 1.1 2.7a24.82 24.82 0 0 1 10.7-2.6c10.2 0 15.9-3.2 19-6.3zM2.6 63.6a88.48 88.48 0 0 1 15.3-1.7 17.69 17.69 0 0 0 6-1.1h-22a1.47 1.47 0 0 0-.6.5c.2.7.4 1.5.6 2.2a1.7 1.7 0 0 0 .7.1zM64.6 81.5a1.19 1.19 0 0 0 1.7.4l.1-.1h.1a1.66 1.66 0 0 0 .3-2.1c-2.3-3.4-.6-12.7 1.1-19H65c-1.6 6.4-3.5 16.4-.4 20.8zM82.5 66.7a11.85 11.85 0 0 1 2.2-5.9h-3.2a17.63 17.63 0 0 0-1.6 5.4C79 73 81.2 80 85.2 82.9a5.07 5.07 0 0 0 1.6.9l2.1-2.4a6.25 6.25 0 0 1-2.2-1c-3.1-2.2-4.9-8.1-4.2-13.7z"></path><path d="M96.1 60.8c.1.2.2.5.3.7a11.44 11.44 0 0 1-5.5 13.6c-2.8 1.4-3.7.1-4-.3-1.9-2.5-2.1-9 .1-11.6a2 2 0 0 1 2.4-.6c1.9.7 2.6 1.1 2.8 2.7a4.32 4.32 0 0 1-1.2 3.6 1.54 1.54 0 0 0-.2 2.1 1.28 1.28 0 0 0 1.7.4l.1-.1a7.26 7.26 0 0 0 .9-9.8c-.2-.3-.5-.5-.7-.8h-7.3a1.38 1.38 0 0 0-.3.4c-2.4 3.9-3 12-.3 15.6.9 1.2 2.9 2.8 6.4 1.4a50.32 50.32 0 0 0 7.5-17.3zM78.8 60.8H76c-2.5 7-4.2 17.6 3.4 26.8a22 22 0 0 1 1.4 1.8c.7-.6 1.4-1.2 2.2-1.8-.5-.7-1-1.3-1.6-2-7.2-8.6-5.1-18.6-2.6-24.8z"></path><path d="M67.7 89.5c2.5-1.6 5.1-3.3 3.8-8.9-1.3-5.8.6-14.3 2.2-19.8H71c-1.6 5.8-3.3 14.3-2 20.5.8 3.5-.3 4.2-2.6 5.7-2.7 1.8-6.4 4.2-6.9 12.1l2.7-.6c.6-5.7 3.1-7.4 5.5-9zM60.2 81.5a120.62 120.62 0 0 1 3.3-20.7h-2.8a117.24 117.24 0 0 0-3.3 20.4C56.2 96.5 55 98.4 45.8 98.7c-3.3.1-5.5-1.5-6.2-4.5-1-4.1 1.1-10.1 6.9-13.7 7.8-4.8 10.2-14.1 10.8-19.7h-2.7c-.6 5.1-2.8 13.1-9.4 17.2-7.1 4.4-9.5 11.9-8.2 17a8.24 8.24 0 0 0 2 3.8 50.78 50.78 0 0 0 11 1.2c1.4 0 2.8-.1 4.2-.2 4.1-2.4 5.2-7.6 6-18.3z"></path><path d="M42.5 77.1c4.3-3.7 9.1-7.8 10.5-16.3h-2.7c-1.2 7-5.2 10.4-9.4 14-5.3 4.5-10.8 9.3-10.3 21.3.9.4 1.8.7 2.7 1.1-.8-11.5 3.9-15.5 9.2-20.1zM40.6 60.8h-3.3a20 20 0 0 1-13.5 7.9A51 51 0 0 0 7 75.4l1.5 2.4a53.06 53.06 0 0 1 15.7-6.2c9.2-1.5 14-6.7 16.4-10.8z"></path></g><g class="cup"><path fill="#fff" d="M45.3 38.5L24.6 58.8l-2-6.6 16-15.7 6.7 2z"></path><path d="M52.4 58.9H16.6a1.54 1.54 0 0 0-1.5 1.5 1.45 1.45 0 0 0 1.4 1.5c1.2 0 2.3 0 3.5.1a12.88 12.88 0 0 1 2.5.6 10.89 10.89 0 0 0 2.6.5 26.21 26.21 0 0 1 8.8 1 19.75 19.75 0 0 0 2.6.8 6.55 6.55 0 0 0 2.8-.3c2-.6 4.3-2.6 6.5-2.8s3.5-1 5.5-.9h1.2a2.82 2.82 0 0 0 1.5-.4c.6-.4 1 1.2 1 .5a2.56 2.56 0 0 0-2.6-2.1z" fill="#854d16"></path><path d="M44.4 37.9a1.63 1.63 0 0 1 2.4 0 1.63 1.63 0 0 1 0 2.4L26.4 60.5a1.63 1.63 0 0 1-2.4 0 1.75 1.75 0 0 1-.1-2.5z" fill="#fff"></path><path fill="#ea746e" d="M45.3 61.7l36.5.5 3.1-23.5-35.4-8.4-4.2 31.4z"></path><path fill="#e9e9e9" d="M54.8 45.3l-1.7 12.8 10 .4 2.7-20.4-6.8-1.5-3-.7-1.2 9.4z"></path><path fill="#c0423c" d="M45.3 61.7l2.2-16.4 7.2.9-.2 1.7-1.3 9.4 3 .1 7 .3 1.4-10.1 18.8 2.5-1.6 12.1-36.5-.5z"></path><path fill="#d7d8d7" d="M63.2 57.7l-7-.3-3-.1 1.3-9.4.2-1.7 9.9 1.4-1.4 10.1z"></path></g></g></svg></md-icon></png-alert-custom-icon></div><div class="png-alert-content-container" ng-attr-data-payxautoid="{{::$ctrl.payxautoid ? $ctrl.payxautoid + '.contentContainer' : undefined}}"><div class="png-alert-content" ng-attr-data-payxautoid="{{::$ctrl.payxautoid ? $ctrl.payxautoid + '.content' : undefined}}"><span ng-transclude=""><div class="png-error-text-group" ng-transclude="pngErrorMessage"><png-error-message><h4 png-localize="framework.png.error.nonfatal.title">Sorry about that...</h4><p>Something went wrong while displaying your upcoming checks. Our team has been notified to look into it.</p></png-error-message></div><!----><kui-button mode="tertiary" k-ro="" hydrated=""><button type="button" ng-if="$ctrl.onRetry" ng-click="$ctrl.retry()" ng-disabled="$ctrl.counter >= 3" role="button" tabindex="0" aria-disabled="false"><span ng-hide="$ctrl.counter >= 1" png-localize="framework.retry.action" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.reviewPayroll.errorinline.link.retry" aria-hidden="false">Retry</span> <span ng-hide="$ctrl.counter < 1" png-localize="framework.tryagain.action" data-payxautoid="paychex.framework.error.paychex.app.landing.shared.drawer.checkStubsList.reviewPayroll.errorinline.link.tryagain" aria-hidden="true" class="ng-hide">Try Again</span></button></kui-button><!----></span></div><!----></div></div></png-alert></div><div ng-transclude="" class="png-error-transclude full-height" ng-show="!$ctrl.showError" aria-hidden="false"></div></div></png-reusable-error-inline><!----><!----><div ng-if="cslc.selectedTab===$index &amp;&amp; !cslc.model.noDocuments" class="" style=""><!----><div class="action-bar"><button button="" icon-selector=".png-btn-container" class="primary small view-pdf paychex-component is-normal disabled" text="png.landing.drawer.checkStubs.list.viewPDF" icon="" mode="normal" ng-disabled="cslc.model.checkStubs.drawerListSelected === undefined || cslc.model.checkStubs.drawerListSelected.length === 0" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.downloadButton" ng-click="cslc.downloadPDFs();" disabled="disabled"><div class="png-btn-container"><span class="png-btn-label">View PDF</span></div></button><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.searchBar"><form onkeypress="return event.keyCode != 13;" class="ng-pristine ng-valid ng-valid-maxlength"><div class="search-bar png-search-ui-component ng-empty ng-valid layout-align-start-center layout-row" layout="" layout-align="start center" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input" ng-disabled="cslc.model.searchDisabled" ng-model="cslc.model.searchBar" placeholder="Search" aria-disabled="false" aria-invalid="false"><div class="search-icon-container"><md-icon aria-hidden="true" md-svg-icon="gly_magnifier" class="search-icon" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input.searchIcon" role="img"><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path d="M9 2a7 7 0 0 1 5.606 11.192l3.308 3.308-1.414 1.414-3.308-3.308A7 7 0 1 1 9 2zm0 2a5 5 0 1 0 0 10A5 5 0 0 0 9 4z" fill="#898A8C"></path></svg></md-icon></div><div class="input-field-container"><div id="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input_inputLabel" style="display: none">Search</div><input ng-attr-never-dirty="{{::alwaysClean}}" class="input-field ng-pristine ng-untouched ng-valid ng-empty ng-valid-maxlength" placeholder="Search" ng-model="internalBinding" ng-change="internalChanged()" ng-pattern-restrict=".*" maxlength="" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input.input" ng-focus="focus({event: $event})" ng-blur="blur({event: $event})" aria-labelledby="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input_inputLabel" aria-invalid="false"></div><div class="close-icon-container layout-align-start-center layout-row" layout="" layout-align="start center"><div id="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input_clearLabel" style="display: none"><span png-localize="png.core.label.clear">Clear</span></div><!----><md-icon ng-if="!isLoading" md-svg-icon="gly_cross_x" class="close-icon ng-hide" ng-click="clearTextField();" ng-show="internalBinding.length || alwaysShowClose" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input.closeIcon" aria-labelledby="paychex.app.landing.shared.drawer.checkStubsList.searchBar.input_clearLabel paychex.app.landing.shared.drawer.checkStubsList.searchBar.input_inputLabel" role="button" tabindex="0" aria-hidden="true"><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path fill="#898A8C" d="M15.657 5.757L11.414 10l4.243 4.244-1.414 1.414L10 11.413l-4.243 4.244-1.414-1.414 4.243-4.244-4.243-4.242 1.414-1.414L10 8.584l4.243-4.24z"></path></svg></md-icon><!----><!----></div></div></form></div></div><div class="check-stubs-content"><table class="grid" ng-hide="(cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar).length==0" aria-hidden="false"><thead><tr><th><label checkbox="" png-checkbox="" target-ref="check-stubs-2022" ng-click="cslc.toggleSelectAll()" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.selectAllCheckbox" for="cb8780" state="unchecked" role="button" tabindex="0"> <input type="checkbox" id="cb8780"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></th><th class="check-stub-header no-select" ng-click="cslc.setSortPattern('checkDate');" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.sortingCheckDate" role="button" tabindex="0">Check Date<md-icon ng-show="cslc.getSortOrder('checkDate')===1 &amp;&amp; cslc.getSortPattern()==='checkDate'" md-svg-icon="dashboard:down-arrow" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.sortingCheckDate.downArrow" role="img" aria-label="dashboard:down-arrow" aria-hidden="false"><svg version="1.1" x="0" y="0" xml:space="preserve" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" fill="#404040" d="M0 0h8L4 4 0 0z"></path></svg></md-icon><md-icon ng-show="cslc.getSortOrder('checkDate')=== -1 &amp;&amp; cslc.getSortPattern()==='checkDate'" md-svg-icon="dashboard:up-arrow" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.sortingCheckDate.upArrow" role="img" aria-label="dashboard:up-arrow" aria-hidden="true" class="ng-hide"><svg version="1.1" x="0" y="0" xml:space="preserve" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" fill="#404040" d="M8.001 4h-8l4-4 4 4z"></path></svg></md-icon></th><th class="net-pay no-select" ng-click="cslc.setSortPattern('netPay');" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.NetPayLabel" role="button" tabindex="0">Net Pay<md-icon ng-show="cslc.getSortOrder('netPay')===1 &amp;&amp; cslc.getSortPattern()=== 'netPay'" md-svg-icon="dashboard:down-arrow" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.NetPayArrow.downArrow" role="img" aria-label="dashboard:down-arrow" aria-hidden="true" class="ng-hide"><svg version="1.1" x="0" y="0" xml:space="preserve" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" fill="#404040" d="M0 0h8L4 4 0 0z"></path></svg></md-icon><md-icon ng-show="cslc.getSortOrder('netPay')=== -1 &amp;&amp; cslc.getSortPattern()=== 'netPay'" md-svg-icon="dashboard:up-arrow" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.NetPayArrow.upArrow" role="img" aria-label="dashboard:up-arrow" aria-hidden="true" class="ng-hide"><svg version="1.1" x="0" y="0" xml:space="preserve" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" fill="#404040" d="M8.001 4h-8l4-4 4 4z"></path></svg></md-icon><div ng-show="cslc.getSortPattern()!== 'netPay'" class="netPaySpacer" aria-hidden="false"></div></th></tr></thead><tbody><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:0" class="" style=""><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:0" for="cb8781" state="unchecked" class="ng-not-empty ng-valid ng-dirty" aria-invalid="false" style=""> <input type="checkbox" id="cb8781"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:0">11/10/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:0" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$632.08</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:1"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:1" for="cb8782" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8782"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:1">11/10/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:1" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$310.24</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:2"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:2" for="cb8783" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8783"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:2">11/04/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:2" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$775.80</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:3"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:3" for="cb8784" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8784"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:3">10/28/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:3" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$669.62</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:4"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:4" for="cb8785" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8785"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:4">10/21/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:4" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$632.08</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:5"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:5" for="cb8786" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8786"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:5">10/21/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:5" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$164.19</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:6"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:6" for="cb8787" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8787"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:6">10/14/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:6" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$632.08</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:7"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:7" for="cb8788" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8788"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:7">10/07/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:7" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$856.76</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:8"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:8" for="cb8789" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8789"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:8">09/30/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:8" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$837.33</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:9"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:9" for="cb8790" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8790"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:9">09/23/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:9" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$760.06</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:10"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:10" for="cb8791" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8791"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:10">09/16/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:10" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$775.57</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:11"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:11" for="cb8792" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8792"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:11">09/09/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:11" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$791.20</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:12"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:12" for="cb8793" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8793"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:12">09/02/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:12" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:13"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:13" for="cb8794" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8794"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:13">09/02/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:13" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$141.44</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:14"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:14" for="cb8795" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8795"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:14">08/26/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:14" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$837.01</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:15"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:15" for="cb8796" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8796"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:15">08/19/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:15" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$704.10</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:16"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:16" for="cb8797" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8797"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:16">08/12/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:16" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$736.23</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:17"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:17" for="cb8798" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8798"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:17">08/05/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:17" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$739.66</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:18"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:18" for="cb8799" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8799"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:18">07/29/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:18" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$808.95</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:19"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:19" for="cb8800" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8800"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:19">07/22/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:19" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$751.62</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:20"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:20" for="cb8801" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8801"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:20">07/15/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:20" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$730.53</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:21"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:21" for="cb8802" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8802"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:21">07/08/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:21" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:22"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:22" for="cb8803" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8803"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:22">07/01/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:22" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:23"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:23" for="cb8804" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8804"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:23">06/24/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:23" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:24"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:24" for="cb8805" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8805"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:24">06/24/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:24" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$55.56</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:25"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:25" for="cb8806" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8806"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:25">06/17/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:25" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$763.20</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:26"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:26" for="cb8807" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8807"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:26">06/10/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:26" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$939.52</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:27"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:27" for="cb8808" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8808"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:27">06/03/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:27" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:28"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:28" for="cb8809" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8809"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:28">05/27/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:28" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$832.01</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:29"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:29" for="cb8810" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8810"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:29">05/20/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:29" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:30"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:30" for="cb8811" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8811"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:30">05/13/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:30" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$902.13</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:31"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:31" for="cb8812" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8812"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:31">05/06/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:31" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$662.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:32"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:32" for="cb8813" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8813"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:32">04/29/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:32" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$764.38</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:33"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:33" for="cb8814" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8814"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:33">04/22/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:33" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$782.00</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:34"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:34" for="cb8815" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8815"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:34">04/15/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:34" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$667.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:35"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:35" for="cb8816" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8816"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:35">04/08/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:35" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$710.71</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:36"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:36" for="cb8817" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8817"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:36">04/01/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:36" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$769.99</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:37"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:37" for="cb8818" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8818"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:37">03/25/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:37" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$667.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:38"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:38" for="cb8819" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8819"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:38">03/18/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:38" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$778.09</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:39"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:39" for="cb8820" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8820"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:39">03/11/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:39" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$667.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:40"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:40" for="cb8821" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8821"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:40">03/11/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:40" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$208.86</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:41"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:41" for="cb8822" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8822"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:41">03/04/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:41" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$667.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:42"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:42" for="cb8823" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8823"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:42">02/25/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:42" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$649.97</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:43"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:43" for="cb8824" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8824"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:43">02/25/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:43" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$137.78</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:44"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:44" for="cb8825" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8825"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:44">02/18/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:44" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$802.09</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:45"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:45" for="cb8826" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8826"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:45">02/11/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:45" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$702.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:46"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:46" for="cb8827" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8827"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:46">02/04/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:46" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$841.28</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:47"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:47" for="cb8828" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8828"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:47">01/28/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:47" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$901.87</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:48"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:48" for="cb8829" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8829"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:48">01/28/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:48" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$137.77</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:49"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:49" for="cb8830" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8830"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:49">01/21/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:49" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$702.27</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:50"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:50" for="cb8831" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8831"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:50">01/14/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:50" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$874.00</div></td></tr><!----><tr ng-repeat="checkStub in cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar track by $index" ng-class="{'row-selected' : checkStub.selected ===true}" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate:51"><td><label checkbox="" png-checkbox="" ref="check-stubs-2022" ng-model="checkStub.selected" ng-change="cslc.selectItem(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.checkbox:51" for="cb8832" state="unchecked" class="ng-not-empty ng-valid" aria-invalid="false"> <input type="checkbox" id="cb8832"> <div class="checkbox-content paychex-component" ng-transclude=""></div></label></td><td><a href="" ng-click="cslc.showDetailCheckStub(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.payDate.link:51">01/07/2022</a></td><td><div class="net-pay" ng-click="cslc.openDocument(checkStub);" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.checkStub.netPay:51" role="button" tabindex="0"><span ng-show="checkStub.netPay < 0 " aria-hidden="true" class="ng-hide">- </span>$702.27</div></td></tr><!----></tbody></table><div class="no-results ng-hide" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noResultsText" ng-show="(cslc.model.checkStubs.drawerListForSelectedYear.length >0 &amp;&amp; cslc.model.checkStubs.drawerListForSelectedYear | checkStubsSearchFilterV2: cslc.model.searchBar).length==0" aria-hidden="true">No Results Found</div></div></div><!----><div class="payx-centered-illustrated-message-container"><div class="payx-centered-illustrated-message"><png-empty-state-message ng-show="cslc.model.noDocuments" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText" svg-icon="empty_payrollcheck" title-text="No documents... yet." class="ng-hide" aria-hidden="true"><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.container" class="empty-state-container"><md-icon data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.icon" class="empty-state-image empty" md-svg-icon="empty_payrollcheck" role="img" aria-label="empty_payrollcheck"><svg class="Layer_1" data-name="Layer 1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><title>empty_payrollcheck</title><circle cx="50" cy="50" r="50" fill="#e0e7ef"></circle><path d="M82.3 31.3l.7-.1a.52.52 0 0 0 0-.8l-.7-.1v1z" fill="#90a9b6"></path><path fill="#c2d1da" d="M74.8 34.9l7.5-3.7v-1l-7.5-3.6v8.3z"></path><path fill="#90a9b6" d="M82.3 31.2l-7.5 3.7v-2.6l7.5-1.4v.3z"></path><path fill="#c2d1da" d="M74.8 26.6v8.3H23.9v-8.3h50.9z"></path><path fill="#a2b8c6" d="M74.8 32.3v2.6H23.9v-2.6h50.9zM23.9 27.8v5.9h-5.6v-5.9h5.6z"></path><path fill="#90a9b6" d="M23.9 32.3v1.4h-5.6v-1.4h5.6zM16.4 31.7v-2h1.9v2z"></path><path d="M46.4 24.7l-.9-.8a.35.35 0 0 0-.2-.1l-21 .1a2.36 2.36 0 0 0-1.6.7l-3.2 3.6 1.7.6c.1.1.2 0 .3-.1l2.3-2.7a1.91 1.91 0 0 1 1.4-.7l20.9-.1c.2-.1.3-.2.2-.4.2 0 .2-.1.1-.1z" fill="#a2b8c6"></path><path d="M17.2 39.7h65.2a.86.86 0 0 1 .8.8v31.8a.86.86 0 0 1-.8.8H17.2a.86.86 0 0 1-.8-.8V40.5a.86.86 0 0 1 .8-.8z" fill="#fff"></path><path fill="#90a9b6" d="M20.1 46.1h18.5v2H20.1zM20.1 66.4h18.5v2H20.1zM64.4 56.5a2.33 2.33 0 0 0 1.5.7.64.64 0 0 0 .8-.6c0-.5-.7-.6-1.3-.8a1.71 1.71 0 0 1-1.3-1.7 2 2 0 0 1 1.7-2v-1h.8v1a2.69 2.69 0 0 1 1.5.5l-.6 1.2a1.5 1.5 0 0 0-1.1-.4.57.57 0 0 0-.7.4 1.12 1.12 0 0 0 .8.7c1 .3 1.8.7 1.8 1.9a2.13 2.13 0 0 1-1.8 2.1v1.1h-.8v-1a4.25 4.25 0 0 1-1.1-.2 2.07 2.07 0 0 1-1-.6z"></path><path fill="#c2d1da" d="M20.1 54h33.4v1H20.1zM20.1 57.8h37.1v1H20.1z"></path><path fill="#90a9b6" d="M68.3 46.1h11.1v2H68.3zM42.4 66.4h7.4v2h-7.4zM57.2 69.3c1.7.7 3.6-2.2 4.4-3.2A23.4 23.4 0 0 1 64 63c.4-.3-.2.3-.3.6-.3.6-.5 1.2-.8 1.8a6.45 6.45 0 0 0-.3 2 .32.32 0 0 0 .3.3c1 .1.2-.1 1.1-.2a4.53 4.53 0 0 1 2.3.2c.6.2.7.5 1.4.5a24.37 24.37 0 0 0 2.6-.6c.8 0 1.7.2 2.5.2a58.45 58.45 0 0 0 5.9-.4.32.32 0 0 0 .3-.3.45.45 0 0 0-.3-.3c-2.2 0-4.5.5-6.7.4-2-.1-4 .4-5.8-.3-.8-.3-1-.1-1.8-.2-1.7-.1-1-1-.5-2.2a6.69 6.69 0 0 0 .5-1.9.22.22 0 0 0-.2-.2c-.1 0-.1 0-.2.1-1.5 1.4-4.5 7.6-6.9 6.9.1-.2 0-.1.1-.1z"></path></svg></md-icon><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.title" class="empty-state-title" png-localize="No documents... yet.">No documents... yet.</div><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.description" class="empty-state-description-text" png-localize="" png-args-expr="$ctrl.descriptionArgs"></div><ng-transclude></ng-transclude></div></png-empty-state-message></div></div></div><!----> </md-tab-content><!----><!----><!----><md-tab-content id="tab-content-21" class="_md md-no-scroll md-right" role="tabpanel" aria-labelledby="tab-item-21" md-swipe-left="$mdTabsCtrl.swipeContent &amp;&amp; $mdTabsCtrl.incrementIndex(1)" md-swipe-right="$mdTabsCtrl.swipeContent &amp;&amp; $mdTabsCtrl.incrementIndex(-1)" ng-if="tab.hasContent" ng-repeat="(index, tab) in $mdTabsCtrl.tabs" ng-class="{ 'md-no-transition': $mdTabsCtrl.lastSelectedIndex == null, 'md-active': tab.isActive(), 'md-left': tab.isLeft(), 'md-right': tab.isRight(), 'md-no-scroll': $mdTabsCtrl.dynamicHeight }" style=""> <!----><div md-tabs-template="::tab.template" md-connected-if="tab.isActive()" md-scope="::tab.parent" ng-if="$mdTabsCtrl.enableDisconnect || tab.shouldRender()"><!----><!----><!----><div class="payx-centered-illustrated-message-container"><div class="payx-centered-illustrated-message"><png-empty-state-message ng-show="cslc.model.noDocuments" data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText" svg-icon="empty_payrollcheck" title-text="No documents... yet." class="ng-hide" aria-hidden="true"><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.container" class="empty-state-container"><md-icon data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.icon" class="empty-state-image empty" md-svg-icon="empty_payrollcheck" role="img" aria-label="empty_payrollcheck"><svg class="Layer_1" data-name="Layer 1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false"><title>empty_payrollcheck</title><circle cx="50" cy="50" r="50" fill="#e0e7ef"></circle><path d="M82.3 31.3l.7-.1a.52.52 0 0 0 0-.8l-.7-.1v1z" fill="#90a9b6"></path><path fill="#c2d1da" d="M74.8 34.9l7.5-3.7v-1l-7.5-3.6v8.3z"></path><path fill="#90a9b6" d="M82.3 31.2l-7.5 3.7v-2.6l7.5-1.4v.3z"></path><path fill="#c2d1da" d="M74.8 26.6v8.3H23.9v-8.3h50.9z"></path><path fill="#a2b8c6" d="M74.8 32.3v2.6H23.9v-2.6h50.9zM23.9 27.8v5.9h-5.6v-5.9h5.6z"></path><path fill="#90a9b6" d="M23.9 32.3v1.4h-5.6v-1.4h5.6zM16.4 31.7v-2h1.9v2z"></path><path d="M46.4 24.7l-.9-.8a.35.35 0 0 0-.2-.1l-21 .1a2.36 2.36 0 0 0-1.6.7l-3.2 3.6 1.7.6c.1.1.2 0 .3-.1l2.3-2.7a1.91 1.91 0 0 1 1.4-.7l20.9-.1c.2-.1.3-.2.2-.4.2 0 .2-.1.1-.1z" fill="#a2b8c6"></path><path d="M17.2 39.7h65.2a.86.86 0 0 1 .8.8v31.8a.86.86 0 0 1-.8.8H17.2a.86.86 0 0 1-.8-.8V40.5a.86.86 0 0 1 .8-.8z" fill="#fff"></path><path fill="#90a9b6" d="M20.1 46.1h18.5v2H20.1zM20.1 66.4h18.5v2H20.1zM64.4 56.5a2.33 2.33 0 0 0 1.5.7.64.64 0 0 0 .8-.6c0-.5-.7-.6-1.3-.8a1.71 1.71 0 0 1-1.3-1.7 2 2 0 0 1 1.7-2v-1h.8v1a2.69 2.69 0 0 1 1.5.5l-.6 1.2a1.5 1.5 0 0 0-1.1-.4.57.57 0 0 0-.7.4 1.12 1.12 0 0 0 .8.7c1 .3 1.8.7 1.8 1.9a2.13 2.13 0 0 1-1.8 2.1v1.1h-.8v-1a4.25 4.25 0 0 1-1.1-.2 2.07 2.07 0 0 1-1-.6z"></path><path fill="#c2d1da" d="M20.1 54h33.4v1H20.1zM20.1 57.8h37.1v1H20.1z"></path><path fill="#90a9b6" d="M68.3 46.1h11.1v2H68.3zM42.4 66.4h7.4v2h-7.4zM57.2 69.3c1.7.7 3.6-2.2 4.4-3.2A23.4 23.4 0 0 1 64 63c.4-.3-.2.3-.3.6-.3.6-.5 1.2-.8 1.8a6.45 6.45 0 0 0-.3 2 .32.32 0 0 0 .3.3c1 .1.2-.1 1.1-.2a4.53 4.53 0 0 1 2.3.2c.6.2.7.5 1.4.5a24.37 24.37 0 0 0 2.6-.6c.8 0 1.7.2 2.5.2a58.45 58.45 0 0 0 5.9-.4.32.32 0 0 0 .3-.3.45.45 0 0 0-.3-.3c-2.2 0-4.5.5-6.7.4-2-.1-4 .4-5.8-.3-.8-.3-1-.1-1.8-.2-1.7-.1-1-1-.5-2.2a6.69 6.69 0 0 0 .5-1.9.22.22 0 0 0-.2-.2c-.1 0-.1 0-.2.1-1.5 1.4-4.5 7.6-6.9 6.9.1-.2 0-.1.1-.1z"></path></svg></md-icon><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.title" class="empty-state-title" png-localize="No documents... yet.">No documents... yet.</div><div data-payxautoid="paychex.app.landing.shared.drawer.checkStubsList.noDocumentsText.description" class="empty-state-description-text" png-localize="" png-args-expr="$ctrl.descriptionArgs"></div><ng-transclude></ng-transclude></div></png-empty-state-message></div></div></div><!----> </md-tab-content><!----><!----> </md-tabs-content-wrapper></md-tabs><!----><!----></div></div></png-reusable-error></div></div></div></div></div></payx-context>

<!-- List Panel Drawer -->
<div id="panel-drawer" tabindex="-1" role="complementary" aria-label="List Drawer" drawer="" drawer-type="listPanelDrawer" data-payxautoid="paychex.app.landing.listPanelDrawer"><div class="drawer" ng-transclude=""></div></div>

</section>