.gl-menu-item-display-space-between {
	display: flex !important;
	align-items: center !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: space-between !important;
	align-content: center !important;
	width: 100% !important;
}

.gl-display-flex-inline {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	gap: 0.289rem;
	align-items: center;
	padding-bottom: 0.289rem;
}

.gl-display-attachments-links {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.289rem;
	align-items: center;

	padding-top: 1rem;

	align-content: flex-start;
}

.gl-display-flex-inline-end {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 1rem;
}

.gl-display-flex-end {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.gl-display-flex-end-pure {
	display: flex;
	justify-content: flex-end;
}

.gl-display-flex-space-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: center;
	flex-wrap: wrap;
	flex-direction: row;
}

.gl-display-flex-start {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	align-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1rem;
}

.gl-display-flex-inline-gap1rem {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	align-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.gl-display-flex-column {
	display: flex;
	flex-direction: column;
}

.gl-display-flex-pill {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

@media (max-width: 650px) {
	.gl-resources-add-edit-display-boxes {
		flex-wrap: wrap;
	}
}

.gl-custom-hr {
	border-bottom: 1px solid #d9d9d9;
}

.gl-display-flex-center-center-nowrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.gl-cursor-pointer {
	cursor: pointer;
}

.gl-padding-vertical-p75rem {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.gl-display-none {
	display: none;
}

.rtls .gl-flip-icon-arabic {
	transform: rotateZ(180deg);
}

/* bsharah 24-1-2024 start  */

.gl-display-flex-col-gap-0p5rem {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	justify-content: center;
}

.gl-display-flex-end-row-gap-0p5rem {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	width: 100%;
	justify-content: flex-end;
}

.gl-flex-w100-row-space-around {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

/* bsharah 24-1-2024 end  */

/* bsharah 28-1-2024  start */

.gl-flex-row-start-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.gl-flex-column {
	display: flex;
	flex-direction: column;
}

/* bsharah 28-1-2024  end */

/* bsharah 2024-07-07  */

.gl-filters-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.gl-filters-buttons-container {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.5rem;
	min-height: 4rem !important;
	align-items: center;
	justify-content: flex-end;
}

.gl-filters-section-mobile {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.gl-filters-section-desktop {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.gl-addnew-btn-container-mobile {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: center;
}

.gl-addnew-btn-container-desktop {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: flex-end;
}

.gl-flex-column-end-flwdth-gap1rem {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	align-items: flex-end;
}

.gl-flex-start-gap-wrap-row-items-stretch-space-between {
	display: flex;
	align-content: flex-start;
	gap: 1.125rem 2.375rem;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}

.gl-padding-inline-0px {
	padding-inline: 0px;
}

@media (max-width: 600px) {
	.gl-flex-start-gap-wrap-row-items-stretch-space-between > * {
		min-width: 35%;
	}

	.gl-filters-container > * {
		min-width: 100%;
	}

	.gl-filters-buttons-container {
		justify-content: center;
	}

	/*bsharah 2024-07-24*/
	.gl-flex-row-gap-wrap-bg-rounded-padding {
		padding-inline: 0.5rem !important;
	}
}

@media (min-width: 601px) and (max-width: 1200px) {
	.gl-flex-start-gap-wrap-row-items-stretch-space-between > * {
		min-width: 20%;
	}
}

@media (min-width: 1201px) {
	.gl-flex-start-gap-wrap-row-items-stretch-space-between > * {
		min-width: 10;
	}
}

/*bsharah 2024-07-21*/

.gl-addnew-btn-green {
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 1rem;
	background-color: #198754;
	cursor: pointer;
}

.gl-flex-row-end-w100-padinlineend1p5rem {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-end;
	padding-inline-end: 1.5rem;
}

.gl-flex-column-space-between-w100-gap1rem {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	gap: 1rem;
}

.gl-flex1-flex-column-gap0p5-scroll-y {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	padding-inline: 1rem;
	padding-bottom: 2rem;
}

.gl-flex-row-gap-wrap-bg-rounded-padding {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	flex-wrap: wrap;
	background-color: white;
	border-radius: 1rem;
	padding-inline: 1.5rem;
	padding-block: 2rem;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	justify-content: space-between;
	/* bsharah 2024-07-24*/
}

div[uib-dropdown] {
	cursor: pointer;
}

/*bsharah 2024-07-24*/

.gl-display-grid-3col-15remin-gap0p5rem {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 0.5rem;
}

.gl-grid-item-take-rest-of-width {
	grid-column: auto/ -1;
}

.gl-flex-row-end-gap0p5rem {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
	justify-content: flex-end;
	align-content: center;
	flex-wrap: wrap;
}

.gl-side-menu-item-info {
	min-width: 8rem;
	width: min-content !important;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	align-items: center;
}

.gl-font-bold-black {
	font-weight: bold;
	color: black;
}

.gl-font-black {
	color: black;
}

.gl-block-ui {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	pointer-events: none;
	flex-direction: column;
	gap: 1rem;
	/* Disable mouse interactions */
}

.gl-block-ui-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 9998;
	pointer-events: auto;
	/* Ensure overlay captures all interactions */
}

/* .gl-block-ui-message {
    color: white;
    text-align: center;
    width: fit-content;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 15px;
    padding-bottom: 8px;
    background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
    animation: l2 2s linear infinite;
}

@keyframes l2 {
    to {
        background-size: 100% 3px
    }
} */

.gl-b-loader1 {
	width: 28px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #f10c49;
	animation: l2 1.5s infinite;
}
@keyframes l2 {
	0%,
	100% {
		transform: translate3d(-35px, 0px, 0px);
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6;
	}
	40% {
		transform: translate3d(35px, 0px, 0px);
		box-shadow: -15px 0 #f4dd51, -30px 0 #e3aad6;
	}
	50% {
		transform: translate3d(35px, 0px, 0px);
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6;
	}
	90% {
		transform: translate3d(-35px, 0px, 0px);
		box-shadow: 15px 0 #f4dd51, 30px 0 #e3aad6;
	}
}

.gl-b-loader2 {
	width: 28px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #e3aad6;
	transform-origin: top;
	display: grid;
	animation: l3-0 1s infinite linear;
}
.gl-b-loader2::before,
.gl-b-loader2::after {
	content: "";
	grid-area: 1/1;
	background: #f4dd51;
	border-radius: 50%;
	transform-origin: top;
	animation: inherit;
	animation-name: l3-1;
}
.gl-b-loader2::after {
	background: #f10c49;
	--s: 180deg;
}
@keyframes l3-0 {
	0%,
	20% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes l3-1 {
	50% {
		transform: rotate(var(--s, 90deg));
	}
	100% {
		transform: rotate(0);
	}
}

.gl-b-loader3 {
	width: 28px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #f10c49;
	animation: l9 2s infinite;
}
@keyframes l9 {
	0% {
		box-shadow: 0 -16px #f4dd51, calc(16px * 0.707) calc(-16px * 0.707) #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6;
	}
	12.5% {
		box-shadow: 0 0 #f4dd51, calc(16px * 0.707) calc(-16px * 0.707) #e3aad6,
			16px 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6;
	}
	25% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 16px 0 #f4dd51,
			calc(16px * 0.707) calc(16px * 0.707) #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6;
	}
	37.5% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			calc(16px * 0.707) calc(16px * 0.707) #e3aad6, 0 16px #f4dd51, 0 0 #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6;
	}
	50% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6,
			0 16px #f4dd51, calc(-16px * 0.707) calc(16px * 0.707) #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6;
	}
	62.5% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			calc(-16px * 0.707) calc(16px * 0.707) #e3aad6, -16px 0 #f4dd51,
			0 0 #e3aad6;
	}
	75% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6, -16px 0 #f4dd51,
			calc(-16px * 0.707) calc(-16px * 0.707) #e3aad6;
	}
	87.5% {
		box-shadow: 0 -16px #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			calc(-16px * 0.707) calc(-16px * 0.707) #e3aad6;
	}
	100% {
		box-shadow: 0 -16px #f4dd51, calc(16px * 0.707) calc(-16px * 0.707) #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6;
	}
}

.gl-b-loader4 {
	width: 22px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #f10c49;
	animation: l10 1.5s infinite linear;
}
@keyframes l10 {
	0% {
		box-shadow: 0 -30px #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #e3aad6,
			30px 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6;
	}
	12.5% {
		box-shadow: 0 0 #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #e3aad6,
			30px 0 #f4dd51, calc(30px * 0.707) calc(30px * 0.707) #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6;
	}
	25% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 30px 0 #f4dd51,
			calc(30px * 0.707) calc(30px * 0.707) #e3aad6, 0 30px #f4dd51, 0 0 #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6;
	}
	37.5% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			calc(30px * 0.707) calc(30px * 0.707) #e3aad6, 0 30px #f4dd51,
			calc(-30px * 0.707) calc(30px * 0.707) #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6;
	}
	50% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6,
			0 30px #f4dd51, calc(-30px * 0.707) calc(30px * 0.707) #e3aad6,
			-30px 0 #f4dd51, 0 0 #e3aad6;
	}
	62.5% {
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			calc(-30px * 0.707) calc(30px * 0.707) #e3aad6, -30px 0 #f4dd51,
			calc(-30px * 0.707) calc(-30px * 0.707) #e3aad6;
	}
	75% {
		box-shadow: 0 -30px #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6, -30px 0 #f4dd51,
			calc(-30px * 0.707) calc(-30px * 0.707) #e3aad6;
	}
	87.5% {
		box-shadow: 0 -30px #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #e3aad6,
			0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			calc(-30px * 0.707) calc(-30px * 0.707) #e3aad6;
	}
	100% {
		box-shadow: 0 -30px #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #e3aad6,
			30px 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51, 0 0 #e3aad6, 0 0 #f4dd51,
			0 0 #e3aad6;
	}
}

.gl-b-loader5 {
	width: 28px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #f10c49;
	animation: l7 2s infinite;
}
@keyframes l7 {
	0%,
	100% {
		transform: translate3d(-30px, -30px, 0px);
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6;
	}
	12.5% {
		transform: translate3d(30px, -30px, 0px);
		box-shadow: -15px 0 #f4dd51, -30px 0 #e3aad6;
	}
	25% {
		transform: translate3d(30px, -30px, 0px);
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6;
	}
	37.5% {
		transform: translate3d(30px, 30px, 0px);
		box-shadow: 0 -15px #f4dd51, 0 -30px #e3aad6;
	}
	50% {
		transform: translate3d(30px, 30px, 0px);
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6;
	}
	62.5% {
		transform: translate3d(-30px, 30px, 0px);
		box-shadow: 15px 0 #f4dd51, 30px 0 #e3aad6;
	}
	75% {
		transform: translate3d(-30px, 30px, 0px);
		box-shadow: 0 0 #f4dd51, 0 0 #e3aad6;
	}
	87.5% {
		transform: translate3d(-30px, -30px, 0px);
		box-shadow: 0 15px #f4dd51, 0 30px #e3aad6;
	}
}

/* FIRAS - 2024-08-25 */
.p-0 {
    padding: 0px !important;
}
.p-sm {
    padding: 0.5rem !important;
}
.p-md {
    padding: 1rem !important;
}
.p-lg {
    padding: 2rem !important;
}
.p-xl {
    padding: 4rem !important;
}
.p-xxl {
    padding: 6rem !important;
}

/* bsharah 2024-09-03 */
.gl-checkbox-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	padding: 1rem;
	width: fit-content;
}
/* bsharah 2024-09-03 */
.gl-checkbox-container input[type="checkbox"]{
 	margin:0px !important
}