/* TOP NAV BEGINNING */
header {
    height: 64px;
    width: 100%;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1.2rem 1.6rem 1.6rem;
    padding-left: calc(275px + 2rem);
    padding-bottom: 0;
    transition: width 0.3s ease, padding 0.3s ease;
    z-index: 4;
}
header.scrolled {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    background-color: #F0F4F7;
}
.top_nav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1.4rem 1rem 1.2rem 2rem;
    border-radius: 10px;
}
.top_nav.scrolled {
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgb(154 161 171 / 9%);
}
.top_nav a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--main-text-color);
    letter-spacing: .5px;
}
.top_nav a:hover {
    color: var(--main-color);
}
#topNavBarBurgerMenu,
#topNavBarBurgerMenu .fi-br-left-from-bracket {
    display: none;
}
.top_nav_right i.fi-br-angle-small-down {
    display: flex;
    margin-left: 6px;
    margin-right: 0;
    font-size: .9rem;
    opacity: .8;
}
.nav_menu_plateformes {
    position: relative;
}
.top_nav_right #navPlateformes {
    width: fit-content;
    padding: 4px 12px;
    color: #ffffff;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 30px;
    background-color: var(--main-color);
    transition: .2s;
}
.top_nav_right #navPlateformesPrefix {
    margin-right: 10px;
    font-size: .8rem;
    font-style: italic;
    letter-spacing: 0;
    opacity: .6;
}
.nav_platforms_prefix_full {
    display: block;
}
.nav_platforms_prefix_short {
    display: none;
}
.top_nav_right #navPlateformes:hover {
    opacity: .8;
}
.top_nav_right #navPlateformesMenu {
    height: 0;
    width: 280px;
    position: absolute;
    top: 2.8rem;
    left: 0;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    opacity: 0;
    transition: width 0.3s ease, padding 0.3s ease;
    box-shadow: 0 8px 24px rgba(27, 46, 94, 0.12);
}
.top_nav_right #navPlateformesMenu .parent {
    padding: 0 1rem;
}
.top_nav_right #navPlateformesMenu .parent div:first-child {
    padding-top: 0;
}
.top_nav_right #navPlateformesMenu.show {
    height: auto;
    max-height: calc(100vh - 80px - 2rem);
    overflow: auto;
    opacity: 1;
    z-index: 6;
}
.top_nav_right #navPlateformesMenu div:first-child {
    padding-top: 1rem;
}
.top_nav_right #navPlateformesMenu .parent:last-child {
    padding-bottom: .4rem;
}
.top_nav_right #navPlateformesMenu .drop_down {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.top_nav_right #navPlateformesMenu .drop_down.show {
    max-height: 530px;
    padding-bottom: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 6;
}
.top_nav_right #navPlateformesMenu div a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem;
    color: var(--main-text-color);
    letter-spacing: .5px;
}
.top_nav_right #navPlateformesMenu div a:hover {
    color: var(--main-color);
}
.top_nav_right #navPlateformesMenu div a,
.top_nav_right #navPlateformesMenu div a span {
    text-transform: uppercase;
}
.top_nav_right #navPlateformesMenu div > div:first-child {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    color: var(--main-text-color);
    letter-spacing: .5px;
    cursor: pointer;
}
.top_nav_right #navPlateformesMenu div > div:first-child i {
    margin-right: 0;
    margin-bottom: -7px;
    font-size: .9rem;
    opacity: .8;
    transition: .1s;
}
.top_nav_right #navPlateformesMenu .drop_down_title {
    width: 100%;
    margin-bottom: .6rem;
    padding: 8px !important;
    color: var(--main-color) !important;
    letter-spacing: .5px;
    background-color: var(--main-color-transparent-2);
    border-radius: 5px;
    transition: .1s;
}
.top_nav_right #navPlateformesMenu .drop_down_title:hover {
    color: var(--main-color-active) !important;
    background-color: var(--main-color-transparent-active);
}
.top_nav_right #navPlateformesMenu .drop_down_title p {
    margin: 0;
}
.top_nav_right #navPlateformesMenu .drop_down_title:hover p {
    color: var(--main-color-active) !important;
}
.top_nav_right #navPlateformesMenu .drop_down_title.active {
    color: var(--main-color-active) !important;
    background-color: var(--main-color-transparent-active);
}
.top_nav_right #navPlateformesMenu .drop_down_title.active p {
    color: var(--main-color-active) !important;
}
.top_nav_right #navPlateformesMenu .drop_down_title:last-child div > p {
    padding-bottom: 0;
}
.top_nav_right #navPlateformesMenu .drop_down_title p:hover {
    color: var(--main-color);
}
.top_nav_right #navPlateformesMenu div a span {
    padding-left: 2rem;
    font-weight: 600;
    letter-spacing: .5px;
    opacity: .7;
}
.top_nav_right i.fi-br-angle-small-right.active {
    transform: rotate(90deg);
}
.top_nav_right {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
}
.top_nav_right #navSupport i.fi-br-headset,
.top_nav_right #installAppButton i.fi-br-cloud-download-alt {
    font-size: 1.12rem;
    margin-top: 4px !important;
}
.top_nav_right #navAdmin i.fi-bs-shield {
    font-size: 1.12rem;
    margin-top: 4px;
}
.top_nav_right #navProfile {
    position: relative;
}
.top_nav_right #navProfile i.fi-br-circle-user{
    font-size: 1.12rem;
    margin-top: 4px;
}
.top_nav_right #navNotifications i.fi-bs-bell,
.top_nav_right #navApps i.fi-br-apps {
    margin-top: 4px;
}
.top_nav_right #navProfile .drop_down {
    height: 0;
    width: 290px;
    position: absolute;
    top: 2.8rem;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: width 0.3s ease, padding 0.3s ease;
    box-shadow: 0 8px 24px rgba(27, 46, 94, 0.12);
}
.top_nav_right #navProfile .drop_down.show {
    height: auto;
    max-height: calc(100vh - 80px - 2rem);
    overflow: auto;
    opacity: 1;
    visibility: visible;
    z-index: 6;
}
.top_nav_right #navProfile .drop_down a {
    padding-bottom: 1rem;
}
.top_nav_right #navProfile .drop_down a i {
    margin-right: 14px;
    margin-bottom: -4px;
    font-size: .6rem;
}
.top_nav_right #navProfile .drop_down a i.fi-br-comment-question {
    font-size: 1rem;
}
.top_nav_right #navProfile .drop_down a i.fi-br-sign-out-alt {
    font-size: 1rem;
}
#abs_link:hover,
#abs_link_sub:hover,
#abs_link i, #abs_link_sub i {
    color: #65A6B4;
}
#stc_link:hover,
#stc_link_sub:hover,
#stc_link i, #stc_link_sub i {
    color: #ffbc6d;
}
#fdt_link:hover,
#fdt_link_sub:hover,
#fdt_link i, #fdt_link_sub i {
    color: #BEA89E;
}
#ndf_link:hover,
#ndf_link_sub:hover,
#ndf_link i, #ndf_link_sub i {
    color: #4EB855;
}
#formation_link:hover,
#formation_link_sub:hover,
#formation_link i, #formation_link_sub i {
    color: #ED6324;
}
#top_nav_sign_out {
    color: #b91c1c;
}
#top_nav_sign_out:hover {
    opacity: .7;
}
.top_nav_right #navProfile .drop_down a:last-of-type {
    padding-bottom: 0;
}
.top_nav_right #navApps i.fi-br-apps {
    font-size: 1.12rem;
}
.top_nav_right #navApps .drop_down a {
    padding-bottom: 1rem;
    font-weight: 600;
    white-space: nowrap;
}
.top_nav_right #navApps .drop_down a img {
    width: 30px;
    margin-right: 18px;
}
.top_nav_right #navApps .drop_down a:last-of-type {
    padding-bottom: 0;
}
.top_nav_right #navApps {
    position: relative;
}
.top_nav_right #navApps .drop_down {
    height: 0;
    position: absolute;
    top: 2.8rem;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 10px;
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: width 0.3s ease, padding 0.3s ease;
    box-shadow: 0 0 15px 0 rgb(154 161 171 / 9%);
}
.top_nav_right #navApps .drop_down.show {
    height: auto;
    width: max-content;
    max-height: calc(100vh - 80px - 2rem);
    opacity: 1;
    visibility: visible;
    z-index: 6;
}
.top_nav_right .nav-pin-icon {
    position: relative;
    font-size: 1.12rem;
}
.top_nav_right .nav-pin-icon[data-badge]::after {
    content: attr(data-badge);
    width: 18px;
    height: 18px;
    position: absolute;
    top: -12px;
    right: -7px;
    text-align: center;
    padding: 1px 1px 1px 2px;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 18px;
    border-radius: 50%;
    background: #fa3e3e;
    box-shadow: 0 0 1px #333;
}
.top_nav_right .nav-pin-icon[data-badge=""]::after {
    display: none;
}
.top_nav_right #navNotifications {
    position: relative;
}
.top_nav_right #navNotifications i.fi-bs-bell {
    font-size: 1.12rem;
}
.top_nav_right #navNotifications .drop_down {
    height: 0;
    width: 280px;
    position: absolute;
    top: 2.8rem;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: width 0.3s ease, padding 0.3s ease;
    box-shadow: 0 0 15px 0 rgb(154 161 171 / 9%);
}
.top_nav_right #navNotifications .drop_down.show {
    height: auto;
    max-height: calc(100vh - 80px - 2rem);
    overflow: auto;
    opacity: 1;
    visibility: visible;
    z-index: 6;
}
.top_nav_right #navNotifications .drop_down ul {
    margin: 0;
    padding-left: 1rem;
}
.top_nav_right .nav-notification-icon[data-badge]::after {
    content: attr(data-badge);
    width: 18px;
    height: 18px;
    position: absolute;
    top: -12px;
    right: -7px;
    text-align: center;
    padding: 1px 1px 1px 2px;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 18px;
    border-radius: 50%;
    background: #fa3e3e;
    box-shadow: 0 0 1px #333;
}
.top_nav_right .nav-notification-icon[data-badge=""]::after {
    display: none;
}
/* TOP NAV END */

/* LEFT SIDEBAR BEGINNING */
.bg_overlay {
    display: none;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f0f4f7d4;
    z-index: 4;
    transform: translateX(-100%);
    transition: width 0.3s ease, padding 0.3s ease;
}
.bg_overlay.show {
    display: block;
    transform: translateX(0);
}
.left_sidebar {
    position: fixed;
    height: 100vh;
    width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.4rem 1.4rem 8px;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(154 161 171 / 9%);
    transition: width 0.3s ease, padding 0.3s ease;
    z-index: 5;
}
.left_sidebar hr,
.top_nav hr {
    height: 1px;
    width: 100%;
    background-color: #61cab229;
    border: none;
}
.top_nav hr {
    margin-top: 0;
    margin-bottom: .9rem;
}
.left_sidebar ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.left_sidebar ul.left_sidebar_nav_items {
    line-height: 3.1;
}
.left_sidebar ul.drop_right_menu {
    line-height: 2.2;
}
.left_sidebar ul li {
    list-style: none;
}
.left_sidebar ul li .subtitle {
    padding: 0 8px !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: .5px;
    list-style: none;
    border-radius: 5px;
}
.left_sidebar div a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    color: var(--main-text-color);
    letter-spacing: .5px;
}
.left_sidebar div a span {
    transition: .1s;
}
.left_sidebar div a:hover,
.left_sidebar div a:hover i,
.left_sidebar div a:hover span {
    color: var(--main-color);
}
.left_sidebar a div {
    display: flex;
    align-items: center;
}
.left_sidebar a i {
    margin-right: 14px;
    margin-bottom: -4px;
    color: var(--main-text-color);
    font-size: 1.12rem;
    transition: .1s;
}
.left_sidebar i.fi-br-angle-small-right {
    margin-right: 0;
    font-size: .9rem;
    opacity: .8;
}
.left_sidebar i[class^=fi-br-]:before,
.left_sidebar i[class*=" fi-br-"]:before,
.left_sidebar span[class^=fi-br-]:before,
.left_sidebar span[class*=fi-br-]:before {
    line-height: 2.2;
}
.left_sidebar .drop_right_menu {
    max-height: 0;
    padding-left: 2rem;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.left_sidebar .drop_right_menu li {
    padding-left: 1rem;
}
.left_sidebar .drop_right_menu_title {
    display: none;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.left_sidebar #leftSidebarLogo {
    position: relative;
    margin-top: 2px;
    z-index: 5;
}
.left_sidebar #leftSidebarLogo img {
    height: 34.81px;
    max-width: 180px;
    width: auto;
    transform: scale(1);
    transition: width 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    overflow: hidden;
}
.left_sidebar #leftSidebarLogoMobile img {
    height: 0;
    width: 48px;
    transform: scale(0);
    transition: width 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
}
.left_sidebar #leftSidebarTime {
    display: flex;
    align-items: center;
    margin: 2rem 0 1.6rem;
    padding: 1px 6px 1px 0;
    background-color: var(--main-color-transparent-3);
    border-radius: 30px;
    overflow: hidden;
}
.left_sidebar #leftSidebarTime #liveDate,
.left_sidebar #leftSidebarTime #liveClock {
    font-size: .9rem;
    font-weight: 600;
}
.left_sidebar #leftSidebarTime #liveDate {
    color: var(--main-color-3);
    white-space: nowrap;
    flex-shrink: 0;
}
.left_sidebar #leftSidebarTime #liveClock {
    margin-right: 8px;
    padding: 4px 8px;
    color: #ffffff;
    border-radius: 50px;
    background-color: var(--main-color-2);
}
.left_sidebar #leftSidebarBurgerMenu,
.left_sidebar #leftSidebarBurgerMenuMobile {
    position: absolute;
    top: 20px;
    right: -22px;
    padding: 5px;
    background-color: #f0f4f7;
    border-radius: 150px;
    transition: right 0.3s ease, padding 0.3s ease;
}
.left_sidebar #leftSidebarBurgerMenu div,
.left_sidebar #leftSidebarBurgerMenuMobile div {
    background-color: #ffffff;
    border-radius: 150px;
}
.left_sidebar #leftSidebarBurgerMenu i,
.left_sidebar #leftSidebarBurgerMenuMobile i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding-top: 2px;
    padding-left: 2px;
    margin-right: 0;
    text-align: center;
    font-size: 1rem;
    transition: .1s;
}
.left_sidebar #leftSidebarBurgerMenu:hover i,
.left_sidebar #leftSidebarBurgerMenuMobile:hover i {
    color: var(--main-color);
}
.left_sidebar #leftSidebarBurgerMenuMobile {
    display: none;
}
#leftSidebarElephant {
    height: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
#leftSidebarElephant img {
    height: auto;
    width: 1040px;
    max-width: unset;
    opacity: .03;
    transform: translateY(100px) translateX(242px);
}
.left_sidebar #leftSidebarNav2 li#logout a,
.left_sidebar #leftSidebarNav2 li#logout a i {
    color: #b91c1c;
}
.left_sidebar #leftSidebarNav2 li#logout a:hover span,
.left_sidebar #leftSidebarNav2 li#logout a:hover i {
    color: #b91c1c;
    opacity: .7;
}
.left_sidebar .parent {
    position: relative;
}

/* LEFT SIDEBAR EXPANDED */
/* LEFT SIDEBAR EXPANDED */

/* LEFT SIDEBAR COLLAPSED */
.left_sidebar--collapsed #volet {
    width: calc(100% - 80px);
    left: 80px;
    transition: width 0.3s ease, left 0.3s ease;
}
.left_sidebar--collapsed header {
    padding-left: calc(64px + 2.6rem);
    transition: padding-left .3s ease;
}
.left_sidebar--collapsed .container {
    padding-left: 80px;
    transition: padding-left .3s ease;
}
.left_sidebar--collapsed .page-head {
    padding-left: 3.6rem;
    transition: padding-left .3s ease;
}
.left_sidebar--collapsed a i.active,
.left_sidebar--collapsed i.fi-br-angle-small-right.active {
    color: var(--main-color) !important;
}
.left_sidebar--collapsed i.fi-br-angle-small-right.active {
    transform: rotate(90deg);
}
.left_sidebar--collapsed .drop_right_menu {
    max-height: 500px;
    min-width: 208px;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.left_sidebar--collapsed .drop_right_menu {
    max-height: 0;
    position: absolute;
    top: 5px;
    left: 29px;
    padding: .5rem 1rem;
    border-left: 4px solid #f0f4f7;
    border-radius: 10px;
    background-color: #ffffff;
    transform: translate(35px, 0);
    box-shadow: 0 8px 24px rgba(27, 46, 94, 0.12);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}
.left_sidebar--collapsed #leftSidebarNav2 .drop_right_menu {
    top: unset;
    bottom: 5px;
}
.left_sidebar--collapsed .left_sidebar .drop_right_menu_title {
    display: block;
}
.left_sidebar--collapsed .left_sidebar .drop_right_menu li.subtitle {
    padding-left: 0;
}
.left_sidebar--collapsed .drop_right_menu.show_right {
    height: auto;
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.left_sidebar--collapsed .drop_right_menu li > a {
    justify-content: unset !important;
}
.left_sidebar--collapsed .drop_right_menu li {
    padding-left: 1rem;
}
.left_sidebar--collapsed .drop_right_menu .drop_right_menu_title li {
    padding-left: 0;
}
.left_sidebar--collapsed .drop_right_menu:not(:has(.subtitle)) li {
    padding-left: 0 !important;
}
.left_sidebar a.active,
.left_sidebar a div span.active {
    color: var(--main-color) !important;
}
.left_sidebar--collapsed #leftSidebarLogo img {
    height: 0;
    transform: scale(0);
    opacity: 0;
}
.left_sidebar--collapsed #leftSidebarLogoMobile img {
    height: 100%;
    margin: 6px auto 0;
    transform: scale(1);
    opacity: 1;
}
.left_sidebar--collapsed #leftSidebarBurgerMenu {
    right: -46px;
}
.left_sidebar--collapsed .left_sidebar {
    width: 80px;
    padding: 1rem 1rem 6px;
}
.left_sidebar--collapsed #leftSidebarTime {
    display: flex;
    justify-content: center;
    padding-right: 0;
}
.left_sidebar--collapsed #leftSidebarTime #liveDate {
    display: none;
}
.left_sidebar--collapsed #leftSidebarTime #liveClock {
    margin-right: 0;
    padding: 4px 8px;
}
.left_sidebar--collapsed .parent span {
    display: none;
}
.left_sidebar--collapsed .parent i {
    margin-right: 0;
}
.left_sidebar--collapsed .fi.fi-br-angle-small-right {
    display: none;
}
.left_sidebar--collapsed .left_sidebar_nav_items li > a {
    justify-content: center;
}
/* LEFT SIDEBAR COLLAPSED */

/* LEFT SIDEBAR HIDDEN */
.left_sidebar a i.active,
.left_sidebar i.fi-br-angle-small-right.active {
    color: var(--main-color) !important;
}
.left_sidebar i.fi-br-angle-small-right.active {
    transform: rotate(90deg);
}
.left_sidebar .drop_right_menu.show {
    max-height: 500px;
    opacity: 1;
}
.left_sidebar a.active,
.left_sidebar a div span.active {
    color: var(--main-color) !important;
}
.left_sidebar #leftSidebarLogoMobile.show {
    height: auto;
    margin: 6px auto 0;
    transform: scale(1);
    opacity: 1;
}
.left_sidebar #leftSidebarBurgerMenu.move {
    right: -63px;
}
/* LEFT SIDEBAR HIDDEN END */

@media screen and (max-width: 1120px) {
    header {
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .left_sidebar--collapsed header {
        padding-left: .6rem;
    }
    .left_sidebar--collapsed .page-head {
        position: unset;
        margin-top: unset;
        padding: 1rem 1.6rem 0;
    }
    .left_sidebar {
        transform: translateX(-100%);
        transition: width 0.3s ease, padding 0.3s ease;
    }
    .left_sidebar.mobile_show {
        transform: translateX(0);
    }
    .left_sidebar #leftSidebarBurgerMenu {
        display: none;
    }
    .left_sidebar #leftSidebarBurgerMenuMobile {
        display: block;
        right: -63px;
    }
    .left_sidebar #leftSidebarBurgerMenuMobile.move {
        right: -21px;
    }
    #volet {
        width: 100% !important;
        left: 0 !important;
    }
}

@media (max-height: 870px) {
    .left_sidebar {
        height: auto;
        position: relative;
        justify-content: normal;
    }
    .container {
        min-width: 100%;
        transform: translateX(-280px);
    }
    .left_sidebar--collapsed .container {
        transform: translateX(-80px);
    }
}

@media (max-width: 580px) {
    #navApps,
    #navSupport,
    #navNotifications,
    #navAdmin,
    #navProfile {
        display: none;
    }
    #navApps.show,
    #navSupport.show,
    #navNotifications.show,
    #navAdmin.show,
    #navProfile.show {
        display: block;
    }
    .nav_menu_plateformes.hide {
        display: none;
    }
    .top_nav_right #navPlateformes {
        font-size: .9rem;
    }
    #topNavBarBurgerMenu .fi-br-left-from-bracket {
        display: block;
        font-size: 1.2rem;
        margin-top: 4px;
        margin-right: 0;
    }
    #topNavBarBurgerMenu .fi-br-left-from-bracket.open {
        transform: scaleX(-1);
    }
    #topNavBarBurgerMenu {
        display: block;
    }
    #topNavBarBurgerMenu.hide {
        display: none;
    }
    .nav_menu_plateformes,
    #navApps,
    #navNotifications,
    #navProfile {
        position: initial !important;
    }
    .top_nav_right #navPlateformesMenu,
    .top_nav_right .drop_down {
        width: calc(100% - 1.2rem) !important;
        margin: auto;
        top: 5.1rem !important;
        left: 0;
        right: 0;
    }
    .top_nav_right #navPlateformes {
        font-size: .9rem;
    }
}

@media (max-width: 380px) {
    .nav_platforms_prefix_full {
        display: none;
    }
    .nav_platforms_prefix_short {
        display: block;
    }
    #navApps i:first-of-type,
    #navSupport i:first-of-type,
    #navNotifications i:first-of-type,
    #navAdmin i:first-of-type,
    #navProfile i:first-of-type {
        margin-right: 0 !important;
        font-size: 1rem !important;
    }
    .top_nav_right #navPlateformes {
        font-size: .8rem;
    }
    .top_nav_right #navPlateformes #navPlateformesPrefix {
        font-size: .65rem;
    }
}