@font-face {
	font-family: 'Inter-bold';
	src: url('/inter-font/Inter-Bold.woff2') format('woff2'), url('/inter-font/Inter-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-medium';
	src: url('/inter-font/Inter-Medium.woff2') format('woff2'), url('/inter-font/Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-extralight';
	src: url('/inter-font/Inter-ExtraLight.woff2') format('woff2'), url('/inter-font/Inter-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-semibold';
	src: url('/inter-font/Inter-SemiBold.woff2') format('woff2'), url('/inter-font/Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-black';
	src: url('/inter-font/Inter-Black.woff2') format('woff2'), url('/inter-font/Inter-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-light';
	src: url('/inter-font/Inter-Light.woff2') format('woff2'), url('/inter-font/Inter-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-thin';
	src: url('/inter-font/Inter-Thin.woff2') format('woff2'), url('/inter-font/Inter-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-extrabold';
	src: url('/inter-font/Inter-ExtraBold.woff2') format('woff2'), url('/inter-font/Inter-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter-regular';
	src: url('/inter-font/Inter-Regular.woff2') format('woff2'), url('/inter-font/Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



/* Global Styles */

/* ------------------------------- */

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	.control-bar-buttons --cyan: #17a2b8;
	--white: #fff;
	--gray: #2F323E;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #2F323E;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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;
	/*#428BCA;*/
}
/* CRISTINA */
/* --text-color: black;
    --background-color: #2f323e;
    --background-color-table: #FF5353;
    --background-color-hover: #FF5353;
    --color-h1: #ff4c36;
    --background-color-button: black;
    --background-color-table-forms: #525f7f;
    --red2: #ff4c36;*/
.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}

.w-auto {
	width: auto !important;
}

.h-25 {
	height: 25% !important;
}

.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.h-auto {
	height: auto !important;
}

.mw-100 {
	max-width: 100% !important;
}

.mh-100 {
	max-height: 100% !important;
}

.min-vw-100 {
	min-width: 100vw !important;
}

.min-vh-100 {
	min-height: 100vh !important;
}

.vw-100 {
	width: 100vw !important;
}

.vh-100 {
	height: 100vh !important;
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
}

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
	padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5,
.py-5 {
	padding-top: 3rem !important;
}

.pr-5,
.px-5 {
	padding-right: 3rem !important;
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
	padding-left: 3rem !important;
}

.m-n1 {
	margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
	margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
	margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
	margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
	margin-left: -0.25rem !important;
}

.m-n2 {
	margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
	margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
	margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
	margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
	margin-left: -0.5rem !important;
}

.m-n3 {
	margin: -1rem !important;
}

.mt-n3,
.my-n3 {
	margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
	margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
	margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
	margin-left: -1rem !important;
}

.m-n4 {
	margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
	margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
	margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
	margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
	margin-left: -1.5rem !important;
}

.m-n5 {
	margin: -3rem !important;
}

.mt-n5,
.my-n5 {
	margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
	margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
	margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
	margin-left: -3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto,
.my-auto {
	margin-top: auto !important;
}

.mr-auto,
.mx-auto {
	margin-right: auto !important;
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

@media (min-width: 576px) {
	.m-sm-0 {
		margin: 0 !important;
	}

	.mt-sm-0,
	.my-sm-0 {
		margin-top: 0 !important;
	}

	.mr-sm-0,
	.mx-sm-0 {
		margin-right: 0 !important;
	}

	.mb-sm-0,
	.my-sm-0 {
		margin-bottom: 0 !important;
	}

	.ml-sm-0,
	.mx-sm-0 {
		margin-left: 0 !important;
	}

	.m-sm-1 {
		margin: 0.25rem !important;
	}

	.mt-sm-1,
	.my-sm-1 {
		margin-top: 0.25rem !important;
	}

	.mr-sm-1,
	.mx-sm-1 {
		margin-right: 0.25rem !important;
	}

	.mb-sm-1,
	.my-sm-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-sm-1,
	.mx-sm-1 {
		margin-left: 0.25rem !important;
	}

	.m-sm-2 {
		margin: 0.5rem !important;
	}

	.mt-sm-2,
	.my-sm-2 {
		margin-top: 0.5rem !important;
	}

	.mr-sm-2,
	.mx-sm-2 {
		margin-right: 0.5rem !important;
	}

	.mb-sm-2,
	.my-sm-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-sm-2,
	.mx-sm-2 {
		margin-left: 0.5rem !important;
	}

	.m-sm-3 {
		margin: 1rem !important;
	}

	.mt-sm-3,
	.my-sm-3 {
		margin-top: 1rem !important;
	}

	.mr-sm-3,
	.mx-sm-3 {
		margin-right: 1rem !important;
	}

	.mb-sm-3,
	.my-sm-3 {
		margin-bottom: 1rem !important;
	}

	.ml-sm-3,
	.mx-sm-3 {
		margin-left: 1rem !important;
	}

	.m-sm-4 {
		margin: 1.5rem !important;
	}

	.mt-sm-4,
	.my-sm-4 {
		margin-top: 1.5rem !important;
	}

	.mr-sm-4,
	.mx-sm-4 {
		margin-right: 1.5rem !important;
	}

	.mb-sm-4,
	.my-sm-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-sm-4,
	.mx-sm-4 {
		margin-left: 1.5rem !important;
	}

	.m-sm-5 {
		margin: 3rem !important;
	}

	.mt-sm-5,
	.my-sm-5 {
		margin-top: 3rem !important;
	}

	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 3rem !important;
	}

	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 3rem !important;
	}

	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 3rem !important;
	}

	.p-sm-0 {
		padding: 0 !important;
	}

	.pt-sm-0,
	.py-sm-0 {
		padding-top: 0 !important;
	}

	.pr-sm-0,
	.px-sm-0 {
		padding-right: 0 !important;
	}

	.pb-sm-0,
	.py-sm-0 {
		padding-bottom: 0 !important;
	}

	.pl-sm-0,
	.px-sm-0 {
		padding-left: 0 !important;
	}

	.p-sm-1 {
		padding: 0.25rem !important;
	}

	.pt-sm-1,
	.py-sm-1 {
		padding-top: 0.25rem !important;
	}

	.pr-sm-1,
	.px-sm-1 {
		padding-right: 0.25rem !important;
	}

	.pb-sm-1,
	.py-sm-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-sm-1,
	.px-sm-1 {
		padding-left: 0.25rem !important;
	}

	.p-sm-2 {
		padding: 0.5rem !important;
	}

	.pt-sm-2,
	.py-sm-2 {
		padding-top: 0.5rem !important;
	}

	.pr-sm-2,
	.px-sm-2 {
		padding-right: 0.5rem !important;
	}

	.pb-sm-2,
	.py-sm-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-sm-2,
	.px-sm-2 {
		padding-left: 0.5rem !important;
	}

	.p-sm-3 {
		padding: 1rem !important;
	}

	.pt-sm-3,
	.py-sm-3 {
		padding-top: 1rem !important;
	}

	.pr-sm-3,
	.px-sm-3 {
		padding-right: 1rem !important;
	}

	.pb-sm-3,
	.py-sm-3 {
		padding-bottom: 1rem !important;
	}

	.pl-sm-3,
	.px-sm-3 {
		padding-left: 1rem !important;
	}

	.p-sm-4 {
		padding: 1.5rem !important;
	}

	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem !important;
	}

	.pr-sm-4,
	.px-sm-4 {
		padding-right: 1.5rem !important;
	}

	.pb-sm-4,
	.py-sm-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-sm-4,
	.px-sm-4 {
		padding-left: 1.5rem !important;
	}

	.p-sm-5 {
		padding: 3rem !important;
	}

	.pt-sm-5,
	.py-sm-5 {
		padding-top: 3rem !important;
	}

	.pr-sm-5,
	.px-sm-5 {
		padding-right: 3rem !important;
	}

	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 3rem !important;
	}

	.pl-sm-5,
	.px-sm-5 {
		padding-left: 3rem !important;
	}

	.m-sm-n1 {
		margin: -0.25rem !important;
	}

	.mt-sm-n1,
	.my-sm-n1 {
		margin-top: -0.25rem !important;
	}

	.mr-sm-n1,
	.mx-sm-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-sm-n1,
	.my-sm-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ml-sm-n1,
	.mx-sm-n1 {
		margin-left: -0.25rem !important;
	}

	.m-sm-n2 {
		margin: -0.5rem !important;
	}

	.mt-sm-n2,
	.my-sm-n2 {
		margin-top: -0.5rem !important;
	}

	.mr-sm-n2,
	.mx-sm-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-sm-n2,
	.my-sm-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ml-sm-n2,
	.mx-sm-n2 {
		margin-left: -0.5rem !important;
	}

	.m-sm-n3 {
		margin: -1rem !important;
	}

	.mt-sm-n3,
	.my-sm-n3 {
		margin-top: -1rem !important;
	}

	.mr-sm-n3,
	.mx-sm-n3 {
		margin-right: -1rem !important;
	}

	.mb-sm-n3,
	.my-sm-n3 {
		margin-bottom: -1rem !important;
	}

	.ml-sm-n3,
	.mx-sm-n3 {
		margin-left: -1rem !important;
	}

	.m-sm-n4 {
		margin: -1.5rem !important;
	}

	.mt-sm-n4,
	.my-sm-n4 {
		margin-top: -1.5rem !important;
	}

	.mr-sm-n4,
	.mx-sm-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-sm-n4,
	.my-sm-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ml-sm-n4,
	.mx-sm-n4 {
		margin-left: -1.5rem !important;
	}

	.m-sm-n5 {
		margin: -3rem !important;
	}

	.mt-sm-n5,
	.my-sm-n5 {
		margin-top: -3rem !important;
	}

	.mr-sm-n5,
	.mx-sm-n5 {
		margin-right: -3rem !important;
	}

	.mb-sm-n5,
	.my-sm-n5 {
		margin-bottom: -3rem !important;
	}

	.ml-sm-n5,
	.mx-sm-n5 {
		margin-left: -3rem !important;
	}

	.m-sm-auto {
		margin: auto !important;
	}

	.mt-sm-auto,
	.my-sm-auto {
		margin-top: auto !important;
	}

	.mr-sm-auto,
	.mx-sm-auto {
		margin-right: auto !important;
	}

	.mb-sm-auto,
	.my-sm-auto {
		margin-bottom: auto !important;
	}

	.ml-sm-auto,
	.mx-sm-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 768px) {
	.m-md-0 {
		margin: 0 !important;
	}

	.mt-md-0,
	.my-md-0 {
		margin-top: 0 !important;
	}

	.mr-md-0,
	.mx-md-0 {
		margin-right: 0 !important;
	}

	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0 !important;
	}

	.ml-md-0,
	.mx-md-0 {
		margin-left: 0 !important;
	}

	.m-md-1 {
		margin: 0.25rem !important;
	}

	.mt-md-1,
	.my-md-1 {
		margin-top: 0.25rem !important;
	}

	.mr-md-1,
	.mx-md-1 {
		margin-right: 0.25rem !important;
	}

	.mb-md-1,
	.my-md-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-md-1,
	.mx-md-1 {
		margin-left: 0.25rem !important;
	}

	.m-md-2 {
		margin: 0.5rem !important;
	}

	.mt-md-2,
	.my-md-2 {
		margin-top: 0.5rem !important;
	}

	.mr-md-2,
	.mx-md-2 {
		margin-right: 0.5rem !important;
	}

	.mb-md-2,
	.my-md-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-md-2,
	.mx-md-2 {
		margin-left: 0.5rem !important;
	}

	.m-md-3 {
		margin: 1rem !important;
	}

	.mt-md-3,
	.my-md-3 {
		margin-top: 1rem !important;
	}

	.mr-md-3,
	.mx-md-3 {
		margin-right: 1rem !important;
	}

	.mb-md-3,
	.my-md-3 {
		margin-bottom: 1rem !important;
	}

	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem !important;
	}

	.m-md-4 {
		margin: 1.5rem !important;
	}

	.mt-md-4,
	.my-md-4 {
		margin-top: 1.5rem !important;
	}

	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem !important;
	}

	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-md-4,
	.mx-md-4 {
		margin-left: 1.5rem !important;
	}

	.m-md-5 {
		margin: 3rem !important;
	}

	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem !important;
	}

	.mr-md-5,
	.mx-md-5 {
		margin-right: 3rem !important;
	}

	.mb-md-5,
	.my-md-5 {
		margin-bottom: 3rem !important;
	}

	.ml-md-5,
	.mx-md-5 {
		margin-left: 3rem !important;
	}

	.p-md-0 {
		padding: 0 !important;
	}

	.pt-md-0,
	.py-md-0 {
		padding-top: 0 !important;
	}

	.pr-md-0,
	.px-md-0 {
		padding-right: 0 !important;
	}

	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0 !important;
	}

	.pl-md-0,
	.px-md-0 {
		padding-left: 0 !important;
	}

	.p-md-1 {
		padding: 0.25rem !important;
	}

	.pt-md-1,
	.py-md-1 {
		padding-top: 0.25rem !important;
	}

	.pr-md-1,
	.px-md-1 {
		padding-right: 0.25rem !important;
	}

	.pb-md-1,
	.py-md-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-md-1,
	.px-md-1 {
		padding-left: 0.25rem !important;
	}

	.p-md-2 {
		padding: 0.5rem !important;
	}

	.pt-md-2,
	.py-md-2 {
		padding-top: 0.5rem !important;
	}

	.pr-md-2,
	.px-md-2 {
		padding-right: 0.5rem !important;
	}

	.pb-md-2,
	.py-md-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-md-2,
	.px-md-2 {
		padding-left: 0.5rem !important;
	}

	.p-md-3 {
		padding: 1rem !important;
	}

	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem !important;
	}

	.pr-md-3,
	.px-md-3 {
		padding-right: 1rem !important;
	}

	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem !important;
	}

	.pl-md-3,
	.px-md-3 {
		padding-left: 1rem !important;
	}

	.p-md-4 {
		padding: 1.5rem !important;
	}

	.pt-md-4,
	.py-md-4 {
		padding-top: 1.5rem !important;
	}

	.pr-md-4,
	.px-md-4 {
		padding-right: 1.5rem !important;
	}

	.pb-md-4,
	.py-md-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-md-4,
	.px-md-4 {
		padding-left: 1.5rem !important;
	}

	.p-md-5 {
		padding: 3rem !important;
	}

	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem !important;
	}

	.pr-md-5,
	.px-md-5 {
		padding-right: 3rem !important;
	}

	.pb-md-5,
	.py-md-5 {
		padding-bottom: 3rem !important;
	}

	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem !important;
	}

	.m-md-n1 {
		margin: -0.25rem !important;
	}

	.mt-md-n1,
	.my-md-n1 {
		margin-top: -0.25rem !important;
	}

	.mr-md-n1,
	.mx-md-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-md-n1,
	.my-md-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ml-md-n1,
	.mx-md-n1 {
		margin-left: -0.25rem !important;
	}

	.m-md-n2 {
		margin: -0.5rem !important;
	}

	.mt-md-n2,
	.my-md-n2 {
		margin-top: -0.5rem !important;
	}

	.mr-md-n2,
	.mx-md-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-md-n2,
	.my-md-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ml-md-n2,
	.mx-md-n2 {
		margin-left: -0.5rem !important;
	}

	.m-md-n3 {
		margin: -1rem !important;
	}

	.mt-md-n3,
	.my-md-n3 {
		margin-top: -1rem !important;
	}

	.mr-md-n3,
	.mx-md-n3 {
		margin-right: -1rem !important;
	}

	.mb-md-n3,
	.my-md-n3 {
		margin-bottom: -1rem !important;
	}

	.ml-md-n3,
	.mx-md-n3 {
		margin-left: -1rem !important;
	}

	.m-md-n4 {
		margin: -1.5rem !important;
	}

	.mt-md-n4,
	.my-md-n4 {
		margin-top: -1.5rem !important;
	}

	.mr-md-n4,
	.mx-md-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-md-n4,
	.my-md-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ml-md-n4,
	.mx-md-n4 {
		margin-left: -1.5rem !important;
	}

	.m-md-n5 {
		margin: -3rem !important;
	}

	.mt-md-n5,
	.my-md-n5 {
		margin-top: -3rem !important;
	}

	.mr-md-n5,
	.mx-md-n5 {
		margin-right: -3rem !important;
	}

	.mb-md-n5,
	.my-md-n5 {
		margin-bottom: -3rem !important;
	}

	.ml-md-n5,
	.mx-md-n5 {
		margin-left: -3rem !important;
	}

	.m-md-auto {
		margin: auto !important;
	}

	.mt-md-auto,
	.my-md-auto {
		margin-top: auto !important;
	}

	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto !important;
	}

	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto !important;
	}

	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 992px) {
	.m-lg-0 {
		margin: 0 !important;
	}

	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0 !important;
	}

	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0 !important;
	}

	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0 !important;
	}

	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0 !important;
	}

	.m-lg-1 {
		margin: 0.25rem !important;
	}

	.mt-lg-1,
	.my-lg-1 {
		margin-top: 0.25rem !important;
	}

	.mr-lg-1,
	.mx-lg-1 {
		margin-right: 0.25rem !important;
	}

	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-lg-1,
	.mx-lg-1 {
		margin-left: 0.25rem !important;
	}

	.m-lg-2 {
		margin: 0.5rem !important;
	}

	.mt-lg-2,
	.my-lg-2 {
		margin-top: 0.5rem !important;
	}

	.mr-lg-2,
	.mx-lg-2 {
		margin-right: 0.5rem !important;
	}

	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-lg-2,
	.mx-lg-2 {
		margin-left: 0.5rem !important;
	}

	.m-lg-3 {
		margin: 1rem !important;
	}

	.mt-lg-3,
	.my-lg-3 {
		margin-top: 1rem !important;
	}

	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem !important;
	}

	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 1rem !important;
	}

	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 1rem !important;
	}

	.m-lg-4 {
		margin: 1.5rem !important;
	}

	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem !important;
	}

	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 1.5rem !important;
	}

	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 1.5rem !important;
	}

	.m-lg-5 {
		margin: 3rem !important;
	}

	.mt-lg-5,
	.my-lg-5 {
		margin-top: 3rem !important;
	}

	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem !important;
	}

	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 3rem !important;
	}

	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem !important;
	}

	.p-lg-0 {
		padding: 0 !important;
	}

	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0 !important;
	}

	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0 !important;
	}

	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0 !important;
	}

	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0 !important;
	}

	.p-lg-1 {
		padding: 0.25rem !important;
	}

	.pt-lg-1,
	.py-lg-1 {
		padding-top: 0.25rem !important;
	}

	.pr-lg-1,
	.px-lg-1 {
		padding-right: 0.25rem !important;
	}

	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-lg-1,
	.px-lg-1 {
		padding-left: 0.25rem !important;
	}

	.p-lg-2 {
		padding: 0.5rem !important;
	}

	.pt-lg-2,
	.py-lg-2 {
		padding-top: 0.5rem !important;
	}

	.pr-lg-2,
	.px-lg-2 {
		padding-right: 0.5rem !important;
	}

	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-lg-2,
	.px-lg-2 {
		padding-left: 0.5rem !important;
	}

	.p-lg-3 {
		padding: 1rem !important;
	}

	.pt-lg-3,
	.py-lg-3 {
		padding-top: 1rem !important;
	}

	.pr-lg-3,
	.px-lg-3 {
		padding-right: 1rem !important;
	}

	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 1rem !important;
	}

	.pl-lg-3,
	.px-lg-3 {
		padding-left: 1rem !important;
	}

	.p-lg-4 {
		padding: 1.5rem !important;
	}

	.pt-lg-4,
	.py-lg-4 {
		padding-top: 1.5rem !important;
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem !important;
	}

	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-lg-4,
	.px-lg-4 {
		padding-left: 1.5rem !important;
	}

	.p-lg-5 {
		padding: 3rem !important;
	}

	.pt-lg-5,
	.py-lg-5 {
		padding-top: 3rem !important;
	}

	.pr-lg-5,
	.px-lg-5 {
		padding-right: 3rem !important;
	}

	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 3rem !important;
	}

	.pl-lg-5,
	.px-lg-5 {
		padding-left: 3rem !important;
	}

	.m-lg-n1 {
		margin: -0.25rem !important;
	}

	.mt-lg-n1,
	.my-lg-n1 {
		margin-top: -0.25rem !important;
	}

	.mr-lg-n1,
	.mx-lg-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-lg-n1,
	.my-lg-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ml-lg-n1,
	.mx-lg-n1 {
		margin-left: -0.25rem !important;
	}

	.m-lg-n2 {
		margin: -0.5rem !important;
	}

	.mt-lg-n2,
	.my-lg-n2 {
		margin-top: -0.5rem !important;
	}

	.mr-lg-n2,
	.mx-lg-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-lg-n2,
	.my-lg-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ml-lg-n2,
	.mx-lg-n2 {
		margin-left: -0.5rem !important;
	}

	.m-lg-n3 {
		margin: -1rem !important;
	}

	.mt-lg-n3,
	.my-lg-n3 {
		margin-top: -1rem !important;
	}

	.mr-lg-n3,
	.mx-lg-n3 {
		margin-right: -1rem !important;
	}

	.mb-lg-n3,
	.my-lg-n3 {
		margin-bottom: -1rem !important;
	}

	.ml-lg-n3,
	.mx-lg-n3 {
		margin-left: -1rem !important;
	}

	.m-lg-n4 {
		margin: -1.5rem !important;
	}

	.mt-lg-n4,
	.my-lg-n4 {
		margin-top: -1.5rem !important;
	}

	.mr-lg-n4,
	.mx-lg-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-lg-n4,
	.my-lg-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ml-lg-n4,
	.mx-lg-n4 {
		margin-left: -1.5rem !important;
	}

	.m-lg-n5 {
		margin: -3rem !important;
	}

	.mt-lg-n5,
	.my-lg-n5 {
		margin-top: -3rem !important;
	}

	.mr-lg-n5,
	.mx-lg-n5 {
		margin-right: -3rem !important;
	}

	.mb-lg-n5,
	.my-lg-n5 {
		margin-bottom: -3rem !important;
	}

	.ml-lg-n5,
	.mx-lg-n5 {
		margin-left: -3rem !important;
	}

	.m-lg-auto {
		margin: auto !important;
	}

	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto !important;
	}

	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto !important;
	}

	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto !important;
	}

	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-0 {
		margin: 0 !important;
	}

	.mt-xl-0,
	.my-xl-0 {
		margin-top: 0 !important;
	}

	.mr-xl-0,
	.mx-xl-0 {
		margin-right: 0 !important;
	}

	.mb-xl-0,
	.my-xl-0 {
		margin-bottom: 0 !important;
	}

	.ml-xl-0,
	.mx-xl-0 {
		margin-left: 0 !important;
	}

	.m-xl-1 {
		margin: 0.25rem !important;
	}

	.mt-xl-1,
	.my-xl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xl-1,
	.mx-xl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xl-1,
	.mx-xl-1 {
		margin-left: 0.25rem !important;
	}

	.m-xl-2 {
		margin: 0.5rem !important;
	}

	.mt-xl-2,
	.my-xl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xl-2,
	.mx-xl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xl-2,
	.mx-xl-2 {
		margin-left: 0.5rem !important;
	}

	.m-xl-3 {
		margin: 1rem !important;
	}

	.mt-xl-3,
	.my-xl-3 {
		margin-top: 1rem !important;
	}

	.mr-xl-3,
	.mx-xl-3 {
		margin-right: 1rem !important;
	}

	.mb-xl-3,
	.my-xl-3 {
		margin-bottom: 1rem !important;
	}

	.ml-xl-3,
	.mx-xl-3 {
		margin-left: 1rem !important;
	}

	.m-xl-4 {
		margin: 1.5rem !important;
	}

	.mt-xl-4,
	.my-xl-4 {
		margin-top: 1.5rem !important;
	}

	.mr-xl-4,
	.mx-xl-4 {
		margin-right: 1.5rem !important;
	}

	.mb-xl-4,
	.my-xl-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-xl-4,
	.mx-xl-4 {
		margin-left: 1.5rem !important;
	}

	.m-xl-5 {
		margin: 3rem !important;
	}

	.mt-xl-5,
	.my-xl-5 {
		margin-top: 3rem !important;
	}

	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 3rem !important;
	}

	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 3rem !important;
	}

	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 3rem !important;
	}

	.p-xl-0 {
		padding: 0 !important;
	}

	.pt-xl-0,
	.py-xl-0 {
		padding-top: 0 !important;
	}

	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0 !important;
	}

	.pb-xl-0,
	.py-xl-0 {
		padding-bottom: 0 !important;
	}

	.pl-xl-0,
	.px-xl-0 {
		padding-left: 0 !important;
	}

	.p-xl-1 {
		padding: 0.25rem !important;
	}

	.pt-xl-1,
	.py-xl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xl-1,
	.px-xl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xl-1,
	.px-xl-1 {
		padding-left: 0.25rem !important;
	}

	.p-xl-2 {
		padding: 0.5rem !important;
	}

	.pt-xl-2,
	.py-xl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xl-2,
	.px-xl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xl-2,
	.px-xl-2 {
		padding-left: 0.5rem !important;
	}

	.p-xl-3 {
		padding: 1rem !important;
	}

	.pt-xl-3,
	.py-xl-3 {
		padding-top: 1rem !important;
	}

	.pr-xl-3,
	.px-xl-3 {
		padding-right: 1rem !important;
	}

	.pb-xl-3,
	.py-xl-3 {
		padding-bottom: 1rem !important;
	}

	.pl-xl-3,
	.px-xl-3 {
		padding-left: 1rem !important;
	}

	.p-xl-4 {
		padding: 1.5rem !important;
	}

	.pt-xl-4,
	.py-xl-4 {
		padding-top: 1.5rem !important;
	}

	.pr-xl-4,
	.px-xl-4 {
		padding-right: 1.5rem !important;
	}

	.pb-xl-4,
	.py-xl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-xl-4,
	.px-xl-4 {
		padding-left: 1.5rem !important;
	}

	.p-xl-5 {
		padding: 3rem !important;
	}

	.pt-xl-5,
	.py-xl-5 {
		padding-top: 3rem !important;
	}

	.pr-xl-5,
	.px-xl-5 {
		padding-right: 3rem !important;
	}

	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 3rem !important;
	}

	.pl-xl-5,
	.px-xl-5 {
		padding-left: 3rem !important;
	}

	.m-xl-n1 {
		margin: -0.25rem !important;
	}

	.mt-xl-n1,
	.my-xl-n1 {
		margin-top: -0.25rem !important;
	}

	.mr-xl-n1,
	.mx-xl-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-xl-n1,
	.my-xl-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ml-xl-n1,
	.mx-xl-n1 {
		margin-left: -0.25rem !important;
	}

	.m-xl-n2 {
		margin: -0.5rem !important;
	}

	.mt-xl-n2,
	.my-xl-n2 {
		margin-top: -0.5rem !important;
	}

	.mr-xl-n2,
	.mx-xl-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-xl-n2,
	.my-xl-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ml-xl-n2,
	.mx-xl-n2 {
		margin-left: -0.5rem !important;
	}

	.m-xl-n3 {
		margin: -1rem !important;
	}

	.mt-xl-n3,
	.my-xl-n3 {
		margin-top: -1rem !important;
	}

	.mr-xl-n3,
	.mx-xl-n3 {
		margin-right: -1rem !important;
	}

	.mb-xl-n3,
	.my-xl-n3 {
		margin-bottom: -1rem !important;
	}

	.ml-xl-n3,
	.mx-xl-n3 {
		margin-left: -1rem !important;
	}

	.m-xl-n4 {
		margin: -1.5rem !important;
	}

	.mt-xl-n4,
	.my-xl-n4 {
		margin-top: -1.5rem !important;
	}

	.mr-xl-n4,
	.mx-xl-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-xl-n4,
	.my-xl-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ml-xl-n4,
	.mx-xl-n4 {
		margin-left: -1.5rem !important;
	}

	.m-xl-n5 {
		margin: -3rem !important;
	}

	.mt-xl-n5,
	.my-xl-n5 {
		margin-top: -3rem !important;
	}

	.mr-xl-n5,
	.mx-xl-n5 {
		margin-right: -3rem !important;
	}

	.mb-xl-n5,
	.my-xl-n5 {
		margin-bottom: -3rem !important;
	}

	.ml-xl-n5,
	.mx-xl-n5 {
		margin-left: -3rem !important;
	}

	.m-xl-auto {
		margin: auto !important;
	}

	.mt-xl-auto,
	.my-xl-auto {
		margin-top: auto !important;
	}

	.mr-xl-auto,
	.mx-xl-auto {
		margin-right: auto !important;
	}

	.mb-xl-auto,
	.my-xl-auto {
		margin-bottom: auto !important;
	}

	.ml-xl-auto,
	.mx-xl-auto {
		margin-left: auto !important;
	}
}

.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
	text-align: justify !important;
}

.text-wrap {
	white-space: normal !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.text-truncate {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

@media (min-width: 576px) {
	.text-sm-left {
		text-align: left !important;
	}

	.text-sm-right {
		text-align: right !important;
	}

	.text-sm-center {
		text-align: center !important;
	}
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: left !important;
	}

	.text-md-right {
		text-align: right !important;
	}

	.text-md-center {
		text-align: center !important;
	}
}

@media (min-width: 992px) {
	.text-lg-left {
		text-align: left !important;
	}

	.text-lg-right {
		text-align: right !important;
	}

	.text-lg-center {
		text-align: center !important;
	}
}

@media (min-width: 1200px) {
	.text-xl-left {
		text-align: left !important;
	}

	.text-xl-right {
		text-align: right !important;
	}

	.text-xl-center {
		text-align: center !important;
	}
}

.table-header-red {
	float: left;
	width: 100%;
	padding: 30px;
	background-color: var(--background-color-table);
	color: #FFF;
	font-weight: 500;
	font-weight: 500;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
}

.input-search {
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #FFF;
	float: right;
	padding: 0px 20px;
	color: black;
}

.header-title-menu {
	float: left;
	width: 100%;
	background-color: #FFF;
	font-weight: 600;
}

.well h4 {
	font-size: 22px;
	color: var(--background-color-hover);
}

	.well h4:hover {
		font-size: 22px;
		color: #FFF;
	}

.well .fa:hover {
	color: #FFF;
}

.well:hover {
	background-color: var(--background-color-hover);
	color: #FFF;
}

.well .fa {
	color: var(--background-color-hover);
}

.btn-custom {
	color: #fff;
	background-color: var(--background-color-button);
	border-color: var(--background-color-button);
}

.dxgvControl_iOS a {
	color: var(--background-color-hover) !important;
	text-decoration: none;
}

fa {
	color: var(--background-color-hover);
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

	.table-responsive > .table-bordered {
		border: 0;
	}

.form-control {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #8E929C;
	border-radius: 10px;
	-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;
	-o-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;
	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-2 {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #8E929C;
	border-radius: 10px;
	-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;
	-o-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;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

button:hover,
button:focus {
	text-decoration: none !important;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.dxeButtonEdit_iOS {
	border: 1px solid #8E929C !important;
	padding: 9px 6px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 10px !important;
}

label {
	color: #222330 !important;
}




h1,
h2,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	line-height: 1;
	font-weight: 400;
	font-family: "Inter-regular", Arial, sans-serif;
	color: #000;
}

h3 {
	line-height: 1;
	font-weight: 400;
	font-family: "Inter-bold", Arial, sans-serif;
	color: #000;
}


#content {
	width: 100%;
	padding: 0;
	min-height: 100vh;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color: #EDF0F5;
	padding: 0px !important;
}




#sidebar {
	min-width: 250px;
	max-width: 250px;
	background: #FFF;
	color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	/*position: relative;*/
}

.input-search {
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #FFF;
	float: right;
	padding: 0px 20px;
}

.main-menu-states li.active {
	background-color: #F3F4F6;
}

.main-menu-states li {
	border-bottom: 1px solid #DBDFE3;
}

	.main-menu-states li a {
		font-size: 13px;
		font-weight: 500;
		color: #2F313E;
		position: relative;
		padding: 20px 20px 5px 40px !important;
		line-height: 18px;
	}

		.main-menu-states li a .fa-circle {
			position: absolute;
			left: 8px;
			top: 16px;
			font-size: 23px;
			color: #CBD4DD;
		}

.main-menu-states .menu-state {
	float: right;
	margin-top: 14px;
	color: #2F313E !important;
	margin-right: 20px;
}

	.main-menu-states .menu-state .circle {
		display: inline-block;
		border-radius: 50%;
		background-color: #525F7F;
		color: #FFF;
		width: 20px;
		height: 20px;
		text-align: center;
		font-size: 12px;
	}

.verde {
	color: #00C462 !important;
}

.giallo {
	color: yellow !important;
}


.arancio {
	color: orange !important;
}

.rosso {
	background-color: #FF5353 !important;
}


.info-menu:hover {
	color: var(--background-color);
}

.info-menu[data-toggle=collapse]:after {
	content: "\f106";
	font-family: "FontAwesome";
}

.info-menu[data-toggle=collapse][aria-expanded=false]:after {
	content: "\f107";
	font-family: "FontAwesome";
}

.container-info-menu {
	float: left;
	width: 100%;
	background-color: #FFF;
	border-top: 3px solid #EDF0F5;
	border-left: 3px solid #EDF0F5;
	border-right: 3px solid #EDF0F5;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18);
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

.inner-content-main {
	float: left;
	width: 100%;
	padding: 22px;
}

.table-header-red2 {
	float: left;
	width: 100%;
	/*padding: 20px 30px;*/
	/*background-color: var(--background-color-table);
    color: #FFF;*/
	font-weight: 500;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
}

.panel-default-header {
	float: left;
	width: 100%;
	/*padding: 20px 30px;*/
	background-color: var(--background-color-table);
	color: #FFF;
	font-weight: 500;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
}

.panel-heading a {
	color: #FFF;
}

.headerPhase {
	padding: 5px 15px 15px;
}

.table-menu-info {
	font-size: 12px;
	border-top: 3px solid #EDF0F5;
}

	.table-menu-info thead td {
		color: var(--background-color-table);
		padding: 10px 24px 0px 24px;
		border-right: 3px solid #EDF0F5;
		white-space: nowrap;
		font-family: "Inter-bold", Arial, sans-serif !important;
		font-weight: 500;
	}

	.table-menu-info tbody td {
		color: #2F313E;
		font-weight: 400;
		padding: 0px 15px 5px 24px;
		border-right: 3px solid #EDF0F5;
		border-bottom: 0px solid #EDF0F5;
		white-space: nowrap;
		font-family: "Inter-regular", Arial, sans-serif !important;
	}

		.table-menu-info tbody td input,
		.table-menu-info tbody td select {
			border-radius: 10px;
			background-color: #EDF0F5;
			border: 1px solid #EDF0F5;
			padding: 0px 10px;
			font-family: "Inter-regular", Arial, sans-serif !important;
		}

.menu-info-icons {
	float: left;
	text-align: center;
	font-weight: 500;
	color: #2F313E;
	font-size: 11px;
	padding: 15px 14px 15px 14px;
	font-family: "Inter-bold", Arial, sans-serif !important;
}

	.menu-info-icons.red {
		color: red;
	}

	.menu-info-icons.green {
		color: #037682;
	}

	.menu-info-icons.selected {
		color: var(--background-color);
	}

	.menu-info-icons img {
		display: inline-block;
		padding: 10px 17px;
		-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
		box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
		border-radius: 10px;
		margin: 2px;
		font-size: 18px;
		margin-bottom: 3px;
	}

.control-bar {
	position: fixed;
	bottom: 0px;
	-webkit-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.18);
	background-color: #8A94A8;
	width: calc(100% - 250px);
	left: 250px;
	z-index: 11;
}



	.control-bar .btn-next {
		float: right;
		padding: 20px 28px;
		background-color: var(--background-color);
		;
		border-left: 3px solid #FFF;
		color: #FFF;
		width: 15%;
		text-align: left;
		font-weight: 500;
	}

	.control-bar .btn-prev {
		float: right;
		padding: 20px 28px;
		background-color: #6C7891;
		color: #FFF;
		width: 15%;
		text-align: right;
		font-weight: 500;
	}

	.control-bar .btn-next:hover {
		background-color: #ff1a1a;
	}

	.control-bar .btn-prev:hover {
		background-color: #4f5b72;
	}

	.control-bar .btn-prev .fa {
		float: left;
		padding: 5px;
	}

	.control-bar .btn-next .fa {
		float: right;
		padding: 5px;
	}

.control-bar-buttons {
	float: left;
	padding: 18px 28px 0px 28px;
	color: #FFF;
	font-weight: 500;
	width: 70%;
}

.control-btns {
	display: inline-block;
}

.control-bar-buttons a.control-print {
	display: inline-block;
	padding: 0px 20px;
	background-color: #FFF;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	margin-right: -3px;
	margin-left: 25px;
	color: #6C7891;
	font-size: 18px;
}

.control-bar-buttons a.control-user {
	display: inline-block;
	padding: 0px 20px;
	background-color: #FFF;
	border-left: 2px solid #8A94A8;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	color: #6C7891;
	font-size: 18px;
}

	.control-bar-buttons a.control-user:hover,
	.control-bar-buttons a.control-print:hover {
		background-color: #4f5b72;
		color: #FFF;
	}


.bg-color2 {
	padding: 10px;
	border: 1px solid #dbdfe3;
	background-color: #FFFFFF;
}

.bg-color2 {
	font-weight: bold;
}

@media (max-width: 991.98px) {

	.input-search {
		width: 100%;
		margin-top: 20px;
	}

	.bottom-reached {
		display: block !important;
	}

	.infobox {
		bottom: 123px !important;
		width: calc(100% - 250px);
	}

	.control-bar-buttons {
		width: 100%;
	}

	.control-bar.active {
		display: none;
	}

	.control-bar .btn-next {
		width: 50%;
	}

	.control-bar .btn-prev {
		width: 50%;
	}

	.control-bar-buttons a.control-print {
		margin-left: 0px;
	}



	.control-bar-buttons a.control-print {
		display: inline-block;
		padding: 0px 8px;
		background-color: #FFF;
		-webkit-border-top-left-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		-moz-border-radius-topleft: 12px;
		-moz-border-radius-bottomleft: 12px;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		margin-right: -3px;
		margin-left: 25px;
		color: #6C7891;
		font-size: 15px;
		margin-bottom: 13px;
	}

	.control-bar-buttons a.control-user {
		display: inline-block;
		padding: 0px 8px;
		background-color: #FFF;
		border-left: 2px solid #8A94A8;
		-webkit-border-top-right-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-moz-border-radius-topright: 12px;
		-moz-border-radius-bottomright: 12px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		color: #6C7891;
		font-size: 15px;
		margin-bottom: 13px;
	}
}

.header-main-menu {
	float: left;
	width: 100%;
	padding: 16px 19px 16px 70px;
	background-color: #2F323E;
	color: #FFF;
}

.username-block {
	float: right;
	margin-right: 15px;
}

	.username-block .fa {
		margin-right: 10px;
	}

	.username-block a {
		font-size: 13px;
	}

.title-main {
	float: left;
	margin-top: 4px;
	padding: 15px 19px 15px 25px;
	color: #FFF;
}

	.title-main.mobile {
		display: none;
	}

#sidebar.active .custom-menu {
	margin-right: -50px;
}

.input-table-original {
	width: 80%;
	height: 95%;
	background-color: inherit;
}
.panel-heading-CL {
    padding: 15px 15px 40px;
}
.input-table {
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 25px;
	border-radius: 20px;
	border-bottom-left-radius: 25px;
	display: inline-block;
	white-space: nowrap;
	border: 1px solid var(--background-color-table-forms);
	background-color: #FFF;
	padding: 6px 10px 4px 30px;
	font-weight: bold;
	color: var(--background-color-table-forms);
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	/*text-transform: uppercase;*/
	font-size: 12px;
	margin-left: 10px;
	line-height: 21px !important;
}


.content-field-forms {
    display: inline-block;
    position: relative;
    text-transform: none;
}

	.content-field-forms .ico-right {
		color: #FFF;
		border-radius: 50%;
		border: 1px solid #000;
		width: 20px;
		height: 20px;
		padding: 3px 0px;
		text-align: center;
		background-color: #000;
		font-size: 12px;
	}

		.content-field-forms .ico-right.fa-exclamation-circle {
			color: #FFF;
			border-color: #fd3621;
			background-color: #fd3621;
		}

	.content-field-forms .ico-left {
		float: left;
		/*commentate per grissin bon */
		position: absolute;
        color: var(--background-color-table-forms);
		left: 20px;
		top: 9px;
		font-size: 17px;
	}

	.content-field-forms select {
		-webkit-border-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-radius: 5px;
		border-bottom-left-radius: 5px;
		display: inline-block;
		white-space: nowrap;
		border: 1px solid var(--background-color-table-forms);
		background-color: #FFF;
		padding: 8px 10px 6px 10px;
		font-weight: bold;
		color: var(--background-color-table-forms);
		transition: 0.3s;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
		/*text-transform: uppercase;*/
		font-size: 12px;
		margin-left: 10px;
	}

	/* checkbox */
	.content-field-forms .containerCheck {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 10px;
		cursor: pointer;
		font-size: 16px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		top: 5px;
		color: var(--background-color-table-forms);
	}

		/* Hide the browser's default checkbox */
		.content-field-forms .containerCheck input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0;
		}

	/* Create a custom checkbox */
	.content-field-forms .checkmark {
		position: absolute;
		top: -2px;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #eee;
	}

	/* On mouse-over, add a grey background color */
	.content-field-forms .containerCheck:hover input ~ .checkmark {
		background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.content-field-forms .containerCheck input:checked ~ .checkmark {
		background-color: var(--background-color-table-forms);
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.content-field-forms .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.content-field-forms .containerCheck input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.content-field-forms .containerCheck .checkmark:after {
		left: 8px;
		top: 3px;
		width: 5px;
		height: 12px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* fine checkbox */

	/* inizio radiobutton */


	.content-field-forms .container2 {
		display: inline-block;
		position: relative;
		padding-left: 25px;
		margin: 9px;
		cursor: pointer;
		font-size: 9px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #525f7f;
		text-align: left !important;
	}

		/* Hide the browser's default radio button */
		.content-field-forms .container2 input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
		}

	/* Create a custom radio button */
	.content-field-forms .checkmark {
		position: absolute;
		top: -2px;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: var(--background-color-table-forms);
		border-radius: 0%;
	}

.checkmark.checkboxmark {
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.content-field-forms .container2:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.content-field-forms .container2 input:checked ~ .checkmark {
	background-color: var(--background-color-table-forms);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.content-field-forms .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.content-field-forms .container2 input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.content-field-forms .container2 .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/* fine radiobutton */

@media (max-width: 991.98px) {


	#sidebar.active {
		margin-left: 0;
	}

	#sidebar .custom-menu {
		margin-right: -60px !important;
		top: 10px !important;
	}

	.title-main.mobile {
		display: block !important;
	}

	.title-main {
		display: none;
	}

	.menu-info-icons {
		float: left;
		width: 33%;
	}
}

#sidebar .custom-menu {
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 0;
	margin-right: -59px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
	#sidebar .custom-menu {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
}

#sidebar .custom-menu .btn.btn-primary {
	background: transparent !important;
	border-color: transparent !important;
}

	#sidebar .custom-menu .btn.btn-primary i {
		color: #FFF !important;
		font-size: 24px;
	}

	#sidebar .custom-menu .btn.btn-primary:hover,
	#sidebar .custom-menu .btn.btn-primary:focus {
		background: transparent !important;
		border-color: transparent !important;
	}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 991.98px) {
	#sidebarCollapse span {
		display: none;
	}
}








@media (max-width: 991.98px) {


	#sidebar.active {
		margin-left: 0;
	}

	#sidebar .custom-menu {
		margin-right: -60px !important;
		top: 10px !important;
	}

	.title-main.mobile {
		display: block !important;
	}

	.title-main {
		display: none;
	}

	.menu-info-icons {
		float: left;
		width: 33%;
	}
}

#refreshMenu {
	min-width: 100%;
	max-width: 100%;
	background: #FFF;
	color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}

	#refreshMenu ul li a:hover {
		color: var(--background-color-hover) !important;
		text-decoration: none !important;
	}

	#refreshMenu .h6 {
		color: #fff;
	}

	#refreshMenu.active {
		margin-left: -250px;
	}

#sidebar.active .custom-menu {
	margin-right: -50px;
}

#sidebar h1 {
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 20px;
	margin-top: 0px;
}

	#sidebar h1 .logo {
		color: #fff;
		display: block;
		padding: 5px 30px;
		background: #024A53;
		border-bottom: 1px solid #024A53;
		text-align: center;
	}

		#sidebar h1 .logo img {
			width: auto;
		}

#refreshMenu ul.components {
	padding: 0;
}

#refreshMenu ul li {
	font-size: 12px;
}

	#refreshMenu ul li > ul {
		margin-left: 10px;
	}

		#refreshMenu ul li > ul li {
			font-size: 14px;
		}

	#refreshMenu ul li a {
		padding: 5px 14px;
		display: block;
		color: #525F7F;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		#refreshMenu ul li a img {
			display: inline-block;
			padding: 6px;
			-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
			box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
			border-radius: 10px;
			margin: 0px 5px 0px 0px;
			width: 25px;
		}

	#refreshMenu ul li.active > a {
		background: transparent;
		color: #000;
	}

		#refreshMenu ul li.active > a:hover {
			color: var(--background-color);
		}









/* CRISTINA */
body {
	font-family: "Inter-regular", Arial, sans-serif !important;
	font-size: 14px;
	line-height: 1.8;
	font-weight: normal;
	background: #fff;
	color: gray !important;
}

@media (min-width: 768px) {
	body {
		padding-top: 70px;
	}
}

/*.navbar-header { min-height: 80px; }*/

/* Wrappers */

/* ------------------------------- */

#wrapper {
	width: 100%;
}

#page-wrapper {
	background-color: #fff;
	min-height: 768px;
	padding: 0 0px;
	position: inherit;
	margin: 0 0 0 250px;
}

@media (min-width: 768px) {
	#page-wrapper {
		border-left: 1px solid #e7e7e7;
		margin: 0 0 0 250px;
		/*min-height: 1300px;*/
		padding: 0 0px;
		position: inherit;
	}
}

.navbar-static-side ul li {
	border-bottom: 1px solid #e7e7e7;
}

/* Navigation */

/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */

.navbar-fixed-top.navbar-default {
	background: rgb(2,74,83);
	background: linear-gradient(90deg, rgba(2,74,83,1) 0%, rgba(3,116,128,1) 100%);
	background-position: left;
	background-repeat: repeat-y;
	margin-left: 250px;
}

	.navbar-fixed-top.navbar-default.login {
		background: #036973 !important;
		background-color: #036973 !important;
		background-position: left;
		background-repeat: repeat-y;
		margin-left: -1px;
		padding: 0px !important;
		width: 50%;
	}

	.navbar-fixed-top.navbar-default.nomargin {
		background-color: #036973;
		background-position: left;
		background-repeat: repeat-y;
		margin-left: -1px;
		padding: 0px !important;
		width: 100%;
	}

.navbar-top-links li {
	display: inline-block;
}

	.navbar-top-links li:last-child {
		margin-right: 15px;
		margin-top: 15px;
	}

	.navbar-top-links li a {
		min-height: 70px;
		padding: 30px 15px 15px 15px;
	}

		.navbar-top-links li a.dropdown-toggle {
			color: #FFF;
		}

			.navbar-top-links li a.dropdown-toggle:hover {
				color: #FFF;
			}

.navbar-top-links .dropdown-menu li {
	display: block;
}

	.navbar-top-links .dropdown-menu li:last-child {
		margin-right: 0;
	}

	.navbar-top-links .dropdown-menu li a {
		min-height: 0;
		padding: 3px 20px;
	}

		.navbar-top-links .dropdown-menu li a div {
			white-space: normal;
		}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
	min-width: 0;
	width: 310px;
}

.navbar-top-links .dropdown-messages {
	margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
	margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
	margin-left: -123px;
}

.navbar-top-links .dropdown-user {
	left: auto;
	right: 0;
}

/* Sidebar Menu Styles */

.sidebar-search {
	padding: 15px;
}

.arrow {
	float: right;
}

.fa.arrow:before {
	content: "\f104";
}

.active > a > .fa.arrow:before {
	content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
	border-bottom: none !important;
}

	.nav-second-level li a {
		padding-left: 37px;
	}

	.nav-third-level li a {
		padding-left: 52px;
	}

@media (min-width: 768px) {
	.navbar-static-side {
		margin-top: 81px;
		position: absolute;
		width: 250px;
		z-index: 1;
	}

	.navbar-top-links .dropdown-messages,
	.navbar-top-links .dropdown-tasks,
	.navbar-top-links .dropdown-alerts {
		margin-left: auto;
	}
}

/* Buttons */

/* ------------------------------- */

.btn-outline {
	background-color: transparent;
	color: inherit;
	transition: all .5s;
}

.btn-primary.btn-outline {
	color: #FFF !important;
}

.btn-success.btn-outline {
	color: #5cb85c;
}

.btn-info.btn-outline {
	color: #5bc0de;
}

.btn-warning.btn-outline {
	color: #f0ad4e;
}

.btn-danger.btn-outline {
	color: #d9534f;
}

	.btn-primary.btn-outline:hover,
	.btn-success.btn-outline:hover,
	.btn-info.btn-outline:hover,
	.btn-warning.btn-outline:hover,
	.btn-danger.btn-outline:hover {
		color: #fff !important;
	}

a:hover, a:focus {
	color: #2f323e;
	text-decoration: none;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

.chat {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.chat li {
		border-bottom: 1px dotted #B3A9A9;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}

		.chat li.left .chat-body {
			margin-left: 60px;
		}

		.chat li.right .chat-body {
			margin-right: 60px;
		}

		.chat li .chat-body p {
			color: #777777;
			margin: 0;
		}

	.panel .slidedown .glyphicon,
	.chat .glyphicon {
		margin-right: 5px;
	}

.chat-panel .panel-body {
	height: 350px;
	overflow-y: scroll;
}

/* Login Page */

.login-panel {
	margin-top: 25%;
}

/* Flot Chart Containers */

.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	height: 100%;
	width: 100%;
}

/* DataTables Overrides */

/*table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled { background: transparent; }*/

/*table.dataTable thead .sorting_asc:after {
     content: "\f0de";
     float: right;
     font-family: fontawesome;
 }

 table.dataTable thead .sorting_desc:after {
     content: "\f0dd";
     float: right;
     font-family: fontawesome;
 }*/

/*table.dataTable thead .sorting:after {
     color: rgba(50, 50, 50, .5);
     content: "\f0dc";
     float: right;
     font-family: fontawesome;
 }*/

/* Circle Buttons */

.btn-circle {
	border-radius: 20px;
	font-size: 16px;
	height: 35px;
	line-height: 16px;
	padding: 6px 0;
	text-align: center;
	width: 35px;
}

	.btn-circle.btn-lg {
		border-radius: 25px;
		font-size: 18px;
		height: 50px;
		line-height: 1.33;
		padding: 10px 16px;
		width: 50px;
	}

	.btn-circle.btn-xl {
		border-radius: 35px;
		font-size: 24px;
		height: 70px;
		line-height: 1.33;
		padding: 10px 16px;
		width: 70px;
	}

.show-grid [class^="col-"] {
	background-color: #eee !important;
	border: 1px solid #ddd;
	padding-bottom: 10px;
	padding-top: 10px;
}

.show-grid {
	margin: 15px 0;
}



.well:hover a, .well:hover {
	color: #FFF;
}

.well a:hover {
	text-decoration: none;
}


.well .fa {
	float: left;
	/*--adjust as necessary--*/
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 0.3em;
	padding-right: 0.5em;
	padding-top: 0.1em;
}

/* tabella dati */

.dataTables_filter {
	float: right;
}

.table-responsive .popover-content .fa {
	font-size: 30px;
}

.table-responsive input[type="search"] {
	margin-left: 5px;
}

.table-responsive th.no-sorting-column {
	width: 30px !important;
}

.upload-file {
	border: 4px dashed #DDDDDD;
	line-height: 150px;
	margin: 10px;
	min-height: 150px;
	text-align: center;
}

	.upload-file:hover {
		background-color: #F7FBFD;
	}


.panel-body table {
	width: 100%;
}


@media (min-width: 320px) and (max-width: 800px) {
	.filtri-popup {
		overflow-y: auto;
		max-height: 350px;
	}

	#FieldDesigner {
		top: 250px !important;
	}
}







.panel-green {
	border-color: #5cb85c;
}

	.panel-green > .panel-heading {
		border-color: #5cb85c;
		color: white;
		background-color: #5cb85c;
	}

	.panel-green > a {
		color: #5cb85c;
	}

		.panel-green > a:hover {
			color: #3d8b3d;
		}

.panel-red {
	border-color: #d9534f;
}

	.panel-red > .panel-heading {
		border-color: #d9534f;
		color: white;
		background-color: #d9534f;
	}

	.panel-red > a {
		color: #d9534f;
	}

		.panel-red > a:hover {
			color: #b52b27;
		}

.panel-yellow {
	border-color: #f0ad4e;
}

	.panel-yellow > .panel-heading {
		border-color: #f0ad4e;
		color: white;
		background-color: #f0ad4e;
	}

	.panel-yellow > a {
		color: #f0ad4e;
	}

		.panel-yellow > a:hover {
			color: #df8a13;
		}

.huge {
	font-size: 40px;
}

.ColumnInvisible {
	display: none;
}

.panel-footer .pull-left {
	font-size: 11px;
	cursor: pointer;
}

	.panel-footer .pull-left a {
		cursor: pointer;
	}


.panel-footer .pull-right .fa {
	font-size: 10px;
	vertical-align: middle;
	display: none;
}

h4.modal-title {
	font-weight: bold !important;
}

.panel-heading {
	padding: 15px 15px 15px;
}

/* CUSTOM CSS ############################# */

#page-wrapper {
	background-color: #EDF0F5 !important;
	width: 100%;
}

body, html {
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	background-color: #EDF0F5 !important;
}

.login-panel .panel-default {
	border-color: #2f323e !important;
}

.login-panel .panel-heading {
	color: #fff !important;
	background-color: var(--background-color) !important;
	border-color: var(--background-color) !important;
}

.login-panel .panel-body {
	padding: 25px !important;
}

.login-panel .btn-primary {
	width: 100% !important;
}

.login-panel p a {
	color: #fe361f !important;
}

.navbar-default .navbar-top-links li a.dropdown-toggle:hover,
.navbar-default .navbar-top-links li a.dropdown-toggle:focus {
	background-color: transparent !important;
}

.navbar-default .navbar-right {
	margin-top: 3px;
	margin-bottom: 0px;
	float: right !important;
}

.panel-listbox .jumbotron {
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18);
	width: 100%;
	background-color: white;
	/* font-size: 20px; */
	padding: 20px 50px;
	margin-top: 53px;
}

	.panel-listbox .jumbotron h1, .jumbotron .h1 {
		font-size: 33px;
		color: var(--color-h1);
		font-weight: bold;
		margin-top: 10px;
	}

.panel-listbox {
	padding: 30px 30px;
	display: inline-block;
	width: 100%;
}

	.panel-listbox .well {
		min-height: 20px !important;
		padding: 19px !important;
		margin-bottom: 20px !important;
		background-color: #ffffff !important;
		border: 0px solid #e3e3e3 !important;
		border-radius: 10px;
		-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%) !important;
		box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%) !important;
		position: relative;
	}

		.panel-listbox .well:hover {
			-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0) !important;
			box-shadow: 0px 0px 6px -1px rgb(0 0 0) !important;
		}

		.panel-listbox .well .fa {
			font-size: 54px;
			margin-top: 3px;
			position: absolute;
			margin-right: 5px;
			left: 35px;
			top: 73px;
			color: #000;
		}

.main-block-2022.cursor:hover {
	-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0);
	box-shadow: 0px 0px 6px -1px rgb(0 0 0);
}


.panel-listbox .well h4 {
	padding: 15px 15px 15px 15px;
	display: inline-block;
	width: calc(100% - 0px);
	border-radius: 10px;
	background-color: #E5F0F1;
	margin: 0px 0px 30px 0px;
	color: #024B54;
	font-size: 17px;
	font-family: "Inter-bold", Arial, sans-serif;
}

.panel-listbox .well p {
	color: #2f323e;
	padding-left: 100px;
}

hr {
	border: 1px solid var(--background-color);
	margin-top: 0px;
}





td.dxgv .fa {
	display: inline-block;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	border-radius: 10px;
	margin: 2px;
	font-size: 18px;
}


	td.dxgv .fa:hover {
		background-color: #037682;
		color: #FFF;
	}

.page-header2 {
	float: left;
	width: 100%;
	padding: 15px 19px 15px 45px;
	background-color: #FFF;
	color: #2F313E;
	font-weight: 500;
	margin-bottom: 0px;
	text-transform: none;
	margin-top: 54px;
	font-size: 14px;
	font-weight: bold;
}

	.page-header2 .fa {
		margin-right: 5px;
	}

	.page-header2 a {
		font-size: 20px;
		padding-right: 0px;
		color: var(--red2);
		margin-right: 10px;
	}

.page-header-logbook {
	float: left;
	width: 100%;
	padding: 15px 19px 0px 45px;
	background-color: #FFF;
	color: #2F313E;
	font-weight: 500;
	margin-bottom: 0px;
	text-transform: none;
	margin-top: 54px;
	font-size: 14px;
	font-weight: bold;
}

.page-header-logbook .fa {
	margin-right: 5px;
}


.page-header3 {
	float: left;
	width: 100%;
	padding: 15px 19px 15px 45px;
	background-color: #FFF;
	color: #2F313E;
	font-weight: 500;
	margin-bottom: 0px;
	text-transform: uppercase;
	margin-top: 1px;
	font-size: 17px;
}


.btn-primary {
	-webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-radius: 10px;
    border-bottom-left-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	border: 0px solid var(--red2) !important;
	background-color: #037682 !important;
	padding: 7px 7px;
	font-weight: bold;
	color: #FFF !important;
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 10px;
}

	.btn-primary:hover {
		background-color: var(--red2) !important;
		color: #FFF !important;
		border-color: var(--red2) !important;
	}

.btn-warning {
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-radius: 10px;
	border-bottom-left-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	border: 0px solid var(--red2) !important;
	padding: 22px 37px;
	font-weight: bold;
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 10px;
}


.page-content1 {
	margin: 20px;
	float: left;
	width: calc(100% - 40px);
	/*width: calc(100% - 40px);
    overflow: auto;*/
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05) !important;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05) !important;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18) !important;
	background-color: #FFF;
}

#grid_DXSearchPanel {
	padding: 10px;
}



.copyright {
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	z-index: 10;
}

	.copyright a {
		color: #000;
	}

.alert {
	display: inline-block;
	width: 100%;
	border-radius: 0px;
	margin-bottom: 0px;
}

.alert-info {
	color: #2f323e;
	background-color: #2f323e1a;
	border-color: #2f323e1a;
}

.filters-pageinternal .control-label {
}

.dxgvFilterRow_iOS td.dxgv {
	padding: 6px 20px 6px !important;
}

.dxgvDataRow_iOS td.dxgv {
	padding: 6px 20px 6px !important;
}

.legenda {
	width: 49%;
	text-align: left;
	display: inline-block;
	font-size: 13px;
	padding-left: 22px;
}

.leg-printed {
	color: var(--printed);
}

.leg-reviewQA {
	color: var(--review-QA);
}

.leg-yellow {
	color: var(--yellow);
}

.leg-orange {
	color: var(--orange);
}

.leg-green {
	color: var(--green);
}

.leg-red {
	color: var(--red);
}

.header-title-menu {
	float: left;
	width: 100%;
	padding: 15px 19px 15px 25px;
	background-color: #FFF;
	color: #2F313E;
	text-transform: uppercase;
	font-family: "Inter-bold", Arial, sans-serif !important;
	font-weight: 500;
}

	.header-title-menu .fa {
		margin: 0px 5px;
	}

/*.header-title-menu * {
        font-family: "Inter-regular", Arial, sans-serif !important;
    }*/

.info-menu {
	float: right;
	color: #000;
	font-weight: 500;
}

.panel-title > a:hover {
	text-decoration: none;
	color: #ffffff;
}

.panel-heading .form-group {
	margin-bottom: 0px;
}

.custom-menu {
	float: left;
	padding: 8px 0px 0px 25px;
}

	.custom-menu button {
		background-color: transparent;
		border: 0px;
		font-size: 25px;
		padding: 0px;
		color: #FFF;
	}

#PhaseTables .panel-body {
	padding: 20px 20px 20px 20px;
	overflow-y: auto;
}


.container-filters-table {
	padding: 20px;
}

.panel-primary > .panel-heading {
	color: #fff;
	background-color: #036772;
	border-color: #036772;
	line-height: 58px;
	font-size: 22px;
}

.panel-body label {
	color: #000;
}

#wrapper {
	min-width: fit-content;
}

.form-horizontal .control-label {
	text-align: left;
}

.icon-td-table .fa {
	color: var(--background-color-hover);
}

.btn-add-table {
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 25px;
	border-radius: 20px;
	display: inline-block;
	white-space: nowrap;
	border: 1px solid var(--red2);
	background-color: #FFF;
	padding: 6px 8px 5px 8px;
	font-weight: bold;
	color: var(--red2);
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	text-transform: uppercase;
	font-size: 12px;
}

	.btn-add-table:hover {
		background-color: var(--red2);
		color: #FFF;
		border-color: var(--red2);
	}

.dxgvHeader_iOS {
	padding: 5px 20px !important;
}

.toogle-a {
	color: black !important;
}

.btn-configFieldsPimary {
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 25px;
	border-radius: 20px;
	border-bottom-left-radius: 25px;
	display: inline-block;
	white-space: nowrap;
	/*border: 2px solid var(--red2);*/
	border: 2px solid #357ebd;
	background-color: #357ebd;
	padding: 5px 10px;
	font-weight: bold;
	color: #FFF;
	/*color: var(--red2);*/
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	text-transform: uppercase;
	font-size: 12px;
}

	.btn-configFieldsPimary:hover,
	.btn-configFieldsPimary:focus,
	.btn-configFieldsPimary:active,
	.open .dropdown-toggle.btn-configFieldsPimary {
		/*background-color: var(--red2);*/
		/*border-color:var(--red2);*/
		border: 2px solid #357ebd;
		background-color: #357ebd;
		color: #FFF;
	}


.btn-configFieldsSuccess {
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 25px;
	border-radius: 20px;
	border-bottom-left-radius: 25px;
	display: inline-block;
	white-space: nowrap;
	/*border: 2px solid var(--red2);*/
	border: 2px solid #5cb85c;
	background-color: #5cb85c;
	padding: 5px 10px;
	font-weight: bold;
	color: #FFF;
	/*color: var(--red2);*/
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	text-transform: uppercase;
	font-size: 12px;
}

	.btn-configFieldsSuccess:hover,
	.btn-configFieldsSuccess:focus,
	.btn-configFieldsSuccess:active,
	.btn-configFieldsSuccess.active,
	.open .dropdown-toggle.btn-configFieldsPimary {
		/*background-color: var(--red2);*/
		/*border-color:var(--red2);*/
		border: 2px solid #4cae4c;
		background-color: #5cb85c;
		color: #FFF;
	}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
	/*background-color: var(--red2);*/
	/*border-color:var(--red2);*/
	border: 2px solid #4cae4c;
	background-color: #5cb85c;
	color: #FFF;
}

.btn-success {
	-webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 25px;
    border-radius: 20px;
    border-bottom-left-radius: 25px;
	display: inline-block;
	white-space: nowrap;
	/*border: 2px solid var(--red2);*/
	border: 2px solid #5cb85c;
	background-color: #5cb85c;
	padding: 5px 10px;
	font-weight: bold;
	color: #FFF;
	/*color: var(--red2);*/
	transition: 0.3s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28);
	text-transform: uppercase;
	font-size: 12px;
}
/*.dxWeb_edtCheckBoxChecked_iOS {
    background-position: -234px -73px !important;
    width: 25px !important;
    height: 25px !important;
}

.dxWeb_edtCheckBoxUnchecked_iOS {
    background-position: -134px -39px;
    width: 25px;
    height: 25px;
}*/

.btn-default_old {
	/*-webkit-border-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-radius: 10px;
    border-bottom-left-radius: 10px;*/
	display: inline-block;
	white-space: nowrap;
	border: 0px solid var(--red2) !important;
	background-color: #FFF !important;
	padding: 22px 37px;
	font-weight: bold;
	color: #009688 !important;
	transition: 0.3s;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 10px;
}
.btn-default {
	color: #007BF7;
	background-color: #fff;
	border-color: #ccc;
	transition: 0.3s;
	border-radius: 20px;
	border-bottom-left-radius: 25px;
}

.headerAccessBR {
	background-color: var(--red2);
}

.title-left-column {
	padding: 10px;
	font-size: 20px;
	color: #FFF;
	background-color: #2f323e !important;
}

.flowchart-operator .flowchart-operator-title {
	background-color: #7f8081 !important;
}

.left-column .ui-widget.ui-widget-content.draggable {
	border-left: 5px solid var(--red2) !important;
}

.overflow-flowchart {
	padding-top: 0px !important;
}


.form-btn {
	display: inline-block !important;
}

.menu-hide {
	margin-left: 0px !important;
}

.menu-hide-footer {
	left: 0px !important;
	width: calc(100% - 0px);
}

.content-field-forms input[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.content-field-forms select[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

.content-field-forms .container input[disabled] ~ .checkmark {
	opacity: 0.5;
	cursor: not-allowed;
}

.content-field-forms .container2 input[disabled] ~ .checkmark {
	opacity: 0.5;
	cursor: not-allowed;
}

.content-field-forms.field-compulsory input {
	border: 1px solid #ff4c36;
	color: #ff4c36;
}

.content-field-forms.field-compulsory .fa-pencil {
	color: #ff4c36;
}

.content-field-forms.field-compulsory select {
	border: 1px solid #ff4c36;
	color: #ff4c36;
}

.content-field-forms.field-compulsory .containerCheck input ~ .checkmark {
	background-color: #ff4c36;
}

.content-field-forms.field-compulsory .container2 input ~ .checkmark {
	background-color: #ff4c36;
}

.container-right {
	float: right;
}


	.container-right label {
		font-size: 13px;
		padding-right: 10px;
	}

	.container-right * {
		display: inline-block;
	}

	.container-right .text-input {
		font-size: 15px;
		border-radius: 10px;
		border: 1px solid #767676;
		padding: 17px;
		margin-right: 10px;
	}

#allegatiBR_DXMainTable td {
	font-family: 'Segoe UI', sans-serif !important;
}

.container-table-form {
	float: left;
	width: 98% !important;
	font-weight: 500;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.43);
	margin-bottom: 20px;
}

	.container-table-form td {
		padding: 8px;
		border: 1px solid #F1F1F1;
	}

	.container-table-form #firmaview {
		float: right !important;
		margin: 10px;
		padding: 10px 38px;
	}

.divCaricaFile {
	vertical-align: middle;
	padding: 25px;
	background-color: #F1F1F1;
	float: left;
	width: calc(100% - 73px);
	border-radius: 20px;
}

.formCaricaFile {
	display: inline-block;
	width: 31%;
	vertical-align: middle;
}

.inputNota {
	float: left;
	width: 100%;
	height: 70px;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #CCC;
}

#page-wrapper {
	min-width: fit-content;
}

/* LOGIN 2022 */

/*.left-2022 {
	float: left;
	width: 790px;
	height: 100vh;
	position: relative;
	background: rgb(3,111,122);
	background: -moz-linear-gradient(180deg, rgba(3,111,122,1) 0%, rgba(2,72,79,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(3,111,122,1) 0%, rgba(2,72,79,1) 100%);
	background: linear-gradient(180deg, rgba(3,111,122,1) 0%, rgba(2,72,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#036f7a",endColorstr="#02484f",GradientType=1);
}

	.left-2022 .form-control {
		width: 100% !important;
	}

	.left-2022 label {
		margin-top: 30px;
		color: #FFF !important;
	}

	.left-2022 input[type="submit"] {
		display: inline-block;
		padding: 15px 20px !important;
		border-radius: 10px;
		background-color: #ed6b10 !important;
		color: #FFF !important;
		border: 0px;
	}

		.left-2022 input[type="submit"]:hover {
			display: inline-block;
			background-color: #0b808d !important;
		}

.right-2022 {
	float: left;
	width: calc(100% - 790px);
	height: 100vh;
	background-image: url("/Content/Images/img-login/imag-sfondo.jpg");
	background-size: cover;
}

.center-form-2022 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: left;
	width: 50%;
}


@media only screen and (max-width: 1024px) {
	.left-2022 {
		float: left;
		width: 100%;
	}



	.right-2022 {
		display: none;
		float: left;
		width: calc(100% - 790px);
		height: 100vh;
		background-color: blue;
	}


	.center-form-2022 {
		width: 80%;
	}
}


.btn-primary-login {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #FFF;
	background-color: #037682;
	background-clip: padding-box;
	border: 0px solid #8E929C;
	border-radius: 10px;
	-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;
	-o-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;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	margin-top: 30px;
	font-weight: bold;
	cursor: pointer;
}

	.btn-primary-login:hover {
		color: #FFF !important;
		background-color: #8696b0 !important;
	}*/

/*LOGIN 2024*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/*body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e0e0e0;
    overflow: hidden;
}*/

.container {
	display: flex;
	width: 100%;
	height: 100vh;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 0px !important;
	margin: 0;
	background-size: cover;
}

.left-panel {
	background-color: #036973;
	color: white;
	width: 50%;
	padding: 40px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: -1px;
	padding: 0px !important;
}

.right-panel {
	width: 50%;
	background-image: url('/Content/Images/inpharmatic-pharma-4.jpg');
	background-size: cover;
	background-position: -350px center;
	background-repeat: no-repeat;
	height: 100vh;
	margin-right: 0px;
}

body, html {
	margin: 0;
	padding: 0;
	/*height: 100%;*/
	width: 100%;
}


.left-container {
	max-width: 450px;
	margin: 0px auto;
}

.logo-section {
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company-logo .logo {
	height: 50px;
}

.dilab-logo {
	text-align: right;
}

.dilab-title {
	font-size: 30px;
	font-weight: bold;
	color: #F15A22;
	display: block;
}

.dilab-text p {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.left-panel .form-group {
	margin-bottom: 20px;
}

	.left-panel .form-group label {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
		font-size: 14px;
	}

	.left-panel .form-group input {
		width: 100%;
		padding: 15px 20px;
		border-radius: 5px;
		border: none;
		font-size: 14px;
	}

.left-panel .form-control-2 {
	width: 100% !important;
}

.left-panel label {
	margin-top: 30px;
	color: #FFF !important;
}
.left-panel input[type="submit"] {
	display: inline-block;
	padding: 15px 20px !important;
	border-radius: 10px;
	background-color: #ed6b10 !important;
	color: #FFF !important;
	border: 0px;
}

	.left-panel input[type="submit"]:hover {
		display: inline-block;
		background-color: #0b808d !important;
	}

.login-btn {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #FFF;
	background-color: #ED6B10;
	background-clip: padding-box;
	border: 0px solid #8E929C;
	border-radius: 10px;
	-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;
	-o-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;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	margin-top: 30px;
	font-weight: bold;
	cursor: pointer;
}

	.login-btn:hover {
		color: #FFF !important;
		background-color: #8696b0 !important;
	}




.background-image {
	background-image: url('/Content/Images/inpharmatic-pharma-4.jpg');
	background-size: cover;
	background-position: right;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1200px) {
	.container {
		flex-direction: column;
	}

	.left-panel, .right-panel {
		width: 100%;
		height: 50vh;
	}

	.right-panel {
		background-position: center;
	}
}

@media screen and (max-width: 768px) {
	.container {
		flex-direction: column;
	}

	.left-panel {
		width: 100%;
		height: 50vh;
		padding: 20px 10px;
	}

	.right-panel {
		width: 100%;
		height: 50vh;
		background-position: center;
		background-size: cover;
	}

	.background-image {
		height: 100%;
	}
}

.container-home {
	display: flex;
	width: 100%;
	height: 100vh;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	/*background-image: url('/Content/Images/imag-sfondo.jpg');*/
	background-color: #EDF0F5;
	background-size: cover;
	padding: 0px !important;
	margin: 0px;
}

.left-section, .right-section {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.enter-box {
	background-color: white;
	border-radius: 10px;
	padding: 30px;
	text-align: center;
	max-width: 450px;
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.17);
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.17);
	transition: transform 0.5s;
}

	.enter-box:hover {
		transform: scale(1.1);
	}

	.enter-box svg {
		display: inline-block;
		vertical-align: middle;
		color: #FFF;
	}

	.enter-box p {
		font-size: 13px;
		line-height: 18px;
	}

	.enter-box img {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.enter-box .vector {
		max-width: 130px;
	}

.btn-enter {
	display: inline-block;
	margin-top: 20px;
	width: 100%;
	padding: 10px;
	background-color: #ED6B10;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	padding: 15px 20px;
	font-weight: bold;
	text-decoration: none;
}

	.btn-enter:hover {
		background-color: #d0491b;
	}

	.btn-enter.disabled {
		pointer-events: none;
		opacity: 0.5;
		cursor: not-allowed;
	}


/*.selected-ambient {
	position: relative;
	background-color: #FFF;
	color: #024A53;
}

.button-dibatch:before {
	content: "";
	position: absolute;
	bottom: 40%;
	border: solid #FFF;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	left: -30px;
}

.text-seleziona {
	line-height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 35px;
}

.button-dibatch {
	display: inline-block;
	padding: 6px 21px 6px 20px;
	margin: 0px 5px 0px 0px;
	border-radius: 5px;
	border: 1px solid #057482;
	vertical-align: middle;
}


.button-diform {
	display: inline-block;
	padding: 5px 21px 5px 20px;
	margin: 0px 5px 0px 0px;
	border-radius: 5px;
	border: 1px solid #057482;
	vertical-align: middle;
}

	.button-dibatch img, .button-diform img {
		opacity: 0.8;
	}

	.button-dibatch:hover img, .button-diform:hover img {
		opacity: 1;
		cursor: pointer;
	}*/

.button-admin:hover {
	color: #FFF;
}

.selected-ambient:hover {
	color: #0fb6ca !important;
}

.button-admin {
	background: none;
	border: none;
	padding: 0;
}

.admin-link {
	text-decoration: underline;
	color: white;
	font-weight: bold;
	cursor: pointer;
	margin-left: 15px;
}

	.admin-link:hover {
		color: black;
	}


/* Media queries for responsiveness */
@media only screen and (max-width: 1200px) {
	.enter-box {
		max-width: 350px;
	}
}

@media only screen and (max-width: 992px) {
	.left-section, .right-section {
		width: 60%;
	}

	.enter-box {
		max-width: 300px;
	}
}


@media only screen and (max-width: 768px) {
	.left-section, .right-section {
		width: 80%;
	}

	.enter-box {
		max-width: 250px;
	}
}


@media only screen and (max-width: 480px) {
	.left-section, .right-section {
		width: 100%;
	}

	.enter-box {
		max-width: 200px;
		padding: 20px;
	}

	.btn-enter {
		padding: 10px;
	}
}

@-moz-keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}


/* cruscotto 2022 */

.padding-page-2022 {
	float: left;
	/*width:100%;*/
	padding: 25px;
}

.header-2022 {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}

.block-1-2022 {
	font-size: 15px;
	color: #666666;
	display: inline-block;
	font-weight: bold;
}

	.block-1-2022 a {
		text-decoration: none;
		color: #666666;
		font-weight: normal;
	}

		.block-1-2022 a:hover {
			text-decoration: none;
			color: #000;
		}

	.block-1-2022 h1 {
		margin: 15px 0px 0px 0px;
		padding: 0px;
		font-size: 50px;
		color: #000;
		font-family: "Inter-bold", Arial, sans-serif;
	}

.block-2-2022 {
	font-size: 15px;
	color: #000;
	display: inline-block;
	width: calc(100% - 500px);
	padding-left: 40px;
	border-left: 1px solid #000;
	margin-left: 40px;
}


	.block-2-2022 h2 {
		font-size: 18px;
		color: #004B52;
		font-family: "Inter-bold", Arial, sans-serif;
	}

	.block-2-2022 h3 {
		font-size: 15px;
		font-family: "Inter-bold", Arial, sans-serif;
		line-height: 19px;
	}

.main-block-2022 {
	padding: 11px;
	min-height: 190px;
	float: left;
	width: calc(33% - 20px);
	margin: 10px;
	-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	border-radius: 10px;
	font-size: 15px;
	background-color: #FFF;
}

	.main-block-2022 h3 {
		padding: 15px;
		display: inline-block;
		width: calc(100% - 0px);
		border-radius: 10px;
		background-color: #E5F0F1;
		margin: 0px 0px 30px 0px;
		color: #024B54;
		font-size: 17px;
		font-family: "Inter-bold", Arial, sans-serif;
	}

	.main-block-2022 img {
		float: left;
		margin-right: 25px;
		margin-left: 20px;
	}

	.main-block-2022 a.arrow-2022 {
		float: right;
		width: 20px;
		height: 110px;
		margin-top: -20px;
		background-image: url("/Content/Images/img-cruscotto/arrow-right-2022.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		margin-right: 15px;
	}

	.main-block-2022 p {
		display: inline-block;
		width: calc(100% - 175px);
		color: #000;
	}

.cursor {
	cursor: pointer;
}

@media only screen and (max-width: 800px) {
	.main-block-2022 {
		padding: 12px;
		min-height: 190px;
		float: left;
		width: calc(94% - 27px);
		margin: 20px;
		-webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.44);
		box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.44);
		border-radius: 10px;
		font-size: 15px;
	}

	.block-2-2022 {
		font-size: 15px;
		color: #000;
		display: inline-block;
		width: calc(100% - 0px);
		padding-left: 0px;
		border-left: 0px solid #000;
		margin-left: 0px;
	}
}


td.dxgv .btn-default {
	border: 0px !important;
	padding: 0px !important;
	color: #009688 !important;
}

td a.dxbButton_Material {
	display: inline-block;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	border-radius: 10px;
	margin: 2px;
}

	td a.dxbButton_Material:hover {
		display: inline-block;
		padding: 10px;
		-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
		box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
		border-radius: 10px;
		background-color: #F1F1F1;
	}


.form-group .dxeButtonEdit_Material {
	background-color: white;
	border: 1px solid #8e929c;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 10px;
	width: 170px;
	font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	border-collapse: separate;
	border-spacing: 0;
	padding: 11px;
}

.intestazione-phasemanagement strong {
	font-family: "Inter-black", Arial, sans-serif;
	font-size: 14px !important;
	color: #025059;
}

.first-item {
	color: #025059;
	font-size: 20px;
	background-color: #FFF !important;
	font-family: "Inter-bold", Arial, sans-serif;
}

	.first-item strong {
		color: #000 !important;
		font-size: 20px !important;
	}

.last-item {
	background-color: #FFF !important;
}


.intestazione-phasemanagement .col-md-2 {
	background-color: #026a7629;
	border-radius: 10px;
	margin: 0px 5px;
	width: calc(16.6666% - 10px) !important;
}

	.intestazione-phasemanagement .col-md-2 .form-group {
		margin-top: 10px;
	}

.container-right-phase {
	float: right;
}

h2#titleDoc {
	float: left;
	width: 100%;
	min-height: 62px;
}

.container-left-phase {
	float: left;
}

.container-filters {
	display: inline-block;
	width: 100%;
	padding: 20px;
	margin-top: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
	box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 44%);
}

.panel-default > .panel-heading {
	background-color: #036772;
}

	.panel-default > .panel-heading h5 {
		font-family: "Inter-black", Arial, sans-serif;
		font-size: 16px !important;
		color: #FFF !important;
	}

		.panel-default > .panel-heading h5 a {
			font-family: "Inter-black", Arial, sans-serif;
			font-size: 16px !important;
			color: #FFF !important;
		}

.panel-body {
	padding-top: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
}

.file-upload {
	margin-bottom: 15px;
}

input[type="file"] {
	display: inline-block;
	font-size: 16px;
	color: #000;
	vertical-align: middle;
}

input[type="submit"] {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #037682;
	color: #FFF;
	border: 0px;
}


.container-left-phase h2 {
	display: inline-block;
	font-family: "Inter-bold", Arial, sans-serif;
	margin: 0px;
}

.container-left-phase h3 {
	display: inline-block;
	margin: 0px;
	padding-left: 44px;
	color: #037682;
}

.panel-body p .btn-primary {
	padding: 7px 37px !important;
	margin: 0px 0px 5px 0px;
}

.table-style thead td, a.btn-table-style {
	background-color: #03626d !important;
	color: #FFF;
}

.form-group .dxeTextBox_Material {
	display: block;
	width: 100%;
	height: auto;
	padding: 11px 20px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #8E929C;
	border-radius: 10px;
}

.modal-title {
	margin: 0;
	line-height: 1.428571429;
	color: #FFF !important;
}

.page-gest-master-record .panel-default > .panel-heading {
	background-color: #03677221;
}

.page-gest-master-record-dibatch .panel-default > .panel-heading {
	background-color: #fff;
}

.page-gest-master-record .btn-info {
	color: #fff;
	background-color: #03646f;
	border-color: #03646f;
	font-family: "Inter-bold", Arial, sans-serif !important;
}

.page-gest-master-record #titleDoc {
	color: #025059 !important;
	font-size: 20px !important;
	min-height: 35px !important;
	font-family: "Inter-bold", Arial, sans-serif !important;
}

.page-gest-master-record .smalltxt {
	font-size: 15px !important;
	white-space: inherit;
}

.page-gest-master-record .col-md-2 {
	background-color: #03677247;
	border-radius: 10px;
	margin: 10px 10px;
	min-height: 84px;
	width: calc(16.6666% - 20px) !important;
	padding: 15px;
}



	.page-gest-master-record .col-md-2 small strong {
		font-family: "Inter-black", Arial, sans-serif !important;
		font-size: 14px !important;
		color: #025059 !important;
	}

.page-gest-master-record .form-accordion .form-control {
	padding: 5px 20px !important;
	margin-left: 10px !important;
}

.page-gest-master-record .panel-title a {
	font-family: "Inter-bold", Arial, sans-serif !important;
}

.page-content1 .col-lg-1.col-md-3 .panel {
	background: rgb(3 118 130 / 18%);
	border-radius: 15px;
	padding: 10px;
	text-align: center;
	color: #024a53;
	margin-bottom: 15px;
}

.page-content1 .col-lg-1.col-md-3 .col-xs-12.text-center .huge {
	font-size: 29px;
	font-weight: bold;
}

.page-content1 .icona {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

	.page-content1 .icona img {
		padding: 5px;
		background-color: #FFF;
		border-radius: 31%;
		margin-right: 3px;
		left: 11px;
		position: absolute;
		top: -4px;
	}

.page-content1 .col-lg-1.col-md-3 .panel-green {
	background: rgb(2,74,83) !important;
	background: linear-gradient(90deg, rgba(2,74,83,1) 0%, rgba(3,116,128,1) 100%) !important;
	color: #FFF !important;
}


@media only screen and (max-width: 640px) {
	.left-2022 .center-form-2022 img {
		width: 100%;
		height: auto;
	}
}

.select2-selection {
	border: 1px solid var(--background-color-table-forms) !important;
	background-color: #FFF !important;
	font-weight: bold !important;
	margin-left: 10px !important;
}