@media (min-width: 768px) {
            #unlockSidebarV57 {
                min-width: 0;
            }

            #unlockFastServiceTreeWidget.gsm-service-browser-v57 {
                width: 100% !important;
                margin: 0 0 10px 0 !important;
                border: 1px solid #d8e3ec !important;
                border-radius: 8px !important;
                background: #ffffff !important;
                box-shadow: 0 1px 3px rgba(35, 64, 88, .055) !important;
                overflow: hidden !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-header-v57 {
                min-height: 39px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                padding: 0 7px 0 11px;
                border-bottom: 1px solid #dfe8ef;
                background: linear-gradient(180deg, #fbfdff 0%, #f6f9fc 100%);
                box-sizing: border-box;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-title-v57 {
                min-width: 0;
                display: flex;
                align-items: center;
                gap: 7px;
                color: #24445f;
                font-family: Arial, sans-serif;
                font-size: 12.5px;
                font-weight: 700;
                line-height: 1.2;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-title-v57 .glyphicon {
                color: #5d8fb6;
                font-size: 11px;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-toggle-v57 {
                width: 27px;
                height: 27px;
                flex: 0 0 27px;
                padding: 0;
                border: 0;
                border-radius: 5px;
                background: transparent;
                color: #688095;
                font-size: 10px;
                line-height: 27px;
                text-align: center;
                cursor: pointer;
                outline: none;
                transition: background-color 140ms ease, color 140ms ease;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-toggle-v57:hover,
            #unlockFastServiceTreeWidget .gsm-service-browser-toggle-v57:focus {
                background: #edf4f9;
                color: #245f91;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-body-v57 {
                background: #ffffff;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-search-v57 {
                position: relative;
                padding: 8px;
                border-bottom: 1px solid #e4ebf1;
                background: #ffffff;
            }

            #unlockFastServiceTreeWidget #unlockSidebarSearchV57 {
                width: 100% !important;
                height: 32px !important;
                margin: 0 !important;
                padding: 0 29px 0 29px !important;
                border: 1px solid #d3dfe8 !important;
                border-radius: 6px !important;
                background: #fbfdff !important;
                color: #30485c !important;
                font-family: Arial, sans-serif !important;
                font-size: 11.5px !important;
                font-weight: 400 !important;
                line-height: 30px !important;
                box-shadow: none !important;
                outline: none !important;
                box-sizing: border-box !important;
                transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
            }

            #unlockFastServiceTreeWidget #unlockSidebarSearchV57:focus {
                border-color: #94bad7 !important;
                background: #ffffff !important;
                box-shadow: 0 0 0 2px rgba(71, 139, 190, .10) !important;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-search-icon-v57 {
                position: absolute;
                z-index: 2;
                left: 17px;
                top: 18px;
                color: #7891a5;
                font-size: 11px;
                pointer-events: none;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-clear-v57 {
                position: absolute;
                z-index: 2;
                top: 12px;
                right: 12px;
                width: 23px;
                height: 23px;
                padding: 0;
                border: 0;
                border-radius: 50%;
                background: transparent;
                color: #74899b;
                font-family: Arial, sans-serif;
                font-size: 17px;
                line-height: 21px;
                text-align: center;
                cursor: pointer;
                outline: none;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-clear-v57:hover,
            #unlockFastServiceTreeWidget .gsm-service-browser-clear-v57:focus {
                background: #edf3f7;
                color: #285f8a;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-tree-shell-v57 {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: #ffffff !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget #unlockFastServiceTree {
                width: 100% !important;
                max-height: calc(100vh - 245px) !important;
                min-height: 280px;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: #ffffff !important;
                overflow-x: hidden !important;
                overflow-y: auto !important;
                overscroll-behavior: contain;
                scrollbar-width: thin;
                scrollbar-color: #b7c8d5 transparent;
                box-sizing: border-box !important;
                -webkit-overflow-scrolling: touch;
            }

            #unlockFastServiceTreeWidget #unlockFastServiceTree::-webkit-scrollbar,
            #unlockFastServiceTreeWidget .gsm-service-browser-results-v57::-webkit-scrollbar {
                width: 7px;
            }

            #unlockFastServiceTreeWidget #unlockFastServiceTree::-webkit-scrollbar-track,
            #unlockFastServiceTreeWidget .gsm-service-browser-results-v57::-webkit-scrollbar-track {
                background: transparent;
            }

            #unlockFastServiceTreeWidget #unlockFastServiceTree::-webkit-scrollbar-thumb,
            #unlockFastServiceTreeWidget .gsm-service-browser-results-v57::-webkit-scrollbar-thumb {
                border: 2px solid transparent;
                border-radius: 8px;
                background: #b9c9d5;
                background-clip: padding-box;
            }

            #unlockFastServiceTreeWidget #unlockFastServiceTree::-webkit-scrollbar-thumb:hover,
            #unlockFastServiceTreeWidget .gsm-service-browser-results-v57::-webkit-scrollbar-thumb:hover {
                background: #91a9ba;
                background-clip: padding-box;
            }

            /* No first-paint flash: server tree may render subgroup detail open.
               JS immediately normalizes to the existing one-open accordion state. */
            #unlockFastServiceTree.gsm-sidebar-compact-init-v57 tr.type-detail {
                display: none !important;
            }

            #unlockFastServiceTree.gsm-sidebar-compact-init-v57 span[id^="up"] {
                display: none !important;
            }

            #unlockFastServiceTree.gsm-sidebar-compact-init-v57 span[id^="down"] {
                display: block !important;
            }

            #unlockFastServiceTreeWidget.gsm-fast-service-tree-loading-v637 #unlockFastServiceTree {
                min-height: 280px !important;
                overflow: hidden !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup {
                width: 100% !important;
                margin: 0 !important;
                border: 0 !important;
                border-collapse: separate !important;
                border-spacing: 0 !important;
                background: #ffffff !important;
                table-layout: fixed;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network0 > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tr.group-network0 > td {
                height: auto !important;
                padding: 9px 9px 6px 9px !important;
                border: 0 !important;
                border-top: 1px solid #edf1f4 !important;
                background: #f8fafc !important;
                color: #25669d !important;
                font-family: Arial, sans-serif !important;
                font-size: 11.5px !important;
                font-weight: 600 !important;
                font-style: normal !important;
                line-height: 1.35 !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network0:first-child > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tr.group-network0:first-child > td {
                border-top: 0 !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network0 a {
                margin-left: 4px;
                color: #ef7b29 !important;
                text-decoration: none !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network1 > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network2 > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tr.group-network1 > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tr.group-network2 > td {
                position: relative;
                height: auto !important;
                min-height: 34px;
                padding: 0 !important;
                border: 0 !important;
                border-bottom: 1px solid #edf2f5 !important;
                background: #ffffff !important;
                color: #31495d !important;
                box-sizing: border-box !important;
                transition: background-color 130ms ease;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network1:hover > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network2:hover > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network1:focus-within > td,
            #unlockFastServiceTreeWidget #tblSelectGroup > tbody > tr.group-network2:focus-within > td {
                background: #f4f8fb !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network1 h2,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network2 h2 {
                width: auto !important;
                max-width: 100% !important;
                float: none !important;
                margin: 0 !important;
                padding: 0 !important;
                color: inherit !important;
                font-family: Arial, sans-serif !important;
                font-size: 11.5px !important;
                font-weight: 500 !important;
                line-height: 1.35 !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network1 h2 a,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network2 h2 a {
                display: block !important;
                width: 100% !important;
                min-height: 34px;
                padding: 8px 31px 8px 6px !important;
                background: transparent !important;
                color: #2b4357 !important;
                font-family: Arial, sans-serif !important;
                font-size: 11.5px !important;
                font-weight: 500 !important;
                line-height: 1.45 !important;
                text-decoration: none !important;
                box-sizing: border-box !important;
                transition: color 130ms ease;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network1:hover h2 a,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network2:hover h2 a,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network1 h2 a:focus,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network2 h2 a:focus {
                color: #185f96 !important;
                outline: none !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network1 > td > span.glyphicon,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network2 > td > span.glyphicon {
                position: absolute !important;
                z-index: 2;
                top: 50% !important;
                right: 5px !important;
                width: 24px;
                height: 24px;
                margin: -12px 0 0 0 !important;
                padding: 0 !important;
                float: none !important;
                border-radius: 5px;
                color: #58738a !important;
                font-size: 9px !important;
                font-weight: normal !important;
                line-height: 24px !important;
                text-align: center;
                cursor: pointer;
                transition: background-color 130ms ease, color 130ms ease;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network1 > td > span.glyphicon:hover,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.group-network2 > td > span.glyphicon:hover {
                background: #e8f1f7 !important;
                color: #1f6298 !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail > td,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail table,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail table tr {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: #ffffff !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail table td.type-detail-0,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail table td.type-detail-1 {
                width: 100% !important;
                float: left !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                border-bottom: 1px solid #f0f3f6 !important;
                background: #ffffff !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail h3.h-type3 {
                width: 100% !important;
                float: none !important;
                margin: 0 !important;
                padding: 0 !important;
                font-family: Arial, sans-serif !important;
                font-size: 11.25px !important;
                font-weight: 400 !important;
                line-height: 1.35 !important;
                box-sizing: border-box !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail h3.h-type3 a {
                display: block !important;
                width: 100% !important;
                min-height: 30px;
                float: none !important;
                margin: 0 !important;
                padding: 7px 10px 7px 18px !important;
                border-left: 2px solid transparent;
                background: #ffffff !important;
                color: #50687c !important;
                font-family: Arial, sans-serif !important;
                font-size: 11.25px !important;
                font-weight: 400 !important;
                line-height: 1.4 !important;
                text-decoration: none !important;
                box-sizing: border-box !important;
                transition: background-color 130ms ease, border-color 130ms ease, color 130ms ease;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail h3.h-type3 a:hover,
            #unlockFastServiceTreeWidget #tblSelectGroup tr.type-detail h3.h-type3 a:focus {
                border-left-color: #78acd2;
                background: #f3f8fc !important;
                color: #1d6197 !important;
                outline: none !important;
            }

            #unlockFastServiceTreeWidget #tblSelectGroup img[src*="hot.gif"] {
                max-height: 14px;
                margin-left: 3px;
                vertical-align: -2px;
            }

            #unlockFastServiceTreeWidget .gsm-service-browser-results-v57 {
                width: 100%;
                max-height: calc(100vh - 245px);
                min-height: 160px;
                overflow-x: hidden;
                overflow-y: auto;
                padding: 4px 0;
                border: 0;
                background: #ffffff;
                box-sizing: border-box;
                scrollbar-width: thin;
                scrollbar-color: #b7c8d5 transparent;
            }

            #unlockFastServiceTreeWidget .gsm-sidebar-search-summary-v57 {
                padding: 7px 10px 6px;
                color: #7a8d9c;
                font-family: Arial, sans-serif;
                font-size: 10.5px;
                line-height: 1.35;
            }

            #unlockFastServiceTreeWidget .gsm-sidebar-search-result-v57 {
                width: 100%;
                display: block;
                padding: 8px 10px 8px 12px;
                border: 0;
                border-left: 2px solid transparent;
                border-bottom: 1px solid #eff3f6;
                background: #ffffff;
                color: #2d475c;
                font-family: Arial, sans-serif;
                text-align: left;
                cursor: pointer;
                outline: none;
                box-sizing: border-box;
                transition: background-color 130ms ease, border-color 130ms ease;
            }

            #unlockFastServiceTreeWidget .gsm-sidebar-search-result-v57:hover,
            #unlockFastServiceTreeWidget .gsm-sidebar-search-result-v57:focus {
                border-left-color: #71a9d0;
                background: #f3f8fc;
            }

            #unlockFastServiceTreeWidget .gsm-sidebar-search-result-title-v57 {
                display: block;
                color: #214f75;
                font-size: 11.5px;
                font-weight: 600;
                line-height: 1.35;
            }

            #unlockFastServiceTreeWidget .gsm-sidebar-search-result-meta-v57 {
                display: block;
                margin-top: 2px;
                color: #8293a1;
                font-size: 10px;
                font-weight: 400;
                line-height: 1.3;
            }

            #unlockFastServiceTreeWidget .gsm-sidebar-search-empty-v57 {
                padding: 22px 12px;
                color: #748797;
                font-family: Arial, sans-serif;
                font-size: 11.5px;
                line-height: 1.45;
                text-align: center;
            }

            /* Keep the security information available without letting the old
               multi-seal block extend the desktop page by another full panel. */
            #unlockSidebarSecurityV57.gsm-sidebar-security-v57 {
                width: 100% !important;
                margin: 0 0 10px 0 !important;
                border: 1px solid #dce6ed !important;
                border-radius: 7px !important;
                background: #ffffff !important;
                box-shadow: none !important;
                overflow: hidden !important;
                box-sizing: border-box !important;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-toggle-v57 {
                width: 100%;
                min-height: 43px;
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 7px 9px;
                border: 0;
                background: #fbfdfd;
                color: #345066;
                text-align: left;
                cursor: pointer;
                outline: none;
                box-sizing: border-box;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-toggle-v57:hover,
            #unlockSidebarSecurityV57 .gsm-sidebar-security-toggle-v57:focus {
                background: #f5f9f8;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-lock-v57 {
                width: 24px;
                height: 24px;
                flex: 0 0 24px;
                border-radius: 50%;
                background: #edf8f2;
                color: #438565;
                font-size: 12px;
                line-height: 24px;
                text-align: center;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-copy-v57 {
                min-width: 0;
                flex: 1 1 auto;
                display: block;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-copy-v57 strong,
            #unlockSidebarSecurityV57 .gsm-sidebar-security-copy-v57 small {
                display: block;
                font-family: Arial, sans-serif;
                line-height: 1.3;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-copy-v57 strong {
                color: #315268;
                font-size: 11.5px;
                font-weight: 600;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-copy-v57 small {
                margin-top: 1px;
                color: #82938f;
                font-size: 9.75px;
                font-weight: 400;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-chevron-v57 {
                flex: 0 0 auto;
                color: #7a909c;
                font-size: 9px;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-details-v57 {
                border-top: 1px solid #e5ecef;
                background: #ffffff;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-details-v57 .content-wL,
            #unlockSidebarSecurityV57 .gsm-sidebar-security-details-v57 .border-cL {
                margin: 0 !important;
                padding: 8px !important;
                border: 0 !important;
                background: #ffffff !important;
                color: #5a6c78;
                font-family: Arial, sans-serif;
                font-size: 10.5px;
                line-height: 1.45;
                box-sizing: border-box !important;
            }

            #unlockSidebarSecurityV57 .gsm-sidebar-security-details-v57 img {
                max-width: 100%;
                height: auto;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #unlockFastServiceTreeWidget *,
            #unlockSidebarSecurityV57 * {
                transition: none !important;
            }
        }
    

/* V6.1.2.58 - reusable/sticky host.
   Live Support stays in normal document flow. Once it scrolls away, the
   reusable service browser follows the user while the right column continues. */
@media (min-width: 768px) {
    .gsm-service-sidebar-sticky-v58 {
        position: -webkit-sticky;
        position: sticky;
        top: 8px;
        z-index: 4;
        width: 100%;
        min-width: 0;
    }

    .gsm-service-sidebar-sticky-v58:before,
    .gsm-service-sidebar-sticky-v58:after {
        content: "";
        display: table;
    }

    .gsm-service-sidebar-sticky-v58:after {
        clear: both;
    }
}

/* V6.1.2.59 - give the sticky component a containing block as tall as the
   right/main column. Bootstrap 3 float columns otherwise keep the left column
   only as tall as its own content, which prevents CSS sticky from travelling. */
@media (min-width: 768px) {
    .gsm-service-sidebar-layout-row-v59 {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    .gsm-service-sidebar-layout-row-v59 > [class*="col-sm-"] {
        float: none !important;
        min-width: 0;
    }
}