body {
    font-family: 'Tajawal', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
th,
td {
    font-family: 'Tajawal', sans-serif !important;
}

.invalid-feedback {
    display: block !important;
}

.invalid-border {
    border: 1px solid #dc3545 !important;
}

.a-custom {
    text-decoration: none !important;
}

.custom-img {
    width: 100px;
    height: auto;
}

.card-custom {
    padding: 10px;
}

.btn-group {
    display: inline !important;
}

.btn-group button {
    min-width: 190px !important;
    width: 190px !important;
}

@media (max-width:450px) {
    .btn-group button {
        min-width: 100% !important;
        width: 100% !important;
    }
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    width: 180px;
    height: auto;
}

.card-description-custom {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #dc661e !important;
}

.button-danger-custom {}

.card-custom {
    height: 120px;
    border: 1px solid #dc661e !important;
    background: #fdfdfd !important;
    color: #343a4c;
    text-align: center;
}

.card-custom h4,
.card-custom h2 {
    color: #343a4c;
}

.card-custom .card-body {
    padding-bottom: 0px;
    padding-top: 0px;
}

.column-paid {
    background: #dc661e3b !important;
}

.sidebar-active {
    background: #dc661e;
}

.sidebar .nav .sidebar-active:hover {
    background: #dc661e;
}

.sidebar-active a {
    color: #ffffff;
}

.sidebar-active a i {
    color: #ffffff;
}