/*#region Global*/
@font-face {
	font-family: Euclid Circular;
	src: url(/fonts/euclid-circular-light.ttf);
	font-weight: 300;
}

@font-face {
	font-family: Euclid Circular;
	src: url(/fonts/euclid-circular-regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: Euclid Circular;
	src: url(/fonts/euclid-circular-medium.ttf);
	font-weight: 500;
}

@font-face {
	font-family: Euclid Circular;
	src: url(/fonts/euclid-circular-semibold.ttf);
	font-weight: 600;
}

@font-face {
	font-family: Euclid Circular;
	src: url(/fonts/euclid-circular-bold.ttf);
	font-weight: 700;
}

:root {
	--dg-blue: #315EF7;
	--dg-red: #FF0844;
	--dg-btn-blue: #3880FF;
	--dg-btn-red: #EB445A;
	--dg-grey: #f1f3f9;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: Euclid Circular, Calibri;
}


/*#endregion*/

/*#region Butonlar*/
.btn {
	--btn-color: white;
	color: var(--btn-color);
	border: 0;
	font-size: 15px;
	font-weight: 700;
	border-radius: 12px;
	padding: 10px 20px;
	cursor: pointer;
	background: var(--btn-bg);
	box-shadow: 0 4px var(--btn-shadow);
}

	.btn:active {
		box-shadow: none;
		transform: translateY(3px);
	}

.btn-blue {
	--btn-bg: var(--dg-btn-blue);
	--btn-shadow: #3273E6;
}

.btn-red {
	--btn-bg: var(--dg-btn-red);
	--btn-shadow: #CF3C4F;
}

.btn-gray {
	--btn-color: black;
	--btn-bg: #F1F1F1;
	--btn-shadow: #9C9C9C;
}

.btn-green {
	--btn-color: white;
	--btn-bg: #28A66B;
	--btn-shadow: #178047;
}
.select2{
	height:max-content !important;
}
/*#endregion*/
/*#region Notification*/
:is(#Notification, #JsNotification) {
	position: fixed;
	bottom: 50px;
	right: -2000px;
	z-index: 10000;
	min-width: 350px;
	display: flex;
	gap: 20px;
	padding: 20px;
	align-items: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	transition: 700ms ease;
	background: white;
	color: black;
	font-weight: 500;
	box-shadow: 0 6px 15px 0 #315ef778;
}

	:is(#Notification, #JsNotification) i {
		border-radius: 50%;
		padding: 7px;
		font-size: 20px;
		color: white;
	}

		:is(#Notification, #JsNotification) i.failed {
			background: var(--dg-red);
		}

		:is(#Notification, #JsNotification) i.success {
			background: var(--dg-blue);
		}

	:is(#Notification, #JsNotification) p {
		margin: 0;
	}

	:is(#Notification, #JsNotification) b.failed {
		color: var(--dg-red);
	}

	:is(#Notification, #JsNotification) b.success {
		color: var(--dg-blue);
	}
/*#endregion*/
/*#region SessionExpired*/
#SessionExpired {
	z-index: 999;
	position: fixed;
}

	#SessionExpired > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 15px;
		background: #fff;
		border-radius: 10px;
	}

		#SessionExpired > div * {
			margin: 0 30px;
		}

		#SessionExpired > div > h4 {
			border-bottom: 1px solid #80808087;
			width: 100%;
			padding: 20px;
			text-align: center;
			font-size: 17px;
			color: var(--dg-title);
			font-weight: 600;
		}

		#SessionExpired > div > p {
			color: var(--dg-title);
			font-size: 14px;
			font-weight: 500;
		}

		#SessionExpired > div > button {
			color: #fff;
			background: var(--dg-red);
			padding: 5px 24px;
			border-radius: 25px;
			font-size: 15px;
			cursor: pointer;
			border: none;
			margin-bottom: 20px;
		}
/*#endregion*/