/* Minification failed. Returning unminified contents.
(8,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-gray'
(15,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-red'
(22,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-megaphone-gray'
(29,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-megaphone-blue'
(36,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-notes-blue'
(43,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-notes-gray'
(50,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-recent-gray'
(57,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-recent-blue'
(64,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-updates-gray'
(71,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-updates-blue'
(79,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(87,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray13'
(88,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(95,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(104,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(106,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(107,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(107,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(108,47): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(108,80): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(109,44): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(109,77): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(114,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(115,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(116,50): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(117,47): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(122,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(123,43): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(124,51): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(125,48): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(131,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray13'
(138,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-white7'
(141,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(145,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(149,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-megaphone-blue'
(156,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-recent-blue'
(163,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-blue'
(170,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-notes-blue'
(177,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-updates-blue'
(200,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray14'
(232,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(243,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(246,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(250,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(254,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(259,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(264,25): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(280,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(304,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(373,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(396,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray9'
(426,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(437,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(515,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(535,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(538,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(538,79): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(556,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(575,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(575,68): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(576,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(576,76): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(577,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(577,73): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(582,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(583,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(584,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(585,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(597,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray8'
(608,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray9'
(613,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black4'
(630,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray10'
(639,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(678,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(694,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-red'
(702,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-heart-gray'
(711,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray8'
(718,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(731,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(740,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(745,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray18'
(750,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(798,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(804,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray9'
(811,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(820,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(1050,26): run-time error CSS1039: Token not allowed after unary operator: '-gen-ai-icon'
(1058,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1070,26): run-time error CSS1039: Token not allowed after unary operator: '-gen-ai-icon'
(1078,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1091,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue11'
(1092,42): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1093,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1094,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1102,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1103,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1104,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(1148,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black0'
(1152,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(1169,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1170,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1182,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1189,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(1199,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue7'
(1208,38): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1208,72): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1250,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(1307,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1308,39): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1315,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(1321,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black0'
(1326,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black0'
(1466,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(1471,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(1472,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue8'
(1487,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(1491,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(1505,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray5'
(1538,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(1539,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(1543,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(1552,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray6'
(1553,30): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(1556,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(1563,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray4'
(1564,40): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1565,48): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1566,45): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1573,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-ddl-up-down-black'
(1574,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray31'
(1585,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray16'
(1591,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(1592,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-search'
(1596,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(1602,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(1603,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-close-x'
(1607,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray3'
(1634,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black3'
(1641,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black4'
(1648,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black3'
(1656,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray2'
(1671,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(1675,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue3'
(1719,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(1720,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-boxshadow2'
(1726,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1735,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1744,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-folder-plus-active'
(1762,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1763,35): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(1776,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-folder-plus-active'
(1788,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize3'
(1789,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight2'
(1790,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(1798,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize3'
(1799,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight2'
(1800,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(1807,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-fontsize2'
(1808,23): run-time error CSS1039: Token not allowed after unary operator: '-ao-lineheight1'
(1810,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray19'
(1815,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-blue-pencil'
(1823,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-blue-trash'
(1833,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(1876,32): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(1903,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-red1'
(1953,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1957,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-white1'
(1961,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray20'
(1975,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(1978,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray9'
(1985,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray15'
(2013,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(2019,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black3'
(2024,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-blue-pencil'
(2032,33): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray7'
(2037,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black2'
(2041,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-blue-trash'
(2049,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue5'
(2055,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray18'
(2067,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-black1'
(2075,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray1'
(2080,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(2086,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(2087,28): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(2092,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
(2097,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue2'
(2111,22): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray28'
(2114,24): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray26'
(2115,17): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray27'
(2123,34): run-time error CSS1039: Token not allowed after unary operator: '-ao-gray21'
(2125,26): run-time error CSS1039: Token not allowed after unary operator: '-ao-white4'
(2127,21): run-time error CSS1039: Token not allowed after unary operator: '-ao-black5'
(2134,36): run-time error CSS1039: Token not allowed after unary operator: '-ao-blue1'
 */
/*ICONS: Start*/
.menu-icon {
    display: flex;
    margin-right: 16px;
}

.icon-heart-inactive {
    background: var(--icon-heart-gray) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-heart-active {
    background: var(--icon-heart-red) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-updates-inactive {
    background: var(--icon-megaphone-gray) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-updates-active {
    background: var(--icon-megaphone-blue) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-notes-active {
    background: var(--icon-notes-blue) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-notes-inactive {
    background: var(--icon-notes-gray) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-recents-inactive {
    background: var( --icon-recent-gray) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-recents-active {
    background: var(--icon-recent-blue) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-updates-ol-inactive {
    background: var(--icon-updates-gray) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}

.icon-updates-ol-active {
    background: var(--icon-updates-blue) 100% no-repeat;
    background-size: 31px auto;
    width: 32px;
    height: 32px;
}
/*ICONS: End*/

.home-top-menu-row {
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    /* box-shadow: 0px -3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: 0px -3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px -3px 6px var(--ao-boxshadow2);*/
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
    min-height: 72px;
    font-size: 16px;
    color: var(--ao-gray13);
    border-bottom: 1px solid var(--ao-gray16);
}

    /*Add verticle line left to  non active menu item and which is not first child*/
    .home-top-menu-row .home-top-menu-item:not(:first-child):not(.active)::before {
        min-height: 40px;
        content: '';
        border-right: 1px solid var(--ao-gray5);
    }

    /* Remove left verticle line of menu item which is next to active menu item*/
    .home-top-menu-row > .active + .home-top-menu-item::before {
        content: none !important;
    }

    .home-top-menu-row > .active {
        color: var(--ao-black2);
        font-weight: bold;
        background: var(--ao-white1) 0% 0% no-repeat padding-box;
        box-shadow: -3px 0px 2px var(--ao-boxshadow2),3px 0px 2px var(--ao-boxshadow2);
        -webkit-box-shadow: -3px 0px 2px var(--ao-boxshadow2),3px 0px 2px var(--ao-boxshadow2);
        -moz-box-shadow: -3px 0px 2px var(--ao-boxshadow2),3px 0px 2px var(--ao-boxshadow2);
        min-height: inherit;
    }

        .home-top-menu-row > .active:first-child {
            background: var(--ao-white1) 0% 0% no-repeat padding-box;
            box-shadow: 3px 0px 2px var(--ao-boxshadow2);
            -webkit-box-shadow: 3px 0px 2px var(--ao-boxshadow2);
            -moz-box-shadow: 3px 0px 2px var(--ao-boxshadow2);
            border-radius: 8px 0px 0px 0px;
        }

        .home-top-menu-row > .active:last-child {
            background: var(--ao-white1) 0% 0% no-repeat padding-box;
            box-shadow: -3px 0px 2px var(--ao-boxshadow2);
            -webkit-box-shadow: -3px 0px 2px var(--ao-boxshadow2);
            -moz-box-shadow: -3px 0px 2px var(--ao-boxshadow2);
            border-radius: 0px 8px 0px 0px;
        }

.home-top-menu-item {
    font-size: 16px;
    color: var(--ao-gray13);
    padding-left: unset;
    padding-right: unset;
}

    .home-top-menu-item:hover {
        cursor: pointer;
        background-color: var(--ao-white7);
    }
        .home-top-menu-item:hover .home-menu-item-label {
            color: var(--ao-blue5);
        }

        .home-top-menu-item:hover .home-menu-subscript-text {
            color: var(--ao-blue5);
        }

        .home-top-menu-item:hover > .menu-item-content > .icon-updates-inactive {
            background: var(--icon-megaphone-blue) 100% no-repeat;
            background-size: 31px auto;
            width: 32px;
            height: 32px;
        }

        .home-top-menu-item:hover > .menu-item-content > .icon-recents-inactive {
            background: var(--icon-recent-blue) 100% no-repeat;
            background-size: 31px auto;
            width: 32px;
            height: 32px;
        }

        .home-top-menu-item:hover > .menu-item-content > .icon-heart-inactive {
            background: var(--icon-heart-blue) 100% no-repeat;
            background-size: 31px auto;
            width: 32px;
            height: 32px;
        }

        .home-top-menu-item:hover > .menu-item-content > .icon-notes-inactive {
            background: var(--icon-notes-blue) 100% no-repeat;
            background-size: 31px auto;
            width: 32px;
            height: 32px;
        }

        .home-top-menu-item:hover > .menu-item-content > .icon-updates-ol-inactive {
            background: var(--icon-updates-blue) 100% no-repeat;
            background-size: 31px auto;
            width: 32px;
            height: 32px;
        }

.menu-item-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ao-card-body .summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2em;
    line-height: 1em;
}

.home-menu-subscript-text {
    color: var(--ao-gray14);
    font-size: 12px;
    text-transform: none !important;
    line-height: 1em !important;
    display: block;
}

.home-menu-item-label {
    text-transform: uppercase;
}

.home-top-menu-result-count {
    margin-right: 8px;
}

.home-top-menu-label-container {
    margin-left: 16px;
}

.home-sub-menu-row {
    max-height: 64px;
    min-height: 64px;
    /*background: var(--ao-white1) 0% 0% no-repeat padding-box;*/
    /*box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);*/
    position: relative;
}


.home-sub-menu-item {
    font-size: 16px;
    color: var(--ao-gray2);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: inherit;
}

    .home-sub-menu-item:hover {
        cursor: pointer;
    }
        .home-sub-menu-item:hover .home-sub-menu-identifier > span {
            color: var(--ao-blue5);
        }
        .home-sub-menu-item:hover .second-line {
            color: var(--ao-blue5) !important;
        }

    .home-sub-menu-item a {
        color: var(--ao-gray2) !important;
    }

    .home-sub-menu-item .home-sub-menu-identifier {
        color: var(--ao-gray2) !important;
    }

    .home-sub-menu-item .active {
        padding-top: 8px;
        border-bottom: 8px solid var(--ao-blue5) !important;
        font-weight: bold;
    }

        .home-sub-menu-item .active a {
            color: var(--ao-gray1) !important;
        }

/* Favorites submenu layout to match updated design */
.home-fav-submenu {
    display: flex; 
    /*background: var(--ao-white1);*/
    min-height: 64px;
    align-self: stretch;
}

.home-fav-submenu__label {
    display: flex;
    align-items: end;
    padding: 5px 18px;
    font-weight: 700;
    color: var(--ao-gray2);
   /* text-transform: uppercase;*/
/*    border: 1px solid var(--ao-gray16);*/
    border-top: 0;
    border-bottom: 0;
    /*background: var(--ao-white1);*/
}

.home-fav-submenu__items {
    display: flex;
    align-items: stretch;
    gap: 18px;
    padding: 0 18px;
}

.home-fav-submenu__items .home-sub-menu-item-label {
    display: flex;
    align-items: end;
    padding: 0 10px;
    height: 64px;
}

/* active underline like screenshot */
.home-fav-submenu__items .home-sub-menu-item-label.active {
    border-bottom: 8px solid var(--ao-blue5);
    font-weight: 700;
}
/* Favorites submenu: tighten horizontal spacing */
.home-fav-submenu.row {
    margin-left: 0; /* remove -15px row offset */
    margin-right: 50px;
}

.home-fav-submenu > [class*="col-"] {
    padding-left: 4px; /* was 15px */
    padding-right: 4px;
}

/* remove the extra 18px padding that’s inflating spacing */
.home-fav-submenu__items {
    padding: 0; /* was: 0 18px */
    gap: 6px; /* smaller internal spacing if needed */
}

.home-fav-submenu__label,
.home-fav-submenu__actions {
    padding-left: 4px; /* was 18px / mixed */
    padding-right: 4px;
}


/* vertical separator before the button */
/*.home-fav-submenu__divider {
    width: 1px;
    background: var(--ao-gray16);
    margin: 10px 0;
}*/

.home-fav-submenu__actions {
   /* display: flex;*/
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    padding-top: 10px;
}
 .home-fav-submenu__actions{
    position: relative;
}

.home-fav-submenu__icon-btn{
    position: relative;
    z-index: 5;
}
.home-fav-submenu__icon-btn:hover,
.home-fav-submenu__icon-btn:focus {
    background-color: #007bff; /* fill */
    border-color: #007bff;
    color: #fff; /* text */
}

.home-fav-submenu__icon-btn:hover .home-fav-submenu__icon-text,
.home-fav-submenu__icon-btn:focus .home-fav-submenu__icon-text {
    color: #fff; /* ensure span text becomes white */
}

/* Favorites submenu: make sort options look clickable (hand + blue text) */
.home-fav-submenu .home-sub-menu-identifier {
    cursor: pointer;
}

/* change text color on hover (same behavior as existing submenu hover rule) */
.home-fav-submenu .home-sub-menu-identifier:hover > span,
.home-fav-submenu .home-sub-menu-item-label:hover .home-sub-menu-identifier > span {
    color: var(--ao-blue5) !important;
}

/* optional: also show hand when hovering the label area, not just the inner span */
.home-fav-submenu .home-sub-menu-item-label {
    cursor: pointer;
}

.home-fav-submenu__icon-btn {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #cfd6e4; /* subtle border like screenshot */
    border-radius: 3px;
    padding: 0;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold;
    width: 145px;
    /*gap: 2px;*/ /* <-- space between icon and text */
    border-color: var(--ao-gray9);
    padding-top: 5px;
}

.home-fav-submenu__sort {
    white-space: nowrap;
}

.home-fav-submenu__icon-btn .icon-folder-plus-active {
    display: inline-block;
}

/* Optional: make the outline button look closer to your screenshot */
/*.btn-add-new-folder{
    min-width: 140px;
    font-weight: 600;
}*/
.home-fav-submenu__icon-text {
    margin-left: 8px;
    color: #007bff;
}
.home-sub-menu-item-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: inherit;
}

.home-sub-menu-item-label {
    color: var(--ao-black2);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: inherit
}

.home-container a {
    text-decoration: none;
    color: var(--ao-black2);
}

.home-content-row {
    height: 0px;
    flex: 1 1 auto;
    margin-top: 35px;
    margin-bottom:35px;
}

/* Top menu (left) + sub menu (right) on one line */
.home-menu-bar {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}

.home-menu-bar-left {
    flex: 1 1 auto;
    min-width: 0; /* prevents overflow issues with flex children */
}

/* Keep the right side as "content-sized" */
.home-menu-bar-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}
/* Makes a nested block span the full viewport width even inside .container */
.home-full-bleed {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.favorites-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 22px;
}

/* Favorites: override generic card right-pane styling */
.ao-card-body .right-pane.ao-fav-right-pane {
    flex-direction: row; /* override row-reverse */
    justify-content: flex-end;
}

.ao-fav-right-pane-inline {
    display: flex;
    flex-direction: column; /* top row + button under it */
    align-items: flex-end;
}

.ao-fav-right-pane-top {
    display: flex; /* date | divider | icons in one line */
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    margin-left: 40%;
}

.ao-fav-right-pane-top .date-time {
    white-space: nowrap;
    line-height: 1;
    margin: 0;
}

.ao-fav-right-pane-divider {
    width: 1px;
    height: 29px;
    background: var(--ao-gray16);
}

.ao-fav-right-pane-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ao-fav-right-pane-actions-tab {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-evenly;
}

.home-content-view {
    background-color: var(--ao-gray6);
   /* box-shadow: 0px 3px 6px var(--ao-boxshadow2), inset 0px 3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2), inset 0px 3px 6px var(--ao-boxshadow2);*/
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2), inset 0px 3px 6px var(--ao-boxshadow2);
    opacity: 1;
    overflow: auto;
    /*flex: 1 1 auto;*/
}

    .home-content-view > .ao-card:first-child {
        margin-top: 8px;
    }


.loader-content {
    display: flex;
}

.no-content {
    font-size: 32px;
    font-weight: bold;
    color: var(--ao-gray1);
}

.ao-scroll-y-70vh {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 95vh;
}

.home-content {
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    /* width: 1200px;
    max-width: 1200px;*/
    margin: 0 auto;
}

.home-menu-layout {
    box-shadow: 0px 3px 6px var(--ao-boxshadow2),0px -3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2),0px -3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2),0px -3px 6px var(--ao-boxshadow2);
    border-radius: 8px 8px 0px 0px;
}

.ao-card {
    background-color: var(--ao-white1);
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border-radius: 8px;
    min-height: 136px;
    margin: 0 10px 6px 10px;
}

.ao-card-body {
    padding: 24px;
}

    .ao-card-body .date-time {
        font-size: 16px;
        color: var(--ao-gray8);
        line-height: 1em;
    }

    .ao-card-body .date-time-seperator {
        margin: 1px 0 1px 0;
    }

    .ao-card-body .title {
        font-size: 14px;
        font-weight: bold;
        color: var(--ao-gray9);
    }

    .ao-card-body .summary {
        font-size: 16px;
        color: var(--ao-black4);
        text-overflow: ellipsis;
        /* stuff below used to append ellipses in second line. This will not work in IE11*/
        /* line clamping with ellipsis works only input webkit (Chrome, Safari, Edge)
            Will still work input other browsers without the ellipsis (Firefox, IE)
            https://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css
         */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 2em;
        line-height: 1em;
    }

    .ao-card-body .full-highlight-label {
        font-size: 12px;
        color: var(--ao-gray10);
    }

    .ao-card-body .left-pane {
        display: flex;
        flex-direction: column;
    }

    .ao-card-body .highlight-label-blue {
        color: var(--ao-blue7);
        text-decoration: underline;
        font-weight: bold;
    }

    .ao-card-body .left-pane {
        display: flex;
        flex-direction: column;
    }

    .ao-card-body .right-pane {
        display: flex;
        flex-direction: row-reverse;
    }

        .ao-card-body .right-pane > .right-pane-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

        .ao-card-body .right-pane > .right-pane-recent-content {
            display: flex;
            /*align-items: center;*/
            justify-content: flex-start;
            column-gap: 8px;
        }

        .ao-card-body .right-pane > .note-right-pane-content {
            display: flex;
            /*flex-direction: column;*/
            align-items: center;
            justify-content: flex-start;
        }

    .ao-card-body .highlight-label {
        text-decoration: underline;
        font-weight: bold;
        color: var(--ao-blue5) !important;
    }

.quick-view-badge-placeholder {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.quick-view-recent-badge-placeholder {
    display: flex;
    flex-direction: row;
    margin-top: -6px;
}

    .quick-view-badge-placeholder .icon-heart-active {
        background: var(--icon-heart-red) 100% no-repeat;
        width: 28px;
        background-size: 28px 28px;
        margin-left: 24px;
        height: 24px;
    }

    .quick-view-badge-placeholder .icon-heart-inactive {
        background: var(--icon-heart-gray) 100% no-repeat;
        width: 28px;
        background-size: 28px 28px;
        margin-left: 24px;
        height: 24px;
    }

.quick-view-badge {
    text-transform: uppercase;
    background: var(--ao-gray8);
    border-radius: 2px;
    height: 24px;
    width: 96px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: var(--ao-white1);
    display:flex;
    align-items:center;
    justify-content:space-evenly;
}

    .quick-view-badge:not(.collapsed)::after {
        content: 'x';
        padding-left: 2px;
    }


.ao-card-hr {
    border-top: 1px solid var(--ao-gray7);
}

.no-content {
    white-space: pre-line;
}

.bread-crumb-item {
    font-size: 12px;
    color: var(--ao-gray1)
}

.bread-crumb-item-fav {
    font-size: 12px;
    color: var(--ao-gray18) !important;
}

.note-bread-crumb-item {
    font-size: 12px;
    color: var(--ao-gray1)
}

.bread-crumb-title {
    text-decoration: underline;
    cursor: pointer;
}

.bread-crumb-title-static {
    cursor: default;
    pointer-events: none;
}

.show-more-bread-crumb-item {
    font-size: unset !important;
    color: unset !important;
}


.bread-crumb-container .bread-crumb-item:not(:last-child)::after {
    content: '|';
    padding-left: 2px;
    padding-right: 2px;
    height: inherit;
}

.bread-crumb-container .bread-crumb-item-fav:not(:last-child)::after {
    content: '|';
    padding-left: 2px;
    padding-right: 2px;
    height: inherit;
}

.bread-crumb-container .note-bread-crumb-item:first-child::after {
    content: '|';
    padding-left: 2px;
    padding-right: 2px;
    height: inherit;
}

.show-more-bread-crumb-container {
    margin-bottom: 8px;
}
.no-content-container {
    min-height: 100px;
}

.show-more-container {
    border-top: 1px solid var(--ao-gray7);
}

/*need to add support for below things*/
.show-more-area-type {
    font-size: 16px;
    color: var(--ao-gray9);
    font-weight: bold;
    text-transform: uppercase;
}

.show-more-content {
    font-size: 14px;
    color: var(--ao-gray1);
    padding-left: 7px;
}

.locations ul {
    padding: inherit;
}

.view-document {
    border-top: 1px solid var(--ao-gray7);
    padding-top: 6px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

/*IE specific style goes here*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .home-inline-search {
        color: #FFFFFF !important;
        background: radial-gradient(circle, #1E79C2 0%, #005181 100%) !important;
        box-shadow: 0px 3px 6px rgba(0, 0, 41, 0.1) !important;
    }

    .home-menu-layout {
        box-shadow: 0px 3px 6px rgba(0, 0, 41, 0.1),0px -3px 6px rgba(0, 0, 41, 0.1) !important;
    }

    .home-top-menu-row {
        background: #F7F7F7 0% 0% no-repeat padding-box !important;
        color: #A39696 !important;
        border-bottom: 1px solid #E3E0E0 !important;
    }

        .home-top-menu-row > :first-child.active {
            background: #FFFFFF 0% 0% no-repeat padding-box !important;
            box-shadow: 3px 0px 2px rgba(0, 0, 41, 0.1) !important;
        }

        .home-top-menu-row > .active {
            color: #363535 !important;
            background: #FFFFFF 0% 0% no-repeat padding-box !important;
            box-shadow: -3px 0px 2px rgba(0, 0, 41, 0.1),3px 0px 2px rgba(0, 0, 41, 0.1);
        }

    .home-top-menu-item {
        color: #5F5C5C !important;
    }

    .bread-crumb-item {
        color: #646667 !important;
    }
    .icon-heart-inactive {
        background-image: url("../assets/icon-heart-gray.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-heart-active {
        background-image: url("../assets/icon-heart-red.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-updates-inactive {
        background-image: url("../assets/icon-megaphone-gray.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-updates-active {
        background-image: url("../assets/icon-megaphone-blue.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-notes-active {
        background-image: url("../assets/icon-notes-blue.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-notes-inactive {
        background-image: url("../assets/icon-notes-gray.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-recents-inactive {
        background-image: url("../assets/icon-recent-gray.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-recents-active {
        background-image: url("../assets/icon-recent-blue.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-updates-ol-inactive {
        background-image: url("../assets/icon-updates.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .icon-updates-ol-active {
        background-image: url("../assets/icon-updates-blue.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
    }

    .quick-view-badge-placeholder .icon-heart-active {
        background-image: url("../assets/icon-heart-red.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    .quick-view-badge-placeholder .icon-heart-inactive {
        background-image: url("../assets/icon-heart-gray.svg") !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    .home-sub-menu-row {
        background: #FFFFFF 0% 0% no-repeat padding-box !important;
    }
    /*Add verticle line left to  non active menu item and which is not first child*/
    .home-top-menu-row .home-top-menu-item:not(:first-child):not(.active)::before {
        border-right: 1px solid #E5E3E3 !important;
    }


    .home-sub-menu-item {
        color: #8B8D8E !important;
    }

        .home-sub-menu-item .active {
            border-bottom: 8px solid #646667 !important;
        }

    .home-sub-menu-item-label {
        color: #363535 !important;
    }

    .home-sub-menu-item .active a {
        color: #646667 !important;
    }

    .home-sub-menu-item a {
        color: #8B8D8E !important;
    }

    .home-sub-menu-item .home-sub-menu-identifier {
        color: #8B8D8E !important;
    }

    .home-content-view {
        background-color: #F7F7F7 !important;
        box-shadow: 0px 3px 6px rgba(0, 0, 41, 0.1), inset 0px 3px 6px rgba(0, 0, 41, 0.1) !important;
    }

    .quick-view-badge {
        background: #727577;
        color: #FFFFFF;
    }

    .ao-card {
        background-color: #FFFFFF !important;
        box-shadow: 0px 3px 6px rgba(0, 0, 41, 0.1) !important;
    }

    .ao-card-body .date-time {
        color: #727577 !important;
    }

    .ao-card-hr {
        border-top: 1px solid #D6D5D5;
    }


    .ao-card-body .title {
        color: #A29E9E !important;
    }

    .ao-card-body .summary {
        color: #0D0C0D !important;
    }

    .ao-card-body .full-highlight-label {
        color: #908B8B;
    }

    .ao-card-body .highlight-label {
        color: #343536 !important;
    }

    .no-content {
        color: #646667 !important;
    }

    .home-sub-menu-item-content {
        height: 64px; /*IE doen't respect flex when it comes to nested stucture, min-height was not taking effect*/
    }

    .ol-second-line-title {
        color: #343536 !important;
    }

    .ol-description {
        color: #0D0C0D !important;
    }

    .add-to-folder-model:hover {
        background-color: #166EB0;
    }

    .add-to-folder-model:hover .title {
        background-color: #166EB0;
        color: #FFFFFF;
    }
}
/*Firefox specific style goes here*/
@media all and (min--moz-device-pixel-ratio:0) {

    .home-content {
        height: 100%;
    }

    .ao-card-body .highlight-label {
        text-decoration: underline;
        font-weight: bold;
        color: #343536;
    }
}


@media (min-width: 768px){
    .gen-ai-icon {
        background: var(--gen-ai-icon) 100% no-repeat;
        background-size: 40px auto;
        width: 40px;
        height: 40px;
    }

    .gen-ai-text {
        font-size: 18px;
        color: var(--ao-white1);
        font-family: Roboto !important;
        font-weight: 500;
    }

    .ao-btn-tertiary {
        font-size: 12px !important;
    }
}

@media (min-width: 1200px){
    .gen-ai-icon {
        background: var(--gen-ai-icon) 100% no-repeat;
        background-size: 50px auto;
        width: 50px;
        height: 50px;
    }

    .gen-ai-text {
        font-size: 26px;
        color: var(--ao-white1);
        font-family: Roboto !important;
        font-weight: 500;
    }
}

.gen-ai-home-view {
    display: flex;
    width: 250px;
    background: radial-gradient(circle, #1E79C2 0%, #005181 100%) !important;
    height: 194px;
    margin-top: 63px;
    margin-left: 33px;
    background-color: var(--ao-blue11);
    -webkit-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    opacity: 1;
}

.btn-gen-ai-disc-ask {
    background-color: var(--ao-white1) !important;
    border-color: var(--ao-white1) !important;
    color: var(--ao-blue8) !important;
}

.gen-ai-home-inline-search {
    background: radial-gradient(circle, #1E79C2 0%, #005181 100%) !important;
    height: 194px;
    width: 250px;
    border-radius: 8px;
    gap: 20px !important;
}

.home-search-layout {
    margin: 0 auto;
    display: flex;
    margin-top: 65px;
    margin-bottom: 65px;
}

.gen-ai-dis-title{
    font-size: 22px;
}

.gen-ai-disc-body {
    font-size: 16px;
}

.gen-ai-disc-header {
    border-bottom: 1px solid #dee2e6 !important;
}

.gen-ai-disable{
    margin: 0 auto;
}

/*CSS for home page latest update section.*/

.ru-bread-crumb-container .bread-crumb-item:not(:last-child)::after {
    content: '|';
    padding-left: 6px;
    padding-right: 6px;
}

/* RU breadcrumb: always 2 nodes (1st black, 2nd gray) */
.ru-bread-crumb-container .bread-crumb-item:first-child {
    color: var(--ao-black0);
}

.ru-bread-crumb-container .bread-crumb-item:last-child {
    color: var(--ao-gray1);
}

    /* Ensure inner span inherits the breadcrumb item color */
    .ru-bread-crumb-container .bread-crumb-item:first-child > span,
    .ru-bread-crumb-container .bread-crumb-item:last-child > span {
        color: inherit;
    }

.ru-item-content {
    padding-left: 35px;
}

.ru-chevron-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-right: 3px solid var(--ao-blue5);
    border-bottom: 3px solid var(--ao-blue5);
    transform: rotate(-45deg);
    transition: transform 150ms ease-in-out;
}

.ru-show-more-link:not(.collapsed) .ru-chevron-icon {
    transform: rotate(45deg);
}

.ru-show-more-link {
    text-decoration: none;
    font-weight: 700;
    color: var(--ao-blue5) !important;
    font-size: 20px;
    line-height: 1;
    display: inline-block;
}

#ao-smart-search {
    background-color: var(--ao-gray5);
    width: 100vw !important;
    max-width: 100vw !important;
    /* pull the element out of the centered .container */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
    .ru-show-more-link:hover,
    .ru-show-more-link:focus {
        text-decoration: underline;
        color: var(--ao-blue7) !important;
    }

.ru-show-more-link--spaced {
    margin-left: 12px;
}

.ru-home-menu-layout {
    border-radius: 8px 8px 8px 8px !important;
   -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2),0px -3px 6px var(--ao-boxshadow2);
}

.ru-home-top-menu-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.ru-home-top-menu-gear {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

    .ru-home-top-menu-gear:focus {
        outline: none;
    }

    .ru-home-top-menu-gear .ui-icon {
        transform: scale(1.4);
        filter: invert(31%) sepia(92%) saturate(1546%) hue-rotate(184deg) brightness(92%) contrast(92%);
    }

.ru-update-label {
    display: flex;
    align-items: center;
    justify-content: space-between; /* pushes gear icon to the end */
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-left: -12px;
}
.ru-home-content-row {
    height: 0px;
    flex: 1 1 auto;
    margin-top: 1px;
    margin-bottom: 35px;
}

.ru-home-content-view {
    background-color: var(--ao-gray6);
    opacity: 1;
    overflow: auto;
    row-gap: 8px;
}

homemain > #main-container.home-container {
    /* Fill homemain's bounded (grid 1fr) height so the flex-column chain below
       can bound the inner list. Home's #main-container has no `.h-100` in markup
       (unlike Admin's), so without this it sizes to content and homemain shows the
       outer scrollbar instead of the inner list (ALRG-24992). */
    height: 100%;
    min-height: 0;
}

/* Favorites / Notes / Recents tab (#ao-fav-tab): this wrapper only holds the menu bar
   (tab labels + sort/sub-menu). Its own list container (#fav-home-content-container) is never
   populated — Favorites/Notes/Recents content loads into #home-content-container (the same
   container as Updates, in .ru-home-content-row below). So keep #ao-fav-tab at NATURAL height;
   growing it (or its empty list container) just reserved a big empty gray box above the real
   list (ALRG-24992). */
#main-container > #ao-fav-tab {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
}

#ao-fav-tab > .home-full-bleed {
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
}

/* Default Home (Latest Updates) tab */
#main-container > .ru-home-content-row {
    min-height: 0;
}

    #main-container > .ru-home-content-row > .home-content {
        min-height: 0;
        height: auto; /* drop -webkit-fill-available */
    }

/* The inner list is the ONLY scroller: fill leftover space, no viewport cap.
   (#fav-home-content-container is intentionally excluded — it is never populated; sizing it
   produced an empty gray box above the real list on the Fav/Notes/Recents tabs.) */
#home-content-container.ru-home-content-view {
    flex: 0 1 auto; /* size to content (don't grow to fill the row) so a short list shows no empty gray area; JS caps it with max-height and it scrolls when the list is long */
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: flex-start;
    align-items: flex-start;
}

.ru-ao-card {
    background-color: var(--ao-white1);
    -moz-box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border-radius: 8px;
    min-height: 136px;
}

.ru-show-more-area-type {
    font-size: 16px;
    color: var(--ao-black2);
    font-weight: bold;
}

.ru-full-highlight-label {
    font-size: 14px;
    color: var(--ao-black0);
}

.ru-show-more-content {
    font-size: 14px;
    color: var(--ao-black0);
}

    .ru-show-more-content ul {
        list-style-type: revert !important;
    }

/* =========================
   Gear popup (Edit Updates)
   ========================= */

/* Prevent background page scroll when popup is open */
body.ao-popup-open {
    overflow: hidden !important;
}

/* Overlay */
#aoGearPopupOverlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 20000;
}

/* Popup shell */
#aoGearPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: min(1400px, 98vw); /* increased width */
    height: min(65vh, 650px); /* reduced height */

    background: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    box-sizing: border-box;
}

/* Header */
.ao-gear-popup__header {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ao-gear-popup__title {
    margin: 0;
}

.ao-gear-popup__close {
    border: 0;
    background: transparent;
    font-size: 20px;
    line-height: 1;
}

/* Divider */
.ao-gear-popup__divider {
    flex: 0 0 auto;
    margin: 12px 0;
}

/* Body: takes remaining height.
   IMPORTANT: do NOT scroll the whole body; we want per-column scrollbars. */
.ao-gear-popup__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Footer (SAVE stays visible) - requires markup adding .ao-gear-popup__footer */
.ao-gear-popup__footer {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid #e5e5e5;
}

/* --- Per-column scrolling (class alias for #aoGearPopupBody) --- */
.gear-popup-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* The injected root must stretch */
.gear-popup-body > .container,
.gear-popup-body > .container-fluid {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* First row must stretch and force equal-height columns */
.gear-popup-body > .container > .row,
.gear-popup-body > .container-fluid > .row {
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}

/* Each column becomes a flex container */
.gear-popup-body .col-md-3 {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Column header shouldn't shrink */
.gear-popup-body .col-md-3 > h5 {
    flex: 0 0 auto;
}

/* Scroll area per column.
   The exact height is set by home.sizeGearPopupColumns() in home.js — measured from the SAVE
   footer so each column ends just above it with clearance and keeps its scrollbar fully visible
   (the pure-CSS flex chain didn't bound .cfg-col here, so it ran under the footer and clipped the
   last row + the bottom of the scrollbar). The rules below are the pre-JS fallback: max-height uses
   min(65vh, 650px) to track .ao-gear-popup's real height so a scrollbar still appears before the
   JS runs (ALRG-24992). */
.gear-popup-body .cfg-col {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: calc(min(65vh, 650px) - 160px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
   }

/* checkbox accent color (class alias) */
.gear-popup-body .ru-config-checkbox {
    accent-color: var(--ao-blue8);
}

/* Gear popup: make SAVE button use ao-blue8 */
.gear-save-btn {
    background-color: var(--ao-blue8) !important;
    border-color: var(--ao-blue8) !important;
}

/* Ensure body never overlays footer */
.ao-gear-popup__body {
    position: relative;
    z-index: 1;
}

.ao-gear-popup__footer {
    position: relative;
    z-index: 10;
}

.edit-preferences {
    border-right: 1px solid var(--ao-gray16);
}

.edit-preferences-disabled {
    color: var(--ao-gray2) !important;
    
}


.recent-update-sub-menu-row {
    width: 616px !important;
    min-height: inherit;
    max-height: inherit;
}

.home-sub-menu-row .recent-update-sub-menu:not(:last-child)::after {
    content: '';
    min-height: 16px;
    border-right: 1px solid var(--ao-gray5);
}

/*
@media (min-width: 768px) {
    .ao-card-body .right-pane {
        display: flex;
        flex-direction: row-reverse;
        margin-top: unset !important;
    }
}
*/
.second-line {
    display: block;
    line-height: 1em !important;
    font-size: 12px !important;
    color: gray !important;
    font-weight: normal !important;
}

/*as not making any difference in any broswer after removing below block, hence commenting*/
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .edit-preferences {
        border-right: 1px solid #E3E0E0 !important;
    }

    .home-sub-menu-row .recent-update-sub-menu:not(:last-child)::after {
        border-right: 1px solid #E5E3E3 !important;
    }
}*/

.recent-updates-search-icon {
    -webkit-mask: var(--icon-search) no-repeat;
    mask: var(--icon-search) no-repeat;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    position: relative;
    background-color: var(--ao-gray1);
    width: 32px;
    height: 24px;
    margin-right: 8px;
}

.recent-updates-search-box {
    /*width: 545px;*/
    height: 32px;
    background: var(--ao-gray6) 0% 0% no-repeat padding-box;
    border: 0.5px solid var(--ao-gray31);
    border-radius: 2px;
    opacity: 1;
    color: var(--ao-gray2);
    font-size: 18px;
    font-weight: bold;
}

.recent-update-filter-container {
    height: 96px;
    background-color: var(--ao-gray4);
    box-shadow: inset 0px 3px 6px var(--ao-boxshadow2);
    -webkit-box-shadow: inset 0px 3px 6px var(--ao-boxshadow2);
    -moz-box-shadow: inset 0px 3px 6px var(--ao-boxshadow2);
    padding-top: 16px;
}

.recent-update-custom-select {
    height: 32px;
    /* box-shadow: 0px 3px 6px var(--ao-boxshadow2);*/
    background: var(--icon-ddl-up-down-black) right 0.75rem center/12px 15px no-repeat !important;
    border: 1px solid var(--ao-gray31);
    border-radius: 2px;
    opacity: 1;
    font-weight: bold;
}

.recent-update-sort-by-row {
    margin-left: 24px;
}

.filter-recent-update-btn-container {
    border-right: 1px solid var(--ao-gray16);
    padding-right: 16px;
}


.recent-updates-search-icon-btn {
    -webkit-mask: var(--icon-search) no-repeat;
    mask: var(--icon-search) no-repeat;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    position: relative;
    background-color: var(--ao-gray1);
    width: 24px;
    height: 16px;
    margin-right: 8px;
}
.recent-updates-search-close-icon-btn {
    -webkit-mask: var(--icon-close-x) no-repeat;
    mask: var(--icon-close-x) no-repeat;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    position: relative;
    background-color: var(--ao-gray3);
    width: 24px;
    height: 16px;
    margin-right: 8px;
}

.recent-update-search-btn-label {
    font-weight: bold;
}

.recent-update-search-btn-label1 {
    font-size: 12px;
    line-height: 1em;
}

.recent-update-search-btn-label2 {
    font-size: 10px;
    line-height: 1em;
}

.edit-show-recent-update-filter-container {
    position: absolute;
    z-index: 1;
}
.ol-second-line-title {
    font-size: 18px;
    letter-spacing: 0;
    color: var(--ao-black3);
    opacity: 1;
}

.ol-description {
    font-size: 18px;
    letter-spacing: 0;
    color: var(--ao-black4);
    opacity: 1;
}

.ol-show-more-lable {
    font-size:14px;
    font-weight:bold;
    color: var(--ao-black3);
}
.ol-show-more-title {
    font-size: 16px !important;
}
.ol-show-more-data {
    font-size: 14px;
    font-weight: normal;
    color: var(--ao-gray2);
}

    .ol-show-more-data ul {
        list-style-type: revert !important;
    }

.ol-locations {
    font-weight: bold;
    margin-bottom: 8px;
}

.ol-view-document {
    border-top: unset !important;
    padding-top: unset !important;
    color: var(--ao-black1) !important
}

.ol-external-link {
    color: var(--ao-blue3);
    text-decoration: underline;
    font-size: 14px;
    display: block;
}

.btn-add-new-folder {
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: bold;
    width: 150px;
}

.btn-add-to-folder {
    text-transform: uppercase;
    margin-left: 20px;
    margin-left: 10px;
    width: 150px;
    font-weight: bold;
}
.fav-btn-add-to-folder {
    margin-left: 10px;
    width: 40px;
    border: 0;
}

.fav-label {
    font-weight: bold;
    font-size: x-large;
    margin-top: 20px;
}


.btn-create-folder {
    font-weight: bold;
}

.btn-remove-from-folder {
    text-transform: uppercase;
    width: 150px;
    font-weight: bold;
}

.folder-open {
    background: var(--ao-gray20) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--ao-boxshadow2);
    border-radius: 4px;
    opacity: 1;
}

.folder-arrow-open {
    background-image: var(--ao-blue5);
    background-repeat: no-repeat;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-top: 4px;
    display: inline-flex;
}

.folder-arrow-closed {
    background-image: var(--ao-blue5);
    background-repeat: no-repeat;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-top: 4px;
    display: inline-flex;
}

.folder-icon-open {
    background-image: var(--icon-folder-plus-active);
    background-repeat: no-repeat;
    float: left;
    height: 10px;
    width: 10px;
    padding: 20px 24px 20px 12px;
    display: inline-flex;
    margin-left: 13px;
}

.fav-header-margin {
    margin-top: 11px;
}

.fav-chevron-icon {
    width: 15px;
    height: 15px;
    /* display: inline-block; */
    border-right: 3px solid var(--ao-blue5);
    border-bottom: 3px solid var(--ao-blue5);
    transition: transform 150ms ease-in-out;
}

.fav-chevron-icon.folder-arrow-closed {
    transform: rotate(-45deg);
}

.fav-chevron-icon.folder-arrow-open {
    transform: rotate(45deg);
}

.folder-icon-closed {
    background-image: var(--icon-folder-plus-active);
    background-repeat: no-repeat;
    float: left;
    height: 10px;
    width: 12px;
    padding: 20px 24px 20px 12px;
    display: inline-flex;
    margin-left: 13px;
}

.folder-title-open {
    font-weight: bold;
    font-size: var(--ao-fontsize3);
    line-height: var(--ao-lineheight2);
    color: var(--ao-black1);
    opacity: 1;
    padding-left: 15px;
    display: inline-flex;
}

.folder-title-closed {
    font-weight: bold;
    font-size: var(--ao-fontsize3);
    line-height: var(--ao-lineheight2);
    color: var(--ao-black1);
    opacity: 1;
    padding-left: 15px;
    display: inline-flex;
}

.ao-fav-last-added {
    font-size: var(--ao-fontsize2);
    line-height: var(--ao-lineheight1);
    letter-spacing: 0px;
    color: var(--ao-gray19);
    opacity: 1;
}

.ao-fav-folder-edit {
    background-image: var(--icon-blue-pencil);
    background-repeat: no-repeat;
    float: right;
    padding: 20px 20px 20px 20px;
    background-size: 35px 37px;
}

.ao-fav-folder-trash {
    background-image: var(--icon-blue-trash);
    background-repeat: no-repeat;
    float: right;
    height: 15px;
    width: auto;
    padding: 20px 10px 20px 25px;
    background-size: 35px 37px;
}

.bread-crumb-text {
    color: var(--ao-black2);
}

.folder-header-title{
    float:left;
    width: 75%;
    display: flex;
}

.folder-header-date {
    float: left;
    width: 25%;
}

.folder-header-edit-action {
    float: right;
    width: 20%;
    margin-top: 5px;
}

.folder-header-trash-action {
    float: right;
    width: 10%;
}

.edit-badge-placeholder {
    display: flex;
    flex-direction: row;
}

.fav-right-pane-content {
    display: flex;
    flex-direction: column;
    align-items:  flex-end;
    justify-content: flex-end;
}
 

.add-to-folder-badge-placeholder {
    padding-right: 10px;
}

.remove-folder-badge-placeholder {
    border-top: 1px solid var(--ao-gray7);
    padding-top: 10px;
    align-items: self-end;
    justify-content: flex-end;
}

.ao-fav-folder-inner-card .edit-badge-placeholder .icon-heart-active {
    margin: 5px 0px 0px 0px;
    float: right;
}

.ao-fav-folder-inner-card .edit-badge-placeholder .ao-fav-folder-edit {
    margin: 5px 0px 0px 0px;
    float: right;
}  

.edit-badge-placeholder .ao-fav-folder-edit {
    margin: 5px 0px 0px 5px;
    float: right;
}

.edit-badge-placeholder .icon-heart-active {
    margin: 5px 5px 0px 5px;
    float: right;
}

.error-message-icon {
    color: var(--ao-red1);
    font-size: small;
}

.error-message-icon.hide {
    display: none;
}

.error-message-icon.show {
    display: block;
}

.ao-fav-accordion {
    margin: 4px 12px 4px 12px;
}

.ao-fav-accordion .ao-fav-card {
    box-shadow: none;
    box-sizing: border-box;
}

.ao-fav-accordion .ao-fav-folder-card {
    box-sizing: content-box;
    background-color: transparent;
}

.ao-fav-accordion .ao-fav-folder-inner-card {
    margin: 5px 2px 5px 2px;
}

.ao-fav-outer-card {
    margin-top: 5px;
}

.ao-fav-folder-card .collapse {
    height: 0px;
}

.ao-fav-folder-card .collapse.show{
    height: auto;
}

.ao-fav-accordion .ao-fav-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.ao-fav-accordion .card-header {
    background-color: var(--ao-white1);
}

.ao-fav-accordion .card-header.ao-fav-folder-header-closed {
    background-color: var(--ao-white1);
}

.ao-fav-accordion .card-header.ao-fav-folder-header-open {
    background-color: var(--ao-gray20);
}


.remove-folder-badge-placeholder {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 10px;
}

.ao-card-body .fav-title {
    font-size: 14px;
    font-weight: bold;
    color: var(--ao-black1);
}
.sort-by-label {
    color: var(--ao-gray9);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.doc-type {
    color: var(--ao-gray15);
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 8px;
    line-height: 1em;
}
.doc-type-label {
    margin-left: 8px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sort-by-label {
        color: #A29E9E !important;
    }
    .doc-type {
        color: #707070 !important;
    }

}
.rd-breadcrumb {
    margin-top: -15px !important;
}

.rd-recent-title{
    margin-top: 12px;
}

.note-title {
    color: var(--ao-black2);
    font-size: 14px;
    font-weight: bold;
}

.note-text {
    color: var(--ao-black3);
    font-size: 14px;
}

.icon-note-edit {
    background: var(--icon-blue-pencil) 100% no-repeat;
    background-size: 23px auto;
    width: 32px;
    height: 24px;
    background-size: 35px 37px;
}

.note-document-details-container {
    border-top: 1px dotted var(--ao-gray7);
    padding-top: 5px
}

.bread-crumb-text {
    color: var(--ao-black2) !important;
}

.icon-note-delete {
    background: var(--icon-blue-trash) 100% no-repeat;
    background-size: 16px auto;
    width: 24px;
    height: 24px;
    background-size: 35px 37px;
}

.note-document-details {
    color: var(--ao-blue5) !important;
    text-decoration: underline;
    cursor: pointer;
}

.note-document-breadcrumb {
    color: var(--ao-gray18) !important;
}

.close-note-editor {
    cursor: pointer;
}

.note-edit {
    cursor: pointer;
}

.note-edit-header {
    color: var(--ao-black1);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.note-edit-title-label {
    font-size: 14px;
    color: var(--ao-gray1);
    margin-bottom: unset;
}

.btn-save-note {
    background: var(--ao-blue1) 0% 0% no-repeat padding-box;
    border-radius: 2px;
    min-width: 240px;
}

    .btn-save-note:hover {
        background: var(--ao-blue2) 0% 0% no-repeat padding-box;
        border-color: var(--ao-blue2);
    }

.note-action-link {
    text-decoration: underline;
    color: var(--ao-blue1);
    font-weight: bold;
}

    .note-action-link:hover {
        color: var(--ao-blue2);
    }

.note-editor-title-textbox {
    height: 32px;
    font-weight: bold;
}

.note-editor-container {
    margin-right: 4%;
    margin-left: 4%;
}

.ao-rgadisabledglobal {
    background: var(--ao-gray28) 0% 0% no-repeat padding-box !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: var(--ao-gray26) !important;
    color: var(--ao-gray27) !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    height: 24px !important;
    cursor: not-allowed;
}

    .note-editor-container .form-control {
        border: 0.5px solid var(--ao-gray21);
        border-radius: 2px;
        background: var(--ao-white4) 0% 0% no-repeat padding-box;
        font-size: 14px;
        color: var(--ao-black5);
    }

        .note-editor-container .form-control:focus {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            border: 2px solid var(--ao-blue1);
        }

    .note-editor-container .btn:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

/*IE specific style goes here*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .note-title {
        color: #363535;
    }

    .note-text {
        color: #343536;
    }

    .icon-note-edit {
        background: url("../assets/icon-pencil.svg") 100% no-repeat;
    }

    .note-document-details-container {
        border-top: 1px solid #D6D5D5;
    }

    .icon-note-delete {
        background: url("../assets/icon-trash.svg") 100% no-repeat;
    }

    .note-document-details {
        color: #A7A5A5;
    }

    .note-document-breadcrumb {
        color: #A7A5A5 !important;
    }

    .note-edit-header {
        color: #292828;
    }

    .note-edit-title-label {
        color: #646667;
    }

    .btn-save-note {
        background: #1E79C2 0% 0% no-repeat padding-box;
    }

        .btn-save-note:hover {
            background: #005181 0% 0% no-repeat padding-box;
            border-color: #005181;
        }

    .note-action-link {
        text-decoration: underline;
        color: #1E79C2;
        font-weight: bold;
    }

        .note-action-link:hover {
            color: #005181;
        }

    .note-editor-container .form-control {
        border: 0.5px solid #9B9898;
        border-radius: 2px;
        background: #F8F8F8 0% 0% no-repeat padding-box;
        font-size: 14px;
        color: #333232;
    }

        .note-editor-container .form-control:focus {
            border: 2px solid #1E79C2;
        }

}