html,
body {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Ajnadeen', sans-serif;
    background: var(--app-bg);
    color: var(--app-dark);
}

body :not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: 'Ajnadeen', sans-serif;
}

.arabic,
.rtl {
    direction: rtl;
    font-family: 'Ajnadeen', sans-serif !important;
}

.page-wrapper,
.main-body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.content,
.main-content {
    flex: 1;
}

h6 {
    padding-top: 20px;
}

a {
    color: var(--app-dark);
    text-decoration: none;
}

a.active {
    color: var(--app-primary);
    padding: 8px;
    text-decoration: none;
}