
.table>:not(caption)>*>* {
    padding: 0;
}

.header-nav-menu__item {
    .activePage {
        .header-nav-submenu__link {
            background-color: #104042 !important;
            color: #FFFFFF;
            border-radius: 12px;
        }
    }
}


.avatar-upload {
    position: relative;
    max-width: 205px;
    .avatar-edit {
        position: absolute;
        // right: 12px;
        z-index: 1;
        // top: 10px;
        input {
            display: none;
            + label {
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #FFFFFF;
                border: 1px solid transparent;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all .2s ease-in-out;
            }
        }
    }
    .avatar-preview {
        width: 192px;
        height: 192px;
        position: relative;
        border-radius: 100%;
        border: 6px solid #F8F8F8;
        // box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        > div {
            width: 100%;
            height: 100%;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
    }
}


.alarm-notify {
    width: 8px;
    height: 8px;
    background-color: var(--danger-600);
    inset-block-start: 4px;
    inset-inline-start: inherit;
    inset-inline-start: inherit;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}
.alarm-notify::before, .alarm-notify::after {
    position: absolute;
    content: "";
    background-color: inherit;
    opacity: 0.8;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    border-radius: 50px;
    transform: scale(1);
    animation-name: transformScale;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    z-index: -1;
}
.alarm-notify::after {
    animation-delay: 0.75s;
}

/* =========================== Dropdown Css Start ======================== */
.dropdown-menu--lg {
    width: 330px;
}

@media screen and (max-width: 575px) {
    .dropdown-menu--lg {
        width: 290px;
    }
}

.dropdown-menu--md {
    width: 196px;
}

button.show {
    background-color: var(--main-200) !important;
}

/* =========================== Dropdown Css End ======================== */ 




/*==================== mobail menu side bar inner css start ========================*/ 
.dashboard-slidebar {
    @media (max-width: 1199px) {
        position: fixed;
        inset-inline-start: 0px;
        top: 0px;
        height: 100vh;
        overflow-y: auto;
        transform: translateX(-100%);
        z-index: 9999;
        transition: .3s linear;
    }
    &.active {
        transform: translateX(0);
    }
}
/*==================== mobail menu side bar inner css end ========================*/ 
