{"context":{"brandSettings":{"accentColor1":{"hex":"#ff850f"},"accentColor2":{"hex":"#00c2f3"},"accentColor3":null,"bodyFont":null,"colors":[{"hex":"#8dc640"},{"hex":"#211b37"},{"hex":"#ff850f"},{"hex":"#00c2f3"},{"hex":"#eef1f9"}],"fallbackFont":null,"favicon":{"domain":null,"name":"Facility Grid Support","src":"https://44181009.fs1.hubspotusercontent-na1.net/hubfs/44181009/favicon.ico"},"favicons":[{"domain":null,"name":"Facility Grid Support","src":"https://44181009.fs1.hubspotusercontent-na1.net/hubfs/44181009/favicon.ico"}],"fonts":[],"logo":{"alt":"Facility Grid Logo","domain":null,"height":null,"link":"support2@facilitygrid.com","name":"Facility Grid","src":"https://44181009.fs1.hubspotusercontent-na1.net/hubfs/44181009/logo-facility-grid-tagline.svg","width":null},"logos":[{"alt":"Facility Grid Logo","domain":null,"height":null,"link":"support2@facilitygrid.com","name":"Facility Grid","src":"https://44181009.fs1.hubspotusercontent-na1.net/hubfs/44181009/logo-facility-grid-tagline.svg","width":null}],"primaryColor":{"hex":"#8dc640"},"primaryFavicon":{"domain":null,"name":"Facility Grid Support","src":"https://44181009.fs1.hubspotusercontent-na1.net/hubfs/44181009/favicon.ico"},"primaryFont":null,"primaryLogo":{"alt":"Facility Grid Logo","domain":null,"height":null,"link":"support2@facilitygrid.com","name":"Facility Grid","src":"https://44181009.fs1.hubspotusercontent-na1.net/hubfs/44181009/logo-facility-grid-tagline.svg","width":null},"secondaryColor":{"hex":"#211b37"}},"menuData":{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":null,"level":0,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":null,"urlParamStr":"","urlWithoutAnchor":"null"},"themeSettings":{"bodyFont":{"casing":null,"color":null,"css":"","fallback":null,"font":null,"font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":null,"styles":null,"variant":null},"primaryFont":{"casing":null,"color":null,"css":"","fallback":null,"font":null,"font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":null,"styles":null,"variant":null},"trellisBorderRadius":"rounded","trellisColorFillPrimaryDefault":{"color":"#8dc640","css":"#8dc640","hex":"#8dc640","opacity":null,"rgb":"rgb(141, 198, 64)","rgba":"rgba(141, 198, 64, 1)"},"trellisColorFillSecondaryDefault":{"color":"#211b37","css":"#211b37","hex":"#211b37","opacity":null,"rgb":"rgb(33, 27, 55)","rgba":"rgba(33, 27, 55, 1)"},"trellisColorFillSurfaceDefault":"light","trellisColorFillTertiaryDefault":{"color":"#ff850f","css":"#ff850f","hex":"#ff850f","opacity":null,"rgb":"rgb(255, 133, 15)","rgba":"rgba(255, 133, 15, 1)"},"trellisColorTextInteractiveDefault":{"color":"#666666","css":"#666666","hex":"#666666","opacity":null,"rgb":"rgb(102, 102, 102)","rgba":"rgba(102, 102, 102, 1)"}},"companyName":"Facility Grid"},"modules":{},"dndAreas":{},"globalPartials":{},"headHtml":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> \n<meta property=\"og:description\" content=\"\"> \n<meta property=\"og:title\" content=\"\"> \n<meta name=\"twitter:description\" content=\"\"> \n<meta name=\"twitter:title\" content=\"\"> \n<style>\na.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}\n</style> \n<link rel=\"canonical\" href=\"https://support.facilitygrid.com/hs/portals/customer-portal-app/brand\"> \n<style>\n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] .header__logo img {\n    width: 228px !important;\n  }\n  \n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + .body-container-wrapper {\n    background: radial-gradient(761.19% 123.15% at 102.43% -3.86%, #0257CD 0%, #0E0778 51.5%, #110C3B 100%) !important;\n    position: relative;\n    z-index: 0;\n}\n\n  \n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + .body-container-wrapper::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    display: block;\n    background: url(https://info.facilitygrid.com/hubfs/530f9fd027d72a8bb12f.svg);\n    background-blend-mode: normal;\n    background-size: 20%;\n    background-repeat: repeat;\n    background-position: center center;\n    background-attachment: fixed;\n    pointer-events: none;\n    z-index: -1;\n    mix-blend-mode: overlay;\n    opacity: 0.4;\n  }\n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row .row-fluid {\n    background: #FFF;\n    padding: 40px;\n  }\n\n  /* Create a Ticket Form */\n  \n  input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=file], input[type='search'], select, form .cp-ticket-search input, form .cp-ticket-filter__select-custom, form .cp-ticket-view__select-custom, form .cp-ticket-filter__options, form .cp-ticket-view__options, form textarea {\n    background-color: #F5F7FC;\n    border: none;\n    color: #39424E;\n    border-bottom: 1px solid #050E8A; \n}\n  \n    #hs_cos_wrapper_Create_New_Ticket-module-2, #hs_cos_wrapper_Ticket_Details-module-2 {\n    background-color:#FFFFFF;\n    padding: 3rem;\n    border-radius: 0.3rem;\n    width: 800px;\n}\n  \t#hs_cos_wrapper_ticket_listing-module-2 {\n    background-color:#FFFFFF;\n    padding: 3rem;\n    border-radius: 0.3rem;\n    margin: 40px 0;\n}\n.Create_New_Ticket-row-1-padding > .row-fluid > .widget-type-custom_widget, [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + #main-content .container-fluid .row-fluid-wrapper .row-fluid .widget-type-cell .row-number-1{\n      display: flex;\n      justify-content: center;\n\n  }\n  form input:focus, form textarea:focus, form .cp-ticket-filter__select-custom.active, form .cp-ticket-view__select-custom.active, .cp-ticket-filter__select-native:focus, .cp-ticket-view__select-native:focus {\n    outline: 0;\n    box-shadow: none;\n    border: 1px solid #8DC640;\n}\n  .hs-input.invalid.error {\n    border: 1px solid #FD7E14;\n}\n\n  .hs-error-msg, .hs-form-required{\n    color: #FD7E14;\n}\n.row-fluid-wrapper.row-depth-1.row-number-2.Ticket_Details-row-1-max-width-section-centering.dnd-section.Ticket_Details-row-1-background-color {\n  background-color: rgba(248, 250, 252, 0) !important;\n}\n \n  \n@media (min-width: 897px) {\n    .cp-ticket-list td:not(.cp-ticket-status) span,.cp-ticket-list td:not([class]):before {\n        display:none\n    }\n\n    td.cp-ticket-id {\n        min-width: 150px\n    }\n\n    table {\n        border: 0;\n        border-collapse: collapse;\n        border-spacing: 0\n    }\n\n    table tr:first-child th:first-child {\n        border-top-left-radius: 2px\n    }\n\n    table tr:first-child th:last-child {\n        border-top-right-radius: 2px\n    }\n\n    table tr:last-child td:last-child {\n        border-bottom-right-radius: 2px\n    }\n\n    table tr:last-child td:first-child {\n        border-bottom-left-radius: 2px\n    }\n\n    table tr td:last-child,table tr th:last-child {\n        border-right: 1px solid\n    }\n\n    table tr td:first-child,table tr th:first-child {\n        border-left: 1px solid\n    }\n\n    table tr td {\n        border-bottom: 1px solid\n    }\n\n    table tr:first-child td,table tr:first-child th {\n        border-top: 1px solid\n    }\n}\n\n  @media (max-width: 896px) {\n    .cp-ticket-list tr {\n        align-items:center;\n        border: 1px solid;\n        border-radius: 2px;\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 6px;\n        padding-left: 12px\n    }\n\n    .cp-ticket-list td {\n        font-size: 12px;\n        padding-left: 12px;\n        padding-right: 12px\n    }\n\n    .cp-ticket-created:after,.cp-ticket-id:after {\n        content: \"•\";\n        padding-left: 6px\n    }\n\n    .cp-ticket-created,.cp-ticket-id,.cp-ticket-last-activity {\n        height: 12px!important;\n        padding-left: 4px!important;\n        padding-right: 4px!important;\n        padding-top: 8px\n    }\n\n    .cp-ticket-list thead {\n        opacity: 0;\n        position: absolute;\n        z-index: -1\n    }\n\n    .cp-ticket-subject {\n        flex-basis: 100%;\n        font-size: 20px!important;\n        order: 99;\n        padding-left: 0\n    }\n\n    .cp-ticket-mobile {\n        display: initial\n    }\n\n    .cp-ticket-status {\n        position: absolute;\n        right: 0;\n        top: 16px\n    }\n\n    .cp-ticket-status .cp-ticket-stage-text {\n        display: none\n    }\n\n    .cp-ticket-list td a {\n        text-decoration: none!important\n    }\n\n    table {\n        background: none;\n        border: 0;\n    }\n}\n  @media (min-width: 767px) {\n    .cp-ticket-search {\n        max-width:325px\n    }\n\n    .cp-ticket-view {\n        max-width: 275px\n    }\n\n    .cp-ticket-filter {\n        margin-left: 1rem;\n        max-width: 275px\n    }\n\n    .cp-ticket-filters {\n        max-width: 600px\n    }\n}\n6@media (max-width: 766px) {\n    .cp-ticket-filter,.cp-ticket-filters,.cp-ticket-search,.cp-ticket-view {\n        margin:4px 0\n    }\n\n    .cp-ticket-filters,.cp-ticket-toolbar {\n        align-items: stretch;\n        flex-direction: column\n    }\n\n    input#cp-search {\n        width: inherit\n    }\n\n    .cp-ticket-filter,.cp-ticket-view {\n        align-items: flex-start!important;\n        flex-direction: column\n    }\n\n    .cp-ticket-filter__label,.cp-ticket-view__label {\n        margin-bottom: 6px;\n        margin-top: 8px\n    }\n}\n  \n  @media (max-width: 896px) {\n    .cp-ticket-list tr {\n        align-items:center;\n        border: 1px solid;\n        border-radius: 2px;\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 6px;\n        padding-left: 12px\n    }\n\n    .cp-ticket-list td {\n        font-size: 12px;\n        padding-left: 12px;\n        padding-right: 12px\n    }\n\n    .cp-ticket-created:after,.cp-ticket-id:after {\n        content: \"•\";\n        padding-left: 6px\n    }\n\n    .cp-ticket-created,.cp-ticket-id,.cp-ticket-last-activity {\n        height: 12px!important;\n        padding-left: 4px!important;\n        padding-right: 4px!important;\n        padding-top: 8px\n    }\n\n    .cp-ticket-list thead {\n        opacity: 0;\n        position: absolute;\n        z-index: -1\n    }\n\n    .cp-ticket-subject {\n        flex-basis: 100%;\n        font-size: 20px!important;\n        order: 99;\n        padding-left: 0\n    }\n\n    .cp-ticket-mobile {\n        display: initial\n    }\n\n    .cp-ticket-status {\n        position: absolute;\n        right: 0;\n        top: 16px\n    }\n\n    .cp-ticket-status .cp-ticket-stage-text {\n        display: none\n    }\n\n    .cp-ticket-list td a {\n        text-decoration: none!important\n    }\n\n    table {\n        background: none;\n        border: 0\n    }\n}\n\n@media (min-width: 897px) {\n    .cp-ticket-list td:not(.cp-ticket-status) span,.cp-ticket-list td:not([class]):before {\n        display:none\n    }\n\n    td.cp-ticket-id {\n        min-width: 150px\n    }\n\n    table {\n        border: 0;\n        border-collapse: separate;\n        border-spacing: 0\n    }\n\n    table tr:first-child th:first-child {\n        border-top-left-radius: 2px\n    }\n\n    table tr:first-child th:last-child {\n        border-top-right-radius: 2px\n    }\n\n    table tr:last-child td:last-child {\n        border-bottom-right-radius: 2px\n    }\n\n    table tr:last-child td:first-child {\n        border-bottom-left-radius: 2px\n    }\n\n    table tr td:last-child,table tr th:last-child {\n        border-right: 1px solid\n    }\n\n    table tr td:first-child,table tr th:first-child {\n        border-left: 1px solid\n    }\n\n    table tr td {\n        border-bottom: 1px solid\n    }\n\n    table tr:first-child td,table tr:first-child th {\n        border-top: 1px solid\n    }\n}\n  \n   \n</style> \n<meta property=\"og:url\" content=\"https://support.facilitygrid.com/hs/portals/customer-portal-app/brand\"> \n<meta http-equiv=\"content-language\" content=\"en\">","footerHtml":"<!-- HubSpot performance collection script --> \n<script defer src=\"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js\"></script> \n<!-- Start of HubSpot Analytics Code --> \n<script type=\"text/javascript\">\nvar _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/support.facilitygrid.com\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"217554849149\"]);\n_hsq.push([\"setContentMetadata\", {\n    \"contentPageId\": 217554849149,\n    \"legacyPageId\": \"217554849149\",\n    \"contentFolderId\": null,\n    \"contentGroupId\": null,\n    \"abTestId\": null,\n    \"languageVariantId\": 217554849149,\n    \"languageCode\": \"en\",\n    \n    \n}]);\n</script> \n<script type=\"text/javascript\" id=\"hs-script-loader\" async defer src=\"/hs/scriptloader/44181009.js\"></script> \n<!-- End of HubSpot Analytics Code --> \n<script type=\"text/javascript\">\nvar hsVars = {\n    render_id: \"fe686c8c-2419-4095-b0cc-c500388ed203\",\n    ticks: 1790268744103,\n    page_id: 217554849149,\n    \n    content_group_id: 0,\n    portal_id: 44181009,\n    app_hs_base_url: \"https://app.hubspot.com\",\n    cp_hs_base_url: \"https://cp.hubspot.com\",\n    language: \"en\",\n    analytics_page_type: \"app-page\",\n    scp_content_type: \"\",\n    \n    analytics_page_id: \"217554849149\",\n    category_id: 20,\n    folder_id: 0,\n    is_hubspot_user: false\n}\n</script> \n<script defer src=\"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js\"></script>","headElements":[{"tag":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1"}},{"tag":"meta","attributes":{"property":"og:description","content":""}},{"tag":"meta","attributes":{"property":"og:title","content":""}},{"tag":"meta","attributes":{"name":"twitter:description","content":""}},{"tag":"meta","attributes":{"name":"twitter:title","content":""}},{"tag":"style","children":[{"tag":"#text","text":"a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}"}]},{"tag":"link","attributes":{"rel":"canonical","href":"https://support.facilitygrid.com/hs/portals/customer-portal-app/brand"}},{"tag":"style","children":[{"tag":"#text","text":"[data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] .header__logo img {\n    width: 228px !important;\n  }\n  \n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + .body-container-wrapper {\n    background: radial-gradient(761.19% 123.15% at 102.43% -3.86%, #0257CD 0%, #0E0778 51.5%, #110C3B 100%) !important;\n    position: relative;\n    z-index: 0;\n}\n\n  \n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + .body-container-wrapper::after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    display: block;\n    background: url(https://info.facilitygrid.com/hubfs/530f9fd027d72a8bb12f.svg);\n    background-blend-mode: normal;\n    background-size: 20%;\n    background-repeat: repeat;\n    background-position: center center;\n    background-attachment: fixed;\n    pointer-events: none;\n    z-index: -1;\n    mix-blend-mode: overlay;\n    opacity: 0.4;\n  }\n  [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + .body-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row .row-fluid {\n    background: #FFF;\n    padding: 40px;\n  }\n\n  /* Create a Ticket Form */\n  \n  input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=file], input[type='search'], select, form .cp-ticket-search input, form .cp-ticket-filter__select-custom, form .cp-ticket-view__select-custom, form .cp-ticket-filter__options, form .cp-ticket-view__options, form textarea {\n    background-color: #F5F7FC;\n    border: none;\n    color: #39424E;\n    border-bottom: 1px solid #050E8A; \n}\n  \n    #hs_cos_wrapper_Create_New_Ticket-module-2, #hs_cos_wrapper_Ticket_Details-module-2 {\n    background-color:#FFFFFF;\n    padding: 3rem;\n    border-radius: 0.3rem;\n    width: 800px;\n}\n  \t#hs_cos_wrapper_ticket_listing-module-2 {\n    background-color:#FFFFFF;\n    padding: 3rem;\n    border-radius: 0.3rem;\n    margin: 40px 0;\n}\n.Create_New_Ticket-row-1-padding > .row-fluid > .widget-type-custom_widget, [data-global-resource-path*=\"/customer-portal/templates/partials/header.html\"] + #main-content .container-fluid .row-fluid-wrapper .row-fluid .widget-type-cell .row-number-1{\n      display: flex;\n      justify-content: center;\n\n  }\n  form input:focus, form textarea:focus, form .cp-ticket-filter__select-custom.active, form .cp-ticket-view__select-custom.active, .cp-ticket-filter__select-native:focus, .cp-ticket-view__select-native:focus {\n    outline: 0;\n    box-shadow: none;\n    border: 1px solid #8DC640;\n}\n  .hs-input.invalid.error {\n    border: 1px solid #FD7E14;\n}\n\n  .hs-error-msg, .hs-form-required{\n    color: #FD7E14;\n}\n.row-fluid-wrapper.row-depth-1.row-number-2.Ticket_Details-row-1-max-width-section-centering.dnd-section.Ticket_Details-row-1-background-color {\n  background-color: rgba(248, 250, 252, 0) !important;\n}\n \n  \n@media (min-width: 897px) {\n    .cp-ticket-list td:not(.cp-ticket-status) span,.cp-ticket-list td:not([class]):before {\n        display:none\n    }\n\n    td.cp-ticket-id {\n        min-width: 150px\n    }\n\n    table {\n        border: 0;\n        border-collapse: collapse;\n        border-spacing: 0\n    }\n\n    table tr:first-child th:first-child {\n        border-top-left-radius: 2px\n    }\n\n    table tr:first-child th:last-child {\n        border-top-right-radius: 2px\n    }\n\n    table tr:last-child td:last-child {\n        border-bottom-right-radius: 2px\n    }\n\n    table tr:last-child td:first-child {\n        border-bottom-left-radius: 2px\n    }\n\n    table tr td:last-child,table tr th:last-child {\n        border-right: 1px solid\n    }\n\n    table tr td:first-child,table tr th:first-child {\n        border-left: 1px solid\n    }\n\n    table tr td {\n        border-bottom: 1px solid\n    }\n\n    table tr:first-child td,table tr:first-child th {\n        border-top: 1px solid\n    }\n}\n\n  @media (max-width: 896px) {\n    .cp-ticket-list tr {\n        align-items:center;\n        border: 1px solid;\n        border-radius: 2px;\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 6px;\n        padding-left: 12px\n    }\n\n    .cp-ticket-list td {\n        font-size: 12px;\n        padding-left: 12px;\n        padding-right: 12px\n    }\n\n    .cp-ticket-created:after,.cp-ticket-id:after {\n        content: \"•\";\n        padding-left: 6px\n    }\n\n    .cp-ticket-created,.cp-ticket-id,.cp-ticket-last-activity {\n        height: 12px!important;\n        padding-left: 4px!important;\n        padding-right: 4px!important;\n        padding-top: 8px\n    }\n\n    .cp-ticket-list thead {\n        opacity: 0;\n        position: absolute;\n        z-index: -1\n    }\n\n    .cp-ticket-subject {\n        flex-basis: 100%;\n        font-size: 20px!important;\n        order: 99;\n        padding-left: 0\n    }\n\n    .cp-ticket-mobile {\n        display: initial\n    }\n\n    .cp-ticket-status {\n        position: absolute;\n        right: 0;\n        top: 16px\n    }\n\n    .cp-ticket-status .cp-ticket-stage-text {\n        display: none\n    }\n\n    .cp-ticket-list td a {\n        text-decoration: none!important\n    }\n\n    table {\n        background: none;\n        border: 0;\n    }\n}\n  @media (min-width: 767px) {\n    .cp-ticket-search {\n        max-width:325px\n    }\n\n    .cp-ticket-view {\n        max-width: 275px\n    }\n\n    .cp-ticket-filter {\n        margin-left: 1rem;\n        max-width: 275px\n    }\n\n    .cp-ticket-filters {\n        max-width: 600px\n    }\n}\n6@media (max-width: 766px) {\n    .cp-ticket-filter,.cp-ticket-filters,.cp-ticket-search,.cp-ticket-view {\n        margin:4px 0\n    }\n\n    .cp-ticket-filters,.cp-ticket-toolbar {\n        align-items: stretch;\n        flex-direction: column\n    }\n\n    input#cp-search {\n        width: inherit\n    }\n\n    .cp-ticket-filter,.cp-ticket-view {\n        align-items: flex-start!important;\n        flex-direction: column\n    }\n\n    .cp-ticket-filter__label,.cp-ticket-view__label {\n        margin-bottom: 6px;\n        margin-top: 8px\n    }\n}\n  \n  @media (max-width: 896px) {\n    .cp-ticket-list tr {\n        align-items:center;\n        border: 1px solid;\n        border-radius: 2px;\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 6px;\n        padding-left: 12px\n    }\n\n    .cp-ticket-list td {\n        font-size: 12px;\n        padding-left: 12px;\n        padding-right: 12px\n    }\n\n    .cp-ticket-created:after,.cp-ticket-id:after {\n        content: \"•\";\n        padding-left: 6px\n    }\n\n    .cp-ticket-created,.cp-ticket-id,.cp-ticket-last-activity {\n        height: 12px!important;\n        padding-left: 4px!important;\n        padding-right: 4px!important;\n        padding-top: 8px\n    }\n\n    .cp-ticket-list thead {\n        opacity: 0;\n        position: absolute;\n        z-index: -1\n    }\n\n    .cp-ticket-subject {\n        flex-basis: 100%;\n        font-size: 20px!important;\n        order: 99;\n        padding-left: 0\n    }\n\n    .cp-ticket-mobile {\n        display: initial\n    }\n\n    .cp-ticket-status {\n        position: absolute;\n        right: 0;\n        top: 16px\n    }\n\n    .cp-ticket-status .cp-ticket-stage-text {\n        display: none\n    }\n\n    .cp-ticket-list td a {\n        text-decoration: none!important\n    }\n\n    table {\n        background: none;\n        border: 0\n    }\n}\n\n@media (min-width: 897px) {\n    .cp-ticket-list td:not(.cp-ticket-status) span,.cp-ticket-list td:not([class]):before {\n        display:none\n    }\n\n    td.cp-ticket-id {\n        min-width: 150px\n    }\n\n    table {\n        border: 0;\n        border-collapse: separate;\n        border-spacing: 0\n    }\n\n    table tr:first-child th:first-child {\n        border-top-left-radius: 2px\n    }\n\n    table tr:first-child th:last-child {\n        border-top-right-radius: 2px\n    }\n\n    table tr:last-child td:last-child {\n        border-bottom-right-radius: 2px\n    }\n\n    table tr:last-child td:first-child {\n        border-bottom-left-radius: 2px\n    }\n\n    table tr td:last-child,table tr th:last-child {\n        border-right: 1px solid\n    }\n\n    table tr td:first-child,table tr th:first-child {\n        border-left: 1px solid\n    }\n\n    table tr td {\n        border-bottom: 1px solid\n    }\n\n    table tr:first-child td,table tr:first-child th {\n        border-top: 1px solid\n    }\n}"}]},{"tag":"meta","attributes":{"property":"og:url","content":"https://support.facilitygrid.com/hs/portals/customer-portal-app/brand"}},{"tag":"meta","attributes":{"http-equiv":"content-language","content":"en"}}],"footerElements":[{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"}},{"tag":"script","children":[{"tag":"#text","text":"var _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/support.facilitygrid.com\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"217554849149\"]);\n_hsq.push([\"setContentMetadata\", {\n    \"contentPageId\": 217554849149,\n    \"legacyPageId\": \"217554849149\",\n    \"contentFolderId\": null,\n    \"contentGroupId\": null,\n    \"abTestId\": null,\n    \"languageVariantId\": 217554849149,\n    \"languageCode\": \"en\",\n    \n    \n}]);"}],"attributes":{"type":"text/javascript"}},{"tag":"script","id":"hs-script-loader","attributes":{"async":"","defer":"","src":"/hs/scriptloader/44181009.js","type":"text/javascript"}},{"tag":"script","children":[{"tag":"#text","text":"var hsVars = {\n    render_id: \"fe686c8c-2419-4095-b0cc-c500388ed203\",\n    ticks: 1790268744103,\n    page_id: 217554849149,\n    \n    content_group_id: 0,\n    portal_id: 44181009,\n    app_hs_base_url: \"https://app.hubspot.com\",\n    cp_hs_base_url: \"https://cp.hubspot.com\",\n    language: \"en\",\n    analytics_page_type: \"app-page\",\n    scp_content_type: \"\",\n    \n    analytics_page_id: \"217554849149\",\n    category_id: 20,\n    folder_id: 0,\n    is_hubspot_user: false\n}"}],"attributes":{"type":"text/javascript"}},{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"}}]}