:root {
	--background-color: #fff;
	/*  */
	--primary-color: #4b49ac;
	--secondery-color: #98bdff;
	/*  */
	--color-yellow: #e0b50f;
	--color-green: #33b1aa;
	--color-blue: #3b8ff3;
}

/*  */

input,
textarea,
select {
	/* font-size: 1rem; */
	padding: 0.375rem 0.75rem !important;
	line-height: 1.5;
	color: #495057;
	background-color: #fff !important;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	/* width: 100% !important; */
	width: calc(100% - 25px) !important;
}

input:focus,
textarea:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.module {
	background-color: var(--background-color) !important;
	padding: 20px;
}

input[type="submit"] {
	background-color: #28a745 !important;
	width: 100% !important;
}

.title-body {
	background-color: gray;
}