/* Paragon sidebar theme: high-contrast teal palette */
.m-aside-left.m-aside-left--skin-dark {
    background-color: #063b4c;
    display: flex !important;
    flex-direction: column;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-icon {
    color: #77b9c1;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #eaf6f7;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow {
    color: #9fd3d8;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--active):hover,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded {
    background-color: #0a5063;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
    color: #ffffff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #0e697b;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__ver-arrow {
    color: #ffffff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__submenu {
    background-color: #043542;
    padding: 8px 0;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link {
    border-left: 3px solid transparent;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #c7e5e8;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__ver-arrow {
    color: #79c4cc;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading:hover,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link:hover {
    background-color: rgba(159, 211, 216, 0.12);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading:hover .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__link-text {
    color: #ffffff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #0e697b;
    border-left-color: #f4b942;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__ver-arrow {
    color: #ffffff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__separator {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.m-aside-left-close.m-aside-left-close--skin-dark {
    background-color: #0a5063;
}

.m-aside-left-close.m-aside-left-close--skin-dark > i {
    color: #eaf6f7;
}

#m_aside_left #m_ver_menu {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
    overflow-y: auto;
}

.sidebar-user {
    align-items: center;
    background-color: #043542;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    margin-top: auto;
    padding: 14px 18px;
}

.sidebar-user__avatar {
    align-items: center;
    background-color: #0e697b;
    border: 2px solid rgba(234, 246, 247, 0.45);
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    flex: 0 0 40px;
    font-size: 0.95rem;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    width: 40px;
}

.sidebar-user__avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.sidebar-user__name {
    color: #eaf6f7;
    font-size: 0.92rem;
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user__logout {
    margin-left: auto;
}

.sidebar-user__logout button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #9fd3d8;
    cursor: pointer;
    display: flex;
    font-size: 1.3rem;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.sidebar-user__logout button:hover,
.sidebar-user__logout button:focus {
    background-color: #0a5063;
    color: #ffffff;
    outline: none;
}

.post-mortem-action,
.post-mortem-action:visited {
    background-color: #e2f1f3;
    border: 1px solid #78b7c0;
    color: #075766;
    font-weight: 500;
}

.post-mortem-action:hover,
.post-mortem-action:focus,
.post-mortem-action:active {
    background-color: #c8e6e9;
    border-color: #0e697b;
    color: #043b48;
    box-shadow: none;
}

/* The bundled Metronic submenu selectors are more specific than the base theme. */
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__link .m-menu__link-text,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__heading .m-menu__link-text {
    color: #c7e5e8 !important;
}

#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__link .m-menu__link-icon,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__heading .m-menu__link-icon,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__link .m-menu__ver-arrow,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__heading .m-menu__ver-arrow {
    color: #79c4cc !important;
}

#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link:hover,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading:hover {
    background-color: rgba(159, 211, 216, 0.12) !important;
}

#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__link-text,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item > .m-menu__heading:hover .m-menu__link-text {
    color: #ffffff !important;
}

#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading {
    background-color: #0e697b !important;
    border-left-color: #f4b942 !important;
}

#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
#m_aside_left .m-aside-menu--skin-dark .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon {
    color: #ffffff !important;
}

.my-class-tabs {
    border-bottom: 2px solid #dcebed;
    gap: 6px;
    padding: 4px 8px 0;
}

.my-class-tabs .nav-link {
    border: 0;
    border-radius: 8px 8px 0 0;
    color: #5f6c7b;
    font-weight: 500;
    margin-bottom: -2px;
    padding: 11px 18px;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.my-class-tabs .nav-link:hover {
    background-color: #e8f4f5;
    color: #075766;
}

.my-class-tabs .nav-link.active,
.my-class-tabs .nav-item.show .nav-link {
    border: 0;
    box-shadow: 0 -3px 0 rgba(255, 255, 255, .3) inset, 0 3px 10px rgba(6, 59, 76, .18);
    color: #ffffff !important;
    transform: translateY(-2px);
}

.my-class-tabs .nav-item:nth-child(1) .nav-link.active { background-color: #0e697b; }
.my-class-tabs .nav-item:nth-child(2) .nav-link.active { background-color: #6c5ce7; }
.my-class-tabs .nav-item:nth-child(3) .nav-link.active { background-color: #2d8fbb; }
.my-class-tabs .nav-item:nth-child(4) .nav-link.active { background-color: #d9822b; }
.my-class-tabs .nav-item:nth-child(5) .nav-link.active { background-color: #249d6d; }
.my-class-tabs .nav-item:nth-child(6) .nav-link.active { background-color: #c95f5f; }

.my-class-tabs .nav-link.active i {
    color: #ffffff;
}

@media (max-width: 767px) {
    .my-class-tabs {
        justify-content: flex-start !important;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .my-class-tabs .nav-link {
        white-space: nowrap;
    }
}