:root {
	--blue: #4e73df;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #e74a3b;
	--orange: #fd7e14;
	--yellow: #f6c23e;
	--green: #1cc88a;
	--teal: #20c9a6;
	--cyan: #36b9cc;
	--white: #fff;
	--gray: #858796;
	--gray-dark: #5a5c69;
	--primary: #4e73df;
	--secondary: #858796;
	--success: #1cc88a;
	--info: #36b9cc;
	--warning: #f6c23e;
	--danger: #e74a3b;
	--light: #f8f9fc;
	--dark: #5a5c69;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	margin: 0;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #858796;
	text-align: left;
	background-color: #fff;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

a {
	color: #4e73df;
	text-decoration: none;
	background-color: transparent;
}

	a:hover {
		color: #224abe;
		text-decoration: underline;
	}

img {
	vertical-align: middle;
	border-style: none;
}

table {
	border-collapse: collapse;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

button {
	border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

	button:not(:disabled),
	[type="button"]:not(:disabled),
	[type="reset"]:not(:disabled),
	[type="submit"]:not(:disabled) {
		cursor: pointer;
	}

input[type="radio"],
input[type="checkbox"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.container {
	width: 100%;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	margin-right: auto;
	margin-left: auto;
}

.container {
	max-width: 540px;
}

.container {
	max-width: 720px;
}

.container {
	max-width: 960px;
}

.container {
	max-width: 1140px;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*  margin-right: -0.75rem;
  margin-left: -0.75rem;*/
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
}

.col-md-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-lg-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-lg-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-xl-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6e707e;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d1d3e2;
	border-radius: 0.35rem;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

	.form-control:focus {
		color: #6e707e;
		background-color: #fff;
		border-color: #bac8f3;
		outline: 0;
		-webkit-box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
		box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
	}

.form-group {
	margin-bottom: 1rem;
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: #858796;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.35rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

	.btn:hover {
		color: #858796;
		text-decoration: none;
	}

.btn-primary {
	color: #fff;
	background-color: #4e73df;
	border-color: #4e73df;
}

	.btn-primary:hover {
		color: #fff;
		background-color: #2e59d9;
		border-color: #2653d4;
	}

.btn-block {
	display: block;
	width: 100%;
}

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid var(--color-8);
	border-radius: 0.35rem;
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.border-0 {
	border: 0 !important;
}

.d-none {
	display: none !important;
}

.d-lg-block {
	display: block !important;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.shadow-lg {
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.h-100 {
	height: 100% !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.text-center {
	text-align: center !important;
}

.text-danger {
	color: #e74a3b !important;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	height: 100%;
}

.container,
.container-fluid {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.bg-gradient-primary {
	background-color: #4e73df;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4e73df), to(#224abe));
	background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
	background-size: cover;
}

.o-hidden {
	overflow: hidden !important;
}

:root {
	--color-1: #0B6EAD;
	--color-2: #419CCE;
	--color-3: #F1F1F7;
	--color-4: #ef3f47;
	--color-5: #878C92;
	--color-6: #5B616A;
	--color-7: #C6C9CF;
	--color-8: #E7E8EF;
	--color-9: #53BBB4;
	--color-10: #3E9E95;
	--color-11: #f7e8e9;
	--color-12: #d30515;
	--color-13: #F9F9FB;
	--color-14: #f5f5f5;
	--color-15: #EA526F;
	--color-16: #F6AE2D;
	--color-17: #2F4858;
	--color-18: #49D49D;
	--color-19: #6E9075;
	--color-20: #F18F01;
	--color-21: #095782;
	--color-22: #546D58;
	--color-23: #9D695A;
	--color-24: #ADA7C9;
	--color-25: #F2F22F;
	--color-26: #5D7C62;
	--color-27: #D13057;
	--color-28: #908AB7;
	--color-29: #2DBA7D;
	--color-30: #E1E1EA;
	--color-31: #8da6c4;
	--color-32: #85b6d6;
	--color-33: #f4dcde;
	--color-34: #EDF3F7;
	--color-35: #F9EEDE;
	--color-36: #36b9cc;
	--color-37: #eaecf4;
	--color-38: #FF6F59;
	--color-39: #FFDBD7;
	--color-40: #94A4B4;
	--color-41: #142D3A;
	--color-42: #f0f1f5;
	--color-43: #b5b7bf;
	--color-44: #999ca9;
	--color-45: #DDF1F0;
	--color-46: #FDB7AF;
	--color-47: #9DC5DE;
	--color-48: #FFA767;
	--color-49: #F9D6BD;
	--color-50: #F2F7F9;
	--color-51: #38AECC;
	--color-52: #B6E5EF;
	--color-53: #E1F0F9;
	--color-54: #C1EAE7;
}

html {
	font-family: 'Montserrat', sans-serif;
	height: 100%;
}

body {
	font-family: 'Montserrat', sans-serif;
	color: var(--color-5);
}

::-webkit-scrollbar {
	background: var(--color-42);
	width: 10px;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-43);
	border-radius: 4px;
	transition: .3s;
}

	::-webkit-scrollbar-thumb:hover {
		background-color: var(--color-44);
	}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
	color: var(--color-6) !important;
	font-family: 'Montserrat', sans-serif;
}

input:focus {
	border-color: var(--color-2) !important;
	outline: 0;
	background-color: #fff;
	box-shadow: 0 3px 9px rgba(50,50,9,0), 3px 4px 8px rgba(94,114,228,.1) !important;
}

:focus {
	outline: 0;
}

a {
	color: var(--color-2);
}

	a:hover {
		color: var(--color-1);
		text-decoration: none;
	}

hr {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.btn {
	padding: 9px 15px;
	text-transform: uppercase;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1.5;
	border-radius: .4285rem;
	cursor: pointer;
	transition: all .15s ease;
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

	.btn:hover {
		transform: translateY(-1px);
		box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
	}

.bg-gradient-primary {
	background-color: var(--color-1);
	background-image: linear-gradient(180deg,var(--color-1) 10%,var(--color-2) 100%);
	background-image: linear-gradient(180deg,var(--color-1) 10%,var(--color-2) 100%);
	z-index: 1;
}

.btn-primary {
	background-color: var(--color-1);
	border-color: var(--color-1);
}

	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show > .btn-primary.dropdown-toggle,
	.btn-primary:hover {
		background-color: var(--color-2);
		border-color: var(--color-2);
	}

		.form-control:focus,
		.btn-primary.focus,
		.btn-primary:focus,
		.btn-primary:not(:disabled):not(.disabled):active:focus {
			box-shadow: none;
		}

.card {
	border-radius: .5rem;
}

form .btn-user {
	margin-top: 1.5rem;
	font-size: .8rem;
	border-radius: 10rem;
	padding: .75rem 1rem;
	text-transform: uppercase;
	font-weight: 600;
}

.bg-login-image {
	background: url(/images/img-login.svg);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.logo-blumatica {
	padding-bottom: 50px;
}

	.logo-blumatica img {
		width: 150px;
	}

label {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--color-5);
	margin-bottom: 3px;
}

.form-group {
	margin-bottom: .75rem;
}

.form-control {
	background-color: #FFFFFF;
	border: 1px solid var(--color-8);
	border-radius: 0.5rem;
	color: var(--color-6);
	font-weight: 600;
	padding: 8px 7px;
	height: 36px;
	font-size: 0.85rem;
	-webkit-box-shadow: none;
	box-shadow: none;
}

	.form-control:focus {
		color: var(--color-6);
		border-color: var(--color-2);
		box-shadow: none;
	}

.container.login {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.container, .container-fluid {
	padding-left: 1rem;
	padding-right: 1rem;
}

.p-all-80 {
	padding: 80px;
}

.p-all-60 {
	padding: 60px;
}

.container-condizioni-uso {
	max-width: 1320px;
}

/*.module .collapse, .module .collapsing {
	height: 3rem;*/ /* [NUM_OF_LINES] x [LINE_HEIGHT] */
/*}

.module .collapse {
	position: relative;*/ /* For ...'s content absolute positioning */
	/*display: block;
	overflow: hidden;
}

	.module .collapse:before {
		content: ' ...';
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.module .collapse.show {
		height: auto;*/ /* You need to reset the height when not collapsed */
	/*}

		.module .collapse.show:before {
			display: none;*/ /* Of course you don't want to display ... */
		/*}

.module a.collapsed:after {
	content: '+ Show More';
}

.module a:not(.collapsed):after {
	content: '- Show Less';
}*/
