body {
	background-image: url("../img/big/back.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}

* {
	font-family: "M PLUS Rounded 1c", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}

.mainform {
	padding-bottom: 25px;
	padding-top: 25px;
	border-radius: 15px;
	padding-left: 25px;
	padding-right: 25px;
	backdrop-filter: blur(1px) !important;
}

.form-container {
	backdrop-filter: blur(2px);
	border-radius: 25px;
	margin-left: 3.4rem;
	margin-right: 3.4rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.subtitle_index {
	color: #eee;
	font-size: 25px;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.big_cb {
	height: 30px !important;
	width: 67px !important;
}

.pxbr12 {
	border-radius: 5px !important;
}

.pretty_inputs {
	border-radius: 10px !important;
	transition: all 0.3s ease !important;
	opacity: 0.7 !important;
	cursor: text !important;
	border: none !important;
	outline: none !important;
}

.bigtext {
	height: 72px !important;
}

.nosel {
	user-select: none;
}

.smartlabel {
	color: #3c3c3c;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/* when floaded label */

.form-control:focus + .smartlabel,
.form-control:not(:placeholder-shown) + .smartlabel {
	font-size: 16px !important; /* Reduce font size when floated */
	padding: 1rem, 0.6rem !important;
	padding-top: 1.1rem !important;
	opacity: 0.7 !important;
}

.toaster {
	position: fixed;
	left: 1rem;
	height: 100%;
	top: 0;
	pointer-events: none;
	width: 300px;
	padding-top: 1rem;
	padding-bottom: 0rem;
	display: flex;
	box-sizing: border-box;
	justify-content: flex-end;
	flex-direction: column;
	align-items: stretch;
	gap: 0.3rem;
	z-index: 9999;
}

.sollogin {
	opacity: 0.7 !important;
	cursor: pointer;
	padding: 5px !important;
	border-radius: 10px !important;
	transition: all 0.3s ease !important;
	background-color: #3bb57c !important;
	color: #eee !important;
	border: none !important;
	outline: none !important;
}

.sollogin:hover {
	opacity: 1 !important;
}

.sollogin:active {
	opacity: 0.9 !important;
}

.mainform svg {
	margin-top: 0.7rem !important;
	margin-bottom: 0.7rem !important;
	margin-left: 0.2rem !important;
	margin-right: 0.2rem !important;
}

@media only screen and (max-width: 600px) {
	.form-container {
		width: 100% !important;
		padding: 0.7rem !important;
		margin: 0.7rem !important;
	}
	.mainbox {
		margin-left: 0.4rem !important;
		margin-right: 0.4rem !important;
	}
	.mainform {
		padding: 0.7rem !important;
		border-radius: 12px !important;
	}
	.form-floating {
		margin-bottom: 0.7rem !important;
	}
	.mainform svg {
		margin-left: 0.7rem !important;
		margin-right: 0.7rem !important;
	}
}