

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html id="html" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://ogp.me/ns#" lang="en">
<head id="HeadNode">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        
        

        <meta property="og:site_name" content="Panopto" />

        
        
            <title>Panopto</title>
            <meta name="description" content="Capture, manage, and search all your video content." />

            
            <meta property="og:url" content="http://mnu.hosted.panopto.com/Panopto/Pages/Sessions/List.aspx" />
            <meta property="og:title" content="Panopto" />
            <meta property="og:type" content="website" />
            <meta property="og:description" content="Capture, manage, and search all your video content." />
            <meta property="og:image" content="https://static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Application/Images/Logo/panoptoLogoIcon.png" />
        

        <link rel="search"
              type="application/opensearchdescription+xml"
              href="https://mnu.hosted.panopto.com/Panopto/Search/OpenSearchDescription.ashx"
              title="Panopto" />

        <link href='/Panopto/ContentCache/637000018257971923/_branding/6fbb053f-25e7-45ce-a42c-a8e00149ef6e/636997932752355984_favicon.ico' rel="SHORTCUT ICON" type="image/x-icon" />
        <link href='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Core.css' rel="stylesheet" type="text/css" />
        <link href='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Site.css' rel="stylesheet" type="text/css" />
        <link href='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/jquery-ui.css' rel="stylesheet" type="text/css"/>
        <link href='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/jquery.tagit.css' rel="stylesheet" type="text/css"/>
        <link href='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/tether/tether.min.css' rel="stylesheet" type="text/css"/>

        
        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/vendors.js'></script>

<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/core.umd.js'></script>

    <script type="text/javascript">
        PanoptoCore.setPrimaryColor('990000');
    </script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/api-client.umd.js'></script>

<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/styles.umd.js'></script>

<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/react-components.umd.js'></script>


    <script type="text/javascript">
        PanoptoReactComponents.I18n.initializeI18next({
            localesPathFormat: '\x2f\x2fstatic-assets-cdn.i.hosted.panopto.com\x2fPanopto\x2fCache\x2f16.10.0.00016\x2fScripts\x2fPanopto\x2flocales\x2f\x7b\x7bns\x7d\x7d.\x7b\x7blng\x7d\x7d.json',
            supportedLanguages: ["cy", "en", "da", "de", "es", "fr", "it", "ja", "ko", "nl", "pt", "ru", "th", "tr", "zh-Hans", "zh-Hant"],
        });
    </script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/SiteHeaderBootstrap.js'></script>

<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/CookieConsentBanner.js'></script>


    <script type="text/javascript">
        // Populate our Material-UI theme with the brand color.
        PanoptoReactComponents.Material.setBrandColor("#" + '990000');

        // Suppress jQuery-migrate log spam unless there's a value for a "jquery-migrate" query param.
        jQuery.migrateMute = location.search.indexOf("jquery-migrate") === -1;
    </script>

    
    <link href="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jquery_uniform_plugin/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link href="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jsTree/themes/panopto/style.css" rel="stylesheet" type="text/css" />

    
    
</head>
<body>
    
    
        <a
            href="#pageBody"
            class="skip-to-main-content-link"
            onclick="document.getElementById('pageBody').focus(); return false;"
            tabindex="0"
        >
            Skip to main content
        </a>
    

    
    <script type="text/javascript">
        var Panopto = Panopto || {};
        Panopto.isModal = false;
        Panopto.lang = '';
        Panopto.version = '16.10.0.00016';
        Panopto.appRoot = '\x2fPanopto';
        Panopto.cacheRoot = '\x2f\x2fstatic-assets-cdn.i.hosted.panopto.com\x2fPanopto\x2fCache\x2f16.10.0.00016';
        Panopto.webServerFQDN = 'mnu.hosted.panopto.com';
        Panopto.uriScheme = 'https';
        Panopto.hostedSuffix = 'hosted.panopto.com';
        Panopto.relativeSinglePageAppUrl =
            '\x2fPanopto\x2fCache\x2f16.10.0.00016\x2fPages\x2fSinglePageApp\x2fdist\x2f\x23\x2f';
        Panopto.authCookieTimeoutMinutes = 0;
        Panopto.loginUrl = 'https\x3a\x2f\x2fmnu.hosted.panopto.com\x2fPanopto\x2fPages\x2fAuth\x2fLogin.aspx';
        Panopto.hideAlertMessage = false;
        Panopto.licensingAlertMessageHtml = '';
        Panopto.contractUsageAlertMessageHtml = '';
        Panopto.adminAlertMessageHtml = '';
        Panopto.adminAlertMessageId = '00000000-0000-0000-0000-000000000000';
        Panopto.userAlertMessageHtml = '';
        Panopto.userAlertMessageId = '00000000-0000-0000-0000-000000000000';
        Panopto.isIOS = false;
        Panopto.isAndroid = false;
        Panopto.isHostedMaster = false;
        Panopto.isPanoptoHosted = true;
        Panopto.isEmbedded = false;
        Panopto.embeddedModeView = 0;
        Panopto.statusPollingEnabled = true;
        Panopto.showAffiliation = false;
        Panopto.helpUrl = 'https\x3a\x2f\x2fsupport.panopto.com\x2f16';
        Panopto.globalServicesFQDN = 'globalservices.panopto.com';
        Panopto.supportEmailAddress = 'lmshelp\x40mnu.edu';

        Panopto.viewer = {
            defaultMBRBitrate: 0,
        };

        Panopto.features = {
            minimizeInteractiveViewerHeaderUX: false,
            enableNetworkAccessRules: false,
            showThumbnailDate: false,
            areSocialFeaturesEnabled: true,
            areRatingsEnabled: true,
            isSchedulingAvailableToCreators: false,
            isPhoneHomeEnabled: false,
            isOCREnabled: true,
            isASREnabled: true,
            autoPlayEnabled: true,
            showContentOnPortal: false,
            homePageSubscriptionsEnabled: true,
            homePageWebcastsEnabled: false,
            homePageNewestEnabled: false,
            homePageSharedEnabled: false,
            homePageWatchedEnabled: true,
            simplifiedRecorderDownloadEnabled: true,
            isQuizzingAvailable: false,
            isRecycleBinAvailable:  false,
            batchErasureAvailable:  false,
            hideGroupMembership: false,
            departmentAdminEnabled: true,
            broadcastEnabled: true,
            tagsEnabled: true,
            allowVideoPodcastFeeds: false,
            allowAudioPodcastFeeds: false,
            folderDragAndDropEnabled: true,
            uploadByteLimit: 0,
            autoExpandInaccessibleFolders: false,
            hideUserNamesInStats: false,
            enableRetentionTooling: true,
            enableRetentionImpactReporting: true,
            retentionToolingRequireUserConfirmation:
                false,
            enableRetentionArchiveFeature: true,
            enableLegacyRecordingClients: true,
            panoptoWebAvailability:
                'adminsandcreators',
            panoptoWebEnabled: true,
            departmentAdminsEnabled: true,
            folderTreeMaxAutoExpandRequests: 10,
            usersCanCreateOauthClients:
                'allusers',
            enableZoomIntegration: true,
            enableWebexIntegration: true,
            enableTeamsIntegration: true,
            enableEmbedApi: true,
            remoteRecorderTemplatesEnabled: true,
            showRecycleBinAtTopLevelNavBar: false,
            schedulingAvailableToCreators: false,
            remoteRecorderListOnlyAdmins: false,
            useStorageAccessAPIForCookies: false,
            encodingCompleteEmailsEnabled: true,
            allowShareNotificationsUserControl: false,
            enableDiscussionModeration: true,
            enableDiscussionNotifications: true,
            taskStatusRefreshIntervalMsec: 10000,
            autoCreateSharingTagsOnPaste: true,
            redactUserNameInShareAccess: false,
            viewerLinkShareEnabled: true,
            captionsEnabledEmbedDefault: false,
            subscriptionsEnabled: true,
            playlistsEnabled: true,
            playlistStatsEnabled: false,
            disableFeaturesRequiringExternalNetworkAccess:
                false,
            tagStatsEnabled: false,
            enablePanoptoInsights: false,
            viewerStatsEnabled: true,
            showInheritingFolderInUserAccess: false,
            newFoldersInheritAccessByDefault: true,
            remoteRecorderMobileShowRecordersList:
                true,
            dropBoxContentSharingEnabled: true,
            displayIncludeEventsCheckbox: true,
            includeEventsCheckboxDefault: false,
            normalizeVolumeSupported:
                true,
            copyrightWarningForUploadsEnabled:
                false,
            webUIDelayWhileThrottling: 20,
            uploadApiEnabledForStreamUpload: true,
            useUploadAPIForWebUpload: true,
            uploadApiForceUseMachineS3Credentials:
                false,
            uploadApiForceCloudContentStore:
                false,
            sessionReferenceCopiesEnabled: true,
            liveMonitoringEnabled: true,
            liveMonitoringIceServers: 'stun\x3astun.l.google.com\x3a19302,stun\x3astun1.l.google.com\x3a19302,stun\x3astun2.l.google.com\x3a19302,stun\x3astun3.l.google.com\x3a19302,stun\x3astun4.l.google.com\x3a19302',
            enableCaptureLive: false,
            showCaptureLiveButton: false,
            allowAdminsToImpersonateUsers: false,
            enableAtMentions: false,
            serverAuthoritativeLeadingEvents: false,
            enableUserAndGroupRoleFilters: true,
            cookieConsentEnabled: false,
            enableAIMediaV2Client: false,
            usePanoptoState: true,
            socialMediaSharingEnabled: 2,
            embedOptionsResponsiveSize: false,
            enableUnreleasedUIFeatures:
                true,
            xfpEnabled:
                false,
            bulkOperationsRequiredRole:
                'creator',
            enableSaveAsButton:
                false,
            enableElaiSSO:
                false,
            elaiLoginUrl: 'https\x3a\x2f\x2fapp.elai.io\x2flogin\x3fsiteId\x3d',
            enableElaiSummarization:
                true,
            reactCreateFolderDialogEnabled: false,
            embeddedVideoHorizontalResolution: 720,
            vcaEnabled: false,
            isServerFirewalled: false,
            sendShareEmailsByDefault: true,
            brandEmbedViewer: true,
            bulkSchedulingEnabled: false,
            bulkSchedulingCsvMaxBytes: 10000000,
            bulkSchedulingCsvMaxRows: 10000,
            albertSansFontEnabled: false,
            bulkA11yRequestsEnabled: false,
        };

        Panopto.siteHeader = {
            helpMenuProps: {"supportEmailAddress":"lmshelp@mnu.edu","supportPhoneNumber":"","privacyEmailAddress":"","privacyPolicyLink":"https://www.panopto.com/privacy/","localHelps":[{"title":"","url":""},{"title":"","url":""},{"title":"","url":""},{"title":"","url":""},{"title":"","url":""},{"title":"","url":""}],"supportLoginUrl":null,"helpUrl":"https://support.panopto.com/16","showCreatorTour":false,"showViewerTour":false,"serverVersion":"16.10.0.00016","showSendLogs":false,"shardId":null,"settingsUrl":null},
            userMenuProps: {"userId":null,"userFullNameOrKey":null,"userKey":null,"currentProvider":"Panopto","roles":["Viewer"],"isInternal":true},
        };

        Panopto.branding = {
            accentColor: '990000',
            isAccentColorDefault:
                false,
            svgLogo: '\x2f\x2fstatic-assets-cdn.i.hosted.panopto.com\x2fPanopto\x2fCache\x2f16.10.0.00016\x2fStyles\x2fLess\x2fApplication\x2fImages\x2fLogo\x2fpanoptoLogoBlack.svg',
            largeLogo: {
                png: '\x2fPanopto\x2fContentCache\x2f637000018253750851\x2f_branding\x2f6fbb053f-25e7-45ce-a42c-a8e00149ef6e\x2f636997908031354552_largelogo.png',
                svgWidth: 136,
                svgHeight: 30,
            },
            smallLogo: {
                png:'\x2fPanopto\x2fContentCache\x2f637000018255626351\x2f_branding\x2f6fbb053f-25e7-45ce-a42c-a8e00149ef6e\x2f636997917517582126_smalllogo.png',
                svgWidth: 110,
                svgHeight: 25,
            },
            embedLogo: {
                png: '\x2fPanopto\x2fContentCache\x2f637000018256720120\x2f_branding\x2f6fbb053f-25e7-45ce-a42c-a8e00149ef6e\x2f636997921440299006_embedlogo.png',
            },
            squareLogo: '\x2fPanopto\x2fContentCache\x2f637000018258908151\x2f_branding\x2f6fbb053f-25e7-45ce-a42c-a8e00149ef6e\x2f637000017962819678_squarelogo.ico',
            siteLogoLink: '' || "/Panopto/Pages/Sessions/List.aspx",
            captureLogo: {
                png: '\x2fPanopto\x2fStyles\x2fLess\x2fApplication\x2fImages\x2fLogo\x2fpanoptoLogoIcon.svg',
                svg: '\x2f\x2fstatic-assets-cdn.i.hosted.panopto.com\x2fPanopto\x2fCache\x2f16.10.0.00016\x2fStyles\x2fLess\x2fApplication\x2fImages\x2fLogo\x2fpanoptoLogoIcon.svg',
                svgWidth: 75,
                svgHeight: 75,
            },
            showCobrand: true,
        };

        PanoptoApiClient.configure({
            webServerFQDN: Panopto.webServerFQDN,
            appRoot: Panopto.appRoot,
        });

        Panopto.user = {
            isAuthenticated: false,
            isSuperAdmin: false,
            sitePermissions: {"0":false,"1":false,"2":false,"3":false,"4":false,"5":false,"6":false,"7":false,"8":false,"9":false,"10":false,"11":false,"12":false,"13":false,"14":false,"15":false,"16":false,"17":false,"18":false,"19":false,"20":false,"21":false,"22":false,"23":false,"24":false,"25":false,"26":false,"27":false,"28":false,"29":false,"30":false,"31":false,"32":false,"33":false,"34":false,"35":false,"36":false,"37":false,"38":false,"39":false,"40":false,"41":false,"42":false,"43":false,"44":false,"45":false,"46":false,"47":false,"48":false,"49":false,"50":false,"51":false,"52":false,"53":false,"54":false,"55":false,"56":false,"57":false,"58":false,"59":false,"60":false,"61":false,"62":false,"63":false,"64":false,"65":false,"66":false,"67":false,"68":false,"69":false,"70":false,"71":false,"72":false,"73":false,"74":false,"75":false,"76":false,"77":false,"78":false,"79":false,"80":false,"81":false,"82":false,"83":false,"84":false,"85":false,"86":false,"87":false,"88":false,"89":false,"90":false,"91":false,"92":false,"93":false,"94":false,"95":false,"96":false,"97":false,"98":false,"99":false,"100":false,"101":false,"102":false,"103":false,"104":false,"105":false,"106":false,"107":false,"108":false,"109":false,"110":false,"111":false,"112":false,"113":false,"114":false,"115":false,"116":false,"118":false,"119":false,"120":false,"121":false,"122":false,"123":false,"124":false,"125":false,"126":false,"127":false,"128":false,"129":false,"130":false,"131":false,"132":false,"133":false,"134":false,"135":false,"136":false,"137":false,"138":false,"139":false,"140":false,"141":false,"142":false,"143":false,"144":false,"145":false,"146":false,"147":false,"148":false,"149":false,"150":false,"151":false,"152":false,"153":false,"154":false,"155":false,"156":false,"157":false,"158":false,"159":false,"160":false,"161":false,"162":false,"163":false,"164":false,"165":false,"166":false,"167":false,"168":false,"169":false,"170":false,"171":false,"172":false,"173":false,"174":false,"175":false,"176":false,"177":false,"178":false,"179":false,"180":false,"181":false,"182":false,"183":false,"184":false,"185":false,"186":false,"187":false,"188":false,"189":false,"190":false,"191":false,"193":false,"194":false,"195":false,"196":false,"197":false,"198":false,"199":false,"200":false,"201":false,"202":false,"203":false,"204":false,"205":false,"206":false,"207":false,"208":false,"209":false,"210":false,"211":false,"212":false,"213":false,"214":false,"215":false,"216":false,"217":false,"218":false,"219":false,"220":false,"221":false,"222":false,"223":false,"224":false,"225":false,"226":false,"227":false,"228":false,"229":false,"230":false,"231":false,"232":false,"233":false,"234":false,"235":false,"236":false,"237":false,"238":false,"239":false,"240":false,"241":false,"242":false,"243":false,"244":false,"245":false,"246":false,"247":false,"248":false,"249":false,"250":false,"251":false,"252":false,"253":false,"254":false,"255":false,"256":false,"257":false,"258":false,"259":false,"260":false,"261":false,"262":false,"263":false,"264":false,"265":false,"266":false,"267":false,"268":false,"269":false,"270":false,"271":false,"272":false,"273":false,"274":false,"275":false,"276":false,"282":false,"283":false,"284":false,"285":false,"286":false,"287":false,"288":false,"289":false,"290":false,"291":false,"292":false,"293":false,"294":false,"295":false,"296":false,"297":false,"298":false,"299":false,"300":false,"301":false,"302":false,"303":false,"304":false,"305":false,"306":false,"307":false,"308":false,"309":false,"310":false,"311":false,"312":false,"313":false,"314":false,"315":false,"316":false,"317":false,"318":false,"319":false,"320":false,"321":false,"322":false,"323":false},
            somewherePermissions: {"0":false,"1":false,"2":false,"3":true,"4":false,"5":false,"6":false,"7":true,"8":false,"9":false,"10":false,"11":false,"12":false,"13":false,"14":false,"15":false,"16":false,"17":false,"18":false,"19":false,"20":false,"21":false,"22":false,"23":false,"24":false,"25":false,"26":false,"27":false,"28":false,"29":false,"30":false,"31":true,"32":false,"33":false,"34":false,"35":false,"36":false,"37":false,"38":false,"39":false,"40":false,"41":false,"42":false,"43":false,"44":false,"45":false,"46":false,"47":false,"48":false,"49":false,"50":false,"51":false,"52":false,"53":false,"54":false,"55":false,"56":false,"57":false,"58":false,"59":false,"60":false,"61":false,"62":false,"63":false,"64":false,"65":false,"66":false,"67":false,"68":false,"69":false,"70":false,"71":false,"72":false,"73":false,"74":false,"75":false,"76":false,"77":false,"78":false,"79":false,"80":false,"81":false,"82":false,"83":false,"84":false,"85":false,"86":false,"87":false,"88":false,"89":false,"90":false,"91":false,"92":false,"93":false,"94":false,"95":false,"96":false,"97":false,"98":false,"99":false,"100":false,"101":false,"102":false,"103":true,"104":false,"105":false,"106":false,"107":false,"108":false,"109":false,"110":false,"111":false,"112":true,"113":false,"114":false,"115":false,"116":false,"118":false,"119":false,"120":false,"121":false,"122":false,"123":false,"124":false,"125":false,"126":false,"127":false,"128":false,"129":false,"130":false,"131":false,"132":false,"133":false,"134":false,"135":false,"136":false,"137":false,"138":false,"139":false,"140":false,"141":false,"142":false,"143":false,"144":false,"145":false,"146":false,"147":false,"148":false,"149":false,"150":false,"151":false,"152":false,"153":false,"154":false,"155":false,"156":false,"157":false,"158":false,"159":false,"160":false,"161":false,"162":false,"163":false,"164":false,"165":false,"166":false,"167":false,"168":false,"169":false,"170":false,"171":false,"172":false,"173":false,"174":false,"175":false,"176":false,"177":false,"178":false,"179":false,"180":false,"181":false,"182":false,"183":false,"184":false,"185":false,"186":false,"187":false,"188":false,"189":false,"190":false,"191":false,"193":false,"194":false,"195":false,"196":false,"197":false,"198":false,"199":false,"200":false,"201":false,"202":false,"203":false,"204":false,"205":false,"206":false,"207":false,"208":false,"209":false,"210":false,"211":false,"212":false,"213":false,"214":false,"215":false,"216":false,"217":false,"218":false,"219":false,"220":false,"221":false,"222":false,"223":false,"224":false,"225":false,"226":false,"227":false,"228":false,"229":false,"230":false,"231":false,"232":false,"233":false,"234":false,"235":false,"236":false,"237":false,"238":false,"239":false,"240":false,"241":false,"242":false,"243":false,"244":false,"245":false,"246":false,"247":false,"248":false,"249":false,"250":false,"251":false,"252":false,"253":false,"254":false,"255":false,"256":false,"257":false,"258":false,"259":false,"260":false,"261":false,"262":false,"263":false,"264":false,"265":false,"266":false,"267":false,"268":false,"269":false,"270":false,"271":true,"272":false,"273":false,"274":false,"275":true,"276":false,"282":false,"283":false,"284":false,"285":false,"286":false,"287":false,"288":false,"289":false,"290":false,"291":false,"292":false,"293":false,"294":false,"295":false,"296":false,"297":false,"298":false,"299":false,"300":false,"301":false,"302":false,"303":false,"304":false,"305":false,"306":true,"307":false,"308":false,"309":false,"310":false,"311":false,"312":false,"313":false,"314":false,"315":false,"316":false,"317":false,"318":false,"319":false,"320":false,"321":false,"322":false,"323":false},
            hasUnison: false,
            bulkOperationsEnabled: false,
            userKey: '',
            fullNameOrKey: '',
            userId: "",
            userRole: 'Viewer',
            // Get the id of the user's personal folder
            sandboxFolderId: "",
            cookieConsentGranted: null,
            cookieConsentDate: null,
        };

        Panopto.pendo = {
            accountId: '0017000000npsffAAA',
            accountName: 'MIDAMERICA NAZARENE UNIVERSITY',
            contractId: 'a1vPb000004y2RFIAY'
        }

        Panopto.timeZone = {
            baseUtcOffset: '-06\x3a00\x3a00',
            totalHours: "-6",
            supportsDST: true,
            displayName: '\x28UTC-06\x3a00\x29 Central Time \x28US \x26 Canada\x29',
            ianaName: 'America\x2fChicago',
        };

        Panopto.tourSettings = {
            creatorVideoUrl: '',
            viewerVideoUrl: '',
        };

        Panopto.teamsApp = {
            isFromTeams: false,
        };

        Panopto.cookiesEnabledInBrowser = PanoptoCore.CookieHelpers.areThirdPartyCookiesEnabled();

        Panopto.GoogleAnalytics =
            new PanoptoCore.GoogleAnalytics(
                true,
                true,
                '',
                {
                    GADefaultPageId: 'UA-32621143-3',
                    GAViewerPageId: 'UA-32621143-4',
                    GAEmbedPageId: 'UA-32621143-6',
                    GAListPageId: 'UA-32621143-7',
                    GAModalPageId: 'UA-32621143-8',
                },
                ''
            );
        if (!Panopto.features.cookieConsentEnabled || Panopto.user.cookieConsentGranted)
        {
            Panopto.GoogleAnalytics.initialize();
        }

        if (true
            && (Panopto.user.userRole === "Admin" || Panopto.user.userRole === "Creator")
        )
        {
            const apiKey = '7da3bf63-0014-4b56-6bd1-ee34c59c29cd';
            const visitor = {
                id: Panopto.user.userId,
                role: Panopto.user.userRole,
            };
            const account = {
                accountId: Panopto.pendo.accountId,
                accountName: Panopto.pendo.accountName,
                contractId: Panopto.pendo.contractId,
            };
            PanoptoCore.InternalAnalytics.initializePendo(
                apiKey,
                visitor,
                account,
            );
        }

        // Remember the built in version of the startsWith method so we can replace it after
        // MicrosoftAjax overwrites it with it's own non-ECMA standard version. This is needed
        // so that Kollective and other third party code can still use the ECMA specified second
        // parameter.
        Panopto.string = Panopto.string || {};
        Panopto.string.startsWith = String.prototype.startsWith;
    </script>

    
    <script id="panoptoLogoTemplate" type="text/template">
        <div class='panopto-logo'>
            <@ if (linksEnabled) { @>
                <a id='panoptoLogoLink' title='<@- mainLogoToolTip @>' href='<@- listPageLink @>' target='_top' aria-label='<@- mainLogoToolTip @>' tabindex="0">
                    <svg width="<@- width @>" height="<@- height @>" aria-hidden="true">
                        <@ if (pngUrl?.toLowerCase().endsWith('.svg')) { @>
                            <image href="<@- svgUrl @>" src='<@- pngUrl @>' onload="SVGInject(this)" aria-hidden="true" width="<@- width @>" height="<@- height @>">
                         <@ } else { @>
                            <image href="<@- svgUrl @>" src='<@- pngUrl @>' aria-hidden="true" width="<@- width @>" height="<@- height @>">
                        <@ } @>
                    </svg>
                </a>
            <@ } else { @>
                <span id='panoptoLogoLink'>
                    <svg width="<@- width @>" height="<@- height @>" aria-hidden="true">
                        <@ if (pngUrl?.toLowerCase().endsWith('.svg')) { @>
                            <image href="<@- svgUrl @>" src='<@- pngUrl @>' onload="SVGInject(this)" aria-hidden="true" width="<@- width @>" height="<@- height @>">
                         <@ } else { @>
                            <image href="<@- svgUrl @>" src='<@- pngUrl @>' aria-hidden="true" width="<@- width @>" height="<@- height @>">
                        <@ } @>
                    </svg>
                </span>
            <@ } @>
        </div>
    </script>
    <!-- Custom logo template with cobranding -->
    <script id="customerLogoTemplate" type="text/template">
        <div class='customer-logo'>
            <div class='main-logo'>
                <@ if (linksEnabled) { @>
                    <a id='siteLogo_customerLogoLink' title='<@- mainLogoToolTip @>' href='<@- customerLogoLink @>' target='_top' aria-label='<@- mainLogoToolTip @>' tabindex="0">
                        <img src='<@- pngUrl @>' alt='' aria-hidden="true">
                    </a>
                <@ } else { @>
                    <span id='siteLogo_customerLogoLink'>
                        <img src='<@- pngUrl @>' alt='' aria-hidden="true">
                    </span>
                <@ } @>
            </div>
            <@ if (showCobrand) { @>
                <div class='cobrand'>
                    <@ if (linksEnabled) { @>
                        <a id="panoptoLogoLink" class="cobrand-link" href="<@- cobrandLink @>" target="_blank">
                            <span><@- cobrandString @></span>
                        </a>
                    <@ } else { @>
                        <span id="panoptoLogoLink" class="cobrand-link">
                            <span><@- cobrandString @></span>
                        </span>
                    <@ } @>
                </div>
            <@ } @>
        </div>
    </script>

    <div id="cookieConsentBannerWrapper"></div>

    <form method="post" action="./List.aspx" id="rootForm">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTc0MTg0Mjc5M2QYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgIFImN0bDAwJGN0bDAwJFRlYW1zTG9naW5TdGF0dXMkY3RsMDEFImN0bDAwJGN0bDAwJFRlYW1zTG9naW5TdGF0dXMkY3RsMDOoLcgEE2f6aanrsirlVCBKh8GCr7M4+BagJAgQkdYK+w==" />


<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/MicrosoftAjax/MicrosoftAjax.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/MicrosoftAjax/start.js" type="text/javascript"></script>
<script src="/Panopto/ScriptResource.axd?d=EYZVvjSp3uzOX1UVC3KAZIP6UQCo1Y6n5wOqwPjV8xvMBZvYnvk_jZCpIm9g-V3wxuzflvFlzUpRHEOdxJ3FK1rJ6T-q2HcSLlooyY-Ml3uqpKzy8lq_VeiA9VERswbGah9abWm2cwzwYJ6SJZXAXw2&amp;t=5f9f1757" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Data.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Events.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Util.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/RenderBranding.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Application.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/MicrosoftAjax/extended/ExtendedControls.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/UI/Session.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/UI/Playlist.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/List/ListBase.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/ListComponents.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/BulkA11yRequest.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/SharedResources.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/DateRangePicker.js" type="text/javascript"></script>
<script src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/GuidedTour.js" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="06C69AD5" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAiFY5OW+sHDYcnLHu9sB+s4CSGQC8xEJVRa/FBqLP84USHvoMcoy19F4mJwmIcliOKniQ4mPD0t4wPKIeXS1Xdy/JjUThfdRjCOUEjlI7QhlplLdnOwNh06ypuDk2ITybv436oEYHpnCQP9BO7J0O2TvmQOIBmZ+vfsrrXPSuIvLstSeQ/cPx9Az9VuE7r4oSPxEut+e3HeHtSsprncWSIM" />
        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jQuery/jquery-ui.min.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jQuery/datepicker-localization.min.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jquery_tag_it/jquery.tag-it.min.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/waveform/waveform.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/tether/tether.min.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/tether-shepherd/shepherd.min.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/Core.js'></script>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/commons.js'></script>


        <input type="hidden" name="ctl00$ctl00$ScriptManagerControl" id="ScriptManagerControl" />
<script type="text/javascript">
//<![CDATA[
Sys.Application.setServerId("ScriptManagerControl", "ctl00$ctl00$ScriptManagerControl");
Sys.Application._enableHistoryInScriptManager();
//]]>
</script>


        <script type="text/javascript">
            // Render branding synchronously with script load to avoid rendering unbranded assets
            Panopto.Branding.renderBrandingColors(Panopto.branding.accentColor, Panopto.branding.isAccentColorDefault);

            // Enable client-side browser history.
            Sys.Application.set_enableHistory(true);

            // Load all required scripts.
            Sys.require([Sys.components.watermark,
                         Sys.components.modalPopup,
                         Sys.components.dataView,
                         Sys.components.dataContext,
                         Sys.scripts.WebServices,
                         Sys.scripts.Templates]);

            Sys.onReady(function ()
            {
                // This provides legacy behavior to integrations hosting Panopto within an iframe.
                // These integrations rely on this hack to enable them to use the same URL for hosting content
                // within the external site and loading the content in a new top-level browsing context.
                // We need condition for teamsApp because teams application on mobile devices doesn't use iFrame
                // as it is case with desktop devices, so we need to prevent cleaning embedded flags.
                if (!PanoptoCore.Browser.inIframe() && !Panopto.teamsApp?.isFromTeams)
                {
                    // Remove the embedded mode classes from the page wrapper element (if any)
                    $("#wrapper").removeClass("embedded embedded-nav mini-embedded");

                    // Reset our global embed mode flags
                    Panopto.isEmbedded = false;
                    Panopto.embeddedModeView = Panopto.Data.EmbeddedView.None;
                }

                Panopto.Application.defaultInstance.init();

                Panopto.Branding.createLogo(
                    $("#logoContainer.large-logo"),
                    Panopto.branding.largeLogo,
                    /*linksEnabled=*/ true);

                const cookieConsentBanner = Panopto.CookieConsentBanner(document.getElementById("cookieConsentBannerWrapper"), {
                    cookieConsentEnabled: Panopto.features.cookieConsentEnabled,
                    isAuthenticated: Panopto.user.isAuthenticated,
                    cookieConsentExpirationMinutes: 525600,
                    cookieConsentDate: Panopto.user.cookieConsentDate,
                    darkMode: window.location.pathname.indexOf("Capture.aspx") !== -1,
                    isEmbedded: PanoptoCore.Browser.inIframe()
                        || window.location.pathname.indexOf("/Pages/Mobile/") !== -1,
                    isLandscape: PanoptoCore.Browser.isLandscape(),
                    scaleForViewport: false,
                    resources: Panopto.GlobalResources,
                    userService: PanoptoTS.API.Rest.ServiceFactory.getUserService(),
                    onCookieConsentChange: function (granted)
                    {
                        // Initialize GoogleAnalytics when consent is granted
                        if (granted)
                        {
                            Panopto.GoogleAnalytics.initialize();
                        }

                        cookieConsentBanner.setProps({
                            cookieConsentDate: new Date()
                        });
                    }
                });

                PanoptoCore.Browser.attachOrientationChangeListener((isLandscape) =>
                {
                    cookieConsentBanner.setProps({
                        isLandscape: isLandscape
                    });
                });
            });

            // Configure the Public API module using the app root
            Panopto.Core.ServiceInterface.baseUrl = '/Panopto';
            Panopto.Core.ServiceInterface.uriScheme = Panopto.uriScheme;
        </script>

        
        <div id="wrapper" class="">

            
            <div class="shepherd-overlay"></div>
            <div class="shepherd-overlay-transparent"></div>

            
            
            <div
                id="notificationBanner"
                role="alert"
                aria-label="Panopto notification"
                aria-describedby="notificationMessageText"
                tabindex="-1"
                style="display: none"
            >
                <div id="notificationBannerContent">
                    <div id="notificationMessage">
                        <div id="notificationContainer">
                            <div id="notificationIcon"></div>
                            <div id="notificationMessageText"></div>
                        </div>
                    </div>
                    <div id="dismissButtonCell">
                        <div
                            id="dismissButton"
                            class="material-icons"
                            role="button"
                            aria-label="Close alert"
                            tabindex="0"
                        >
                            close
                        </div>
                    </div>
                </div>
            </div>
            
            
            <header id="header">

                <div id="SiteHeader">
	

                    
                    <div class="left-control-section">

                        
                        <div
                            id="mainNavToggleButton"
                            class="material-icons"
                            role="button"
                            aria-controls="navBar"
                            aria-expanded="true"
                            tabindex="0"
                        >
                            menu
                        </div>

                        
                        <div id="logoContainer" class="large-logo"></div>

                        
                        <nav id="embeddedNavButtons">

                            
                            <i id="embeddedHomeButton"
                               class="material-icons"
                               title="Home"
                               aria-label="Home"
                               role="link"
                               tabindex="0">
                                home
                            </i>

                            
                            <i id="embeddedSessionsButton"
                               class="material-icons"
                               title="Everything"
                               aria-label="Everything"
                               role="link"
                               tabindex="0">
                                video_library
                            </i>
                        </nav>
                    </div>

                    
                    <div class="middle-control-section">

                        
                        <div id="SearchWrapper">
                            <div id="headerSearch" class="search tour-search" role="search">
                                <i
                                    class="search-icon material-icons"
                                    aria-hidden="true"
                                >
                                    search
                                </i>

                                <input id="searchQuery" type="text" aria-label="Site Search" />
                                <a
                                    id="cancelSearch"
                                    href="#"
                                    class="clear-search material-icons"
                                    role="button"
                                    aria-label="Clear Search"
                                    title="Clear Search"
                                    style="display: none"
                                >
                                    cancel
                                </a>
                            </div>

                            
                            
                        </div>

                        
                        <div class="create-menu"></div>
                    </div>

                    
                    <div class="right-control-section">

                        
                        <div class="download-button tour-download">

                            
                            

                            
                            

                             
                            
                        </div>

                        
                        <div id="embedPoweredBy">
                            <span class="text">Powered by Panopto</span>
                        </div>

                        
                        <div class="tour-help-menu">

                            
                            <i
                                id="helpMenuButton"
                                class="material-icons"
                                title="Help"
                            />
                            </i>

                            
                            <div id="supportDropdown" class="help-dropdown" style="display: none">
                                
                                <div class="support-title inactive">
                                    Contact support
                                </div>
                                
                                
                                
                                <a href="mailto:lmshelp@mnu.edu" class="support-email" aria-label="Contact Support Email lmshelp@mnu.edu">
                                    lmshelp@mnu.edu
                                </a>

                                
                                <div class="divider inactive"></div>

                                
                                <div class="inactive support-title">
                                    Privacy contact:
                                </div>
                                
                                <a href="https://www.panopto.com/privacy/" class="link" target="_blank">
                                    Privacy policy
                                </a>

                                
                                <div class="divider inactive"></div>

                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                <a href="https://support.panopto.com/16" id="helpLink" class="link" target="_blank">
                                    Online Documentation
                                </a>
                                
                                
                                
                                
                                
                                <div class="inactive version-label">
                                    <label for="helpMenuVersion">
                                        Version:
                                    </label>
                                </div>
                                
                                
                                <input name="ctl00$ctl00$helpMenuVersion" type="text" id="helpMenuVersion" aria-readonly="true" readonly="" value="16.10.0.00016" />
                                
                                <a
                                    class="send-client-log"
                                    title="Send logs of your playback experience to help us diagnose problems"
                                    style="display:none"
                                >
                                    Send Logs
                                </a>

                                
                                

                                
                                
                                
                                
                                

                                
                                

                                
                                
                            </div>
                        </div>

                        
                        <div id="userContainer" class="user-container">

                            
                                    
                                    <div
                                        id="loginButton"
                                        class="standard-button branded-button"
                                        role="button"
                                        tabindex="0"
                                    >
                                        Sign in
                                    </div>
                            

                            
                            <div
                                id="userMenu"
                                role="dialog"
                                aria-label="User Info"
                                style="display: none"
                            >
                                

<script type="text/javascript" src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Login.js"></script>
<script type="text/javascript">
    var Panopto = Panopto || {};
    Panopto.Login = Panopto.Login || {};
    Panopto.Login.setUpClientHandlers = function ()
    {
        // Activate LinkButtons with space bar
        $(".login-form .standard-button").not("[href='#']").off("keydown").keydown(function (e)
        {
            if (e.keyCode === Panopto.Core.Key.Space)
            {
                // LinkButtons have javascript to execute post-backs in href, so evaluate it to activate
                eval($(this).attr("href"));
            }
        });

        // Focus first input
        $(".login-form").find("input,textarea,.standard-button").filter(":visible:first").focus();
    };

    Panopto.Login.checkStorageAccess = function ()
    {
        // Check for and (if necessary) request access to the cookie storage.
        Panopto.UI.Login.checkStorageAccessAPI();
    };

    Panopto.Login.onAnalyticsEvent = function (action, source)
    {
    }

    Panopto.Login.loadEula = function () {
        // Render EULA to approprite div
        PanoptoReactComponents.bootstrapReactComponent(PanoptoReactComponents.Control.EulaMessage)(
            document.getElementById("eulaText"),
            {
                messageMarkdown: ""
            }
        );

        // Set needed EULA class to root of login form
        $(".login-content").addClass("eula-content");

        // Bind change event for "RequireEulaReadConfirmation" checkbox that will enable/disable Accept EULA button
        // and set/remote Accept button title based if checkbox is checked or not
        $('#requireEulaReadConfirmationCheckbox').change(function () {
            var acceptButton = $('#AcceptEulaButton');
            var eulaReadConfirmationCheckboxIsChecked = $(this).is(":checked");

            // If EulaReadConfirmationCheckbox is checked enable Accept button, otherwise disable.
            acceptButton.prop("disabled", !eulaReadConfirmationCheckboxIsChecked);

            // If EulaReadConfirmationCheckbox is checked remove title, otherwise set title
            acceptButton.attr("title", eulaReadConfirmationCheckboxIsChecked
                ? ""
                : "Please explicitly confirm that you have read the EULA by checking a checkbox.");
        });

        // On window resize login form has logic to move form to page center.
        // We don't need this for EULA, so we will remove added margin-top (style) and window resize event
        $(".login-content").removeAttr("style");
        $(window).off("resize");
    };

    $(document).ready(function () {
        // Set the return url for crosspage postbacks.
        var returnUrl = $get('UserMenuContent_returnUrl');

        // Wire up user settings link.
        Panopto.Core.UI.Handlers.button($("#accountLink"), function () {
            Panopto.Application.defaultInstance.updateState({
                modalPage: "UserInfo",
                modalHeader: Panopto.GlobalResources.Account,
                modalParams: Panopto.Core.StringHelpers.serializeObjectToQueryString({
                    publicId: '',
                    isInternal: 'true'
                })
            });

            $("#userMenu").hide();
        });

        if (!returnUrl.value) {
            returnUrl.value = window.location.href;
        }

        $("#PageContentPlaceholder_loginControl_loginErrorMessage a").click(function(e)
        {
            Panopto.Login.onAnalyticsEvent("login-page-sso-error-click", "signup");
        })

        Panopto.Login.setUpClientHandlers();
    });

    Panopto.Login.routeStandardLoginFromGoogleSSO = function ()
    {
        // Helper function for reseting the redirect URL when a user clicks the standard login button in a google SSO environment
        // This function is only invoked in the UI where Google SSO is shown as a default option

        const internalLoginParam = 'standard'
        const urlParams = Panopto.Core.StringHelpers.parseQueryString(
            location.search,
            true,   // urlDecode
            true);  // useLowerCaseKeys

        if (urlParams.instance === "GoogleSSO")
        {
            // Google's return url has the return url and panopto protection token inside the 'state' url param
            // We need to extract the return url, but disregard the protection token since we are doing an internal login
            const urlState = urlParams.state;
            const stateQueryParams = urlState.split("&");
            var returnUrl = "";

            for (var i = 0; i < stateQueryParams.length; i++) {
                if (stateQueryParams[i].startsWith("ReturnUrl")) {
                    returnUrl = decodeURIComponent(stateQueryParams[i].split("=")[1]);
                }
            }

            // The URL may be double encoded if it was a token request originally. Check this first
            // then double decode it if necessary.
            if (returnUrl.indexOf("PanoptoToken") >= 0)
            {
                returnUrl = decodeURIComponent(decodeURIComponent(returnUrl));
            }

            // Split the urlState at "=" since the state query param has "ReturlUrl=..." value
            if (Panopto.features.panoptoState == Panopto.Core.Constants.PanoptoStateRedirectParamKey)
            {
                Panopto.Application.setPanoptoState(returnUrl)
                    .then((result) =>
                    {
                        window.location.href = "?instance=" + internalLoginParam + "&panoptoState="
                            + result?.panoptoStateId;
                    });
            }
            else
            {
                window.location.href = "?instance=" + internalLoginParam + "&ReturnUrl="
                    + encodeURIComponent(returnUrl);
            }
        }
        else
        {
            window.location.href += ((window.location.href.indexOf("?") == -1) ? "?" : "&") + "instance="
                + internalLoginParam;
        }
    }
</script>
<div class="login-form">
    <div id="UserMenuContent_loginUpdatePanel">
		
            <input type="hidden" name="ctl00$ctl00$UserMenuContent$forceStateChanged" id="UserMenuContent_forceStateChanged" />
            <input type="hidden" name="ctl00$ctl00$UserMenuContent$returnUrl" id="UserMenuContent_returnUrl" />

            
            <div id="UserMenuContent_notLoggedInControls">

                
                <div id="UserMenuContent_loginControls">
                    <h1 class="page-only">Sign in to Panopto</h1>
                    <h1 class="dropdown-only with-subtitle">Sign In</h1>
                    <h2 class="dropdown-only">to see more videos</h2>
                    
                    <span id="UserMenuContent_loginErrorMessage" class="error"></span>
                    <div id="UserMenuContent_standardLogin">
                        <div id="UserMenuContent_accountControl" class="input-wrapper">
                            <select name="ctl00$ctl00$UserMenuContent$providerDropdown" id="providerDropdown" disabled="disabled" class="aspNetDisabled" aria-label="Sign in using">
			<option selected="selected" value="MNU-Moodle">MNU Media</option>

		</select>
                        </div>
                        <div id="UserMenuContent_dropDownPanel">
			
                                

                                

                                <div id="UserMenuContent_externalLoginControls">
				
                                    <div class="input-wrapper">
                                        <a onclick="Panopto.Login.checkStorageAccess();window.location.href = &#39;/Panopto/Pages/Auth/Login.aspx?panoptoState=17bb972e-54e8-4b1c-aa96-b464009a247b&amp;instance=MNU-Moodle&#39;;
                                return false;" id="UserMenuContent_externalLoginButton" class="standard-button branded-button external-login" href="javascript:__doPostBack(&#39;ctl00$ctl00$UserMenuContent$externalLoginButton&#39;,&#39;&#39;)">Sign in</a>
                                    </div>
                                
			</div>
                            
		</div>
                    </div>
                    
                    <div class="cookie-warning">
                        We use cookies to remember your preferences and measure how our site is used. By continuing to browse this site, you are agreeing to our use of cookies. <br /><a href='https://support.panopto.com/16/login/cookies' target='_blank'>Learn more</a>
                    </div>
                </div>

                
                
            </div>

            
            
            
            <div id="UserMenuContent_emailLoginMessage">

                
                
            </div>
        
	</div>
</div>

                            </div>
                        </div>

                        
                        
                    </div>
                
</div>

                
                
            </header>

            
            


            
    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jquery_uniform_plugin/jquery.uniform.js'></script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/jsTree/jstree.min.js'></script>


    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/NavBar.js'></script>


    <script type="text/javascript">
        Sys.onReady(function ()
        {
            new Panopto.NavBar({"AllFoldersCount":0,"AllSessionsCount":555,"BookmarkedCount":0,"DisplayBookmarkedSessions":false,"DisplayInProgressSessions":false,"DisplayScheduledSessions":false,"Folders":null,"InProgressCount":0,"IsAllFoldersEnabled":false,"IsMultiSiteAdminEnabled":false,"IsPanoptoHosted":true,"IsPhoneHomeEnabled":false,"IsSchedulingAvailableToCreators":false,"IsSchedulingEnabled":true,"ScheduledCount":0,"SettingsAvailable":false,"SortSystemTray":true});
        });
    </script>

    <div id="contentRegion">
        <nav id="navBar" xmlns:sys="javascript:Sys">
            <div class="top-level-items">

                <div class="create-menu" style="display: none"></div>

                <ul id="contentViewSelector"
                    class="navbar-list"
                    aria-label="Main navigation">

                    
                    <li class="home accent-left-border tour-home">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">Home
                            </span>
                        </a>
                    </li>

                    
                    <li class="my-folder accent-left-border tour-my-folder" style="display: none">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">My Folder
                            </span>
                        </a>
                    </li>

                    
                    <li class="subscriptions accent-left-border" style="display: none">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">Subscriptions
                            </span>
                        </a>
                    </li>

                    
                    <li class="shared-with-me accent-left-border tour-share" style="display: none">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">Shared with Me
                            </span>
                        </a>
                    </li>

                    
                    <li class="everything accent-left-border">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">Everything
                            </span>
                        </a>
                    </li>

                    
                    <li class="in-progress accent-left-border" style="display: none">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label has-count">
                                <span class="ellipsis">In Progress</span>
                                <span class="count"></span>
                            </span>
                        </a>
                    </li>

                    
                    <li class="scheduled accent-left-border" style="display: none">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label has-count">
                                <span class="ellipsis">Scheduled</span>
                                <span class="count"></span>
                            </span>
                        </a>
                    </li>

                    
                    <li class="bookmarked accent-left-border" style="display: none">
                        <a href="#" class="link">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">Bookmarked
                            </span>
                        </a>
                    </li>

                    
                    <li class="recycle-bin accent-left-border" style="display: none">
                        <a href="#" class="link">
                            <i class="material-icons" aria-hidden="true">delete</i><span class="label ellipsis">Recycle Bin
                            </span>
                        </a>
                    </li>
                </ul>

                <ul id="expandedSectionSelector"
                    class="navbar-list"
                    aria-label="Expandable navigation">

                    
                    <li id="folderSelector" class="accent-left-border tour-home">
                        <a class="link"
                           role="button"
                           aria-controls="expandablePaneContent"
                           tabindex="0">
                            <i class="icon" aria-hidden="true"></i><span class="label ellipsis">Browse
                            </span>
                            <div class="blink-overlay"></div>
                        </a>
                    </li>

                    
                    <li id="adminSelector" class="accent-left-border" style="display: none">
                        <a class="link"
                           role="button"
                           aria-controls="expandablePaneContent"
                           tabindex="0">
                            <i class="material-icons" aria-hidden="true">settings</i><span class="label ellipsis">System
                            </span>
                        </a>
                    </li>

                    
                    <li id="MultiSiteAdminSelector" class="accent-left-border" style="display: none">
                        <a class="link"
                           role="button"
                           aria-controls="expandablePaneContent"
                           tabindex="0">
                            <i class="material-icons" aria-hidden="true">settings_applications</i><span class="label ellipsis">Multisite Management
                            </span>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="tooltip"></div>

            <section id="expandablePane"
                     class="expandable-pane"
                     aria-labelledby="expandablePaneTitle"
                     aria-expanded="false"
                     aria-hidden="true">

                <div class="pane-content">
                    <h1 id="expandablePaneTitle" class="title">
                        <span class="text"></span>
                        <div class="browse-spinner">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
                                <path id="path" fill="#30733F" stroke="none" d="M26 50A24 24 0 0 0 74 50A24 28 0 0 1 26 50">
                                </path>
                            </svg>
                        </div>
                    </h1>

                    <div class="pin"
                         role="button"
                         aria-pressed="false"
                         aria-label="Pin"
                         tabindex="0">
                        <svg class="filled" viewBox="0 0 24 24">
                            <path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z"></path>
                        </svg>
                        <svg class="outline" viewBox="0 0 24 24">
                            <path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z"></path>
                        </svg>
                    </div>

                    <div id="folderBrowserPlaceholder"></div>

                    <ul id="adminItems"
                        class="sys-template navbar-list"
                        aria-label="System navigation"
                        style="display: none">
                        <li sys:id="{{id}}" class="accent-left-border">
                            <a sys:if="{{!icon}}" sys:href="{{Panopto.appRoot + '/Pages/Admin/' + relativeUrl}}">
                                <i class="icon" aria-hidden="true"></i>
                                <span>{{name}}</span>
                            </a>
                            <a sys:if="{{icon}}"
                                sys:href="{{Panopto.appRoot + '/Pages/Admin/' + relativeUrl}}"
                                sys:aria-label="{{name}}"
                                class="link">
                                <i sys:innerhtml="{{icon}}" class="material-icons md-18" aria-hidden="true"></i>
                                <span>{{name}}</span>
                            </a>
                        </li>
                    </ul>

                    <ul id="MultiSiteAdminItems"
                        class="sys-template navbar-list"
                        aria-label="Multi-site administration navigation"
                        style="display: none">
                        <li sys:id="{{id}}" class="accent-left-border">
                            <a sys:href="{{Panopto.appRoot + '/Pages/MultisiteAdmin/' + relativeUrl}}"
                               sys:aria-label="{{name}}">
                                <i class="icon"></i>
                                <span>{{name}}</span>
                            </a>
                        </li>
                    </ul>

                    <div class="resize-sash"></div>
                </div>
            </section>
        </nav>

        <div id="pageBody" role="main" tabindex="-1">
            

    

<link href='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/jquery-ui.css' rel="stylesheet" type="text/css"/>



<div id="content" xmlns:sys="javascript:Sys">
    <div class="content-header">
        <div id="headerWrapper"></div>

        
            <div id="headerActionButtonsPlaceholder"></div>
        

        <div id="oldHeader">
            <a id="parentFolderButtonInHeader" href="#"
                title="Go up a folder"
                class="parent-folder-header-button disabled"
                style="display: none">
                <i class="material-icons button-icon">arrow_upward</i>
            </a>
            <h1 id="contentHeader" class="ellipsis header-text">
                <i class="header-icon material-icons"></i>
                <span id="contentHeaderText"></span>
            </h1>
            <div id="folderPicker" style="display: none"></div>
            <div id="licenseHeader" style="display: none">
                <div class="header-text licenses">
                    <i class="header-icon material-icons"></i>
                    License Assignments
                </div>
                <div id="licenseSubheader" class="subheader-text licenses">
                    <a href="ContractUsage.aspx">View license plan</a>
                </div>
            </div>
        </div>

        <div id="searchHeader" class="ellipsis" style="display: none">
            <div class="results header-text">
                <i class="header-icon material-icons"></i>
                Search Results for <span id='searchHeaderText'></span> in <span id='searchContextHeaderText'></span>
            </div>
        </div>

        <div class="clear"></div>

        
        <div id="licenseCountsHeader"></div>

        <div class="action-header-wrapper">
            
            <div id="folderPickerFilter" style="display:none">
                <span id="folderPickerFilterLabel"></span>
                <div id="folderPickerContainer"></div>
            </div>

            <div id="actionHeader" style="display: none"></div>
        </div>

        <ul class="action-buttons">
            <li>
                <a id="newButton" class="hidden-command-button" href="#">
                    New
                </a>
            </li>
            <li>
                <a id="createBatchButton" class="hidden-command-button" href="#">
                    Batch Create
                </a>
            </li>
            <li style="display: none">
                <a href="#">
                    Share
                </a>
            </li>
            <li>
                <span id="filterControlPlaceholder" class="sys-template"></span>
            </li>
            <li>
                <a id="parentFolderButton" href="#"
                   title="Go up a folder"
                   class="disabled"
                   style="display: none">
                   <i class="material-icons button-icon">arrow_upward</i>
                </a>
            </li>
            <li>
                <a href="#" id="refreshButton">
                    <svg class="button-icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
                        <path d="M9 13.5c-2.49 0-4.5-2.01-4.5-4.5S6.51 4.5 9 4.5c1.24 0 2.36.52 3.17 1.33L10 8h5V3l-1.76 1.76C12.15 3.68 10.66 3 9 3 5.69 3 3.01 5.69 3.01 9S5.69 15 9 15c2.97 0 5.43-2.16 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5z"/>
                    </svg>
                    <span id="refresh">Refresh</span>
                </a>
            </li>
            <li class="date-container">
                <div class="date-filter">
                    <div id="dateFilter" 
                         style="display: none" 
                         aria-label="Date Filter"
                         aria-live="polite"
                         aria-atomic="true"
                         role="dialog">
                        <div class="date-row">
                            <label for="StartDateTextBox">
                                From
                            </label>
                            <input name="ctl00$ctl00$PageContentPlaceholder$PageContentPlaceholder$ctl00$StartDateTextBox" type="text" id="StartDateTextBox" />
                        </div>
                        <div class="date-row">
                            <label for="EndDateTextBox">
                                To
                            </label>
                            <input name="ctl00$ctl00$PageContentPlaceholder$PageContentPlaceholder$ctl00$EndDateTextBox" type="text" id="EndDateTextBox" />
                        </div>
                        <div class="date-row last-row">
                            <div id="prevDayLink" 
                                 tabindex="0" 
                                 class="date-filter-box" 
                                 aria-label="Previous Day" 
                                 role="button">
                                <div class="arrow-box"></div>
                                <div class="text-box">1 Day</div>
                            </div>
                            <div class="today-link-span date-filter-box">
                                <div id="todayLink" tabindex="0" role="button">Today</div>
                            </div>
                            <div id="nextDayLink" 
                                 tabindex="0" 
                                 class="date-filter-box" 
                                 aria-label="Next Day" 
                                 role="button">
                                <div class="text-box">1 Day</div>
                                <div class="arrow-box"></div>
                            </div>
                        </div>
                        <div id="dateFilterClear"
                                tabindex="0"
                                aria-label="Cancel Filter" 
                                role="button">
                        </div>
                    </div>
                </div>
                <div class="date-filter-link-div hidden-command-button">
                    <a href="#" id="dateFilterLink" role="button">
                        Filter by date
                    </a>
                </div>
            </li>
            <li>
                <a id="processingStepFilter" href="#" class="hidden-command-button">
                    Filter by task
                </a>
                <div class="processing-step-filter"></div>
            </li>
            <li>
                <a id="processingStatusFilter" href="#" class="hidden-command-button">
                    Filter by status
                </a>
                <div class="processing-status-filter"></div>
            </li>
            <li>
                <div id="ReactDateFilter" class="react-datefilter-override hidden-command-button"></div>
            </li>
            <li>
                <a id="processingReset" href="#" class="hidden-command-button">
                    Reset filters
                </a>
            </li>
            <li>
                <a id="downloadButton" href="#" class="download hidden-command-button">
                    <i class="material-icons button-icon" aria-hidden="true">get_app</i>
                    <span class="text">Download</span>
                </a>
            </li>
            <li>
                <a id="batchDeleteButton" href="#" class="delete hidden-command-button">
                    Delete
                </a>
            </li>
            <li>
                <a id="doNotBillButton" href="#" class="doNotBill hidden-command-button">
                    Do Not Bill
                </a>
            </li>
            <li>
                <a id="forceErrorButton" href="#" class="forceError hidden-command-button">
                    Force Error
                </a>
            </li>
            <li>
                <a id="createUsageReport" href="#" class="usage-report hidden-command-button">
                    Create new report
                </a>
            </li>
            <li>
                <a id="getContractsButton" href="#" style="display:none;">
                    Update license plan
                </a>
            </li>
            <li id="filterSelectItem" style="display: none">
                <div>
                    <span id="filterSelectLabel"></span>
                    <select id="filterSelect"></select>
                </div>
            </li>
            <li id="filterToggles">
                <label id="filterToggle" style="display: none">
                    <input type="checkbox" />
                    <span id="filterToggleText"></span>
                </label>
                <label id="showErrorRequest" style="display:none;">
                    <input type="checkbox" />
                    <span id="showErrorRequestText"></span>
                </label>
            </li>
            <li>
                <div id="errorMessageText" class="error"></div>
            </li>
            <div class="preview-is-active" style="display:none">
                <a role="button">
                    <svg viewBox="0 0 24 24">
                        <path fill="none" d="M0 0h24v24H0V0z"/>
                        <path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 9H3V5h9v7z"/>
                    </svg>
                    <div class="preview-text">Preview Mode</div>
                </a>
            </div>
        </ul>
    </div>

    
    <div id="sortHeaderDataView">
        <table
            id="tableHeader"
            class="sort-bar"
            aria-label="Sort Bar (clickable column headers are sortable)"
        >
            <tr>
                <th class="select-all-cell">
                    <input type="checkbox" name="selectall" value="selectall" class="selectall material-icons" id="selectall-list" title="Select All / None" />
                </th>
                <th id="columnHeaderPlaceholder" class="sys-template"></th>
                <th class="spacer2"></th>
            </tr>
        </table>
        <div id="listHeader" class="sort-bar" style="display:none">
            <div class="select-all-cell">
                <input type="checkbox" name="selectall" value="selectall" class="selectall material-icons" id="selectall-details" title="Select All / None" />
            </div>
        </div>
    </div>
    
    <table class="sys-template">
        <tr id="columnHeaderTemplate">
            <th class="list-view-header">
                <span class="sort-field" tabindex="0">{binding column, convert=displayColumnName}</span>
                <div class="sortIcon ascending" alt="Sort Ascending"></div>
                <div class="sortIcon descending" alt="Sort Descending"></div>
                <div class="filterIcon" alt="Filter"></div>
            </th>
        </tr>
    </table>

    
    <div class="drop-target-overlay" style="display: none">
        <div class="call-to-action">

            <div class="cloud icon" aria-hidden="true">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="48px"  width="48px" fill="#626262">
                    <path d="M7 7h10v11H7z" fill="white" />
                    <path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/>
                </svg>
            </div>
            <i class="block icon material-icons" aria-hidden="true">block</i>

            <div class="message valid">Drop videos to instantly upload to:</div>
            <div class="message invalid">Videos can't be uploaded to:</div>

            <div class="folder-container">
                <i class="material-icons" aria-hidden="true">folder</i>
                <div class="folder-name"></div>
            </div>
        </div>
    </div>

    
    <div id="resultsDiv" class="content-table" tabindex="-1">
        <div class="content-table-list">
            



<div id="subfolderBar" class="subfolder-bar" style="display: none">
    
    <div class="subfolder-list sys-template"><!--
        
     --><div class="subfolder-wrapper"><!--
         --><div class="subfolder-item" tabindex="0" sys:data-id="{{ ID }}">
                <div class="subfolder-icon material-icons"></div>
                <div class="label ellipsis">{{ Name }}</div>
            </div><!--
    --></div><!--
 --></div>

    <div class="sys-template">
        
        <div class="expand-subfolders-template subfolder-wrapper ellipsis"><!--
         --><div tabindex="0" >
                <span>Show all</span>
                <i class="material-icons">keyboard_arrow_down</i>
            </div><!--
     --></div>
        
        <div class="collapse-subfolders-template subfolder-wrapper ellipsis"><!--
         --><div tabindex="0">
                <span>Show less</span>
                <i class="material-icons">keyboard_arrow_up</i>
            </div><!--
     --></div>
        
        <div class="show-more-template subfolder-wrapper ellipsis"><!--
         --><div tabindex="0" >
                <span>Show more</span>
                <i class="material-icons">keyboard_arrow_down</i>
            </div><!--
     --></div>
        
        <div class="new-subfolder-template subfolder-wrapper"><!--
         --><div class="subfolder-item ellipsis" tabindex="0">
                <div class="subfolder-icon material-icons"></div>
                
                <div class="new-subfolder-label">
                    Add folder
                </div>
                
                <input type="text" class="new-subfolder-input" style="display: none"
                    
                    placeholder="Enter name" />
                
                <div class="new-subfolder-input-cancel" tabindex="0" style="display: none"
                     title="Cancel"></div>
            </div><!--
     --></div>
    </div>
</div>

            

            <table id="tableViewContainer" class="table-view-container" role="list" tabindex="-1">
                <tr id="tableViewItemPlaceholder" class="sys-template"></tr>
            </table>

            <table id="listViewContainer" class="list-view-container" role="list" tabindex="-1" style="display: none">
                <tr id="listViewItemPlaceholder" class="sys-template"></tr>
            </table>

            <ul id="gridViewContainer" class="grid-view-container" tabindex="-1" style="display: none">
                <li id="gridViewItemPlaceholder" class="sys-template"></li>
            </ul>

            <div id="noResultsPlaceholder"></div>
            <div id="searchResultsAria" class="aria-offscreen" aria-live="polite"></div>
            <div id="archivedFooterContainer" style="display: none"></div>
        </div>


        <div id="previewWindow">
            <div id="closePreviewWindow"></div>
            <div id="contentPreviewWindow"></div>
        </div>
    </div>


    <div id="noResultsErrorTemplate" class="sys-template">
        Error loading results. <a href='#' class='retry-link'>Try again</a>
    </div>

    <div id="pager" class="pagination" style="display: none">
    </div>

</div>


    
    

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/SessionList.js'></script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/PreviewPaneFactory.js'></script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/TagsContainer.js'></script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/SubscriptionEmptyMessage.js'></script>

    
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Bundles/FileUploadController.js'></script>


    <script type="text/javascript">
        var Panopto = Panopto || {};
        Panopto.list = Panopto.list || {};
        Panopto.list.showVideoPreview = true
        Panopto.list.intervalWhenHidden = 60
        Panopto.list.showAllTimeViewCounts = false

        Sys.onReady(function () {
            var redirectToLogin = function () {
                // Unauthenticated request will redirect to the login page.
                if (Panopto.features.panoptoState == Panopto.Core.Constants.PanoptoStateRedirectParamKey)
                {
                    Panopto.Application.setPanoptoState(location.href)
                        .then((result) =>
                        {
                            var loginWithReturnUrl = Panopto.loginUrl + "?panoptoState=" + result?.panoptoStateId;
                            location.href = Panopto.teamsApp?.isFromTeams
                                ? loginWithReturnUrl + "&isFromTeams=true"
                                : loginWithReturnUrl;
                        });
                }
                else
                {
                    var loginWithReturnUrl = Panopto.loginUrl + "?ReturnUrl=" + encodeURIComponent(location.href);
                    location.href = Panopto.teamsApp?.isFromTeams
                        ? loginWithReturnUrl + "&isFromTeams=true"
                        : loginWithReturnUrl;
                }
            }

            // If user is not authenticated and request comes from TeamsApp redirect to login page
            if (!Panopto.user.isAuthenticated && Panopto.teamsApp?.isFromTeams) {
                redirectToLogin();
            }

            // Enable a generic "My Folder" request via hash param at load time.
            // Replace this temporary state with the actual folderID setting before loading SessionList().
            if (window.location.hash.indexOf("#isMyFolder=true") !== -1)
            {
                // If the user is unauthenticated, redirect to login.
                if (!Panopto.user.isAuthenticated)
                {
                    redirectToLogin();
                }
                // If the user has a sandbox folder redirect to the folder page.
                else if (Panopto.user.sandboxFolderId)
                {
                    Panopto.Application.defaultInstance.updateState({
                        folderID: Panopto.user.sandboxFolderId,
                        // Clear temporary state (not used by SessionList()).
                        isMyFolder: null
                    });
                }
                // If the user does not have a sandbox folder redirect to the Home page.
                else
                {
                    window.location.href = Panopto.appRoot + "/Pages/Home.aspx";
                }
            }

            // Shared with Me mode is only available for authenticated users.
            // If the user is unauthenticated, redirect to login.
            if (   window.location.hash.indexOf("#isSharedWithMe=true") !== -1
                && !Panopto.user.isAuthenticated)
            {
                redirectToLogin();
            }

            // Can't use Site.Master until in the $(document).ready
            Panopto.features.useLtiPostMessageStorageForAuthentication = false;

            PanoptoCore.LTI.setToken();

            var sessionList = new Panopto.SessionList({
                navBarInstance: Panopto.NavBar.defaultInstance,
                // Create menu may be in the header (embedded view), nav bar (regular view) or neither (no privileges).
                createMenuInstance:
                       Panopto.Application.defaultInstance.createMenu
                    ?? Panopto.NavBar.defaultInstance.createMenu,
                showCreatorTour: false,
                showViewerTour: false,
                showAdminSettingsPrompt: false,
                adminHelpSettingsUrl: '',
                showGoToParentButtonInEmbeddedSessionList: false,
                showSharedWithMeDateSort: true,
                defaultSharedWithMeDateSort: false,
                showSharedWithMeSearchSort: true
            });
            sessionList.init();
        });
    </script>

    <div id="fileUploadController"></div>

    <script id="statusTemplate" type="text/template">
        <div class='
            status-item
            <@- cssClass @>
            <@- isError ? "error-status" : "" @>
        '>
            <@- createMessage @>
        </div>
    </script>
    <div id="sessionActionPrompt"></div>
    <div id="noResultsTemplateCreator" class="sys-template">
        <div class="create-message">Videos created by you and others in your organization will appear here.
You can create videos by clicking "Create" at the top of the page.</div>
        <a href='https://support.panopto.com/16'
           target="_blank">
            Learn More
        </a>
    </div>
    <div id="noResultsTemplateViewer" class="sys-template">
        <div>This list contains no videos.</div>
    </div>
    <div id="emptyFolderTemplate" class="sys-template">
        <div id="emptyFolderTemplateContent"></div>
    </div>
    <div id="emptyMyFolderTemplate" class="sys-template">
        <div class="empty-special-session-list">
            <div>
                Welcome to your personal folder
            </div>
            <div class="empty-special-session-list-helper-text">
                Drop any video from your computer here, or click the Create button to get started
            </div>
        </div>
    </div>
    <div id="noFolderTemplate" class="sys-template">
        Failed to load folder.
        <br /><br />
        Click <a href='#'>here</a> to see all sessions.
    </div>
    <div id="noSharedWithMeTemplate" class="sys-template">
        <div class="empty-special-session-list">
            <div>There’s nothing to watch here yet</div>
            <div class="empty-special-session-list-helper-text">
                Check back soon for shared videos
            </div>
        </div>
    </div>
    <div id="noBookmarksTemplate" class="sys-template">
        <div class="empty-special-session-list">
            <div>Bookmarks are great for getting back to important things</div>
            <ol>
                <li>1. Click the Bookmarks tab when you're watching a session</li>
                <li>2. Type a description and hit enter to create a bookmark</li>
                <li>3. Bookmarks will appear here. Click one to get back to what you were watching!</li>
            </ol>
        </div>
    </div>
    <div id="noResultsLoginTemplate" class="sys-template">
        No results were found. You might see results if you <a href='#'>sign in</a>.
    </div>
    <div id="noResultsQueryTemplate" class="sys-template">
        No matching sessions.
        <br /><br />
        Click <a href='#'>here</a> to see all sessions.
    </div>

    
    <div xmlns:sys="javascript:Sys"
         xmlns:dataview="javascript:Sys.UI.DataView"
         class="sys-template">

        
        <table>
            <tbody id="tableViewItemTemplate">
                <tr sys:id="{{$dataItem.DeliveryID}}" class="table-view-row" sys:aria-label="{{ Panopto.Util.displayDeliveryName($dataItem) }}" role="listitem" tabindex="0">

                    
                    <td class="highlight-cell chkbox accent-button">
                        <input
                            type="checkbox"
                            class="material-icons"
                            title=""
                            sys:if="{{
                                   (   Permissions[PanoptoCore.Permission.SessionDelete]
                                    || Permissions[PanoptoCore.Permission.PlaylistDelete]
                                    || Permissions[PanoptoCore.Permission.SessionCopySource]
                                    || Permissions[PanoptoCore.Permission.SessionMoveSource]
                                    || Permissions[PanoptoCore.Permission.SessionAccessControlPolicyEdit]
                                   )
                                && !$dataItem.IsArchived
                            }}"
                            sys:aria-label="{{Panopto.Util.displayDeliveryNameWithoutHighlighting($dataItem)}}"
                        />
                    </td>

                    
                    <td class="session-list-processing">
                        <div class="process-state-icon"></div>
                    </td>

                    
                    <td class="list-site"
                        sys:if="Panopto.showAffiliation">
                        <div class="ellipsis list-non-title-single">
                            {{AffiliationName}}
                        </div>
                    </td>

                    
                    <td class="session-list-name list-name">
                        <div class="list-container">

                            
                            <div sys:if="{{!Panopto.SessionList.showRemoteRecorderColumn
                                            && RemoteRecorderName
                                            && (IsCreator || Panopto.user.sitePermissions[PanoptoCore.Permission.SessionCreateScheduledRecording])
                                            && Panopto.SessionList.displayRemoteRecorder(Status)}}"
                                 class="rr-message ellipsis">
                                on
                                <a href="#" onclick="return false;"
                                   sys:if="Panopto.user.sitePermissions[PanoptoCore.Permission.RemoteRecorderPreview]"
                                   sys:command="showModal:RemoteRecorderPreview"
                                   sys:commandargument="{{ {id: RemoteRecorderID, site: AffiliationName} }}"
                                   sys:innerhtml=
                                       "{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(RemoteRecorderName)}}">
                                </a>
                                <span sys:if="!Panopto.user.sitePermissions[PanoptoCore.Permission.RemoteRecorderPreview]"
                                      sys:innerhtml=
                                          "{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(RemoteRecorderName)}}">
                                </span>
                            </div>

                            
                            <div class="ellipsis title-link"
                                 sys:style="{{
                                    Panopto.Util.isViewable($dataItem.Status) && $dataItem.Permissions[PanoptoCore.Permission.SessionView]
                                        ? ''
                                        : 'display:none'
                                    }}">

                                
                                <a sys:href="{{ Panopto.Util.getViewerLinkWithQuery($dataItem) }}"
                                   class="list-title"
                                   target="_blank">
                                    
                                    <i sys:if="{{ Panopto.Util.isDeliveryPlaylist($dataItem) }}"
                                       class="material-icons playlist-icon"
                                       role="link"
                                       title="Playlist">&#xE05F;</i><!-- collapse whitespace
                                 --><span  sys:innerhtml="{{Panopto.Util.displayDeliveryName($dataItem)}}"></span>
                                </a>
                            </div>

                            
                            <div class="ellipsis title-span"
                                 sys:style="{{
                                    Panopto.Util.isViewable($dataItem.Status) && $dataItem.Permissions[PanoptoCore.Permission.SessionView]
                                        ? 'display:none'
                                        : ''
                                    }}">
                                
                                <span class="list-title">
                                    <span sys:innerhtml="{{Panopto.Util.displayDeliveryName($dataItem)}}"></span>
                                </span>
                            </div>

                            <div sys:if="{{Context.length || Bookmarks.length}}" class="search-results">
                                
                                <table sys:if="{{Context.length && !Bookmarks.length}}">
                                    <tbody sys:attach="dataview"
                                           sys:id="{{'context' + DeliveryID}}"
                                           dataview:data="{{Context}}"
                                           class="sys-template">
                                        <tr class="search-item" sys:id="{{PublicId}}">
                                            
                                            <td class="time-cell">{binding Time, convert=displayDuration}</td>

                                            
                                            <td class="context-cell">
                                                <a sys:href="{{Panopto.Util.getViewerLinkWithQuery($context.parentContext.dataItem, Time)}}"
                                                   target="_blank"
                                                   class="search-link ellipsis"
                                                   sys:innerhtml="{{Panopto.Core.TextHelpers.trimTextToMatch(Context, Panopto.Core.Constants.SessionListContextResultsCharacterLimit)}}">
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>

                                
                                <table sys:if="{{Bookmarks.length}}">
                                    <tbody id="bookmarks"
                                           sys:attach="dataview"
                                           dataview:data="{{Bookmarks}}"
                                           class="sys-template">
                                        <tr class="search-item">
                                            
                                            <td class="time-cell">{binding Time, convert=displayDuration,showZero=true}</td>

                                            
                                            <td class="context-cell">
                                                <div class="bookmark">
                                                    <a sys:href="{{Panopto.Util.getViewerLinkWithQuery($context.parentContext.dataItem, Time)}}"
                                                       target="_blank"
                                                       class="search-link ellipsis"
                                                       sys:innerhtml="{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(Name)}}"></a>
                                                    <a href="#"
                                                       class="bookmark-delete"
                                                       title="Delete bookmark"
                                                       sys:onclick="{{ 'Panopto.SessionList.defaultInstance._deleteBookmark(&quot;' + PublicID + '&quot;, &quot;' + $context.parentContext.dataItem.SessionID + '&quot;); return false;' }}"></a>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            
                            <div class="subtitle-line">

                                <div class="session-secondary-name ellipsis no-tooltip">

                                    
                                    <div sys:if="{{!Panopto.SessionList.showStatusColumn}}"
                                         class="ellipsis status-message">
                                    </div>
                                </div>

                                
                                <div class="action-btns-container">
                                    
                                    <i class="action-btn-touch-target material-icons">&#xE5D3;</i>
                                    <div class="action-btns" style="display: none">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>

                    
                    <td class="sessions-rr"
                        sys:if="Panopto.SessionList.showRemoteRecorderColumn">
                        <div sys:if="{{RemoteRecorderName && (IsCreator || Panopto.user.sitePermissions[PanoptoCore.Permission.SessionCreateScheduledRecording]) && Panopto.SessionList.displayRemoteRecorder(Status)}}"
                             class="ellipsis">
                            <a href="#" onclick="return false;"
                               sys:if="Panopto.user.sitePermissions[PanoptoCore.Permission.RemoteRecorderPreview]"
                               sys:command="showModal:RemoteRecorderPreview"
                               sys:commandargument="{{ {id: RemoteRecorderID, site: AffiliationName} }}"
                               sys:innerhtml=
                                   "{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(RemoteRecorderName)}}">
                            </a>
                            <span sys:if="!Panopto.user.sitePermissions[PanoptoCore.Permission.RemoteRecorderPreview]"
                                  sys:innerhtml=
                                      "{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(RemoteRecorderName)}}">
                            </span>
                        </div>
                    </td>

                    
                    <td class="sessions-status"
                        sys:if="Panopto.SessionList.showStatusColumn">
                        <div class="ellipsis status-column-message">
                            <a href="#" onclick="return false;"
                               class="status-message"
                               sys:command="showModal:SessionLog"
                               sys:commandargument="{{ {id: DeliveryID} }}"></a>
                        </div>
                    </td>

                    
                    <td sys:if="{{ Duration }}" class="list-length">
                        <div class="list-non-title-single">
                            {binding Duration, convert=displayDuration}
                        </div>
                    </td>
                    <td sys:if="{{ !Duration }}" class="list-length">
                        <div class="list-non-title-single">
                            {binding Duration, convert=displayDuration}
                        </div>
                    </td>

                    
                    <td class="list-date">
                        <div class="date-time-container list-non-title-single">
                            <div sys:if="{{ !StartTime }}">
                                {binding StartTime, convert=displayDate}
                            </div>
                            <div sys:if="{{ StartTime }}">
                                {binding StartTime, convert=displayDate}
                            </div>
                            <div sys:if="StartTime"
                                 class="time">
                                {binding StartTime, convert=displayDate,format=time}
                            </div>
                        </div>
                    </td>

                    
                    <td class="list-date shared-with-me-date" sys:if="Panopto.SessionList.showSharedWithMeColumn">
                        <div class="date-time-container list-non-title-single">
                            <div sys:if="{{ SharedWithMeDate }}">
                                {binding SharedWithMeDate, convert=displayDate}
                            </div>
                            <div sys:if="SharedWithMeDate" class="time">
                                {binding SharedWithMeDate, convert=displayDate,format=time}
                            </div>
                        </div>
                    </td>

                    
                    <td class="list-folder"
                        sys:if="Panopto.SessionList.showFolderNameColumn">
                        <div sys:if="{{FolderName}}"
                             class="ellipsis folder-container">
                            <a href="#"
                               sys:if="{{ UserCanEnumerateFolder }}"
                               class="folder-link"
                               sys:innerhtml="{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(FolderName)}}">
                            </a>
                            <span sys:if="{{ !UserCanEnumerateFolder }}"
                                  class="folder-span"
                                  sys:innerhtml="{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(FolderName)}}">
                            </span>
                            <span class="folder-hover-container"></span>
                        </div>
                    </td>

                    
                    <td class="sessions-rating"
                        sys:if="Panopto.SessionList.showRatingColumn">
                        <div sys:if="AverageRating"
                             sys:title="{{ String.format(Panopto.GlobalResources.Sessions_List_AverageRating, AverageRating) }}"
                             class="rating">
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>

        
        <table class="sys-template">
            <tbody id="listViewItemTemplate">
                <tr sys:id="{{$dataItem.DeliveryID}}" class="list-view-row" sys:aria-label="{{ Panopto.Util.displayDeliveryName($dataItem) }}" role="listitem" tabindex="0">

                    
                    <td class="thumbnail-cell">

                        
                        <div class="thumbnail-wrapper">

                            
                            <div class="react-thumbnail-container"></div>
                        </div>
                    </td>

                    
                    <td class="detail-cell">

                        
                        <div class="item-title title-link"
                                sys:style="{{
                                Panopto.Util.isViewable($dataItem.Status) && $dataItem.Permissions[PanoptoCore.Permission.SessionView]
                                    ? ''
                                    : 'display:none'
                                }}">

                            
                            <a sys:href="{{ Panopto.Util.getViewerLinkWithQuery($dataItem) }}"
                                class="detail-title"
                                target="_blank">
                                <span  sys:innerhtml="{{Panopto.Util.displayDeliveryName($dataItem)}}"></span>
                            </a>
                        </div>
                        <div class="item-title title-span ellipsis"
                                sys:style="{{
                                Panopto.Util.isViewable($dataItem.Status) && $dataItem.Permissions[PanoptoCore.Permission.SessionView]
                                    ? 'display:none'
                                    : ''
                                }}">
                            
                            <span class="detail-title"
                                    sys:innerhtml="{{Panopto.Util.displayDeliveryName($dataItem)}}"></span>
                        </div>

                        
                        <div class="item-subtitle ellipsis">
                            <div class="subtitle-inline">

                                
                                <span sys:if="Panopto.showAffiliation">
                                    {{AffiliationName}}
                                    <span sys:if="{{FolderName}}" class="affiliation-separator">&nbsp;-&nbsp;</span>
                                </span>

                                
                                <div class="session-owner-container" style="display:none">
                                    <img src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Application/Images/SessionList/person.svg" />
                                    <span class="session-owner-hover-container"></span>
                                    <div class="session-owner-link"></div>
                                    <img
                                        class="vcms-separator"
                                        sys:if="{{$dataItem.FolderName
                                            ||     $dataItem.Status != PanoptoApiClient.SessionLists.SessionStatus.Created
                                                && Panopto.features.showThumbnailDate}}"
                                        src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Application/Images/SessionList/circle.svg"
                                    />
                                </div>

                                
                                <div class="folder-link-container">
                                    <span class="folder-hover-container"></span>
                                    <a href="#"
                                        sys:if="{{ UserCanEnumerateFolder }}"
                                        class="folder-link"
                                        sys:innerhtml="{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(FolderName)}}"></a>
                                    <span sys:if="{{ !UserCanEnumerateFolder }}"
                                        class="folder-span"
                                        sys:innerhtml="{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(FolderName)}}"></span>
                                </div>

                                <span
                                    class="date-info"
                                    sys:if="$dataItem.Status != PanoptoApiClient.SessionLists.SessionStatus.Created && Panopto.features.showThumbnailDate">
                                    
                                    <img
                                        class="vcms-separator"
                                        sys:if="{{Panopto.showAffiliation || $dataItem.FolderName}}"
                                        src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Application/Images/SessionList/circle.svg"
                                    />
                                    
                                    <span sys:title="{{ Panopto.Util.displayDate(StartTime, {format: 'long'}) }}">
                                        {{Panopto.Util.getDateMessage($dataItem)}}
                                    </span>
                                </span>

                                <span
                                    class="analytics-view-count"
                                    sys:if="Panopto.list.showAllTimeViewCounts && Panopto.Util.displayViewCount($dataItem)">
                                    
                                    <img
                                        class="vcms-separator"
                                        sys:if="{{ Panopto.showAffiliation
                                            || $dataItem.FolderName
                                            || ($dataItem.Status != PanoptoApiClient.SessionLists.SessionStatus.Created && Panopto.features.showThumbnailDate) }}"
                                        src="//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Styles/Less/Application/Images/SessionList/circle.svg"
                                    />
                                    
                                    <span>
                                        {{Panopto.Util.displayViewCount($dataItem)}} Views and Downloads
                                    </span>
                                </span>
                            </div>

                            
                            <div sys:if="Panopto.SessionList.showRatingColumn && AverageRating"
                                    sys:title="{{ String.format(Panopto.GlobalResources.Sessions_List_AverageRating, AverageRating) }}"
                                    class="rating">
                            </div>
                        </div>


                        
                        <div
                            class="item-subtitle"
                            sys:if="{{ArchiveEstimatedRestoreTime}}"
                        >
                            Restore from archive process has been initiated.
                        </div>

                        
                        <div class="item-description"
                            sys:title="{{ Panopto.Core.TextHelpers.cleanTextWithoutHighlighting(Abstract) }}"
                            sys:innerhtml="{{
                            Panopto.Core.TextHelpers.displayLineBreaks(
                                Panopto.Core.TextHelpers.hasMatch(Abstract)
                                    ? Panopto.Core.TextHelpers.trimTextToMatch(
                                        Abstract, Panopto.Core.Constants.SessionAbstractResultsCharacterLimit)
                                    : Panopto.Core.TextHelpers.cleanTextWithoutHighlighting(
                                        Abstract),
                                { replacement: ' &nbsp; ', collapseMultiple: true }
                            )
                            }}"
                            sys:if="{{ Abstract && !(KeyPoints && KeyPoints.length) }}">
                        </div>

                        
                        <ul
                            class="item-key-points-list"
                            sys:if="{{ KeyPoints && KeyPoints.length }}"
                        >
                            <li
                                class="item-key-point"
                                sys:if="{{ KeyPoints[0] }}"
                            >
                                {{ KeyPoints[0] }}
                            </li>
                            <li
                                class="item-key-point"
                                sys:if="{{ KeyPoints[1] }}"
                            >
                                {{ KeyPoints[1] }}
                            </li>
                            <li
                                class="item-key-point"
                                sys:if="{{ KeyPoints[2] }}"
                            >
                                {{ KeyPoints[2] }}
                            </li>
                        </ul>

                        
                        <div class="item-tags" style="display:none"></div>

                        <div class="item-contents">
                            
                            <span sys:if="{{RemoteRecorderName && (IsCreator || Panopto.user.sitePermissions[PanoptoCore.Permission.SessionCreateScheduledRecording]) && Panopto.SessionList.displayRemoteRecorder(Status)}}"
                                    class="detail-context ellipsis">
                                <span>Remote Recorder:</span>
                                <a href="#" onclick="return false;"
                                    class="rr-link"
                                    sys:if="Panopto.user.sitePermissions[PanoptoCore.Permission.RemoteRecorderPreview]"
                                    sys:command="showModal:RemoteRecorderPreview"
                                    sys:commandargument="{{ {id: RemoteRecorderID} }}"
                                    sys:innerhtml=
                                        "{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(RemoteRecorderName)}}">
                                </a>
                                <span sys:if="!Panopto.user.sitePermissions[PanoptoCore.Permission.RemoteRecorderPreview]"
                                        sys:innerhtml=
                                            "{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(RemoteRecorderName)}}">
                                </span>
                            </span>

                            <!-- Search contexts with the "In this session" message (show if there are bookmarks or search contexts with times -->
                            <div class="detail-context" sys:if="{{((Context.length && ContextsHaveTime) || Bookmarks.length)}}">In this session</div>

                            
                            <div class="status-message"></div>
                        </div>

                        <div class="search-results">
                            
                            <table sys:if="{{Context.length && !Bookmarks.length}}">
                                <tbody sys:attach="dataview"
                                        sys:id="{{'context' + DeliveryID}}"
                                        dataview:data="{{Context}}"
                                        class="sys-template">
                                    <tr class="search-item" sys:id="{{PublicId}}">
                                        
                                        <td class="time-cell">{binding Time, convert=displayDuration}</td>

                                        <td class="currently-playing">
                                            <i class="material-icons">play_arrow</i>
                                        </td>

                                        
                                        <td class="context-cell">
                                            <a sys:href="{{Panopto.Util.getViewerLinkWithQuery($context.parentContext.dataItem, Time)}}"
                                                target="_blank"
                                                sys:if="{{$context.parentContext.dataItem.ContextsHaveTime}}"
                                                class="search-link ellipsis"
                                                sys:innerhtml="{{Panopto.Core.TextHelpers.trimTextToMatch(Context, Panopto.Core.Constants.SessionListContextResultsCharacterLimit)}}">
                                            </a>
                                            <div sys:if="{{!$context.parentContext.dataItem.ContextsHaveTime}}"
                                                    sys:innerhtml="{{Panopto.Core.TextHelpers.trimTextToMatch(Context, Panopto.Core.Constants.SessionListContextResultsCharacterLimit)}}">
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                            
                            <table sys:if="{{Bookmarks.length}}">
                                <tbody id="bookmarks"
                                        sys:attach="dataview"
                                        dataview:data="{{Bookmarks}}"
                                        class="sys-template">
                                    <tr class="search-item">
                                        
                                        <td class="time-cell">{binding Time, convert=displayDuration,showZero=true}</td>

                                        
                                        <td class="context-cell">
                                            <div class="bookmark">
                                                <a sys:href="{{Panopto.Util.getViewerLinkWithQuery($context.parentContext.dataItem, Time)}}"
                                                    target="_blank"
                                                    class="search-link ellipsis"
                                                    sys:innerhtml="{{Panopto.Core.TextHelpers.cleanTextWithHighlighting(Name)}}"></a>
                                                <a href="#"
                                                    class="bookmark-delete"
                                                    title="Delete bookmark"
                                                    sys:onclick="{{ 'Panopto.SessionList.defaultInstance._deleteBookmark(&quot;' + PublicID + '&quot;, &quot;' + $context.parentContext.dataItem.SessionID + '&quot;); return false;' }}"></a>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>

        
        

    
    <ul id="gridViewItemTemplate" class="sys-template"><li class="item" sys:id="{{$dataItem.DeliveryID}}" sys:aria-label="{{ Panopto.Util.displayDeliveryName($dataItem) }}" tabindex="0">

            
            <div class="thumbnail-wrapper">
                <div class="react-thumbnail-container"></div>
            </div>

            
            <div class="details">

                
                <div class="item-title title-link ellipsis"
                     sys:style="{{Panopto.Util.isViewable($dataItem.Status) ? '' : 'display:none'}}">
                    
                    <a sys:href="{{ Panopto.Util.getViewerLinkWithQuery($dataItem) }}"
                       class="detail-title"
                       target="_blank"
                       sys:aria-label="{{ Panopto.Util.displayDeliveryName($dataItem) }}"
                    >
                    </a>
                    <span class="detail-title"
                        sys:innerhtml="{{Panopto.Util.displayDeliveryName($dataItem)}}">
                    </span>
                </div>
                <div class="item-title title-span ellipsis"
                     sys:style="{{Panopto.Util.isViewable($dataItem.Status) ? 'display:none' : ''}}">
                    
                    <span class="detail-title"
                          sys:innerhtml="{{Panopto.Util.displayDeliveryName($dataItem)}}"></span>
                </div>

                
                <div class="presenter ellipsis"
                     sys:if="{{ Panopto.Util.displayPresenterMessage($dataItem) }}"
                     style="display: none">
                    {{ Panopto.Util.displayPresenterMessage($dataItem) }}
                </div>

                
                <div class="item-date"
                     sys:if="$dataItem.Status != PanoptoApiClient.SessionLists.SessionStatus.Created && Panopto.features.showThumbnailDate"
                     sys:title="{{ Panopto.Util.displayDate(StartTime, { format: 'long' }) }}">
                    {{Panopto.Util.getDateMessage($dataItem)}}
                </div>

                
                <div class="parent-folder-link folder-link-container ellipsis"
                    sys:if="{{ !Panopto.features.showThumbnailDate && ($dataItem.TypeName || $dataItem.UserCanEnumerateFolder) }}">
                    <a href="#"
                        class="folder-link ellipsis"
                        sys:innerhtml="{{ $dataItem.FolderName ? Panopto.Core.TextHelpers.cleanTextWithHighlighting($dataItem.FolderName) : '&nbsp;' }}"></a>
                    <span class="folder-hover-container"></span>
                </div>
                <div class="folder-div ellipsis"
                        sys:if="{{ !Panopto.features.showThumbnailDate && !$dataItem.UserCanEnumerateFolder && !$dataItem.TypeName }}">
                    <span sys:innerhtml="{{ Panopto.Core.TextHelpers.cleanTextWithHighlighting($dataItem.FolderName) }}"></span>
                </div>
            </div>
        </li></ul>

    </div>


            <div class="overlay"></div>
        </div>
    </div>


            <div id="loadingMessage" style="display: none"></div>

            <div id="logoutWarningMessage" class="safety-background" style="display: none;">
                <span id="logoutWarningText"></span>
                <span id="logoutWarningInfo" style="display: none;"></span>
                <a id="logoutWarningLink"></a>
            </div>
        </div>

        
<script type="text/javascript" src='//static-assets-cdn.i.hosted.panopto.com/Panopto/Cache/16.10.0.00016/Scripts/Panopto/Controls/ModalPopup.js'></script>


<div class="modal-background" style="display:none;">
    
    <div tabindex="1"></div>
    <div id="modalWindow"
         role="dialog"
         aria-modal="true"
         style="display:none;">
        <div class="modal-border-left"></div>
        <div class="modal-wrapper">
            <div class="modal-header">
                <div id="modalIcon"></div>
                <div id="modalHeader"></div>
                <a target="_blank" id="modalHelp" style="display: none">Learn more</a>
                <div id="modalSpinner"></div>
                <div id="closeDiv">
                    <a id="closeLink" class="material-icons" href="#"
                        title="Close">close</a>
                </div>
            </div>
            <div class="modal-view">
                <ul id="modalNavigation" class="sys-template tabs" style="visibility:hidden;" role="navigation">
                    <li class="accented-tab"><a href="#">{binding Name, convert=displayModalPageName}</a></li>
                </ul>
                <div class="modal-content">
                    <iframe id="modalIframe" name="modalIframe" frameborder="0"></iframe>
                    <div id="modalContentPlaceholder"></div>
                </div>
            </div>
        </div>
        <div class="modal-border-right"></div>
    </div>
    
    <div tabindex="0"></div>
</div>

        

<script type="text/javascript">
//<![CDATA[
Panopto.Login && Panopto.Login.setUpClientHandlers();//]]>
</script>
</form>
    <div id="globalAriaLive" aria-live="polite" role="status" class="screen-reader-only"></div>
    <div id="tourContainer"></div>
</body>
</html>
