@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
	overflow-x:hidden;
}
:root {
	--dg-blue: #315EF7;
	--dg-red: #FF0844;
	--dg-btn-blue: #3880FF;
	--dg-btn-red: #EB445A;
	--header-height: 60px;
	--aside-width: 270px;
}

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

.btnGray {
	--btn-color: black;
	--btn-bg: #e9e9e9;
	--btn-shadow: #9C9C9C;
}

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

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

.btnBlue, .btnRed, .btnGray {
	color: var(--btn-color);
	border: 0;
	font-weight: 700;
	border-radius: 8px;
	padding: 10px 20px;
	cursor: pointer;
	background: var(--btn-bg);
	box-shadow: 0 4px var(--btn-shadow);
}
:is(.btnBlue, .btnRed, .btnGray):active {
	box-shadow: none;
	transform: translateY(3px);
}

:is(#Notification, #JsNotification) {
	position: fixed;
	bottom: 50px;
	right: -2000px;
	z-index: 100;
	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);
	}

	body::-webkit-scrollbar {
		width: 5px;
	}

	body::-webkit-scrollbar-thumb {
		background-color: #bdbdbd;
		border-radius: 6px;
	}

	body::-webkit-scrollbar-track {
		background-color: transparent;
		border-radius: 20px;
		width: 5px;
	}