.error {
    color: rgb(249, 52, 52);
}

.header-brand-img.desktop-lgo, .header-brand-img.dark-logo {
    width: 65%;
}

@media (max-width: 567px) {
    .header-brand-img.mobile-logo, .header-brand-img.darkmobile-logo {
        width: 15%;
        border-radius: 8px;
    }
}

@media (max-width: 320px) {
    .header-brand-img.mobile-logo, .header-brand-img.darkmobile-logo {
        width: 21%;
        border-radius: 8px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .header-brand-img.desktop-lgo {
        width: 33%;
    }
}
@media screen and (max-width: 893px) {
    #userDataTable_wrapper {
        overflow-x: auto;
    }
}

.toggle-password, .btn-outline-secondary:hover {
    border-color: #d3dfea !important;
    color: #6c757d !important;
    background-color: #fff !important;
    border-top-left-radius:0 !important;
    border-bottom-left-radius:0 !important;
}

@media screen and (max-width: 991px) {
    .margin-size {
        margin-top: 5px;
    }
}

@media screen and (max-width: 576px) {
    .avatar-md {
        width: 4.9rem;
        height: 2.2rem;
    }
}

.app-sidebar__user .user-pic:before {
    background: none !important;
    border: none !important;
}

.fixed-size-img {
    max-width: 500px;
    max-height: 500px;
    width: auto;
    height: auto;
}