body {
	margin: 0;
	box-sizing: border-box;
	text-decoration: none;
	height: 100vh;
	max-height: 100vh;
	width: 100%;
	color: black;
	font-family: 'inter';
	line-height: normal !important;
	scroll-behavior: smooth;
	hyphens: auto;
}

* {
	outline: transparent !important;
}

input,
textarea {
	outline: none !important;
	box-shadow: none !important;
}

input:focus,
textarea:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: var(--grey-line-grey) !important;
}

.invalid-feedback {
	display: block;
	opacity: 0;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
	scrollbar-color: #bbb2bd #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 0px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: #bbb2bd;
	border-radius: 10px;
	border: 0px solid #ffffff;
}

a {
	text-decoration: unset !important;
	color: unset;
}

a:hover {
	color: unset;
}

.selector-for-some-widget {
	box-sizing: content-box;
}

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10000;
}

.back-to-summary {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;

	margin: auto;
	cursor: pointer;
}

.back-to-login {
	position: absolute;
	top: 16px;
	left: 16px;
}

.message {
	padding-top: 24px;
}

input,
textarea,
.form-control,
button {
	border-radius: 10px !important;
}

/* Buttons */
button {
	border: unset !important;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.btn-ordinary {
	display: inline-flex;
	align-items: center;
	height: 53px;
	gap: 12px;
	border-radius: 10px;
	background-color: #2a3647 !important;
	border: unset !important;
	color: white;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.btn:focus {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.btn:active,
.btn:hover {
	background-color: var(--light-blue) !important;
}

.btn-name {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 19px;
}

/* Badges */
.initials-container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid white;
}

.user-initials {
	color: white;
}

@media screen and (min-width: 480px) {
	.back-to-summary {
		right: 32px;
	}
}

@media screen and (min-width: 1350px) {
	.back-to-summary {
		display: none;
	}
}

/* SignUp ForgotPassword ResetPassword */
.join-logo-mobile-fixed {
	position: absolute;
	top: 16px;
	left: 16px;
	height: 78px;
	width: 64px;
	transform: unset;
	color: var(--dark-blue);
}