@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 0px) {
	body {
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		font-family: 'Montserrat', sans-serif;
		padding-top: 0px;
		padding-left: 0px;
		font-style: normal;
		width: auto;
		background-attachment: fixed;
	}
	ul,	ol,	a {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	a {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		font-weight: normal;
	}
	input:focus, select:focus, textarea:focus, button:focus {
		outline: 0 !important;
	}
	input{
		-webkit-appearance: none;
	}
	select{
		-webkit-appearance: none;
		/* SVG background image */
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(204, 204, 204)'><polygon points='20,10 80,10 50,70'/></svg>") no-repeat;
		background-size: 12px !important;
		background-position: calc(100% - 10px) center !important;
		background-repeat: no-repeat !important;
		padding-left: 5px;
	}
	button{
		-webkit-appearance: none;
	}
	fieldset {
		margin: 0px;
		border-style: none;
		padding: 0px;
	}
	form {
		margin: 0px;
		border-style: none;
		padding: 0px;
	}
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none !important;
		margin: 0 !important;
		-moz-appearance: textfield !important;
	}
	input[type="date"]::-webkit-outer-spin-button,
	input[type="date"]::-webkit-inner-spin-button {
		-webkit-appearance: none !important;
		margin: 0 !important;
		-moz-appearance: textfield !important;
	}
	input[type="date"]::-webkit-calendar-picker-indicator {
		margin-left: 8px;
		padding-right: 0px;
		height: 7px;
		width: 6px;
	}
	
	.fascia {
		width: 100%;
	}
	.button,
	.link-button {
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
		margin-left: 5px;
		margin-right: 5px;
		cursor: pointer;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 15px;
		padding-bottom: 15px;
		min-width: 44%;
		border-width: 1px;
		border-style: solid;
	}
	.button:hover,
	.link-button:hover {}
	.button-importante {}
	.button-importante:hover{}
	.contenitore {
		width: 100%;
		max-width: 1500px;
		margin: auto;
		text-align: center;
	}
	.contenitorebarra {
		padding-bottom: 10px;
	}
	.intestazione-contenitore-barra {
		width: 100%;
	}
	.titolo-intestazione-contenitore-barra {
		font-size: 20px;
		padding-top: 20px;
		font-weight: 400;
	}
	.blocco-form-singolo,
	.blocco-form-doppio {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.blocco-form-singolo{
		max-width: 400px;
	}
	.blocco-form-doppio {
		max-width: 800px;
	}
	.contenitore-elenco-ordini {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px!important;
		margin-bottom: 0px!important;
	}
	.titololegend-piccolo {
		font-weight: normal;
		font-size: 12px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.link-button {
		display: inline-block;
	}
	.titolo-intestazione-contenitore-argomenti-prodotti,
	.titololegend {
		text-transform: uppercase;
		font-weight: 400;
		font-size: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.titololegend-messaggio{
		text-align: center;
	}
	.testomessaggio{
		font-size: 13px;
		padding: 0 5px;
		text-align: center;
	}
	.button-minimal {
		display: block;
		border: none;
		text-decoration: none;
		font-size: 16px;
		margin: 30px 40px;
	}
	.button-minimal:hover {
		text-decoration: underline;
	}
	.label {
		display: block;
		text-align: left;
		margin-left: auto;
		font-size: 12px;
		margin-top: 12px;
		margin-bottom: 2px;
	}
	.contenitore-label-input,
	.contenitore-label-input-pieno {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.contenitore-label-importa-dati{
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	    margin-bottom: 50px;
	}
	.blocco-elementi-input {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.blocco-input-errore {
		font-size: 14px;
		text-align: left;
		margin-top: 2px;
		height: 0px;
		overflow: hidden;
		transition:all .5s ease-out;
	}
	.blocco-input-errore-aperto {
		height: 22px;
	}
	.check-input {
		display: block;
		position: absolute;
		right: 8px;
		top: 42px;
	}
	input[type="date"] ~ .check-input{
		right: 34px;
	}
	input[type="date"]::-webkit-calendar-picker-indicator {
		height: 20px;
		width: 20px;
		opacity: 0.4;
	}
	.contenitore-label-input-pieno .check-input{
		top: 62px;
	}
	.check-input::after {
		content: "";
		opacity: 0;
		transition:all .5s ease-out;
	}
	.check-input-ok::after {
		opacity: 1;
		content: "done";
	}
	.check-input-ko::after {
		opacity: 1;
		content: "close";
	}

	.blocco-pulsante {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.salva-buttons {}
	.text-area-classic {
		height: 120px;
		font-size: 16px;
		resize: none;
		width: 98%;
		border: 0px;
		padding: 1%;
		border-width: 1px;
		border-style: solid;
	}
	.contenitore-generale-modalita {
		padding-top: 20px;
		padding-bottom: 16px;
	}
	.input-form {
		font-weight: normal;
		margin-right: 0;
		margin-left: 0;
		height: 45px;
		font-size: 14px;
		padding-left: 2%;
		padding-right: 2%;
		border-radius: 0;
		font-family: 'Open Sans', sans-serif;
		width: 96%;
		border-width: 1px;
		border-style: solid;
	}
	.select {
		font-weight: normal;
		margin-right: 0;
		margin-left: 0;
		height: 47px;
		font-size: 14px;
		padding-left: 2%;
		padding-right: 30px;
		border-radius: 0;
		font-family: 'Open Sans', sans-serif;
		width: 100%;
		border-width: 1px;
		border-style: solid;
	}
	.reg-error{}
	.reg-ok{
		display: none;
	}
	.fascia-finale {}
	
	
	/* STRUTTURA CHECKBOX PERSONALIZZATA */
	
	.label-check {
		display: flex;
		align-items: center;
		font-size: 10px;
	}
	.checkmark:after {
		content: "";
		display: none;
		width: 5px;
		height: 10px;
		border-style: solid;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 5px;
		margin-left: 8px;
	}
	.checkmark+div {
		margin-left: 5px;
	}
	.checkmark-multiriga+div {
		padding-top: 0px !important;
	}
	input[type="checkbox"] {
		display: none;
	}
	input[type="checkbox"]+div {
		min-height: 25px;
		min-width: 25px;
		border-style: solid;
		border-width: 1px;
	}
	input[type="checkbox"]+div:hover{}
	input[type="checkbox"]:checked+div:after {
		display: block;
	}
	/* FINE STRUTTURA CHECKBOX PERSONALIZZATA */
}

/* Desktop */
@media only screen and (min-width: 769px) {
	.titololegend {
		font-size: 20px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.testomessaggio{
		font-size: 18px;
	}
	.titolo-intestazione-contenitore-argomenti-prodotti {
		font-size: 20px;
	}
	.button,
	.link-button {
		font-size: 14px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
		min-width: 30%;
	}
	.salva-buttons {
		width: 25%;
	}
	.contenitore-label-input {
		width: 44%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.contenitore-label-input-pieno {
		width: 94%;
	}
	.contenitore-label-importa-dati{
		width: 92%;
		margin-left: 3%;
		margin-right: 3%;
	    margin-bottom: 50px;
	}
	.label {
		font-size: 16px;
	}
	.titololegend-piccolo {
		font-size: 18px;
		margin-bottom: 18px;
		margin-top: 18px;
	}
	.button-minimal {
		font-size: 20px;
	}
	.check-input {
		top: 46px;
	}
	.contenitore-label-input-pieno .check-input{
		top: 66px;
	}
	.label-check {
		font-size: 12px;
		line-height: 18px;
	}
	/* STRUTTURA CHECKBOX PERSONALIZZATA */
	.checkmark+div {
		text-align: left;
	}
	/* FINE STRUTTURA CHECKBOX PERSONALIZZATA */
}