@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,700');

/*	 ===================================================================== */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/*	 ===================================================================== */
/**
/* HTML5 display definitions
   -------------------------- */
audio, canvas, progress, video {display: inline-block;}	/* Add the correct display in IE 9-. */
audio:not([controls]) {	/* Add the correct display in iOS 4-7. */
	display: none;
	height: 0;
}
progress {vertical-align: baseline;}	/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
template, /* 1 */ [hidden] {display: none;}	/* Add the correct display in IE 10-. 1. Add the correct display in IE. */
a:active, a:hover {outline-width: 0;}	/* Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */

/* ------------------------------------------------
		Text-level semantics
  ------------------------------------------------- */
abbr[title] {
	border-bottom: none; /* Remove the bottom border in Firefox 39-. */
	text-decoration: underline; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
	text-decoration: underline dotted;
}
dfn {font-style: italic;}	/* Add the correct font style in Android 4.3-. */
mark {		/* Add the correct background and color in IE 9-. */
	background-color: #ff0;	
	color: #000;
}
sub, sup {	/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* ------------------------------------------------
		Embedded content
  ------------------------------------------------- */
img {border-style: none;}	/* Remove the border on images inside links in IE 10-. */
svg:not(:root) {overflow: hidden;}	/* Hide the overflow in IE. */

/* ------------------------------------------------
		Grouping content
  ------------------------------------------------- */
code, kbd, pre, samp {
	font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */
	font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}
figure {margin: 1em 40px;} /* Add the correct margin in IE 8. */

/* ------------------------------------------------
		Forms
  ------------------------------------------------- */
button, input, select {overflow: visible;}
button, input, select, textarea {margin: 0;}	/* 1. Remove the margin in Firefox and Safari. */
button, select {text-transform: none;}	/* Remove the inheritance of text transform in Edge, Firefox, and IE. */
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, input::-moz-focus-inner {	/* Remove the inner border and padding in Firefox. */
	border: 0;
	padding: 0;
}
button:-moz-focusring, input:-moz-focusring {outline: 1px dotted ButtonText;}	/* Restore the focus styles unset by the previous rule. */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
textarea {overflow: auto;}	/* Remove the default vertical scrollbar in IE. */
[type="checkbox"], [type="radio"] {
	box-sizing: border-box; /* Add the correct box sizing in IE 10-. */
	padding: 0; /* Remove the padding in IE 10-. */
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} /* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="search"] {-webkit-appearance: textfield;}	/* Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} /*Remove the inner padding and cancel buttons in Chrome on OS X and * Safari on OS X. */

/* ============================================================
		TEMPLATE
	============================================================ */
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #FFD333;
	--secondary: #F5F5F5;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #FFFFFF;
	--dark: #3D464D;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--fd-font-sans-serif: Roboto, sans-serif, Arial, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--fd-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--fd-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--fd-article-width: 100%;
	--fd-container-width: 100%;
	--fd-font-size: 15px;
	--fd-font-color: #3D464D;
	--font-size-1: 0.8rem;     
	--font-size-2: 1.0rem; 
	--font-size-3: 1.3rem; 	
	--font-size-4: 1.6rem; 
	--font-size-5: 2rem;
	--font-size-6: 2.8rem;
}
*, *::before, *::after {box-sizing: border-box;}
html {
	text-rendering: optimizeLegibility;
	-webkit-font-kerning: normal;
	font-kerning: normal;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size:var(--fd-font-size);
}
body {
	margin: 0 auto;
	font-family: var(--fd-font-sans-serif);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--gray-dark);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	justify-content: center !important;
	overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
article {width: var(--fd-article-width);}
section {width: 100%;}
hr {
	box-sizing: content-box; /* Add the correct box sizing in Firefox. */
	height: 0;
	overflow: visible; /* Show the overflow in Edge and IE. */
	margin: 3rem 0 2rem 0;
	color: inherit;
	background-color: grey;
	opacity: 0.5;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
}
h1, .h1 {font-size: var(--font-size-6);}
h2, .h2 {font-size: var(--font-size-5);}
h3, .h3 {font-size: var(--font-size-4);}
h4, .h4 {font-size: var(--font-size-3);}
h5, .h5 {font-size: var(--font-size-2);}
h6, .h6 {font-size: var(--font-size-1);}
a {
	color: #93edff;
	text-decoration: none;
	background-color: transparent;
}
a:hover {color: #0a58ca;}
a:not([href]):not([class]), a:not([href]):not([class]):hover {color: inherit;}
iframe {max-width: 100% !important;}
ul {list-style-type:none;}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-thumbnail {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	max-width: 100%;
	height: auto;
}
.fit_img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
/* ---------------------------------------------------------------------------
				--- Row / Cols ---
	--------------------------------------------------------------------------- */
.row {
	--fd-gutter-x: 1.5rem;
	--fd-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--fd-gutter-y) * -1);
	margin-right: calc(var(--fd-gutter-x) * -.5);
	margin-left: calc(var(--fd-gutter-x) * -.5);
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--fd-gutter-x) * .5);
	padding-left: calc(var(--fd-gutter-x) * .5);
	margin-top: var(--fd-gutter-y);
}
.col {flex: 1 0 0%;}
.col-auto, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {flex: 0 0 auto;}
.col-auto {width: auto;}
.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}

/* ----------------------------------------------------------------------------------------
		--- Boxes / Alignments / Display / Offset / Padding / Margins / Width / Height ---
	---------------------------------------------------------------------------------------- */
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	width: var(--fd-container-width);
	padding-right: var(--fd-gutter-x, 0.75rem);
	padding-left: var(--fd-gutter-x, 0.75rem);
	margin-right: auto;
	margin-left: auto;
}
.no_rounded {border-radius: unset !important;}
.rounded {border-radius: 0.27rem !important;}
.rounded-0 {border-radius: 0 !important;}
.rounded-1 {border-radius: 0.2rem !important;}
.rounded-2 { border-radius: 0.27rem !important;}
.rounded-3 {border-radius: 0.3rem !important;}
.rounded-4 {border-radius: 0.4rem !important;}
.rounded-circle {border-radius: 50% !important;}
.rounded-pill {border-radius: 50rem !important;}
.rounded-top {border-radius: 0.27rem 0.27rem 0px 0px !important}
.rounded-right {border-radius: 0px 0.27rem 0.27rem 0px !important}
.rounded-bottom {border-radius: 0px 0px 0.27rem 0.27rem !important}
.rounded-left {border-radius:0.27rem 0px 0px 0.27rem !important}

.no_shadow {box-shadow: none !important;}
.shadow {box-shadow: 1px 0.25rem 1rem 0px rgb(0 0 0 / 40%)  !important;}
.shadow-sm {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.shadow-lg {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.shadow-deep {box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 50%) !important;}
.no-border {border:none !important;}
.bordered {border: 1px solid #979797 !important;}
.border_dark {border:1px solid #547281 !important}
.border_inset {border: 1px inset #e2e2e2;}

/*	--- Alignments --- */
.flex-direction-row {flex-direction:row;}
.flex-direction-row-reverse {flex-direction:row-reverse;}
.flex-direction-column {flex-direction:column;}
.flex-direction-column-reverse {flex-direction: column-reverse;}
.justify-content-start {justify-content: flex-start !important;}	/*	--- Allinea elementi orizzontalmente nel contenitore (flex-start=a sx - flex-end=a dx ecc.) --- */
.justify-content-end {justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly {justify-content: space-evenly !important;}
.align-items-start {align-items: flex-start !important;}				/*	--- Allinea verticalmente nel contenitore ogni child-element (flex-start=in alto - flex-end=in basso ecc.) -- */
.align-items-end {align-items: flex-end !important;}
.align-items-center {align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch {align-items: stretch !important;}
.align-content-start {align-content: flex-start !important;}		/*	--- Allinea righe (div) di elementi verticalmente (flex-start=in alto - flex-end=in basso ecc.) --- */
.align-content-end {align-content: flex-end !important;}
.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}
.align-content-around {align-content: space-around !important;}
.align-content-stretch {align-content: stretch !important;}
.align-self-auto {align-self: auto !important;}
.align-self-start {align-self: flex-start !important;}
.align-self-end {align-self: flex-end !important;}
.align-self-center {align-self: center !important;}
.align-self-baseline {align-self: baseline !important;}
.align-self-stretch {align-self: stretch !important;}
.position-static {position: static !important;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important;
}
.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}
.wrap {flex-wrap: wrap;}
.nowrap {flex-wrap: nowrap;}
.wrap-reverse {flex-wrap: wrap-reverse}
.valign-baseline {vertical-align: baseline !important;}
.valign-top {vertical-align: top !important;}
.valign-middle {vertical-align: middle !important;}
.valign-bottom {vertical-align: bottom !important;}
.valign-text-bottom {vertical-align: text-bottom !important;}
.valign-text-top { vertical-align: text-top !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.float-none {float: none !important;}
.central_div {margin: 0 auto;}
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
/*	--- Display --- */
.display-inline {display: inline !important;}
.display-inline-block {display: inline-block !important;}
.display-block {display: block !important;}
.display-grid {display: grid !important;}
.display-table {display: table !important;}
.display-table-row {display: table-row !important;}
.display-table-cell { display: table-cell !important;}
.display-flex {display: flex !important;}
.display-inline-flex {display: inline-flex !important;}
.display-none, .hidden {display: none !important;}

/*	--- Offset / Padding / Margins --- */
.offset-1 {margin-left: 8.33333333%;}
.offset-2 {margin-left: 16.66666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.33333333%;}
.offset-5 {margin-left: 41.66666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.33333333%;}
.offset-8 {margin-left: 66.66666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.33333333%;}
.offset-11 {margin-left: 91.66666667%;}
.g-0, .gx-0 {--fd-gutter-x: 0;}
.g-0, .gy-0 {--fd-gutter-y: 0;}
.g-1, .gx-1 {--fd-gutter-x: 0.25rem;}
.g-1, .gy-1 {--fd-gutter-y: 0.25rem;}
.g-2, .gx-2 {--fd-gutter-x: 0.5rem;}
.g-2, .gy-2 {--fd-gutter-y: 0.5rem;}
.g-3, .gx-3 {--fd-gutter-x: 1rem;}
.g-3, .gy-3 {--fd-gutter-y: 1rem;}
.g-4, .gx-4 {--fd-gutter-x: 1.5rem;}
.g-4, .gy-4 {--fd-gutter-y: 1.5rem;}
.g-5, .gx-5 {--fd-gutter-x: 3rem;}
.g-5, .gy-5 {--fd-gutter-y: 3rem;}
.pad0 {padding: 0 !important;}
.pad025 {padding: 0.25rem !important;}
.pad033 {padding: 0.33rem !important;}
.pad05 {padding: 0.5rem !important;}
.pad075 {padding: 0.75rem !important;}
.pad1 {padding: 1rem !important;}
.pad15 {padding: 1.5rem !important;}
.pad2 {padding: 2rem !important;}
.pad25 {padding: 2.5rem !important;}
.pad3 {padding: 3rem !important;}
.padtop0 {padding-top: 0 !important;}
.padtop025 {padding-top: 0.25rem !important;}		/* 1 rem = 15px (root def.) * 0.25 = 3.75px */
.padtop033 {padding-top: 0.33rem !important;}		/* circa 5px */
.padtop05 {padding-top: 0.5rem !important;}
.padtop075 {padding-top: 0.75rem !important;}		/* circa 11px */
.padtop1 {padding-top: 1rem !important;}
.padtop125 {padding-top: 1.25rem !important;}		/*	18.75px */
.padtop15 {padding-top: 1.5rem !important;}			/*	22.5px */
.padtop2 {padding-top: 2rem !important;}				/* 28px */
.padtop25 {padding-top: 2.5rem !important;}			/* 35px */
.padtop3 {padding-top: 3rem !important;}				/* 42px */
.padtop35 {padding-top: 3.5rem !important;}			/* 52.5px */
.padtop4 {padding-top: 4rem !important;}				/* 60px */
.padright0 {padding-right: 0 !important;}
.padright025 {padding-right: 0.25rem !important;}
.padright033 {padding-right: 0.33rem !important;}
.padright05 {padding-right: 0.5rem !important;}
.padright075 {padding-right: 0.75rem !important;}
.padright1 {padding-right: 1rem !important;}
.padright125 {padding-right: 1.25rem !important;}
.padright15 {padding-right: 1.5rem !important;}
.padright2 {padding-right: 2rem !important;}
.padright25 {padding-right: 2.5rem !important;}
.padright3 {padding-right: 3rem !important;}
.padright35 {padding-right: 3.5rem !important;}
.padright4 {padding-right: 4rem !important;}
.padbot0 {padding-bottom: 0 !important;}
.padbot025 {padding-bottom: 0.25rem !important;}
.padbot033 {padding-bottom: 0.33rem !important;}
.padbot05 {padding-bottom: 0.5rem !important;}
.padbot075 {padding-bottom: 0.75rem !important;}
.padbot1 {padding-bottom: 1rem !important;}
.padbot125 {padding-bottom: 1.25rem !important;}
.padbot15 {padding-bottom: 1.5rem !important;}
.padbot2 {padding-bottom: 2rem !important;}
.padbot25 {padding-bottom: 2.5rem !important;}
.padbot3 {padding-bottom: 3rem !important;}
.padbot4 {padding-bottom: 4rem !important;}
.padleft0 {padding-left: 0 !important;}
.padleft025 {padding-left: 0.25rem !important;}
.padleft05 {padding-left: 0.5rem !important;}
.padleft033 {padding-left: 0.33rem !important;}
.padleft075 {padding-left: 0.75rem !important;}
.padleft1 {padding-left: 1rem !important;}
.padleft125 {padding-left: 1.25rem !important;}
.padleft15 {padding-left: 1.5rem !important;}
.padleft2 {padding-left: 2rem !important;}
.padleft25 {padding-left: 2.5rem !important;}
.padleft3 {padding-left: 3rem !important;}
.padleft35 {padding-left: 3.5rem !important;}
.padleft4 {padding-left: 4rem !important;}
.marg0 {margin: 0 !important;}
.marg025 {margin: 0.25rem !important;}
.marg05 {margin: 0.5rem !important;}
.marg075 {margin: 0.75rem !important;}
.marg1 {margin: 1rem !important;}
.marg15 {margin: 1.5rem !important;}
.marg2 {margin: 2rem !important;}
.marg25 {margin: 2.5rem !important;}
.marg3 {margin: 3rem !important;}
.margtop_auto {margin-top: auto !important;}
.margtop0 {margin-top: 0 !important;}
.margtop025 {margin-top: 0.25rem !important;}
.margtop033 {margin-top: 0.33rem !important;}
.margtop05 {margin-top: 0.5rem !important;}
.margtop075 {margin-top: 0.75rem !important;}
.margtop1 {margin-top: 1rem !important;}
.margtop15 {margin-top: 1.5rem !important;}
.margtop2 {margin-top: 2rem !important;}
.margtop25 {margin-top: 2.5rem !important;}
.margtop3 {margin-top: 3rem !important;}
.margtop4 {margin-top: 4rem !important;}
.margtop5 {margin-top: 5rem !important;}
.margright_auto {margin-right: auto !important;}
.margright0 {margin-right: 0 !important;}
.margright025 {margin-right: 0.25rem !important;}
.margright033 {margin-right: 0.33rem !important;}
.margright05 {margin-right: 0.5rem !important;}
.margright075 {margin-right: 0.75rem !important;}
.margright1 {margin-right: 1rem !important;}
.margright15 {margin-right: 1.5rem !important;}
.margright2 {margin-right: 2rem !important;}
.margright25 {margin-right: 2.5rem !important;}
.margright3 {margin-right: 3rem !important;}
.margright4 {margin-right: 4rem !important;}
.margright5 {margin-right: 5rem !important;}
.margleft_auto {margin-left: auto !important;}
.margbot0 {margin-bottom: 0 !important;}
.margbot025 {margin-bottom: 0.25rem !important;}
.margbot033 {margin-bottom: 0.33rem !important;}
.margbot05 {margin-bottom: 0.5rem !important;}
.margbot075 {margin-bottom: 0.75rem !important;}
.margbot1 {margin-bottom: 1rem !important;}
.margbot15 {margin-bottom: 1.5rem !important;}
.margbot2 {margin-bottom: 2rem !important;}
.margbot25 {margin-bottom: 2.5rem !important;}
.margbot3 {margin-bottom: 3rem !important;}
.margbot4 {margin-bottom: 4rem !important;}
.margbot5 {margin-bottom: 5rem !important;}
.margbot_auto {margin-bottom: auto !important;}
.margleft0 {margin-left: 0 !important;}
.margleft025 {margin-left: 0.25rem !important;}
.margleft033 {margin-left: 0.33rem !important;}
.margleft05 {margin-left: 0.5rem !important;}
.margleft075 {margin-left: 0.75rem !important;}
.margleft1 {margin-left: 1rem !important;}
.margleft15 {margin-left: 1.5rem !important;}
.margleft2 {margin-left: 2rem !important;}
.margleft25 {margin-left: 2.5rem !important;}
.margleft3 {margin-left: 3rem !important;}
.margleft4 {margin-left: 4rem !important;}
.margleft5 {margin-left: 5rem !important;}

/*	--- Width / Height --- */
.width01 {width:1rem !important;}
.width02 {width:2rem !important;}
.width03 {width:3rem !important;}
.width04 {width:4rem !important;}
.width05 {width:5rem !important;}
.width06 {width:6rem !important;}
.width07 {width:7rem !important;}
.width08 {width:8rem !important;}
.width09 {width:9rem !important;}
.width10 {width:10rem !important;}
.width11 {width:11rem !important;}
.width12 {width:12rem !important;}
.width13 {width:13rem !important;}
.width14 {width:14rem !important;}
.width15 {width:15rem !important;}
.width16 {width:16rem !important;}
.width17 {width:17rem !important;}
.width18 {width:18rem !important;}
.width19 {width:19rem !important;}
.width20 {width:20rem !important;}
.width23 {width:23rem !important;}
.width25 {width:25rem !important;}
.width30 {width:30rem !important;}
.halfwidth {width:50% !important;;}
.fullwidth {width:100% !important;}
.width60 {width:60% !important;}
.width80 {width:80% !important;}
.width90 {width:90% !important;}
.width-auto {width: auto !important;}
.height01 {height:1rem !important;}
.height02 {height:2rem !important;}
.height03 {height:3rem !important;}
.height04 {height:4rem !important;}
.height05 {height:5rem !important;}
.height06 {height:6rem !important;}
.height07 {height:7rem !important;}
.height08 {height:8rem !important;}
.height09 {height:9rem !important;}
.height10 {height:10rem !important;}
.height11 {height:11rem !important;}
.height12 {height:12rem !important;}
.height13 {height:13rem !important;}
.height14 {height:14rem !important;}
.height15 {height:15rem !important;}
.height16 {height:16rem !important;}
.height17 {height:17rem !important;}
.height18 {height:18rem !important;}
.height19 {height:19rem !important;}
.height20 {height:20rem !important;}
.height30 {height:30rem !important;}
.fullheight {height:100% !important;}
.height-auto {height:auto !important;}

.overflow-hidden {overflow: hidden !important;}
.overflow-visible {overflow: visible !important;}
.overflow-scroll {overflow: scroll !important;}
.overflow-scroll-X {overflow-x: scroll !important;}
.overflow-scroll-Y {overflow-y: scroll !important;}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
	z-index: 1;
}

/* ---------------------------------------------------------------------------
				--- Text ---
	--------------------------------------------------------------------------- */
.text-lowercase {text-transform: lowercase !important;}
.text-uppercase {text-transform: uppercase !important;}
.text-capitalize {text-transform: capitalize !important;}
.text-wrap { white-space: normal !important;}
.text-nowrap {white-space: nowrap !important;}
.text-black {color: black !important;}				/* black */
.text-primary {color: #0d6efd !important;}		/* blue */
.text-secondary {color: #6c757d !important;}		/* grey */
.text-success {color: #198754 !important;}		/* green */
.text-lightgreen {color: #4cd915 !important;}	/* light green */
.text-info {color: #0dcaf0 !important;}			/* cyan */
.text-warning {color: #ffc107 !important;}		/* ocra yellow */
.text-danger {color: #dc3545 !important;}			/* red */
.text-brown {color: brown !important;}				/* brown */
.text-light {color: #f8f9fa !important;}
.text-lightgrey {color: #c2c2c2 !important;}		/* light grey */
.text-yellow {color: yellow !important;}			/*	yellow */
.text-dark {color: #212529 !important;}			/* Very Dark */
.text-white {color: #fff !important;}
.text-orange {color: darkorange !important}		/* Orange */
.text-gold {color: #cbc14d !important;}
.text-body {color: var(--fd-font-color) !important;}
.text-muted {color: #9F9F9F !important;}			/* grey */
.text-black-50 {color: rgba(0, 0, 0, 0.5) !important;}
.text-white-50 {color: rgba(255, 255, 255, 0.5) !important;}
small {font-size: 0.875em;}
.fs-0 {font-size: 1rem !important;}
.fs-1 {font-size: 1.1rem !important;}
.fs-2 {font-size: 1.2rem !important;}		/* 18px */
.fs-3 {font-size: 1.35rem !important;}		/*	20px */
.fs-4 {font-size: 1.6rem !important;}		/* 24px */
.fs-5 {font-size: 1.8rem !important;}		/* 27px */
.fs-6 {font-size: 2rem !important;}			/* 30px */
.fs-7 {font-size: 2.4rem !important;}		/* 36px */
.fs-8 {font-size: 2.7rem !important;}		/* 40px */
.fs-9 {font-size: 4rem !important;}		/* 40px */
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font_small {font-size:small !important;}
.font_xsmall {font-size:x-small !important;}
.italic {font-style:italic;}
b, strong, .bold {font-weight: bolder;}
.font_roboto {font-family: 'Roboto';}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify !important;}
.text_shadow {text-shadow: 1px 1px 1px #000;}
.text_shadow_white {text-shadow: 1px 1px 1px #FFF;}		/* per testo scuro su sfondo colorato chiaro */
.no_text_shadow {text-shadow: none !important;}
.pointer {cursor: pointer !important;}
.text-decoration-none {text-decoration: none;}

/* ---------------------------------------------------------------------------
				--- Buttons ---
	--------------------------------------------------------------------------- */
.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	border-radius: 0.3rem;
	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;
}
.btn:hover {color: #212529;}
.btn-check:focus + .btn, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
	pointer-events: none;
	opacity: 0.65;
}
.btn-primary {
	color: #062f6a;
	background-color: #74cced;				/*	celeste */
	border-color: #0d6efd;
}
.btn-primary:hover {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
}
.btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
	pointer-events: none;
	filter: none;
	opacity: 0.65;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0a58ca;
	border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.btn-secondary {
	color: #fff;
	background-color: #156d97;				/*	blu */
	border-color: #156d97;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
	box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #565e64;
	border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);}
.btn-secondary:disabled, .btn-secondary.disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-success {
	color: #fff;
	background-color: #198754;				/*	verde */
	border-color: #198754;
}
.btn-success:hover {
	color: #fff;
	background-color: #157347;
	border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
	color: #fff;
	background-color: #157347;
	border-color: #146c43;
	box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #146c43;
	border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
	color: #fff;
	background-color: #198754;
	border-color: #198754;
}

.btn-info {
	color: #000;
	background-color: #0cb3d5;				/*	celeste carico */
	border-color: #0d839b;
}
.btn-info:hover {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2;
	box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
	color: #000;
	background-color: #3dd5f3;
	border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0;
}
.btn-warning {
	color: #000;
	background-color: #ffc107;				/*	giallo ocra */
	border-color: #ffc107;
}
.btn-warning:hover {
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720;
	box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
	color: #000;
	background-color: #ffcd39;
	border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-danger {
	color: #fff;
	background-color: #dc3545;				/*	rosso */
	border-color: #dc3545;
}
.btn-danger:hover {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
	box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #b02a37;
	border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-light {
	color: #000;
	background-color: #f8f9fa;				/*	argento */
	border-color: #f8f9fa;
}
.btn-light:hover {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb;
	box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
	color: #000;
	background-color: #f9fafb;
	border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-dark {
	color: #fff;
	background-color: #005566;				/*	grigio/blu scuro */
	border-color: #212529;
}
.btn-dark:hover {
	color: #fff;
	background-color: #1c1f23;
	border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
	color: #fff;
	background-color: #1c1f23;
	border-color: #1a1e21;
	box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #1a1e21;
	border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
	color: #fff;
	background-color: #212529;
	border-color: #212529;
}
.btn-outline-primary {
	color: #0d6efd;
	border-color: #0d6efd;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary.dropdown-toggle.show {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
	color: #0d6efd;
	background-color: transparent;
}
.btn-outline-secondary {
	color: #6c757d;
	border-color: #6c757d;
}
.btn-outline-secondary:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary.dropdown-toggle.show {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
	color: #6c757d;
	background-color: transparent;
}
.btn-outline-success {
	color: #198754;
	border-color: #198754;
}
.btn-outline-success:hover {
	color: #fff;
	background-color: #198754;
	border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success.dropdown-toggle.show {
	color: #fff;
	background-color: #198754;
	border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);}
.btn-outline-success:disabled, .btn-outline-success.disabled {
	color: #198754;
	background-color: transparent;
}
.btn-outline-info {
	color: #0dcaf0;
	border-color: #0dcaf0;
}
.btn-outline-info:hover {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info.dropdown-toggle.show {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);}
.btn-outline-info:disabled, .btn-outline-info.disabled {
	color: #0dcaf0;
	background-color: transparent;
}
.btn-outline-warning {
	color: #ffc107;
	border-color: #ffc107;
}
.btn-outline-warning:hover {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
	color: #ffc107;
	background-color: transparent;
}
.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545;
}
.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger.dropdown-toggle.show {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
	color: #dc3545;
	background-color: transparent;
}
.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-outline-light:hover {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light.dropdown-toggle.show {
	color: #000;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);}
.btn-outline-light:disabled, .btn-outline-light.disabled {
	color: #f8f9fa;
	background-color: transparent;
}
.btn-outline-dark {
	color: #212529;
	border-color: #212529;
}
.btn-outline-dark:hover {
	color: #fff;
	background-color: #212529;
	border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark.dropdown-toggle.show {
	color: #fff;
	background-color: #212529;
	border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
	color: #212529;
	background-color: transparent;
}
.btn-link {
	font-weight: 400;
	color: #0d6efd;
	text-decoration: underline;
}
.btn-link:hover {color: #0a58ca;}
.btn-link:disabled, .btn-link.disabled {color: #6c757d;}
.btn-select {
	color: #333 !important;
	background: #fff;					/* bianco */
	border: 1px inset #ddd;
	padding: 5px 10px;
	border-radius: 4px 4px 4px 4px;
	width:100%;
}
.btn-select span {margin: 6px 0 -8px 10px;}
.btn-select.dropdown-toggle {
	color: #0d6efd;
	background-color: #fff;
	border-color: #13653f;
}
.btn-lg, .btn-group-lg > .btn {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 0.1rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.3rem;
}
/*	================================================================================================================ */
/* --------- Tooltip ----------------
	---  Es. <p>Hover <span class="tooltip">Here<span class="tooltiptext width07 margleft35">Tooltip 1</span></span> to see the tooltip.</p>
	================================================================================================================ */
.tooltip {
  position: relative;
  display: inline-block;
/*  border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
/*  width: 140px; */
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 10000;
  bottom: 105%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*	================================================================================================================ */
/*				--- Responsive CSS ---																													  */
/*	================================================================================================================ */
@media screen and (max-width: 799px) {
	:root {
		--font-size-1: 1em;
		--font-size-2: 1.2em;
		--font-size-3: 1.44rem;
		--font-size-4: 1.728rem;
		--font-size-5: 2.074rem;
		--font-size-6: 2.488rem;
	}
}
@media (max-width: 991px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
}
@media (prefers-reduced-motion: reduce) {
  .btn {transition: none;}
}