.navbar .brand-container,
.navbar .tools-container {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.navbar .hLine {
    width: 100%;
    height: 1px;
    margin: 10px auto;
    background-color: #cae4ef;
}

.navbar .desktopToolsContainer,
.navbar .navbar-toggler.hide,
.navbar .badge-notification.hide,
.navbar .orgLogoContainer {
    display: none;
}

.navbar .badge-notification {
    position: absolute;
    left: 24px;
    top: -10px;
    color: #fff;
    background-color: #0eb5fe;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: space-around;
    font-family: "Metropolis Bold";
    letter-spacing: normal;
    font-size: 12px;
    width: 18px;
    height: 18px;
}

.navbar .notifications-bell .badge-notification {
    top: -7px;
    left: 13px;
}

.navbar .notifications-bell {
    position: relative;
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/general+_notification%402x.png);
    width: 23px;
    height: 28px;
    background-size: 23px 28px;
}

.navbar .pmPreviewContainer {
    margin: 0;
}

.navbar .pmPreviewContainer .senderImg {
    height: 50px;
    width: 50px;
}

.navbar .navbar-toggler-icon {
    background-image: url("http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/hamb_menu_icon_blue_BO_v1.svg");
    width: 20px;
    height: 20px;
}

.dropdown-toggle {
    display: flex;
    align-items: center;
    height: 59px;
}

.dropdown-toggle::after {
    display: none !important;
}

.navbar-brand {
    width: 124px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-right: -25px !important;
}

.navbar {
    background-color: #cae4ef;
    padding-left: 15px !important;
    justify-content: space-between;
}

.navbar .navbarBrandName {
    font-family: "Metropolis Extra Light";
    font-size: 21px;
    line-height: 1.21;
    letter-spacing: 1.32px;
    color: #0eb5fe;
}

.navbar-expand-lg .navbar-nav.side-nav,
.navbar-nav.user-drop {
    flex-direction: column;
}

.leftmenutrigger {
    display: none !important;
}

.admin .nav-item a:hover,
.admin .nav-item.active .adminSidebarBtnItem {
    border-radius: 8px;
    background-color: #e4f4fc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.admin .nav-item.trigger a:hover {
    background-color: transparent;
}

.navbar .nav-item.settings {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
}

.navbar .dropdown-notifications {
    margin-right: 15px;
}

.navbar .dropdown-notifications,
.navbar .dropdown-messages {
    margin-left: 20px;
}

.navbar .dropdown-notifications .dropdown-menu {
    left: -70%;
    padding: 0;
    margin: 0;
}

.navbar .dropdown-messages .dropdown-menu {
    left: -85%;
    padding: 0;
    margin: 0;
}

.navbar .dropdown-menu.notify-drop {
    min-width: 330px;
    background-color: #fff;
    min-height: 360px;
    max-height: 360px;
}

.navbar .dropdown-menu.notify-drop .notify-drop-title {
    border-bottom: 1px solid #e2e2e2;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 3.24px;
    text-align: center;
    color: #333333;
    font-family: "Metropolis Bold";
}

.dropdown-menu.notify-drop .drop-content {
    min-height: 280px;
    max-height: 280px;
    overflow-y: auto;
}

.navbar .dropdown-menu.notify-drop .notify-drop-footer {
    cursor: pointer;
    border-top: 1px solid #e2e2e2;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 3.24px;
    text-align: center;
    color: #333333;
    font-family: "Metropolis Regular";
}

.navbar .nav-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0;
    margin: 2px 8px;
    cursor: pointer;
    border-radius: 16px;
}

.navbar .nav-link.activeLink {
    border-radius: 8px;
    background-color: #e4f4fc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar .side-nav .linkText {
    max-width: 0;
    overflow: hidden;
    text-overflow: clip;
    font-family: "Metropolis Regular";
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.16px;
    color: #0d4962;
    display: flex;
    align-items: center;
    /* transition: max-width 0.2s ease-in-out, margin-left 0.3s ease-in-out; */
}

.navbar .side-nav .linkText.noWrap {
    white-space: nowrap;
}

.navbar .side-nav.open .linkText {
    max-width: 170px;
    /* transition: max-width 0.4s ease-in-out, margin-left 0.1s ease-in-out; */
    margin-left: 15px;
}

.navbar .nav-link div:first-child {
    background-size: 25px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 4px;
}

.navbar .nav-link .DashboardIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/dashboard_icon_BO_v1.svg);
}

.navbar .nav-link .SavedSessionsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/saved-streams-icon@3x.png);
}

.navbar .nav-link .CommunitiesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/community_icon_BO_v1.svg);
}

.navbar .nav-link .PrivateMessagesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/pm-sidebar@3x.png);
}

.navbar .nav-link .MyPlaylistsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/programs-icon@3x.png);
}

.navbar .nav-link .SurveysIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/surveys-icon@3x.png);
}

.navbar .nav-link .CreateUserIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/create-user-icon@3x.png);
}

.navbar .nav-link .ServersIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/anonymous_dark_s_v1_.png);
}

.navbar .nav-link .OperationsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/anonymous_dark_s_v1_.png);
}

.navbar .nav-link .BatchRegistrationIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/anonymous_dark_s_v1_.png);
}

.navbar .nav-link .UsersIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/users_icon_BO_v1.svg);
}

.navbar .nav-link .OrganizationsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/d/en_US/gv/i/organizations_icon_BO_v1.svg);
}

.navbar .nav-link .GamesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/registered_app_icon_BO_v1.svg);
}

.navbar .nav-link .RankingsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challenges_icon_m_v1.png);
}

.navbar .nav-link .ChallengesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challege_icon_BO_v1.svg);
}

.navbar .nav-link .LeaderboardsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/leaderboards_icon_BO_v1.svg);
}

.navbar .nav-link .ManageCommunitiesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/anonymous_dark_s_v1_.png);
}

.navbar .nav-link .LogoutIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/logout_icon_lm_filled_v1.png);
}

.navbar .nav-link .SettingsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/settings-homepage@3x.png);
}

.navbar .nav-link .ResourcesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/resources-icon@3x.png);
    height: 17px !important;
}

.navbar .nav-link .ActivityReportIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/report_download_icon_BO_v1.svg);
    height: 27px !important;
}

.navbar .nav-link .AppearanceIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/appeareance_icon_light_BO_v1.svg);
}

.navbar .nav-link .WorkoutsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/workout_icon_lm_BO_v1.svg);
    background-size: 17px !important;
}

.navbar .nav-link .EquipmentIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/station_icon_BO_v1.svg);
}

.navbar .nav-link .SuggestionsFeedbackIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/suggestions_icon_lm.png);
}

.navbar .nav-link .menuTriggerIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/expand@2x.png);
    background-size: 15px !important;
    width: 15px !important;
    height: 15px !important;
    margin-left: 5px !important;
}

.navbar .nav-link .MaintenanceIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/maintenance_icon_blue_BO_m_v1.png);
}
.navbar .nav-link .RolesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/rolesIcon_blue_v1.png);
}

.navbar .navbar-toggler {
    padding: 0;
}
.navbar.orgTree .navbar-toggler {
    display: none;
}

.navbar .navbar-toggler:focus {
    outline: none;
}

.navbar .navbar-collapse {
    background-color: #fff;
    border-radius: 8px;
}
.navbar .navbar-collapse.hide {
    display: none;
}

.navbar-nav.side-nav {
    padding-top: 10px;
    position: fixed;
    left: 16px;
    background-color: #fff;
    border-radius: 8px;
    width: 240px;
}

.navbar .user-menu {
    right: 1%;
    left: auto;
    border: solid 1px #0d4962;
    background-color: #0d4962;
    border-radius: 16px;
    margin: 0;
    border: none;
    top: 110%;
    width: 300px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.navbar .user-menu .userMenuTitle {
    font-family: "Metropolis Regular";
    font-size: 20px;
    line-height: 1.21;
    letter-spacing: 4.32px;
    color: rgba(255, 255, 255, 0.87);
}

.navbar.orgTree,
.navbar.orgTree .user-menu {
    background-color: #aacddc;
}
.navbar.orgTree {
    height: 79px;
    border-bottom: 2px solid #0d4962;
}

/* iPad */
@media (min-width: 768px) and (max-width: 1023px) {
    .navbar {
        padding-inline: 40px !important;
    }
    .navbar-brand {
        width: 183px;
    }
    .navbar-nav.side-nav {
        left: 40px;
        width: 320px;
    }
    .navbar .nav-link {
        margin: 8px;
    }
    .navbar .side-nav .linkText {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.2px;
    }
    .navbar .navbar-toggler-icon {
        width: 30px;
        height: 30px;
    }
    .navbar.orgTree .navbar-toggler-icon {
        display: none;
    }
}

@media (max-width: 1023px) {
    .navbar .tools-container {
        position: initial;
    }
    .navbar .dropdown-notifications .dropdown-menu,
    .navbar .dropdown-messages .dropdown-menu {
        left: 0;
        width: 100%;
    }
}

/* ################# dark mode ################### */
.dark .navbar,
.dark .navbar .nav-link.activeLink,
.dark .admin .nav-item a:hover {
    background-color: #031821;
}

.dark .navbar-nav.side-nav,
.dark .navbar .navbar-collapse {
    background-color: #0d4962;
}

.dark .navbar .nav-link.activeLink .linkText,
.dark .admin .nav-item a:hover .linkText,
.dark .navbar .side-nav .linkText {
    color: rgba(255, 255, 255, 0.87);
}

.dark .navbar .navbar-toggler-icon {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/hamb_menu_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .DashboardIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/dashboard_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .CommunitiesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/community_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .UsersIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/users_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .OrganizationsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/organizations_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .GamesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/registeredApps_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .ChallengesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challenges_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .LeaderboardsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/leaderboards_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .LogoutIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/logout_icon_dm_filled_v1.png);
}

.dark .navbar .nav-link .ActivityReportIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/report_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .AppearanceIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/appearance_moon_icon_BO_v1.svg);
}

.dark .navbar .nav-link .EquipmentIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/stations_icon_white_BO_v1.svg);
}

.dark .navbar .nav-link .MaintenanceIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/maintenance_icon_white_BO_m_v1.png);
}

.dark .navbar .nav-link .SuggestionsFeedbackIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/suggestions_icon_dm.png);
}
.dark .navbar .nav-link .WorkoutsIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/workout_icon_dm_BO_v1.svg);
}
.dark .navbar .nav-link .RolesIcon {
    background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/rolesIcon_white_v1.png);
}
/* desktop */
@media (min-width: 1024px) {
    .navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.87);
        padding-inline: 10px;
        height: 79px;
        border-bottom: 2px solid #0d4962;
    }
    .navbar-brand {
        width: 200px;
    }
    .navbar .nav-link.activeLink,
    .admin .nav-item a:hover {
        border-radius: 16px;
    }
    .navbar .userNameAndPictureContainer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .navbar .desktopToolsContainer {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .navbar .desktopToolsContainer .searchContainer {
        display: flex;
        align-self: center;
        justify-content: flex-start;
        align-items: center;
        border-radius: 16px;
        border: 1px solid #0d4962;
        background-color: #fff;
        width: 200px;
        height: 36px;
    }
    .navbar .desktopToolsContainer .searchIcon {
        background-image: url("http://d1gq9jzbezk7fw.cloudfront.net/d/en_US/gv/i/search_icon_back_office_v1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 20px;
        height: 18px;
        margin-inline: 10px 5px;
    }
    .navbar .desktopToolsContainer .searchInput {
        background-color: #fff;
        height: 34px;
        width: 80%;
        border-radius: 12px;
        padding-left: 5px;
        border: none;
    }
    .navbar .desktopToolsContainer .searchInput,
    .navbar .desktopToolsContainer .searchInput::placeholder {
        color: #0d4962;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.14px;
        font-family: "Metropolis Bold";
    }
    .navbar .desktopToolsContainer .searchInput:focus {
        outline: none;
    }
    .navbar .navbar-collapse {
        position: relative;
    }
    .navbar-nav.side-nav {
        background: #0d4962;
        position: absolute;
        height: 82vh;
        top: 5vh;
        flex-direction: column !important;
        width: 14%;
        left: -12px;
        border-radius: 24px;
    }
    .navbar .nav-link {
        margin-block: 5px;
        padding: 5% 0 5% 8% !important;
    }
    .navbar .side-nav.open .linkText {
        color: rgba(255, 255, 255, 0.87);
        font-size: 15px;
        line-height: 16px;
        letter-spacing: 0.12px;
        margin-left: 12%;
    }
    .navbar .nav-link div:first-child {
        background-size: 20px;
        width: 20px;
        height: 20px;
    }
    .navbar .side-nav .orgLogoContainer {
        display: flex;
        padding: 5% 0 10% 9%;
        align-items: center;
        pointer-events: none;
    }
    .navbar .side-nav .orgLogoContainer .orgLogo {
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }
    .navbar .side-nav .orgLogoContainer .orgName {
        font-size: 17px;
        line-height: 16px;
        letter-spacing: 0.12px;
        margin-left: 12%;
        color: rgba(255, 255, 255, 0.87);
        width: 5vw;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .navbar .nav-link .ActivityReportIcon {
        height: 17px !important;
    }
    .navbar .nav-link .DashboardIcon,
    .dark .navbar .nav-link.activeLink .DashboardIcon,
    .dark .admin .nav-item a:hover .DashboardIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/dashboard_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .CommunitiesIcon,
    .dark .navbar .nav-link.activeLink .CommunitiesIcon,
    .dark .admin .nav-item a:hover .CommunitiesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/community_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .UsersIcon,
    .dark .navbar .nav-link.activeLink .UsersIcon,
    .dark .admin .nav-item a:hover .UsersIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/users_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .OrganizationsIcon,
    .dark .navbar .nav-link.activeLink .OrganizationsIcon,
    .dark .admin .nav-item a:hover .OrganizationsIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/organizations_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .GamesIcon,
    .dark .navbar .nav-link.activeLink .GamesIcon,
    .dark .admin .nav-item a:hover .GamesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/registeredApps_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .ChallengesIcon,
    .dark .navbar .nav-link.activeLink .ChallengesIcon,
    .dark .admin .nav-item a:hover .ChallengesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challenges_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .LogoutIcon,
    .dark .navbar .nav-link.activeLink .LogoutIcon,
    .dark .admin .nav-item a:hover .LogoutIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/logout_icon_dm_filled_v1.png);
    }
    .navbar .nav-link .ActivityReportIcon,
    .dark .navbar .nav-link.activeLink .ActivityReportIcon,
    .dark .admin .nav-item a:hover .ActivityReportIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/report_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .EquipmentIcon,
    .dark .navbar .nav-link.activeLink .EquipmentIcon,
    .dark .admin .nav-item a:hover .EquipmentIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/stations_icon_white_BO_v1.svg);
    }
    .navbar .nav-link .MaintenanceIcon,
    .dark .navbar .nav-link.activeLink .MaintenanceIcon,
    .dark .admin .nav-item a:hover .MaintenanceIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/maintenance_icon_white_BO_m_v1.png);
    }
    .navbar .nav-link .SuggestionsFeedbackIcon,
    .dark .navbar .nav-link.activeLink .SuggestionsFeedbackIcon,
    .dark .admin .nav-item a:hover .SuggestionsFeedbackIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/suggestions_icon_dm.png);
    }
    .navbar .nav-link .WorkoutsIcon,
    .dark .navbar .nav-link.activeLink .WorkoutsIcon,
    .dark .admin .nav-item a:hover .WorkoutsIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/workout_icon_dm_BO_v1.svg);
    }
    .navbar .nav-link .RolesIcon,
    .dark .navbar .nav-link.activeLink .RolesIcon,
    .dark .admin .nav-item a:hover .RolesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/rolesIcon_white_v1.png);
    }
    .navbar .nav-link.activeLink .DashboardIcon,
    .admin .nav-item a:hover .DashboardIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/dashboard_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .CommunitiesIcon,
    .admin .nav-item a:hover .CommunitiesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/community_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .UsersIcon,
    .admin .nav-item a:hover .UsersIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/users_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .OrganizationsIcon,
    .admin .nav-item a:hover .OrganizationsIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/d/en_US/gv/i/organizations_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .GamesIcon,
    .admin .nav-item a:hover .GamesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/registered_app_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .ChallengesIcon,
    .admin .nav-item a:hover .ChallengesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/challege_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .LogoutIcon,
    .admin .nav-item a:hover .LogoutIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/logout_icon_lm_filled_v1.png);
    }
    .navbar .nav-link.activeLink .ActivityReportIcon,
    .admin .nav-item a:hover .ActivityReportIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/report_download_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .EquipmentIcon,
    .admin .nav-item a:hover .EquipmentIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/station_icon_BO_v1.svg);
    }
    .navbar .nav-link.activeLink .MaintenanceIcon,
    .admin .nav-item a:hover .MaintenanceIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/maintenance_icon_blue_BO_m_v1.png);
    }
    .navbar .nav-link.activeLink .SuggestionsFeedbackIcon,
    .admin .nav-item a:hover .SuggestionsFeedbackIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/suggestions_icon_lm.png);
    }
    .navbar .nav-link.activeLink .WorkoutsIcon,
    .admin .nav-item a:hover .WorkoutsIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/workout_icon_lm_BO_v1.svg);
    }

    .navbar .nav-link.activeLink .RolesIcon,
    .admin .nav-item a:hover .RolesIcon {
        background-image: url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/rolesIcon_blue_v1.png);
    }
    .navbar .nav-link.activeLink .linkText,
    .admin .nav-item a:hover .linkText {
        color: #0d4962;
    }
    .dark .navbar {
        background-color: #0d4962;
    }
    .dark .navbar .desktopToolsContainer .searchContainer {
        border: 1px solid rgba(255, 255, 255, 0.87);
        background-color: #0d4962;
    }
    .dark .navbar .desktopToolsContainer .searchIcon {
        background-image: url("http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/search_icon_white_BO_v1.svg");
    }
    .dark .navbar .desktopToolsContainer .searchInput {
        background-color: #0d4962;
    }
    .dark .navbar .desktopToolsContainer .searchInput,
    .dark .navbar .desktopToolsContainer .searchInput::placeholder {
        color: rgba(255, 255, 255, 0.87);
    }
    .dark .navbar .desktopToolsContainer .themeSelector {
        background-image: url("https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/bo/theme_selector_dm_v1.png");
    }
    .dark .navbar .desktopToolsContainer .userNameContainer {
        color: rgba(255, 255, 255, 0.87);
    }
}