::-webkit-scrollbar {
    height: 8px;
}

img.loading-status {
    max-width: 80px !important;
    max-height: 30px !important;
    margin-left: -15px !important;
}

img.server-icon {
    opacity: 0.4;
    transition: all .2s linear !important;
    max-height: 24px !important;
    font-size: initial !important;
}

.dataTable tr:hover img {
    opacity: 0.8;
}

.dataTable tr {
    transition: all .1s linear !important;
}

.dataTable tr:hover {
    text-shadow: 0px 0px 1px #8a909d;
}

.dataTable tr:hover td:first-child {
    border-left: 1px solid var(--primary);
    padding-left: 9px;
}

.sidebar-inner li.active {
    border-left: 3px solid var(--primary);
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--primary) !important;
}

.nav-item {
    transition: all .1s linear !important;
}
.nav-item .nav-link:hover {
    text-shadow: 0px 0px 1px #8a909d;
}
.nav-item .nav-link:hover img {
    opacity: 0.8 !important;
}

.modal-header {
    padding: 0.5rem 1rem;
}

.btn.disabled, .btn:disabled {
    opacity: 0.3;
}

.app-brand a img {
    max-width: 128px;
    max-height: 45px;
    vertical-align: middle;
}

.sidebar .sidebar-inner > li > a {
    padding: 0.55rem 1.2rem;
}
.sidebar .sidebar-inner {
    margin-top: 0.5rem;
}
.sidebar .sub-menu {
    padding: 0 0 0 2.81rem;
}
.sidebar .sub-menu > li > a {
    padding: 0 1.875rem 0.4rem 0.6rem;
}

@media (min-width: 768px) {
    .navbar .page-title {
        font-size: 1.2rem;
    }
}

.w-90 {
    width: 90% !important;
}

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    transition: all 0.5s ease-out;
}

.item-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: flex-start;
}