unh.emscloudservice.com Open in urlscan Pro
2606:4700::6812:310 Public Scan

Back to summary

Submitted URL:
http://unh.emscloudservice.com/
Effective URL:
https://unh.emscloudservice.com/web/
Submission: On November 08 via api (November 8th 2023, 8:29:56 pm UTC) from US — Scanned from DE

Form analysis
1 forms found in the DOM

POST ./

<form method="post" action="./" id="VirtualEmsForm" novalidate="novalidate">
  <div class="aspNetHidden">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="deaCSRFToken" id="deaCSRFToken" value="0c406209-4bff-4da8-96bc-711d2182bb85">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="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">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['VirtualEmsForm'];
    if (!theForm) {
      theForm = document.VirtualEmsForm;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/web/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZBgPmxKGFFLzQTRznx8jqLA59fIR-R4XX3QdsFPdcfAmSMa1kuK39Ferkic4wmouMQ2&amp;t=638286065964787378" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    vems.todaysEventsForUser = {
      "NextBookingDate": null,
      "EventData": null,
      "UserTimeZone": null,
      "UserTimeZoneAbbr": null
    };
    Dea.eventsForMonth = {
      "NextBookingDate": null,
      "EventData": null,
      "UserTimeZone": null,
      "UserTimeZoneAbbr": null
    };
    Dea.loginOverrideUrl = '';
    var vems = vems || {};
    vems.userLanguage = "de-DE";
    vems.cancelReasons = [{
      "Id": 4,
      "Reason": "Curtailed Operations",
      "RequireNotes": false
    }, {
      "Id": 5,
      "Reason": "Event Moved",
      "RequireNotes": true
    }, {
      "Id": 2,
      "Reason": "Event/Meeting Cancelled",
      "RequireNotes": true
    }, {
      "Id": 7,
      "Reason": "Low RSVP/Attendance",
      "RequireNotes": false
    }, {
      "Id": 1,
      "Reason": "Other",
      "RequireNotes": true
    }, {
      "Id": 8,
      "Reason": "Permit Declined",
      "RequireNotes": true
    }, {
      "Id": 11,
      "Reason": "Weather (Not Curtailed Ops)",
      "RequireNotes": false
    }];
    vems.hasBrowseForSpace = 1;
    vems.enableSocialMedia = 1;
    var ems_Help = "Help",
      ems_timeSep = ":",
      ems_AM = "",
      ems_PM = "",
      ems_timeFormat = "HH:mm",
      ems_timePicker = "Time Picker",
      ems_useHelpIcon = 1,
      ems_UnhandledCallback = "Unhandled Callback.",
      ems_FailedToLoadCallbackXml = "Error loading XML document from server",
      ems_NoItemSelected = "You must select an item first",
      ems_InvalidTime = "Invalid Time",
      ems_FirstDateViolation = "Your booking date violates the first date allowed.",
      ems_LastDateViolation = "Your booking date violates the late date allowed.",
      ems_InvalidDate = "Invalid Date",
      ems_CloseTheCalendar = "Close the Calendar",
      ems_LocDetails = "Location Details",
      ems_ResourceDetails = "Resource Details",
      ems_BookingDetails = "Booking Details",
      ems_ResDetails = "Reservation Details",
      ems_cookieHash = "deaConnection",
      deaCSRFTokenField = "deaCSRFToken",
      ems_MultipleHolidaysLabel = "Multiple Holidays",
      sSelectedColor = "rgb(255,255,255)";
    vems.isAuthed = false;
    vems.is24HrFormat = true;
    vems.maxInputLength = 0;
    Dea.checkVersion("data=dkSv93%2bpBZlRCdJ%2bkAGvug%3d%3d");
    Dea.pageCallback = function(emsObject) {
      WebForm_DoCallback('__Page', '' + Dea.JSON.stringify(emsObject) + '', Dea.handleCallback, '' + emsObject.router + '', Dea.errorCallback, true)
    };
    var PathToRoot = '/web/',
      ems_PauseToLoadMsg = "Pause to load tool tip",
      ems_Loading = "Loading...",
      ems_sessionMilli = 7200000,
      ems_timeOutUrl = "Logout.aspx"; //]]>
  </script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="DB1B4C9A">
    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="lcccak7ibscFg4AVBl/R28Bl8uONkq1BLMlV77oxoeBPfjyk1QlyCgX2wZ/NnlKkl8tXo1I0Uv3NSfot64z2q4uipps86kbnnmX5XSNqq8u9GWazfkEqZQZJGRJaihJOmEMxFrzy7rJmu3UxjO+9fQ==">
  </div>
  <div id="showMobile" class="hidden" style="vertical-align: middle; text-align: center; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 80px; background-color: #F1F1F1; z-index: 998;">
    <div class="container-fluid" style="margin: auto; vertical-align: center;">
      <div class="center-block" style="min-height: 100%; display: flex; align-items: center; vertical-align: middle; margin: auto;">
        <a id="dismissMobile" class="alert-link" style="vertical-align: middle; text-align: left; margin-right: 10px;">
                        <h3 style="color: #929292;">
                            <label for="dismiss-mobile-close" class="hide-element">Close</label>
                            <i id="dismiss-mobile-close" class="fa fa-close"></i>
                        </h3>
                    </a>
        <img src="Images/ems-app-icon.png?v=221" alt="logo" style="max-width: 50px; height: auto; display: inline-block; text-align: right; vertical-align: middle;">
        <div class="col-xs-6" style="display: inline-block; vertical-align: middle;  text-align: left;">
          <h4>EMS Mobile App</h4>
        </div>
        <a id="launchMobile" class="intent alert-link" style="display: inline-block; vertical-align: middle; text-align: left; margin: 10px;" data-scheme="emssoftware://">
                        <h3 style="color: #007AFF">Open</h3>
                    </a>
      </div>
    </div>
  </div>
  <div class="invisible-screenreader-only">
    <p id="section-loading-opened-aria-live-element" aria-live="polite"></p>
    <p id="page-loading-aria-live-element" aria-live="polite"></p>
    <p id="page-loading-aria-live-element_nav" aria-live="polite"></p>
  </div>
  <div id="page-loading-overlay" style="display: none;">
    <img class="loading-animation" src="Images/Loading.gif" alt="Loading...">
  </div>
  <h1 id="ApplicationTitle" class="ApplicationTitle hide">
    <span style="font-family: Calibri; color: blue"><strong><span style="font-size: 18pt"><span style="font-family: Calibri; color: blue">UNH Event Services Portal</span></span></strong></span>
  </h1>
  <header id="header" class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
      <div id="nav-logo-section" class="navbar-header">
        <button type="button" id="sideBar" tabindex="2" class="navbar-toggle collapsed" onfocus="CreateBorder(this,true,'navicon')" onblur="CreateBorder(this,false,'navicon')" onclick="vems.toggleSideBar();">
          <span class="sr-only"></span>
          <i class="fa fa-navicon"></i>
        </button>
        <div class="navbar-brand">
          <table>
            <tbody>
              <tr>
                <td>
                  <a class="ems-logo-link" href="./">
                            <img src="Images/logo.png?v=221" class="ems-logo" title="Logo Link to Home Page">
                        </a>
                </td>
                <td>
                  <label class="lineheader"></label>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div id="page-title" class="navbar-header">
        <h1>UNH Event Services Portal</h1>
        <button tabindex="1" id="invisibleBypassLink" type="button" onclick="vems.QuickNavLink(); return false;" aria-label="Skip to Main content">Skip to Main content</button>
      </div>
      <div id="user-menu-section" class="navbar-collapse" role="navigation" aria-label="header">
        <ul class="nav navbar-nav navbar-right">
          <li id="help-icon" class="help-icon dropdown">
            <a href="#" id="helpicon" class="dropdown-toggle" data-toggle="dropdown" onfocus="CreateBorder(this,true,'help')" onblur="CreateBorder(this,false,'help')" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Help"><i id="helpid" class="fa fa-question-circle"></i></a>
            <ul class="dropdown-menu">
              <!-- ko foreach: helpMenuItems -->
              <li><a onkeydown="linkClicked(event)" data-bind="text: vems.decodeHtml(Text), attr: {'href': NavigateUrl}, click: $root.menuItemClicked" href="About.aspx">About</a></li>
              <!-- /ko -->
              <!-- ko if: customHelpMenuItems().length > 0 --><!-- /ko -->
            </ul>
          </li>
          <li class="dropdown user-menu" id="user-menu">
            <a href="#" id="usernameid" class="dropdown-toggle" onfocus="CreateBorder(this,true,'user')" onblur="CreateBorder(this,false,'user')" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <div id="user-name" class="ellipsis-text">
                                    Welcome, Guest.
                                    
                                </div>
                            </a>
            <ul class="dropdown-menu" id="user-menu-dropdown" data-bind="visible: showGuestUserMenu || (showAuthUserMenu &amp;&amp; userMenuItems().length > 0)" style="display: none;">
              <!-- ko if: showAuthUserMenu --><!-- /ko -->
              <!-- ko if: showGuestUserMenu && !showAuthUserMenu --><!-- /ko -->
            </ul>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
    <script>
      window.addEventListener('resize', function() {
        var headerBar = $('#header');
        if (headerBar.width() >= 758) { // provides override for increased screen sizes and removes for lower screen sizes and prevents re-positioning of hamburger menu
          $('.navbar-toggle').addClass("navbar-toggle-override");
        } else {
          $('.navbar-toggle').removeClass("navbar-toggle-override");
        }
      }, true);
    </script>
  </header>
  <div id="wrapper">
    <!-- Sidebar -->
    <div id="sidebar-wrapper" role="navigation" aria-label="navigation">
      <ul class="sidebar-nav" data-bind="foreach: mainMenuItems">
        <!-- HR before the Links menu -->
        <!-- ko if: Id == 4  --><!-- /ko -->
        <!-- hide My Events on Mobile Web -->
        <!-- ko ifnot: DevExpress.devices.real().phone && Id === 9 -->
        <li id="sideNavigation" data-bind="css: { 'no-click': NavigateUrl.length == 0 }">
          <a id="sidebar-wrapper-home" data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl.length > 0 ? NavigateUrl : '#', 'title': vems.decodeHtml(Text),'role':NavigateUrl.length > 0? 'none':'presentation'}, click: $root.menuItemClicked" class="current-page" href="Default.aspx" title="Home" role="none">
                            <i class="fa fa-home" data-bind="css: IconClass"></i>
                            <span data-bind="text: vems.decodeHtml(Text)">Home</span>
                        </a>
        </li>
        <div data-bind="foreach: ChildMenus"></div>
        <!-- /ko -->
        <!-- HR before the Links menu -->
        <!-- ko if: Id == 4  --><!-- /ko -->
        <!-- hide My Events on Mobile Web -->
        <!-- ko ifnot: DevExpress.devices.real().phone && Id === 9 -->
        <li id="sideNavigation" data-bind="css: { 'no-click': NavigateUrl.length == 0 }" class="no-click">
          <a id="sidebar-wrapper-home" data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl.length > 0 ? NavigateUrl : '#', 'title': vems.decodeHtml(Text),'role':NavigateUrl.length > 0? 'none':'presentation'}, click: $root.menuItemClicked" href="#" title="Browse" role="presentation">
                            <i class="fa fa-search" data-bind="css: IconClass"></i>
                            <span data-bind="text: vems.decodeHtml(Text)">Browse</span>
                        </a>
        </li>
        <div data-bind="foreach: ChildMenus">
          <li id="sideNavigationUrl" class="secondary" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="BrowseForSpace.aspx" title="Locations">
                                <i class="fa fa-map-marker" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">Locations</span>
                            </a>
          </li>
        </div>
        <!-- /ko -->
        <!-- HR before the Links menu -->
        <!-- ko if: Id == 4  -->
        <li>
          <hr>
        </li>
        <!-- /ko -->
        <!-- hide My Events on Mobile Web -->
        <!-- ko ifnot: DevExpress.devices.real().phone && Id === 9 -->
        <li id="sideNavigation" data-bind="css: { 'no-click': NavigateUrl.length == 0 }" class="no-click">
          <a id="sidebar-wrapper-home" data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl.length > 0 ? NavigateUrl : '#', 'title': vems.decodeHtml(Text),'role':NavigateUrl.length > 0? 'none':'presentation'}, click: $root.menuItemClicked" href="#" title="Links" role="presentation">
                            <i class="fa fa-external-link-square" data-bind="css: IconClass"></i>
                            <span data-bind="text: vems.decodeHtml(Text)">Links</span>
                        </a>
        </li>
        <div data-bind="foreach: ChildMenus">
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://td.unh.edu/TDClient/60/Portal/Requests/ServiceDet?ID=179" title="~Audiovisual Support Request">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~Audiovisual Support Request</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://td.unh.edu/TDClient/60/Portal/KB/?CategoryID=174" title="~Audiovisual Technology Guide">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~Audiovisual Technology Guide</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://www.unh.edu/main/map" title="~Campus Maps &amp; Directions">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~Campus Maps &amp; Directions</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://www.unh.edu/conferences-catering/" title="~Conferences &amp; Catering">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~Conferences &amp; Catering</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://universitysystemnh.sharepoint.com/teams/EMS-UNHEventManagementServices#facilities-additional-event-needs-contact-facilities.control.center-unh.edu-or-603-862-1437" title="~FAQ's/Event Information">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~FAQ's/Event Information</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://acrobat.adobe.com/link/review?uri=urn:aaid:scds:US:b7eae8e8-3d48-3920-bff4-d2f39ad4f51f" title="~Outdoor Table/Events-Wildcat Link Guide">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~Outdoor Table/Events-Wildcat Link Guide</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://www.unh.edu/transportation/request-special-event-parking" title="~Parking-Event Parking Request">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~Parking-Event Parking Request</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="http://calendar.unh.edu/MasterCalendar.aspx?data=f1bM4GJyEC5RYqaD2tveEeCcQcwHmTV0G4aMM67Tcr5WNYMKsQYlnn2chX3QNlbMgpHYvFSR%2fJh7A8%2fbASyG6bfrf%2bqzMItGZ6Tg3L7M9cM78MfJn4onSNcB3J1a53ru27behVRxfzmSxGbPIeeURq7qH%2frd1w%2bu%2fjMghZTh%2b3JKm6WtYm0WhHs9Nqkm9f6Y9%2bMACOHpO5WJmbl%2f5CncG4VXkkJ2djCW" title="~UNH Academic Calendar">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~UNH Academic Calendar</span>
                            </a>
          </li>
          <li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { &quot;resource-link&quot;: $parent.Id == 4 }">
            <a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="http://calendar.unh.edu/MasterCalendar.aspx?data=LsHn%2bnm71fSGLcv7IyJcRngVYFO3IWgkjrIsRulh4So32ADkoZtT48CmXb2nAj047CTms%2fNvV0zyYiH6HBlcmNLM3TfsjT3UlXzVgTP2fbm9nb7lPPbhE%2fnJFYYM05hc91aY0h21sDfOzLj0M4ioLA%2fy9AvcR1IKTPEuTA3JKvgAHF5qINC%2bJT6emD9viTllETR%2b5kI8doy9TTMr9s00uFyCZfvF9AGJ" title="~UNH Holidays and Observances">
                                <i class="fa" data-bind="css: IconClass"></i>
                                <span data-bind="text: vems.decodeHtml(Text)">~UNH Holidays and Observances</span>
                            </a>
          </li>
          <li id="lastli" tabindex="-1"><br><br></li>
        </div>
        <!-- /ko -->
      </ul>
    </div>
    <!-- end sidebar-wrapper -->
    <div>
      <div id="page-content-wrapper" class="page-content-wrapper" role="navigation" aria-label="main">
        <div class="container-fluid main-content" id="page">
          <div id="page-title-responsive">
            <h1>UNH Event Services Portal</h1>
          </div>
          <div id="Summary" class="errorSummary" style="color:Red;display:none;">
          </div>
          <p class="invisible-screenreader-only" id="random-aria-live-element" aria-live="polite"></p>
          <span style="display: none">
            <h1 id="pc_ApplicationTitle" class="ApplicationTitle">
              <span style="font-family: Calibri; color: blue"><strong><span style="font-size: 18pt"><span style="font-family: Calibri; color: blue">UNH Event Services Portal</span></span></strong></span>
            </h1>
          </span>
          <div id="language" role="alert" aria-live="assertive" aria-label="This Application is in English Language"></div>
          <div id="home" style="height: 100%;">
            <ul id="default-tablist" class="nav nav-tabs" role="tablist">
              <li role="presentation" id="site-home-tab" class="active"><a href="#site-home" data-first-spacelink="1" data-first-navlink="1" data-toggle="tab" role="tab">Site Home</a></li>
              <li role="presentation" id="my-home-tab"><a href="#my-home" data-toggle="tab" role="tab">My Home</a></li>
              <a id="pc_guestHelp" class="fa fa-question-circle help-text-icon" data-helptextkey="VEMSDefaultPageHelpForGuests" data-parenttype="None" data-parentid="0" href="#"></a>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane fade in active" id="site-home" tabindex="0">
                <div class="default-page-help-text">
                  <div id="pc_HomeHelp" class="default-page-help-text-content">
                    <span style="font-size: 13pt; font-family: Calibri">
                      <p class="MsoNormal" style="margin: 5pt 0in 10pt"><span
                          style="font-size: 16pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Welcome to
                          the<br><br></span><b style="font-family: &quot;Times New Roman&quot;; font-size: medium;"><span style="font-size: 40pt; font-family: &quot;Calibri Light&quot;, sans-serif; color: rgb(255, 128, 64); letter-spacing: 0.7pt; background: white;"><img src="data:image/png;base64,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" alt="" tabindex="0" aria-label="image">&nbsp;</span></b><strong><span
                            style="font-size: 40pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #ff8040; letter-spacing: 0.7pt; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">UNH
                            Event Services Portal</span></strong><span
                          style="font-size: 16pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin"><br></span><span
                          style="font-size: 13pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin"><i style="box-sizing: border-box; color: rgb(0, 64, 128); background-color: rgb(255, 255, 255); text-align: center; font-size: 21.3333px; font-weight: 700;"><font color="#41cb02" style="box-sizing: border-box;"><br></font></i></span>
                      </p>
                      <p class="MsoNormal" style="margin: 5pt 0in 10pt"><span
                          style="font-size: 13pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin"><br><br></span><strong><span
                            style="font-size: 18pt; font-family: &quot;Calibri&quot;,sans-serif; color: #004080; line-height: 115%"><a href="https://unh.emscloudservice.com/web/samlauth.aspx" tabindex="0" aria-label="LOGIN HERE"><span style="font-weight: normal; color: #0000ff">LOGIN HERE</span></a></span></strong><span
                          style="font-size: 13.5pt; font-family: &quot;Arial&quot;,sans-serif; color: black; line-height: 115%">&nbsp; </span><span
                          style="font-size: 13pt; font-family: &quot;Arial&quot;,sans-serif; color: black; line-height: 115%"><!--?xml:namespace prefix="o" /-->
                          <o:p></o:p>
                        </span>
                      </p>
                      <p>
                      </p>
                      <p class="MsoNormal" style="margin: 5pt 0in 10pt 0.5in"><span
                          style="font-size: 13pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Use your UNH
                          AD Credentials to login.&nbsp;If you are logged in, your name will appear&nbsp;in the upper right corner, if not Guest will be displayed <i>(You may have to click twice&nbsp;- if you&nbsp;still have&nbsp;issues</i>
                          <i>try using the <b>FIREFOX</b>&nbsp;browser</i>). <o:p></o:p></span></p>
                      <p class="MsoNormal" style="margin: 5pt 0in 6pt">
                        <b><i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin"><o:p>&nbsp;</o:p></span></i></b>
                      </p>
                      <p class="MsoNormal" style="margin: 5pt 0in 6pt">
                        <b><span style="font-size: 16pt; color: #004080; letter-spacing: 0.5pt; line-height: 115%; mso-bidi-theme-font: minor-latin; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri">UNH Events Services Portal is having login issues with Chrome browsers.</span></b><b><i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: navy; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">&nbsp;&nbsp;</span></i></b><b><i><span style="font-size: 16pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #ff8000; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">We recommend Firefox.</span></i></b><i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">&nbsp;</span></i><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 5pt 0in 10pt 0.5in; line-height: 105%; tab-stops: list .5in">
                        <i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 105%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">To fix the Chrome issue - disable cookies in your Chrome browser:</span></i><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 105%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 0in 0in 2pt 1in; line-height: normal; text-indent: -0.25in; tab-stops: list .5in"><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">1.&nbsp;&nbsp;&nbsp;&nbsp; Open
                          your Chrome browser <o:p></o:p></span></p>
                      <p class="MsoNormal" style="margin: 0in 0in 2pt 1in; line-height: normal; text-indent: -0.25in; tab-stops: list .5in"><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">2.&nbsp;&nbsp;&nbsp;&nbsp;
                          Paste this link into the url line: chrome://flags/#same-site-by-default-cookies <o:p></o:p></span></p>
                      <p class="MsoNormal" style="margin: 0in 0in 2pt 1in; line-height: normal; text-indent: -0.25in; tab-stops: list .5in"><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin; mso-fareast-font-family: &quot;Calibri Light&quot;">3.&nbsp;&nbsp;&nbsp;&nbsp;
                        </span><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">In the </span><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">SameSite by default
                          cookies</span><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin"> dropdown
                          select
                        </span><i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Disabled </span></i><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 0in 0in 2pt 1in; line-height: normal; text-indent: -0.25in; tab-stops: list .5in"><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin; mso-fareast-font-family: &quot;Calibri Light&quot;">4.&nbsp;&nbsp;&nbsp;&nbsp;
                        </span><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">In
                          the&nbsp;</span><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Cookies
                          without SameSite&nbsp;must be secure</span><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin"> dropdown select
                        </span><i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Disabled </span></i><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 0in 0in 2pt 1in; line-height: normal; text-indent: -0.25in; tab-stops: list .5in"><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin; mso-fareast-font-family: &quot;Calibri Light&quot;">5.&nbsp;&nbsp;&nbsp;&nbsp;
                        </span><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Click
                        </span><i><span style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Relaunch</span></i><span
                          style="font-size: 12pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 5pt 0in 6pt">
                        <b><span style="font-size: 16pt; color: #004080; line-height: 115%; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri"><br><br></span></b><span class="heading5char"><span
                            style="font-size: 20pt; font-family: &quot;Arial Nova Light&quot;,sans-serif; background: #004080; color: white; line-height: 115%; mso-bidi-font-family: Arial">&nbsp;&nbsp; DURHAM
                            CAMPUS&nbsp;&nbsp;</span></span><b><span style="font-size: 16pt; color: #004080; letter-spacing: 0.5pt; line-height: 115%; mso-bidi-theme-font: minor-latin; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri"><o:p></o:p></span></b>
                      </p>
                      <p class="MsoNormal" style="margin: 12pt 0in 3pt 0.5in; line-height: normal">
                        <b><span style="font-size: 16pt; color: #004080; letter-spacing: 0.5pt; mso-bidi-theme-font: minor-latin; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri">USERS OUTSIDE THE UNH DURHAM COMMUNITY <!--?xml:namespace prefix="u1" /--><u1:p></u1:p></span></b><span
                          style="font-size: 16pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 0in 0in 12pt 0.5in; line-height: normal"><span style="font-size: 13pt; font-family: &quot;Arial Nova Light&quot;,sans-serif; color: black; mso-bidi-font-family: Calibri">
                          <o:p><span style="font-family: Calibri Light"><span style="font-size: 13pt; color: black; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">Users without a UNH AD log-in
                                should contact <a href="https://www.unh.edu/conferences-catering/contact-us" target="_blank" tabindex="0" aria-label="UNH Hospitality Services"><span style="color: #0000ff">UNH Hospitality Services</span></a> to
                                inquire about other available spaces on campus</span><span style="font-size: 13pt; color: black; mso-bidi-font-family: Calibri">.<br></span></span></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 24pt 0in 12pt"><span class="heading5char"><span
                            style="font-size: 20pt; font-family: &quot;Arial Nova Light&quot;,sans-serif; background: #004080; color: white; line-height: 115%; mso-bidi-font-family: Arial"><br>&nbsp;&nbsp; MANCHESTER CAMPUS&nbsp;&nbsp;
                          </span></span><span
                          style="font-size: 16pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: #004080; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">
                          <o:p></o:p>
                        </span></p>
                      <p class="MsoNormal" style="margin: 5pt 0in 10pt 0.5in">
                        <b><span style="font-size: 16pt; color: #004080; letter-spacing: 0.5pt; line-height: 115%; mso-bidi-theme-font: minor-latin; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri">EXTERNAL EVENTS </span></b><b><span style="font-size: 16pt; color: #004080; line-height: 115%; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri"><br></span></b><span
                          style="font-size: 13pt; font-family: &quot;Calibri Light&quot;,sans-serif; color: black; line-height: 115%; mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin">UNH
                          Manchester has space available for rent for external events that are conducted by off campus organizations or individuals.
                          <i><a href="https://manchester.unh.edu/about/contact-us/rent-our-space" target="_blank" tabindex="0" aria-label="Submit an External Event Request"><span style="color: #0000ff"><span style="font-family: &quot;Calibri&quot;,sans-serif; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin; mso-bidi-theme-font: major-latin; mso-bidi-font-family: &quot;Calibri Light&quot;">S</span>ubmit an External Event Request</span></a>.</i></span><span
                          style="font-size: 13pt; color: black; line-height: 115%; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: Calibri">&nbsp;</span>
                        <o:p></o:p>
                      </p><span style="font-size: 13pt; font-family: Calibri"><span times="" new="" roman?;?="">
                          <p style="margin-right: 0px" dir="ltr">
                          </p>
                          <p></p>
                        </span></span>
                    </span>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane fade" id="my-home">
                <div id="conf-msg" style="">
                  <div data-bind="visible: false" style="display: none;">
                    <h1 class="confirm-head">Sign Up Complete</h1>
                    <div class="confirm-row">Congratulations! You have successfully signed up to use EMS! Sign in below.</div>
                  </div>
                  <div data-bind="visible: false" style="display: none;">
                    <h1 class="confirm-head">Your Password Has Been Reset</h1>
                    <div class="confirm-row">Success, you can sign in below using your new password! A confirmation email regarding the password reset has been sent to .</div>
                  </div>
                </div>
                <div class="container-fluid vems-panel" id="signin-panel" style="">
                  <div class="row">
                    <div class="col-md-6 left-subpanel" data-bind="visible: AllowSignIn" style="display: none;">
                      <h4 tabindex="0">Sign In</h4>
                      <div id="login" style="height:100%">
                        <div class="clear">
                          <div id="pc_WebText1">
                          </div>
                        </div>
                        <div class="loginDiv">
                          <div id="timeoutMsg" class="timeout-message center-block" style="display: none;">
                            <span class="fa fa-exclamation-circle timeout-icon"></span>
                            <span>Your session has expired, and you have been logged out.<br>Please log in again to continue.</span>
                          </div>
                          <div id="login-standard-div" class="center-block" style="width: 60%;">
                            <div class="form-group">
                              <label for="userID_input" class="required">User</label>
                              <input name="userID_input" type="text" maxlength="300" id="userID_input" class="userId form-control" required="required">
                            </div>
                            <div class="form-group">
                              <label for="password_input" class="required">Password</label>
                              <label for="pwd-hidden-ie" style="display:none;" aria-hidden="true">Password</label>
                              <input id="pwd-hidden-ie" type="password" style="display:none;" maxlength="255" aria-hidden="true" readonly="">
                              <input type="password" class="form-control" id="password_input" required="required" name="password_input" autocomplete="new-password" maxlength="255">
                              <input type="hidden" id="pwdhid" name="pwdhid">
                            </div>
                            <div class="validation-error-message" style="margin-bottom: 10px" data-bind="attr:{'aria-label':'','tabindex':('')?'0':'-1'}" aria-label="" tabindex="-1"></div>
                            <div class="form group text-left">
                              <input type="submit" name="ctl00$pc$btnLogin" value="Sign In" id="pc_btnLogin" class="btn btn-primary">
                            </div>
                          </div>
                          <div id="login-sso-div" class="center-block" style="display: none;">
                            <div class="text-center">
                              <button type="button" class="btn btn-primary" onclick="window.location = Dea.loginOverrideUrl">Sign In</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-md-6" id="guest-actions" data-bind="visible: (ShowCreateAccountButton() || AllowUnauthenticatedRequest())" style=" display: none; vertical-align: middle">
                      <div>
                        <h4 tabindex="0">Welcome, Guest.</h4>
                      </div>
                      <div id="create-acct" class="text-center" style="margin-top: 1em; display: none;" data-bind="visible: ShowCreateAccountButton">
                        <a class="btn btn-success" onkeydown="handleKeypress(event)" type="button" href="AccountManagement.aspx" data-bind="html: AccountButtonText">Create An Account</a>
                      </div>
                      <div id="create-request-unauth" class="text-center" style="margin-top: 1em; display: none;" data-bind="visible: AllowUnauthenticatedRequest">
                        <a class="btn btn-success" onkeydown="handleKeypress(event)" type="button" href="/web/ClassicRequestForm.aspx?data=ity3Dem%2byxxGFZTQvNr975K4dCU8QwV7" data-bind="html: RequestRoomText">Request A Room</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="my-home-content" style="display: none;">
                  <!-- My Reservation Templates -->
                  <div id="my-reservation-templates" class="hidden-xs">
                    <h2 tabindex="0" aria-label="My Reservation Templates. There are no templates in the list">My Reservation Templates</h2>
                    <div>
                      <div id="templates-no-results" class="no-bookings-wrap" style="">
                        <h3>You have no templates configured.</h3>
                      </div>
                      <div id="templates-grid" class="booking-grid daily col-xs-12" style="display: none;">
                        <div data-bind="template: { name: 'my-reservation-templates-template', foreach: templates }"></div>
                      </div>
                    </div>
                  </div>
                  <!-- My Reservations -->
                  <div id="my-reservations">
                    <h2 tabindex="0">My Bookings</h2>
                    <div id="my-reservations-content" class="home-my-reservations-content">
                      <div id="my-reservations-overlay" class="home-my-reservations-overlay">
                        <button id="btn-show-my-reservations" class="showMyBookingsColorContrast" onkeydown="handleRecurenceKeyPress(null, null, true, 'showMyBookingsNavigation')" data-bind="click: hideShowMyBookingsButton">Show My Bookings</button>
                      </div>
                      <ul class="nav nav-tabs" role="tablist" id="my-bookings-main-tabs">
                        <li id="my-bookings-title" role="presentation" class="active"><a href="#my-bookings" data-toggle="tab" data-bind="text: localeDate(), event:{keypress:function(data,event){handleKeypress(event) }}">8. November 2023</a></li>
                        <li id="my-bookings-search-tab" role="presentation"><a href="#my-bookings-search" data-toggle="tab" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}" aria-label="Search">Search</a></li>
                        <span class="time-zone-heading" tabindex="0" data-bind="text: vems.decodeHtml(userTimeZone()) + (userTimeZoneAbbr() ? ' [' + userTimeZoneAbbr() + ']' : '')"></span>
                      </ul>
                      <div class="tab-content">
                        <div role="tabpanel" class="tab-pane fade in active" id="my-bookings">
                          <div class="events-loading-overlay">
                            <img class="loading-animation" src="Images/Loading.gif" alt="Loading...">
                          </div>
                          <div class="text-center">
                            <div class="row bordered">
                              <div class="text-center">
                                <div id="sliderContainer"></div>
                              </div>
                            </div>
                            <ul id="my-bookings-tabs" class="nav nav-pills center-pills">
                              <li role="presentation" class="active" data-tabtype="day">
                                <a class="dayColorContrast" href="#my-bookings-daily" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}" aria-label="Day" data-toggle="tab" role="button" title="Day">Day</a></li>
                              <li role="presentation" data-tabtype="month">
                                <a class="monthColorContrast" href="#my-bookings-monthly" data-bind="event:{keypress:function(data,event){handleKeypress(event)}}" aria-label="Month" data-toggle="tab" role="button" title="Month">Month</a></li>
                              <li role="presentation" data-tabtype="search">
                                <div class="date input-group" id="my-bookings-datepicker">
                                  <label for="hidden-date-input" style="display: none;">Date</label>
                                  <input tabindex="-1" id="hidden-date-input" type="text" maxlength="255" readonly="">
                                  <a class="input-group-addon datePickerColorContrast" role="button" title="Select A Date" aria-label="Select A Date">
                                                        <div class="dateContrast" tabindex="0">
                                                           Date&nbsp;
                                                            <i class="fa fa-angle-down"></i>
                                                        </div>
                                                    </a>
                                </div>
                              </li>
                            </ul>
                            <div class="previous-today-next pull-right">
                              <a class="hidden-sm hidden-xs" data-bind="click: previousTodayNextHandler.bind($data, -1), event: {
                                                keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(-1); } } }" tabindex="0">
                                                Previous
                                            </a>
                              <a class="hidden-md hidden-lg fa fa-chevron-left" data-bind="click: previousTodayNextHandler.bind($data, -1), event: {
                                                keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(-1); } } }" tabindex="0"></a>
                              <a data-bind="click: previousTodayNextHandler.bind($data, 0), event: {
                                                keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(0); } } }" tabindex="0">
                                                Today
                                            </a>
                              <a class="hidden-sm hidden-xs" data-bind="click: previousTodayNextHandler.bind($data, 1), event: {
                                                keyup: function (data, e) { if (e.keyCode === 13  || e.keyCode === 32) { previousTodayNextHandler(1); } } }" tabindex="0">
                                                Next
                                            </a>
                              <a class="hidden-md hidden-lg fa fa-chevron-right" data-bind="click: previousTodayNextHandler.bind($data, 1), event: {
                                                keyup: function (data, e) { if (e.keyCode === 13  || e.keyCode === 32) { previousTodayNextHandler(1); } } }" tabindex="0"></a>
                            </div>
                          </div>
                          <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active" id="my-bookings-daily" style="position: relative;">
                              <!-- ko if: gettingEventsForDay() --><!-- /ko -->
                              <!-- ko if: events().length > 0 --><!-- /ko -->
                              <!-- ko if: events().length == 0 -->
                              <div id="no-bookings-wrap" class="no-bookings-wrap">
                                <h3 tabindex="0" data-bind="text: vems.decodeHtml(vems.noBookingsForDate.replace('{0}', localeDate()))">There are no bookings for 8. November 2023</h3>
                                <h4 data-bind="visible: nextBookingDate() !== null, click: getEventsForDay.bind($data, nextBookingDate(), true)" style="display: none;">
                                  <a tabindex="0" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}" href="#"><i class="fa fa-external-link-square"></i>Take me to the next day containing bookings.</a>
                                </h4>
                              </div>
                              <!-- /ko -->
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="my-bookings-monthly">
                              <div id="bookings-monthly-calendar" class="dx-widget dx-visibility-change-handler dx-calendar dx-calendar-view-month dx-swipeable" tabindex="0" role="listbox" aria-label="Calendar"
                                aria-activedescendant="dx-8d848bda-ec95-8216-eec7-e448ec624d37" style="width: 100%; height: 400px;"><input type="hidden" value="2023-11-08">
                                <div class="dx-calendar-body">
                                  <div class="dx-calendar-views-wrapper">
                                    <div class="dx-widget" style="transform: translate(0px, 0px);">
                                      <table>
                                        <thead>
                                          <tr>
                                            <th>Sun</th>
                                            <th>Mon</th>
                                            <th>Tue</th>
                                            <th>Wed</th>
                                            <th>Thu</th>
                                            <th>Fri</th>
                                            <th>Sat</th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                          <tr>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/10/29" role="option" aria-label="Sunday, October 29, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/10/30" role="option" aria-label="Monday, October 30, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/10/31" role="option" aria-label="Tuesday, October 31, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/01" role="option" aria-label="Wednesday, November 1, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/02" role="option" aria-label="Thursday, November 2, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/03" role="option" aria-label="Friday, November 3, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/04" role="option" aria-label="Saturday, November 4, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/11/05" role="option" aria-label="Sunday, November 5, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/06" role="option" aria-label="Monday, November 6, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/07" role="option" aria-label="Tuesday, November 7, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-today dx-calendar-selected-date" data-value="2023/11/08" role="option" aria-label="Wednesday, November 8, 2023" aria-selected="true"
                                              id="dx-8d848bda-ec95-8216-eec7-e448ec624d37">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/09" role="option" aria-label="Thursday, November 9, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/10" role="option" aria-label="Friday, November 10, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/11" role="option" aria-label="Saturday, November 11, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">11</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/11/12" role="option" aria-label="Sunday, November 12, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">12</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/13" role="option" aria-label="Monday, November 13, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">13</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/14" role="option" aria-label="Tuesday, November 14, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">14</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/15" role="option" aria-label="Wednesday, November 15, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">15</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/16" role="option" aria-label="Thursday, November 16, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">16</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/17" role="option" aria-label="Friday, November 17, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">17</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/18" role="option" aria-label="Saturday, November 18, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">18</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/11/19" role="option" aria-label="Sunday, November 19, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">19</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/20" role="option" aria-label="Monday, November 20, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">20</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/21" role="option" aria-label="Tuesday, November 21, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">21</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/22" role="option" aria-label="Wednesday, November 22, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">22</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/23" role="option" aria-label="Thursday, November 23, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">23</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/24" role="option" aria-label="Friday, November 24, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/25" role="option" aria-label="Saturday, November 25, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/11/26" role="option" aria-label="Sunday, November 26, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/27" role="option" aria-label="Monday, November 27, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/28" role="option" aria-label="Tuesday, November 28, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/29" role="option" aria-label="Wednesday, November 29, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/11/30" role="option" aria-label="Thursday, November 30, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/01" role="option" aria-label="Friday, December 1, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/02" role="option" aria-label="Saturday, December 2, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/03" role="option" aria-label="Sunday, December 3, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/04" role="option" aria-label="Monday, December 4, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/05" role="option" aria-label="Tuesday, December 5, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/06" role="option" aria-label="Wednesday, December 6, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/07" role="option" aria-label="Thursday, December 7, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/08" role="option" aria-label="Friday, December 8, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/09" role="option" aria-label="Saturday, December 9, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                    <div class="dx-widget" style="transform: translate(-100%, 0px);">
                                      <table>
                                        <thead>
                                          <tr>
                                            <th>Sun</th>
                                            <th>Mon</th>
                                            <th>Tue</th>
                                            <th>Wed</th>
                                            <th>Thu</th>
                                            <th>Fri</th>
                                            <th>Sat</th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                          <tr>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/24" role="option" aria-label="Sunday, September 24, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/25" role="option" aria-label="Monday, September 25, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/26" role="option" aria-label="Tuesday, September 26, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/27" role="option" aria-label="Wednesday, September 27, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/28" role="option" aria-label="Thursday, September 28, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/29" role="option" aria-label="Friday, September 29, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/09/30" role="option" aria-label="Saturday, September 30, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/10/01" role="option" aria-label="Sunday, October 1, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/02" role="option" aria-label="Monday, October 2, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/03" role="option" aria-label="Tuesday, October 3, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/04" role="option" aria-label="Wednesday, October 4, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/05" role="option" aria-label="Thursday, October 5, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/06" role="option" aria-label="Friday, October 6, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/07" role="option" aria-label="Saturday, October 7, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/10/08" role="option" aria-label="Sunday, October 8, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/09" role="option" aria-label="Monday, October 9, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/10" role="option" aria-label="Tuesday, October 10, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/11" role="option" aria-label="Wednesday, October 11, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">11</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/12" role="option" aria-label="Thursday, October 12, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">12</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/13" role="option" aria-label="Friday, October 13, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">13</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/14" role="option" aria-label="Saturday, October 14, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">14</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/10/15" role="option" aria-label="Sunday, October 15, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">15</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/16" role="option" aria-label="Monday, October 16, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">16</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/17" role="option" aria-label="Tuesday, October 17, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">17</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/18" role="option" aria-label="Wednesday, October 18, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">18</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/19" role="option" aria-label="Thursday, October 19, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">19</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/20" role="option" aria-label="Friday, October 20, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">20</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/21" role="option" aria-label="Saturday, October 21, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">21</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/10/22" role="option" aria-label="Sunday, October 22, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">22</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/23" role="option" aria-label="Monday, October 23, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">23</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/24" role="option" aria-label="Tuesday, October 24, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/25" role="option" aria-label="Wednesday, October 25, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/26" role="option" aria-label="Thursday, October 26, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/27" role="option" aria-label="Friday, October 27, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/28" role="option" aria-label="Saturday, October 28, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/10/29" role="option" aria-label="Sunday, October 29, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/30" role="option" aria-label="Monday, October 30, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/10/31" role="option" aria-label="Tuesday, October 31, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/01" role="option" aria-label="Wednesday, November 1, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/02" role="option" aria-label="Thursday, November 2, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/03" role="option" aria-label="Friday, November 3, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/04" role="option" aria-label="Saturday, November 4, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                    <div class="dx-widget" style="transform: translate(100%, 0px);">
                                      <table>
                                        <thead>
                                          <tr>
                                            <th>Sun</th>
                                            <th>Mon</th>
                                            <th>Tue</th>
                                            <th>Wed</th>
                                            <th>Thu</th>
                                            <th>Fri</th>
                                            <th>Sat</th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                          <tr>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/26" role="option" aria-label="Sunday, November 26, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/27" role="option" aria-label="Monday, November 27, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/28" role="option" aria-label="Tuesday, November 28, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/29" role="option" aria-label="Wednesday, November 29, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/30" role="option" aria-label="Thursday, November 30, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/01" role="option" aria-label="Friday, December 1, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/02" role="option" aria-label="Saturday, December 2, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/12/03" role="option" aria-label="Sunday, December 3, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/04" role="option" aria-label="Monday, December 4, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/05" role="option" aria-label="Tuesday, December 5, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/06" role="option" aria-label="Wednesday, December 6, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/07" role="option" aria-label="Thursday, December 7, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/08" role="option" aria-label="Friday, December 8, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/09" role="option" aria-label="Saturday, December 9, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/12/10" role="option" aria-label="Sunday, December 10, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/11" role="option" aria-label="Monday, December 11, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">11</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/12" role="option" aria-label="Tuesday, December 12, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">12</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/13" role="option" aria-label="Wednesday, December 13, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">13</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/14" role="option" aria-label="Thursday, December 14, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">14</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/15" role="option" aria-label="Friday, December 15, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">15</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/16" role="option" aria-label="Saturday, December 16, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">16</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/12/17" role="option" aria-label="Sunday, December 17, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">17</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/18" role="option" aria-label="Monday, December 18, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">18</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/19" role="option" aria-label="Tuesday, December 19, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">19</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/20" role="option" aria-label="Wednesday, December 20, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">20</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/21" role="option" aria-label="Thursday, December 21, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">21</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/22" role="option" aria-label="Friday, December 22, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">22</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/23" role="option" aria-label="Saturday, December 23, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">23</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/12/24" role="option" aria-label="Sunday, December 24, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/25" role="option" aria-label="Monday, December 25, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/26" role="option" aria-label="Tuesday, December 26, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/27" role="option" aria-label="Wednesday, December 27, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/28" role="option" aria-label="Thursday, December 28, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/29" role="option" aria-label="Friday, December 29, 2023">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell" data-value="2023/12/30" role="option" aria-label="Saturday, December 30, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                          <tr>
                                            <td class="dx-calendar-cell" data-value="2023/12/31" role="option" aria-label="Sunday, December 31, 2023" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/01" role="option" aria-label="Monday, January 1, 2024">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/02" role="option" aria-label="Tuesday, January 2, 2024">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/03" role="option" aria-label="Wednesday, January 3, 2024">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/04" role="option" aria-label="Thursday, January 4, 2024">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/05" role="option" aria-label="Friday, January 5, 2024">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                            <td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/06" role="option" aria-label="Saturday, January 6, 2024" style="background-color: rgb(242, 242, 234);">
                                              <div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
                                                <div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
                                                <div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
                                              </div>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                  </div>
                                </div>
                                <div class="dx-widget dx-calendar-navigator">
                                  <a class="dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-icon dx-calendar-navigator-previous-view dx-calendar-navigator-previous-month" role="button" aria-label="chevronleft"><div class="dx-button-content"><i class="dx-icon dx-icon-chevronleft"></i></div></a><a class="dx-calendar-caption-button dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-text" role="button" aria-label="November 2023"><div class="dx-button-content"><span class="dx-button-text">November 2023</span></div></a><a class="dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-icon dx-calendar-navigator-next-view dx-calendar-navigator-next-month" role="button" aria-label="chevronright"><div class="dx-button-content"><i class="dx-icon dx-icon-chevronright"></i></div></a>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="my-bookings-search">
                          <!-- Simple search -->
                          <div class="form-inline simple-search">
                            <div class="form-group">
                              <label class="hide-element" for="booking-search-box">Search for bookings by name or location.</label>
                              <input type="text" class="form-control" tabindex="-1" id="booking-search-box" maxlength="255">
                            </div>
                            <button type="button" tabindex="-1" class="btn btn-default" id="booking-search-button" data-bind="click: $root.searchForBookings">Search</button>
                            <span id="booking-search-count" tabindex="0" class="result-count" style="display: none;" data-bind="text: searchRecordCountLabel">0 Results.</span>
                            <!-- ko if: searchRecordCount() == 20 && !DevExpress.devices.real().phone --><!-- /ko -->
                          </div>
                          <div class="simple-search-results">
                            <p class="inline-instructions" tabindex="0" id="booking-search-instructions">Search for bookings by name or location.</p>
                            <div id="booking-no-results" tabindex="0" class="col-md-offset-4" style="display: none;">
                              <h3 id="booking-no-results-head">Nothing was found for "".</h3>
                              <ul>
                                <li>Start with a simple search; use less text.</li>
                                <li>Remember, only booking title and location are searchable.</li>
                              </ul>
                            </div>
                            <div id="booking-search-results" class="booking-grid daily col-xs-12" style="display: none;" data-bind="component: { name: 'booking-search-component', params: $root }">
                              <div class="row" id="booking-search-header">
                                <div id="booking-search-header-title" class="col-md-4 col-sm-12 col-xs-12" data-bind="click: $root.sortSearchResults, event:{keypress:function(data,event){handleKeypress(event) }}" tabindex="0"> Title </div>
                                <div id="booking-search-header-location" class="col-md-3 hidden-xs hidden-sm" data-bind="click: $root.sortSearchResults, event:{keypress:function(data,event){handleKeypress(event) }}" tabindex="0" "="">
        Location
    </div>
    <div id=" booking-search-header-date" class="col-md-4 hidden-xs hidden-sm" data-bind="click: $root.sortSearchResults, event:{keypress:function(data,event){handleKeypress(event) }}" tabindex="0" "="">
        Date &amp; Time
        <i id=" booking-search-sort-indicator" class="fa fa-angle-up"></i>
                                </div>
                              </div>
                              <div data-bind="template: { foreach: searchResults, as: 'ev' }"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div data-bind="component: {name: &quot;cancel-reason-dialog&quot;, params: $root}">
                        <!-- ko if: activeBooking() --><!-- /ko -->
                      </div>
                    </div>
                  </div>
                  <!-- Infographics -->
                  <div id="my-infographics" class="hidden-xs" style="">
                    <h2 tabindex="0" id="my-infographics-header" onkeydown="handleRecurenceKeyPress(null, null, true, 'showMyBookingsHeaderNavigation')">My Infographics</h2>
                    <div class="row">
                      <div class="col-xs-12 col-md-4">
                        <div class="ig-container">
                          <div class="date-time-header" tabindex="0" aria-label="Today">Today</div>
                          <div class="ig-subhead" tabindex="0" aria-labelledby="aria-day-id">
                            <div id="aria-day-id"><span id="day-chart-count">0</span> bookings</div>
                          </div>
                          <div id="ig-today" class="booking-chart-container dx-visibility-change-handler"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" fill="none" stroke="none" stroke-width="0" class="dxc dxc-chart"
                              style="line-height:normal;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);display:block;overflow:hidden;" width="400" height="250" direction="ltr">
                              <defs>
                                <filter id="DevExpress_1" x="-50%" y="-50%" width="200%" height="200%" transform="translate(0,0)">
                                  <feGaussianBlur in="SourceGraphic" result="gaussianBlurResult" stdDeviation="3"></feGaussianBlur>
                                  <feOffset in="gaussianBlurResult" result="offsetResult" dx="2" dy="6"></feOffset>
                                  <feFlood result="floodResult" flood-color="" flood-opacity="0.8"></feFlood>
                                  <feComposite in="floodResult" in2="offsetResult" operator="in" result="compositeResult"></feComposite>
                                  <feComposite in="SourceGraphic" in2="compositeResult" operator="over"></feComposite>
                                </filter>
                                <clipPath id="DevExpress_3">
                                  <rect x="0" y="0" width="400" height="250" transform="translate(0,0)"></rect>
                                </clipPath>
                              </defs>
                              <rect x="0" y="0" width="400" height="250" transform="translate(0,0)" fill="gray" opacity="0.0001"></rect>
                              <g class="dxc-background"></g>
                              <g class="dxc-series-group">
                                <g class="dxc-series">
                                  <g class="dxc-markers"></g>
                                </g>
                              </g>
                              <g class="dxc-labels-group">
                                <g class="dxc-labels" opacity="0.001" transform="translate(0,0)"></g>
                              </g>
                              <g class="dxc-legend" clip-path="url(#DevExpress_3)"></g>
                            </svg></div>
                        </div>
                      </div>
                      <div class="col-xs-12 col-md-4">
                        <div class="ig-container">
                          <div class="date-time-header" tabindex="0" aria-label="This Week">This Week</div>
                          <div class="ig-subhead" tabindex="0" aria-labelledby="aria-week-id">
                            <div id="aria-week-id"><span id="week-chart-count">0</span> bookings</div>
                          </div>
                          <div id="ig-week" class="booking-chart-container dx-visibility-change-handler"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" fill="none" stroke="none" stroke-width="0" class="dxc dxc-chart"
                              style="line-height:normal;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);display:block;overflow:hidden;" width="400" height="250" direction="ltr">
                              <defs>
                                <filter id="DevExpress_5" x="-50%" y="-50%" width="200%" height="200%" transform="translate(0,0)">
                                  <feGaussianBlur in="SourceGraphic" result="gaussianBlurResult" stdDeviation="3"></feGaussianBlur>
                                  <feOffset in="gaussianBlurResult" result="offsetResult" dx="2" dy="6"></feOffset>
                                  <feFlood result="floodResult" flood-color="" flood-opacity="0.8"></feFlood>
                                  <feComposite in="floodResult" in2="offsetResult" operator="in" result="compositeResult"></feComposite>
                                  <feComposite in="SourceGraphic" in2="compositeResult" operator="over"></feComposite>
                                </filter>
                                <clipPath id="DevExpress_7">
                                  <rect x="0" y="0" width="400" height="250" transform="translate(0,0)"></rect>
                                </clipPath>
                              </defs>
                              <rect x="0" y="0" width="400" height="250" transform="translate(0,0)" fill="gray" opacity="0.0001"></rect>
                              <g class="dxc-background"></g>
                              <g class="dxc-series-group">
                                <g class="dxc-series">
                                  <g class="dxc-markers"></g>
                                </g>
                              </g>
                              <g class="dxc-labels-group">
                                <g class="dxc-labels" opacity="0.001" transform="translate(0,0)"></g>
                              </g>
                              <g class="dxc-legend" clip-path="url(#DevExpress_7)"></g>
                            </svg></div>
                        </div>
                      </div>
                      <div class="col-xs-12 col-md-4">
                        <div class="ig-container">
                          <div class="date-time-header" tabindex="0" aria-label="This Month">This Month</div>
                          <div class="ig-subhead" tabindex="0" aria-labelledby="aria-month-id">
                            <div id="aria-month-id"><span id="month-chart-count">0</span> bookings</div>
                          </div>
                          <div id="ig-month" class="booking-chart-container dx-visibility-change-handler"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" fill="none" stroke="none" stroke-width="0" class="dxc dxc-chart"
                              style="line-height:normal;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);display:block;overflow:hidden;" width="400" height="250" direction="ltr">
                              <defs>
                                <filter id="DevExpress_9" x="-50%" y="-50%" width="200%" height="200%" transform="translate(0,0)">
                                  <feGaussianBlur in="SourceGraphic" result="gaussianBlurResult" stdDeviation="3"></feGaussianBlur>
                                  <feOffset in="gaussianBlurResult" result="offsetResult" dx="2" dy="6"></feOffset>
                                  <feFlood result="floodResult" flood-color="" flood-opacity="0.8"></feFlood>
                                  <feComposite in="floodResult" in2="offsetResult" operator="in" result="compositeResult"></feComposite>
                                  <feComposite in="SourceGraphic" in2="compositeResult" operator="over"></feComposite>
                                </filter>
                                <clipPath id="DevExpress_11">
                                  <rect x="0" y="0" width="400" height="250" transform="translate(0,0)"></rect>
                                </clipPath>
                              </defs>
                              <rect x="0" y="0" width="400" height="250" transform="translate(0,0)" fill="gray" opacity="0.0001"></rect>
                              <g class="dxc-background"></g>
                              <g class="dxc-series-group">
                                <g class="dxc-series">
                                  <g class="dxc-markers"></g>
                                </g>
                              </g>
                              <g class="dxc-labels-group">
                                <g class="dxc-labels" opacity="0.001" transform="translate(0,0)"></g>
                              </g>
                              <g class="dxc-legend" clip-path="url(#DevExpress_11)"></g>
                            </svg></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- about template modal -->
          <div class="modal fade" id="template-modal" tabindex="-1" role="dialog" aria-labelledby="template-modal-aria-title">
            <div class="modal-dialog" role="document">
              <div class="modal-content" id="template-modal-content" data-bind="component: { name: 'web-template-modal-component', params: $root }"></div>
            </div>
          </div>
          <!-- endnow modal -->
          <div class="modal fade" id="endnow-modal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document" onkeydown="modelFocusTrap(event)">
              <div class="modal-content" id="endnow-modal-content">
                <div class="modal-header">
                  <button id="close-endnow-button" type="button" class="close" data-dismiss="modal" close-mark="" aria-label="Close"><span aria-hidden="true">×</span></button>
                  <h3 tabindex="0" class="modal-title" id="default-aspx-endnow-modal-title">Are you sure you want to end this booking now?</h3>
                </div>
                <div class="modal-body">
                  <p class="date"></p>
                  <p tabindex="0" class="event-name"></p>
                  <p tabindex="0" class="location"></p>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" id="endBookingBtn">Yes, End Booking</button>
                  <button id="no-endnow-button" type="button" class="btn btn-primary" btn-cancel="" data-dismiss="modal">No, Don't End</button>
                </div>
              </div>
            </div>
          </div>
          <!-- booking details modal -->
          <div id="booking-details-comp" data-bind="component: { name: &quot;booking-details-component&quot;, params: { ScreenText: {
        TimeText: &quot;Time&quot;,
        DateText: &quot;Date&quot;,
        EventNameText: &quot;Event Name&quot;,
        LocationText: &quot;Location&quot;,
        GroupNameText: &quot;Group Name&quot;,
        NoBookingsMessage: &quot;No bookings exist for this event.&quot;,
        BookingDetailsText: &quot;Booking Details&quot;,
        EventDetailsText: &quot;Event Details&quot;,
        RelatedEventsText: &quot;Related Events&quot;,
        DownloadIcsText: &quot;Add to My Calendar&quot;,
        ShareText: &quot;Share&quot;,
        CloseText: &quot;Close&quot;,
        EditText: &quot;edit&quot;,
        FirstBookingText: &quot;First Booking&quot;,
        LastBookingText: &quot;Last Booking&quot;,
        CheckedInText: &quot;Checked In&quot;,
        CheckInText: &quot;Check In&quot;,
        CancelText: &quot;Cancel&quot;,
        EndNowText: &quot;End Now&quot;,
        EndNowConfirmText: &quot;Are you sure you want to end this booking now?&quot;,
        YesEndBookingText: &quot;Yes, End Booking&quot;,
        NoDontEndText: &quot;No, Don't End&quot;,
        CancelBookingQuestionText: &quot;Cancel Booking?&quot;,
        CancelReasonText: &quot;Cancel Reason&quot;,
        CancelNotesText: &quot;Cancel Notes&quot;,
        YesCancelText: &quot;Yes, Cancel Booking&quot;,
        NoCancelText: &quot;No, Keep Booking&quot;} } }">
            <div class="modal fade" id="booking-details-modal" tabindex="-1" role="dialog" aria-labelledby="booking-details-booking-details-modal-title">
              <div class="modal-dialog" role="document" id="booking-modal">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" id="closeModal" class="close" data-dismiss="modal" aria-label="Close" data-bind="click: function () { vems.bookingDetailsVM.hide(); }"><span aria-hidden="true">×</span></button>
                    <h3 tabindex="0" class="modal-title" id="booking-details-booking-details-modal-title" data-bind="text: ScreenText.BookingDetailsText">Booking Details</h3>
                  </div>
                  <div class="modal-body">
                    <ul id="booking-details-tabs" class="nav nav-tabs" role="tablist">
                      <li role="presentation" class="active">
                        <a aria-expanded="true" href="#detailsContainer" aria-controls="detailsContainer" role="tab" data-toggle="tab" data-bind="text: ScreenText.EventDetailsText,attr:{'aria-label':ScreenText.EventDetailsText}" aria-label="Event Details">Event Details</a>
                      </li>
                      <!-- ko if: !vems.bookingDetailsVM.IsMobile() -->
                      <li role="presentation">
                        <a aria-expanded="false" href="#relatedEventsContainer" aria-controls="relatedEventsContainer" role="tab" data-toggle="tab" data-bind="text: ScreenText.RelatedEventsText">Related Events</a>
                      </li>
                      <!-- /ko -->
                      <a id="VEMSBookingDetails" class="fa fa-question-circle help-text-icon" data-helptextkey="VEMSBookingDetails" aria-label="Click to open help about the booking details section" data-parenttype="None" data-parentid="0" style="display: none;" href="#"></a>
                    </ul>
                    <div class="tab-content">
                      <div tabindex="-1" id="detailsContainer" role="tabpanel" class="tab-pane fade in active">
                        <div class="modal-loading-overlay">
                          <img class="loading-animation" src="Images/Loading.gif" alt="Loading...">
                        </div>
                        <table class="table table-striped">
                          <tbody data-bind="foreach: $data.details()"></tbody>
                        </table>
                      </div>
                      <!-- ko if: !vems.bookingDetailsVM.IsMobile() -->
                      <div id="relatedEventsContainer" role="tabpanel" tabindex="-1" class="tab-pane fade">
                        <div id="booking-details-grid-container" tabindex="-1" class="table-responsive">
                          <table id="booking-details-grid" tabindex="-1" class="table table-striped table-sort">
                            <thead>
                              <tr>
                                <!-- ko if: vems.bookingDetailsVM.ShowICS() --><!-- /ko -->
                                <th data-bind="event:{'keypress':function(i,e){preventScroll(e)}}">
                                  <div id="related-Events-Container-Date" data-bind="text: ScreenText.DateText">Date</div>
                                </th>
                                <th data-bind="event:{'keypress':function(i,e){preventScroll(e)}}">
                                  <div id="related-Events-Container-Time" data-bind="text: ScreenText.TimeText">Time</div>
                                </th>
                                <!-- ko if: !vems.bookingDetailsVM.SuppressEventName() -->
                                <th data-bind="event:{'keypress':function(i,e){preventScroll(e)}}">
                                  <div id="related-Events-Container-EventName" data-bind="text: ScreenText.EventNameText">Event Name</div>
                                </th>
                                <!-- /ko -->
                                <!-- ko if: vems.bookingDetailsVM.ShowLocation() --><!-- /ko -->
                                <!-- ko if: vems.bookingDetailsVM.ShowGroupName() --><!-- /ko -->
                              </tr>
                            </thead>
                            <tbody>
                              <!-- ko foreach:vems.bookingDetailsVM.Bookings --><!-- /ko -->
                            </tbody>
                          </table>
                        </div>
                      </div>
                      <!-- /ko -->
                    </div>
                  </div>
                  <div class="modal-footer">
                    <!-- ko if: IsMobile() && (IsCheckedIn() || ShowCheckinButton() || AllowCancel() || AllowEndNow()) --><!-- /ko -->
                    <!-- ko if: ShowICS() && !IsMobile() --><!-- /ko -->
                    <div id="add-this-container" tabindex="0" class="pull-left"></div>
                    <!-- ko if: ConferenceURL().length > 0 && ConferencingSolution() --><!-- /ko -->
                    <button id="close-btn" aria-label="Close" tabindex="0" type="button" class="btn btn-primary" data-dismiss="modal" data-bind="text: ScreenText.CloseText, click: function () { vems.bookingDetailsVM.hide(); }">Close</button>
                  </div>
                </div>
              </div>
              <!-- endnow modal -->
              <div class="modal fade" id="endnow-modal-bd" tabindex="-1" role="dialog" aria-labelledby="booking-details-aspx-endnow-modal-title">
                <div class="modal-dialog" role="document">
                  <div class="modal-content" id="endnow-modal-content-bd">
                    <div class="modal-header">
                      <button tabindex="0" id="close-endnow-button" type="button" class="close" data-bind="click: closeEndNowModal" aria-label="Close"><span aria-hidden="true">×</span></button>
                      <h3 class="modal-title" id="booking-details-aspx-endnow-modal-title" data-bind="text: ScreenText.EndNowConfirmText">Are you sure you want to end this booking now?</h3>
                    </div>
                    <div class="modal-body">
                      <p class="date"></p>
                      <p class="event-name"></p>
                      <p class="location"></p>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" id="endBookingBtn-bd" data-bind="text: ScreenText.YesEndBookingText">Yes, End Booking</button>
                      <button id="no-endnow-button" type="button" class="btn btn-primary" data-bind="text: ScreenText.NoDontEndText, click: closeEndNowModal">No, Don't End</button>
                    </div>
                  </div>
                </div>
              </div>
              <!-- cancel modal -->
              <div class="modal fade" id="cancel-modal-bd" tabindex="-1" role="dialog" aria-labelledby="booking-details-template-aspx-cancel-modal-title">
                <div class="modal-dialog" role="document">
                  <div class="modal-content" id="cancel-modal-content-bd">
                    <div class="modal-header">
                      <button type="button" class="close" aria-label="Close" data-bind="click: closeCancelModal"><span aria-hidden="true">×</span></button>
                      <h3 class="modal-title" id="booking-details-template-aspx-cancel-modal-title" data-bind="text: ScreenText.CancelBookingQuestionText">Cancel Booking?</h3>
                    </div>
                    <div class="modal-body">
                      <p class="date"></p>
                      <p class="event-name"></p>
                      <p class="location"></p>
                      <div class="vc-host-warning" style="display: none;">
                        <img class="vc-host-warning-icon" src="Images/diamond-alert.png" alt="Warning">
                        <span class="vc-host-warning-message">This booking is set as the VC host.<br>Cancelling this booking will also cancel all other locations on this date.</span>
                      </div>
                      <div class="cal-occ-warning" style="display: none;">
                        <img class="cal-occ-warning-icon" src="Images/diamond-alert.png" alt="Warning">
                        <span class="cal-occ-warning-message">This booking is part of a Calendar Occurrence.<br>Cancelling this location will cancel all locations with same date/time.<br>To cancel a single location, Edit the booking.</span>
                      </div>
                      <div class="reason dropdown form-group">
                        <label class="control-label" for="bd-cancel-reason" data-bind="text: ScreenText.CancelReasonText">Cancel Reason</label>
                        <select id="bd-cancel-reason" class="form-control required" data-bind="fastForEach: { data: CancelReasons }"></select>
                      </div>
                      <div class="notes form-group">
                        <label class="control-label" for="bd-cancel-notes" data-bind="text: ScreenText.CancelNotesText">Cancel Notes</label>
                        <textarea id="bd-cancel-notes" class="form-control" rows="3"></textarea>
                      </div>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" id="cancel-btn-yes-bd" data-bind="text: ScreenText.YesCancelText">Yes, Cancel Booking</button>
                      <button type="button" class="btn btn-primary" id="cancel-btn-no-bd" data-bind="text: ScreenText.NoCancelText, click: closeCancelModal">No, Keep Booking</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- location details modal -->
          <div id="location-details-comp" data-bind="component: { name: &quot;location-details-component&quot;, params: { } }">
            <div class="modal fade" id="location-details-modal" tabindex="-1" role="dialog" aria-labelledby="location-details-template-aspx-locations-details-modal-title">
              <div class="modal-dialog" role="document" onkeydown="modelFocusTrap(event)">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" close-mark="" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h3 tabindex="0" class="modal-title" id="location-details-template-aspx-locations-details-modal-title"><span>about</span> <span data-bind="text: vems.decodeHtml(roomDescription())"></span></h3>
                  </div>
                  <div class="modal-body">
                    <ul id="location-details-tabs" class="nav nav-tabs" role="tablist">
                      <li role="presentation" class="active location-details-tab" style="max-width: 25%;">
                        <a href="#mainContainer" aria-controls="mainContainer" role="tab" data-toggle="tab" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}">Room Details</a>
                      </li>
                      <li role="presentation" class="location-details-tab" style="max-width: 20%;">
                        <a href="#setupContainer" aria-controls="setupContainer" role="tab" data-toggle="tab" data-bind="visible: setupDetails().length > 0, event:{keypress:function(data,event){handleKeypress(event) }}" style="display: none;">Setup Types</a>
                      </li>
                      <li role="presentation" class="location-details-tab" style="max-width: 20%;">
                        <a href="#featuresContainer" aria-controls="featuresContainer" role="tab" data-toggle="tab" data-bind="visible: features().length > 0, event:{keypress:function(data,event){handleKeypress(event) }}" style="display: none;">Features</a>
                      </li>
                      <li role="presentation" class="location-details-tab" style="max-width: 15%;">
                        <a href="#imagesContainer" aria-controls="imagesContainer" role="tab" data-toggle="tab" data-bind="visible: images().length > 0,  event:{keypress:function(data,event){handleKeypress(event) }}" style="display: none;">Images</a>
                      </li>
                      <li role="presentation" data-bind="visible: vems.hasBrowseForSpace === 1,event:{keypress:function(data,event){handleKeypress(event) }}" class="location-details-tab" style="max-width: 20%;">
                        <a href="#availabilityContainer" aria-controls="availabilityContainer" role="tab" data-toggle="tab" id="availability-tab">Availability</a>
                      </li>
                    </ul>
                    <div class="tab-content">
                      <div id="mainContainer" role="tabpanel" class="tab-pane active">
                        <table class="table table-striped">
                          <thead class="sr-only">
                            <tr>
                              <th>Description</th>
                              <th>Value</th>
                            </tr>
                          </thead>
                          <tbody data-bind="foreach: details"></tbody>
                        </table>
                      </div>
                      <div id="setupContainer" role="tabpanel" class="tab-pane">
                        <table class="table table-striped">
                          <thead class="sr-only">
                            <tr>
                              <th tabindex="0" aria-label="Setup Type">Setup Type</th>
                              <th tabindex="0" aria-label="Minimum Capacity">Min Capacity</th>
                              <th tabindex="0" aria-label="Maximum Capacity">Max Capacity</th>
                            </tr>
                          </thead>
                          <tbody data-bind="foreach: setupDetails"></tbody>
                        </table>
                      </div>
                      <div id="featuresContainer" role="tabpanel" class="tab-pane">
                        <table class="table table-striped">
                          <thead class="sr-only">
                            <tr>
                              <th>Description</th>
                            </tr>
                          </thead>
                          <tbody data-bind="foreach: features"></tbody>
                        </table>
                      </div>
                      <div id="imagesContainer" role="tabpanel" class="tab-pane">
                        <div class="row" data-bind="foreach: images"></div>
                      </div>
                      <div id="availabilityContainer" role="tabpanel" class="tab-pane" style="overflow-y: hidden;">
                        <div class="row" style="margin-bottom: 30px;">
                          <div class="col-sm-8 col-xs-12">
                            <div class="col-sm-3 col-xs-3">
                              <button class="btn btn-main" type="button" id="available-previous" data-bind="click: changeAvailableDate,attr:{'aria-label':moment(availableStartDate()).add(-1, 'day').format('ddd,LL')}"
                                aria-label="Di.,7. November 2023">
                                <i class="fa fa-chevron-left"></i>
                                <span aria-hidden="true" data-bind="text: moment(availableStartDate()).add(-1, 'day').format('ddd'),attr:{'aria-label':moment(availableStartDate()).add(-1, 'day').format('ddd,LL')}"
                                  aria-label="Di.,7. November 2023">Di.</span>
                              </button>
                            </div>
                            <div class="col-sm-7 col-xs-6" id="available-presentDate" tabindex="0">
                              <span aria-hidden="true" style="font-size: 1.3em; display: block; text-align: center;" data-bind="text: moment(availableStartDate()).format('ddd, LL')">Mi., 8. November 2023</span>
                            </div>
                            <div class="col-sm-2 col-xs-2">
                              <button class="btn btn-main" type="button" id="available-next" data-bind="click: changeAvailableDate,attr:{'aria-label':moment(availableStartDate()).add(1, 'day').format('ddd,LL')}" aria-label="Do.,9. November 2023">
                                <span aria-hidden="true" data-bind="text: moment(availableStartDate()).add(1, 'day').format('ddd'),attr:{'aria-label':moment(availableStartDate()).add(1, 'day').format('ddd,LL')}"
                                  aria-label="Do.,9. November 2023">Do.</span>
                                <i class="fa fa-chevron-right"></i>
                              </button>
                            </div>
                          </div>
                          <div class="col-sm-4 hidden-xs">
                            <span tabindex="0" class="float-right" style="margin-right: 15px; font-size: 1.3em;" data-bind="text: timeZoneTitle(),attr:{'aria-label':timeZoneTitle()}" aria-label=""></span>
                          </div>
                        </div>
                        <div>
                          <div id="room-availability-control"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="location-details-view-all-btn" data-bind="click: viewAllDetailsClicked, visible: !hideViewAllDetails()">View All Building &amp; Room Details</button>
                    <button type="button" btn-cancel="" class="btn btn-primary" id="location-details-close-btn" data-dismiss="modal">Close</button>
                  </div>
                </div>
              </div>
            </div>
            <!-- building/room image modal -->
            <div class="modal fade" id="bldg-room-image-modal" tabindex="-1" role="dialog">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-body">
                    <img id="bldg-room-image-img" src="" alt="" title="">
                    <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- floor plan modal -->
          <div id="floorplan-component-modal" data-bind="component: { name: &quot;floorplans-reserve-modal&quot;, params: { 
    RoomInfo: new FloorMapRoomInfo(),
    renderType: &quot;modal&quot;,
    ScreenText: {
        RequestText: &quot;Request    &quot;,
        ReserveText: &quot;Reserve    &quot;,
        RoomDetailsText: &quot;Room Details&quot;,
        RoomCodeText: &quot;Room Code&quot;,
        RoomDescriptionText: &quot;Description    &quot;,
        RoomTypeText: &quot;Room Type&quot;,
        AvailabilityText: &quot;Availability    &quot;,
        AvailableText: &quot;Available    &quot;,
        UnavailableText: &quot;Unavailable    &quot;,
        StartTimeText: &quot;Start Time    &quot;,
        EndTimeText: &quot;End Time    &quot;,
        TitleText: &quot;Title    &quot;,
        GroupNameText: &quot;Group&quot;
} } }">
            <div class="modal fade floormap-modal" id="floormap-modal" tabindex="-1" role="dialog" aria-labelledby="floor-plans-reserve-modal-aspx-foormap-modal-title" aria-hidden="true">
              <div class="modal-dialog" role="document" onkeydown="modelFocusTrap(event)">
                <div class="modal-content" style="width: 810px;">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" close-mark="" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h3 class="modal-title" id="floor-plans-reserve-modal-aspx-foormap-modal-title"> Floor Map </h3>
                  </div>
                  <div class="modal-body">
                    <div id="mobile-modal-map" data-bind="visible: isPhone()" style="height: 375px; max-width: 380px; display: none;"></div>
                    <div id="modal-map" data-bind="visible: !isPhone()" style="height: 600px; width: 100%"></div>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" btn-cancel="" data-dismiss="modal" data-target="#floormap-modal">Close</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <script type="text/html" id="my-reservation-templates-template">
            <!-- ko if: (DevExpress.devices.real().phone && IsMobile) || IsWebApp -->
          <div class="row" data-bind="attr: {'data-mobile': IsMobile, 'data-webapp': IsWebApp }">
            <div data-count="1" class="col-xs-6 ellipsis-text">
              <span data-bind="text: vems.decodeHtml(Text)"></span>
            </div>
            <div class="col-xs-6 table-buttons">
              <button type="button" class="btn btn-primary btn-xs" data-bind="event: { click: $root.templateClick }, attr: { 'aria-label': vems.screenText.BookNowWithTheXTemplate.replace('{0}', vems.decodeHtml(Text)) }">book now</button>
              <button type="button" class="btn btn-primary btn-xs" data-bind="attr: { 'data-navigateurl': NavigateUrl, 'data-templateid': Id, 'aria-label': vems.screenText.AboutTheXTemplate.replace('{0}', vems.decodeHtml(Text)) }" data-toggle="modal"
                data-target="#template-modal">about</button>
            </div>
          </div>
          <!-- /ko -->
          </script>
          <script type="text/html" id="my-bookings-template">
            <div class="row">
              <div data-bind="attr: { id: 'EventStart' + ev.Id}" first-focus-element class="col-md-2 col-sm-2 col-xs-7 ellipsis-text grid-lesspad-right" tabindex="0">
                <div class="row">
                  <div class="col-sm-12 col-xs-12">
                    <span data-bind="text: moment(ev.UserEventStart).format('LT') + ' - ' + moment(ev.UserEventEnd).format('LT')"></span>
                  </div>
                  <div class="hidden-sm hidden-md hidden-lg col-sm-12 col-xs-12 ellipsis-text">
                    <a href="#" data-bind="text: vems.decodeHtml(ev.EventName), click: function () { vems.bookingDetailsVM.show(Id, 0); }"></a>
                  </div>
                </div>
              </div>
              <div tabindex="0" onkeydown="javascript:if(event.keyCode === 13 || event.which === 13 || event.keyCode === 32 || event.which === 32){ $(this).children('a').trigger('click');}"
                class="col-md-3 col-sm-3 hidden-xs ellipsis-text grid-lesspad" data-bind="attr:{'aria-label': ev.EventName + 'Link'}">
                <a aria-hidden="true" tabindex="-1" href="#" data-bind="text: vems.decodeHtml(ev.EventName), click: function () { vems.bookingDetailsVM.show(Id, 0); }, attr: {title: vems.decodeHtml(ev.EventName),id: 'eventName' + ev.Id}"></a>
              </div>
              <div class="col-md-2 col-sm-2 col-xs-5 grid-lesspad" style="white-space: normal; word-break: break-word;">
                <div class="row">
                  <!-- ko if: ShowFloorMap && (ImageId > 0) -->
                  <a class="col-md-3 col-sm-3 col-xs-2" href="#" data-bind="click: vems.home.viewModels.myBookings.showMap" aria-label="Floor Map">
	                <i class="icon-ems-floorplan"></i>
	            </a>
                  <!-- /ko -->
                  <div tabindex="0" onkeydown="javascript:if(event.keyCode === 13 || event.which === 13 || event.keyCode === 32 || event.which === 32){ $(this).children('#anLocation').trigger('click');}" class="col-md-6 col-sm-6 col-xs-10"
                    data-bind="attr:{'aria-label': ev.Location + 'Link'}">
                    <a href="#" id="anLocation" tabindex="-1" aria-hidden="true" data-bind="text: vems.decodeHtml(ev.Location), click: function(data){ vems.locationDetailsVM.show(data.BuildingId, data.RoomId); }, attr:{'title': vems.decodeHtml(ev.Location)}"></a>
                  </div>
                </div>
              </div>
              <div class="col-md-1 col-sm-2 hidden-xs ellipsis-text grid-lesspad" data-bind="attr:{'aria-label': ev.EventName + ev.Location + ev.Status }" tabindex="0">
                <span aria-hidden="true" data-bind="text: vems.decodeHtml(ev.Status), attr:{'title': vems.decodeHtml(ev.Status)}"></span>
              </div>
              <div class="col-md-4 col-sm-3 hidden-xs table-buttons grid-lesspad-left">
                <!-- ko if: ev.ConferencingSolution === 'skype' && ev.IsSkypeEnabled -->
                <a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank','aria-label' : 'JoinSkype for the booking of' +  ev.EventName +' '+ ev.Location}, text: 'Join Skype' , event:{keypress:function(data,event){handleKeypress(event) }}"></a>
                <!-- /ko -->
                <!-- ko if: ev.ConferencingSolution === 'msteams' && ev.IsTeamsEnabled -->
                <a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank', 'aria-label' : 'JoinTeams for the booking of ' + ev.EventName +' '+ ev.Location }, text: 'Join Teams', event:{keypress:function(data,event){handleKeypress(event) }}"></a>
                <!-- /ko -->
                <!-- ko if: ev.ConferencingSolution === 'zoom' && ev.IsZoomEnabled -->
                <a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank','aria-label' :'JoinZoom for the booking of' + ev.EventName +' '+ ev.Location }, text: 'Join Zoom', event:{keypress:function(data,event){handleKeypress(event) }}"></a>
                <!-- /ko -->
                <!-- ko if: ev.ConferencingSolution === 'webex' && ev.IsWebexEnabled -->
                <a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank','aria-label' :'JoinWebex for the booking of' + ev.EventName +' '+ ev.Location }, text: 'Join Webex', event:{keypress:function(data,event){handleKeypress(event) }}"></a>
                <!-- /ko -->
                <button type="button" class="btn btn-primary btn-xs disabled" disabled="disabled" data-toggle="modal" data-bind="visible: ev.IsCheckedIn, attr: {'aria-label':  'Checked In' + ev.EventName +' '+ ev.Location }"> Checked In </button>
                <button type="button" class="btn btn-primary btn-xs" data-toggle="modal"
                  data-bind="visible: ev.ShowCheckinButton, click: $root.checkInToEvent.bind(ev), attr: { id: 'checkin-' + ev.Id,'aria-label': 'Check in for the booking of  ' +  ev.EventName +' '+ ev.Location }"> Check In </button>
                <button type="button" class="btn btn-primary btn-xs" data-toggle="modal"
                  data-bind="visible: ev.AllowEndNow,click: $root.endBookingNow.bind(ev), attr: { id: 'endnow-' + ev.Id,'aria-label': 'End now the booking of' + ev.EventName +' '+ ev.Location }"> End Now </button>
                <!-- ko if: ev.AllowCancel -->
                <button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-bind="click: $root.cancelBooking.bind(ev), attr: { id: 'cancel-' + ev.Id,'aria-label': 'cancel the booking of ' + ev.EventName +' '+ ev.Location }"> Cancel
                </button>
                <!-- /ko -->
              </div>
            </div>
          </script>
          <div id="CallbackStatus" style="display: none; z-index: 100" class="callbackStatus">
            <img id="LoadingImage" src="Images/Loading.gif" alt="Loading...">
            <span id="LoadingText">Loading...</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br>
  <br>
  <footer class="footer">
    <p class="invisible-screenreader-only" id="master-footer-mouseevent" aria-live="polite"></p>
    <div id="sidebar-wrapper-footer">
      <table>
        <tbody>
          <tr>
            <td class="footer-elements">
              <a tabindex="-1" id="footerimgid" class="ems-logo-link1" href="./">
                                 <img tabindex="0" src="Images/logo.png?v=221" class="ems-footer-logo" title="Logo Link to Home Page" onkeydown="onpressenter()">
                                </a>
              <label class="line">|</label>
              <span id="lbl_Master" class="label-footer">v223.2</span>
              <label class="recurrence-label-text1" for="end-date">© Copyright 2023 Accruent All Rights Reserved</label>
              <ul data-bind="foreach: mainMenuItems " class="footer-elements-recursive">
                <!-- ko if: Id != 4 && Id!=1 && Id!=50 && Id!=2147483647--><!-- /ko -->
                <!-- ko if: Id == 1 || Id==50 --><!-- /ko -->
                <!-- ko if: Id != 4 && Id!=1 && Id!=50 && Id!=2147483647--><!-- /ko -->
                <!-- ko if: Id == 1 || Id==50 -->
                <div data-bind="foreach: ChildMenus" class="footer-menu-list-item-child">
                  <li class="footer-menu-list-item-child">
                    <a class="link-footer" data-bind="attr: {'href': NavigateUrl.length > 0 ? NavigateUrl : '#', 'title': vems.decodeHtml(Text)}, event:{click: $root.menuItemClicked,mouseover:function(d,e){$root.MouseOver(Text)},mouseout:function(d,e){$root.MouseOut(d)}}" href="BrowseForSpace.aspx" title="Locations">
                                             <span class="linkcolor" data-bind="text: vems.decodeHtml(Text)">Locations</span>
                                         </a>
                  </li>
                </div>
                <!-- /ko -->
                <!-- ko if: Id != 4 && Id!=1 && Id!=50 && Id!=2147483647--><!-- /ko -->
                <!-- ko if: Id == 1 || Id==50 --><!-- /ko -->
              </ul>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </footer>
  <!-- end page-content-wrapper -->
  <!-- end wrapper -->
  <script type="text/javascript">
    //<![CDATA[
    var Page_ValidationSummaries = new Array(document.getElementById("Summary"));
    //]]>
  </script>
  <script type="text/javascript">
    //<![CDATA[
    var ApplicationTitle = document.all ? document.all["ApplicationTitle"] : document.getElementById("ApplicationTitle");
    ApplicationTitle.isHelpText = "False";
    var Summary = document.all ? document.all["Summary"] : document.getElementById("Summary");
    Summary.headertext = "These errors occurred while processing your request:";
    var DefaultHelp = document.all ? document.all["DefaultHelp"] : document.getElementById("DefaultHelp");
    DefaultHelp.isHelpText = "True";
    var pc_ApplicationTitle = document.all ? document.all["pc_ApplicationTitle"] : document.getElementById("pc_ApplicationTitle");
    pc_ApplicationTitle.isHelpText = "False";
    var pc_HomeHelp = document.all ? document.all["pc_HomeHelp"] : document.getElementById("pc_HomeHelp");
    pc_HomeHelp.isHelpText = "True";
    var pc_WebText1 = document.all ? document.all["pc_WebText1"] : document.getElementById("pc_WebText1");
    pc_WebText1.isHelpText = "True";
    //]]>
  </script>
  <script type="text/javascript">
    //<![CDATA[
    var callBackFrameUrl = '/web/WebResource.axd?d=beToSAE3vdsL1QUQUxjWdUL3JX0Q6g2QraccArRMrlSS_oRRHYkHYrAlpa37IDE1gFAlUVPoM4eTRMHQQSj6sw2&t=638286065964787378';
    WebForm_InitCallback(); //]]>
  </script>
</form>

Text Content

CLOSE

EMS MOBILE APP


OPEN






UNH EVENT SERVICES PORTAL


UNH EVENT SERVICES PORTAL

Skip to Main content
 *   
   * About
     
     
     
 * Welcome, Guest.

   
   
   
   
   
 * Home
   
   
   
   
   
   
   
 * Browse
   Locations
   
   
   

 * --------------------------------------------------------------------------------

   
   
   
 * Links
   ~Audiovisual Support Request ~Audiovisual Technology Guide ~Campus Maps &
   Directions ~Conferences & Catering ~FAQ's/Event Information ~Outdoor
   Table/Events-Wildcat Link Guide ~Parking-Event Parking Request ~UNH Academic
   Calendar ~UNH Holidays and Observances
   
   
   


UNH EVENT SERVICES PORTAL






UNH EVENT SERVICES PORTAL


 * Site Home
 * My Home
   

Welcome to the

 UNH Event Services Portal





LOGIN HERE 



Use your UNH AD Credentials to login. If you are logged in, your name will
appear in the upper right corner, if not Guest will be displayed (You may have
to click twice - if you still have issues try using the FIREFOX browser).

 

UNH Events Services Portal is having login issues with Chrome browsers.  We
recommend Firefox. 

To fix the Chrome issue - disable cookies in your Chrome browser:

1.     Open your Chrome browser

2.     Paste this link into the url line:
chrome://flags/#same-site-by-default-cookies

3.     In the SameSite by default cookies dropdown select Disabled

4.     In the Cookies without SameSite must be secure dropdown select Disabled

5.     Click Relaunch



   DURHAM CAMPUS  

USERS OUTSIDE THE UNH DURHAM COMMUNITY

Users without a UNH AD log-in should contact UNH Hospitality Services to inquire
about other available spaces on campus.



   MANCHESTER CAMPUS  

EXTERNAL EVENTS
UNH Manchester has space available for rent for external events that are
conducted by off campus organizations or individuals. Submit an External Event
Request. 






SIGN UP COMPLETE

Congratulations! You have successfully signed up to use EMS! Sign in below.


YOUR PASSWORD HAS BEEN RESET

Success, you can sign in below using your new password! A confirmation email
regarding the password reset has been sent to .

SIGN IN

Your session has expired, and you have been logged out.
Please log in again to continue.
User
Password Password


Sign In

WELCOME, GUEST.

Create An Account
Request A Room


MY RESERVATION TEMPLATES


YOU HAVE NO TEMPLATES CONFIGURED.




MY BOOKINGS

Show My Bookings
 * 8. November 2023
 * Search
   

 * Day
 * Month
 * Date
   Date 

Previous Today Next


THERE ARE NO BOOKINGS FOR 8. NOVEMBER 2023

TAKE ME TO THE NEXT DAY CONTAINING BOOKINGS.

SunMonTueWedThuFriSat
29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9


SunMonTueWedThuFriSat
24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4


SunMonTueWedThuFriSat
26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6


November 2023

Search for bookings by name or location.
Search 0 Results.

Search for bookings by name or location.


NOTHING WAS FOUND FOR "".

 * Start with a simple search; use less text.
 * Remember, only booking title and location are searchable.

Title
Location
Date & Time




MY INFOGRAPHICS

Today
0 bookings

This Week
0 bookings

This Month
0 bookings


×


ARE YOU SURE YOU WANT TO END THIS BOOKING NOW?



Yes, End Booking No, Don't End
×


BOOKING DETAILS

 * Event Details
   
 * Related Events
   
   

Date
Time
Event Name


Close
×


ARE YOU SURE YOU WANT TO END THIS BOOKING NOW?



Yes, End Booking No, Don't End
×


CANCEL BOOKING?

This booking is set as the VC host.
Cancelling this booking will also cancel all other locations on this date.
This booking is part of a Calendar Occurrence.
Cancelling this location will cancel all locations with same date/time.
To cancel a single location, Edit the booking.
Cancel Reason
Cancel Notes
Yes, Cancel Booking No, Keep Booking
×


ABOUT

 * Room Details
 * Setup Types
 * Features
 * Images
 * Availability

Description Value

Setup Type Min Capacity Max Capacity

Description


Di.
Mi., 8. November 2023
Do.


View All Building & Room Details Close

×


FLOOR MAP


Close
Loading...



| v223.2 © Copyright 2023 Accruent All Rights Reserved
Locations






×


TERMS OF USE


Print Close
×


ACT AS

You are currently acting as . Switch back to .
You are currently signed in as .
Find by name

OK Cancel
×

CONFIRMATION


×


HELP

Language
Edit Web Text
OK Save Changes Cancel
×


BROWSER SUPPORT


We've noticed that you're using an older web browser. For the best experience,
upgrade to the latest version of one of the browsers listed on the system
requirements page.

Note: If you are using Internet Explorer, please also make sure that
Compatibility View is disabled.


Close
×


INCLUDE SKYPE


Help


 

Welcome to the

UNH Event Services Portal


This website is used to request campus space and event services for meetings and
events. 

 









 


By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation and analyze site usage.

Accept All Cookies
Cookies Settings



PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

Cookies Details‎

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

Cookies Details‎

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

Cookies Details‎

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Cookies Details‎
Back Button


PERFORMANCE COOKIES



Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

 * 
   
   View Cookies
   
    * Name
      cookie name

Confirm My Choices

2

unh.emscloudservice.com Open in urlscan Pro 2606:4700::6812:310 Public Scan

Form analysis 1 forms found in the DOM

POST ./

Text Content

unh.emscloudservice.com Open in urlscan Pro
2606:4700::6812:310 Public Scan

Form analysis
1 forms found in the DOM