/* FONTS */
@font-face {
    font-family: 'KufiArabic';
    src: url('../../assets/fonts/NotoKufiArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KufiArabic';
    src: url('../../assets/fonts/NotoKufiArabic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'KufiArabic';
    src: url('../../assets/fonts/NotoKufiArabic-ExtraBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Apply DG Tebian globally */
* {
    font-family: 'KufiArabic', sans-serif;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}


/* MARGIN */

.m-1rem{
    margin: 1 rem !important;
}

.m-2rem{
    margin: 2 rem !important;
}

.m-3rem{
    margin: 3 rem !important;
}

.m-4rem{
    margin: 4 rem !important;
}
.m-5rem{
    margin: 5 rem !important;
}
.m-6rem{
    margin: 6 rem !important;
}
.m-7rem{
    margin: 7 rem !important;
}
.m-8rem{
    margin: 8 rem !important;
}
.m-9rem{
    margin: 9 rem !important;
}
.m-10rem{
    margin: 10 rem !important;
}
.m-11rem{
    margin: 11 rem !important;
}
.m-12rem{
    margin: 12 rem !important;
}
.m-13rem{
    margin: 13 rem !important;
}
.m-14rem{
    margin: 14 rem !important;
}
.m-15rem{
    margin: 15 rem !important;
}
.m-16rem{
    margin: 16 rem !important;
}
.m-17rem{
    margin: 17 rem !important;
}
.m-18rem{
    margin: 18 rem !important;
}
.m-19rem{
    margin: 19 rem !important;
}
.m-20rem{
    margin: 20 rem !important;
}

.mb-1rem{
    margin-bottom: 1rem !important;
}

.mb-2rem{
    margin-bottom: 2rem !important;
}
.mb-3rem{
    margin-bottom: 3rem !important;
}
.mb-4rem{
    margin-bottom:4rem !important;
}
.mb-5rem{
    margin-bottom: 5rem !important;
}
.mb-6rem{
    margin-bottom: 6rem !important;
}
.mb-7rem{
    margin-bottom: 7rem !important;
}
.mb-8rem{
    margin-bottom: 8rem !important;
}
.mb-9rem{
    margin-bottom: 9rem !important;
}
.mb-10rem{
    margin-bottom: 10rem !important;
}
.mb-11rem{
    margin-bottom: 11rem !important;
}
.mb-12rem{
    margin-bottom: 12rem !important;
}
.mb-13rem{
    margin-bottom: 13rem !important;
}
.mb-14rem{
    margin-bottom: 14rem !important;
}
.mb-15rem{
    margin-bottom: 15rem !important;
}
.mb-16rem{
    margin-bottom: 16rem !important;
}
.mb-17rem{
    margin-bottom: 17rem !important;
}
.mb-18rem{
    margin-bottom: 18rem !important;
}
.mb-19rem{
    margin-bottom: 19rem !important;
}
.mb-20rem{
    margin-bottom: 20rem !important;
}

.mt-1rem{
    margin-top: 1rem !important;
}
.mt-2rem{
    margin-top: 2rem !important;
}
.mt-3rem{
    margin-top: 3rem !important;
}
.mt-4rem{
    margin-top: 4rem !important;
}
.mt-5rem{
    margin-top: 5rem !important;
}
.mt-6rem{
    margin-top: 6rem !important;
}
.mt-7rem{
    margin-top: 7rem !important;
}
.mt-8rem{
    margin-top: 8rem !important;
}
.mt-9rem{
    margin-top: 9rem !important;
}
.mt-10rem{
    margin-top: 10rem !important;
}
.mt-11rem{
    margin-top: 11rem !important;
}
.mt-12rem{
    margin-top: 12rem !important;
}
.mt-13rem{
    margin-top: 13rem !important;
}
.mt-14rem{
    margin-top: 14rem !important;
}
.mt-15rem{
    margin-top: 15rem !important;
}
.mt-16rem{
    margin-top: 16rem !important;
}
.mt-17rem{
    margin-top: 17rem !important;
}
.mt-18rem{
    margin-top: 18rem !important;
}
.mt-19rem{
    margin-top: 19rem !important;
}
.mt-20rem{
    margin-top: 20rem !important;
}



.mt-1rem{
    margin-top: 1rem !important;
}
.mt-2rem{
    margin-top: 2rem !important;
}
.mt-3rem{
    margin-top: 3rem !important;
}
.mt-4rem{
    margin-top: 4rem !important;
}
.mt-5rem{
    margin-top: 5rem !important;
}
.mt-6rem{
    margin-top: 6rem !important;
}
.mt-7rem{
    margin-top: 7rem !important;
}
.mt-8rem{
    margin-top: 8rem !important;
}
.mt-9rem{
    margin-top: 9rem !important;
}
.mt-10rem{
    margin-top: 10rem !important;
}
.mt-11rem{
    margin-top: 11rem !important;
}
.mt-12rem{
    margin-top: 12rem !important;
}
.mt-13rem{
    margin-top: 13rem !important;
}
.mt-14rem{
    margin-top: 14rem !important;
}
.mt-15rem{
    margin-top: 15rem !important;
}
.mt-16rem{
    margin-top: 16rem !important;
}
.mt-17rem{
    margin-top: 17rem !important;
}
.mt-18rem{
    margin-top: 18rem !important;
}
.mt-19rem{
    margin-top: 19rem !important;
}
.mt-20rem{
    margin-top: 20rem !important;
}


.my-1rem {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-2rem {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.my-3rem {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.my-4rem {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}
.my-5rem {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}
.my-6rem {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}
.my-7rem {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}
.my-8rem {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}
.my-9rem {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
}
.my-10rem {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}
.my-11rem {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
}
.my-12rem {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
}
.my-13rem {
    margin-top: 13rem !important;
    margin-bottom: 13rem !important;
}
.my-14rem {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
}
.my-15rem {
    margin-top: 15rem !important;
    margin-bottom: 15rem !important;
}
.my-16rem {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
}
.my-17rem {
    margin-top: 17rem !important;
    margin-bottom: 17rem !important;
}
.my-18rem {
    margin-top: 18rem !important;
    margin-bottom: 18rem !important;
}
.my-19rem {
    margin-top: 19rem !important;
    margin-bottom: 1rem !important;
}
.my-20rem {
    margin-top: 20rem !important;
    margin-bottom: 20rem !important;
}


.mx-1rem {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.mx-2rem {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}
.mx-3rem {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}
.mx-4rem {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}
.mx-5rem {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}
.mx-6rem {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}
.mx-7rem {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
}
.mx-8rem {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
}
.mx-9rem {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
}
.mx-10rem {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
}
.mx-11rem {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
}
.mx-12rem {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
}
.mx-13rem {
    margin-left: 13rem !important;
    margin-right: 13rem !important;
}
.mx-14rem {
    margin-left: 14rem !important;
    margin-right: 14rem !important;
}
.mx-15rem {
    margin-left: 15rem !important;
    margin-right: 15rem !important;
}
.mx-16rem {
    margin-left: 16rem !important;
    margin-right: 16rem !important;
}
.mx-17rem {
    margin-left: 17rem !important;
    margin-right: 17rem !important;
}
.mx-18rem {
    margin-left: 18rem !important;
    margin-right: 18rem !important;
}
.mx-19rem {
    margin-left: 19rem !important;
    margin-right: 19rem !important;
}
.mx-20rem {
    margin-left: 20rem !important;
    margin-right: 20rem !important;
}


.txt-validate {
    font-size: 12px;
    color: var(--bs-danger);
}


/* SCROLL */
		::-webkit-scrollbar {
			width: 8px;
			height: 10px;
            background: lightgray;
		}

		::-webkit-scrollbar-thumb {
			border-radius: 8px;
			background: #FAB700;
		}


@media (min-width: 992px) {
    [data-kt-app-sidebar-fixed=true] .app-sidebar {
        position: fixed;
        z-index: 105;
        top: 0;
        bottom: 0;
        right: 0 !important;
    }
}