@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

@font-face {
	font-family: 'Tap Sans';
	src: url(https://cdn.tap.company/tap-assets/fonts/TapSans/TapSansVF.woff2) format('woff2'),
		url(https://cdn.tap.company/tap-assets/fonts/TapSans/TapSansVF.woff) format('woff'),
		url(https://cdn.tap.company/tap-assets/fonts/TapSans/TapSansVF.ttf) format('truetype');
}
@font-face {
	font-family: 'Tap Tajawal';
	font-display: swap;
	font-weight: 300;
	src: url('https://cdn.tap.company/tap-assets/fonts/TapTajawal/TajawalTap-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Tap Tajawal';
	font-display: swap;
	font-weight: 400;
	src: url('https://cdn.tap.company/tap-assets/fonts/TapTajawal/TajawalTap-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Tap Tajawal';
	font-display: swap;
	font-weight: 500;
	src: url('https://cdn.tap.company/tap-assets/fonts/TapTajawal/TajawalTap-Medium.ttf') format('truetype');
}
:root {
	--fontFamily: 'Tap Sans', sans-serif;
	--fontFamily-ar: 'Tap Tajawal', 'sans-serif';
}
[data-is-arabic='true'] {
	font-family: var(--fontFamily-ar) !important;
}
* {
	box-sizing: border-box;
	font-family: var(--fontFamily);
	scrollbar-width: none;
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
}
::-webkit-scrollbar {
	display: none;
	width: 0px;
	height: 0px;
	-webkit-appearance: none;
}
*[dir='rtl'],
*[style*='direction:rtl'] {
	font-family: var(--fontFamily-ar);
}
body {
	margin: 0;
}
.background {
	text-align: center;
	background: #0e253f;
	height: 160px;
	width: 100%;
}
.circle {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 10px solid white;
}
.circle.circle-quarter {
	background-image: linear-gradient(00deg, #0e253f 50%, transparent 50%),
		linear-gradient(90deg, #d1d1d1 50%, transparent 50%);
}
.circle.circle-half {
	background-image: linear-gradient(-90deg, #0e253f 50%, transparent 50%),
		linear-gradient(90deg, #d1d1d1 50%, transparent 50%);
}
.circle.circle-three-quarter {
	background-image: linear-gradient(180deg, transparent 50%, #d1d1d1 50%),
		linear-gradient(90deg, #d1d1d1 50%, transparent 50%);
}
.circle.circle-full {
	background: #d1d1d1;
}
.spinner-loader {
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.ptr-element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #aaa;
	z-index: 10;
	text-align: center;
	height: 57px;
	transition: all;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ptr-element .genericon {
	opacity: 0.6;
	font-size: 34px;
	width: auto;
	height: auto;
	transition: all 2s ease;
	transform: rotate(90deg);
	margin-top: 5px;
	background: rgba(246, 248, 250, 0.8);
	backdrop-filter: blur(12px);
}
.ptr-refresh .ptr-element .genericon {
	transform: rotate(270deg);
}
.ptr-loading .ptr-element .genericon,
.ptr-reset .ptr-element .genericon {
	display: none;
}
.loading {
	display: inline-block;
	text-align: center;
	opacity: 0.4;
	margin: 12px 0 0 5px;
	display: none;
}
.ptr-loading .loading {
	display: block;
}
.loading span {
	display: none;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	transform: scale(0.3);
	border-radius: 50%;
	animation: ptr-loading 0.4s infinite alternate;
}
@keyframes ptr-loading {
	0% {
		transform: translateY(0) scale(0.3);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		background-color: #333;
		opacity: 1;
	}
}
.refresh-view {
	user-select: auto !important;
}
.ptr-loading .refresh-view,
.ptr-reset .refresh-view,
.ptr-loading .ptr-element,
.ptr-reset .ptr-element {
	transition: all 0.25s ease;
}
.ptr-reset .refresh-view {
	transform: translate3d(0, 0, 0);
}
.ptr-loading .refresh-view {
	transform: translate3d(0, 57px, 0);
}
#root h3 {
	margin: 0.4rem;
}
body:not(.ptr-loading) .ptr-element {
	transform: translate3d(0, -57px, 0);
}
.draggable-lead-dialog {
	overflow: hidden;
	border-radius: 12px;
}
.custom-popover {
	z-index: 20000 !important;
}