@CHARSET "ISO-8859-1";
/* -- Nascondo le parti specifiche per la stampa -- */
#headerPrint,
#printTitle,
.noscreen {
	display: none;
}

/* -- Da qui è per lo screen -- */
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

body {
	font-family: Titillium Web,Verdana,Arial,Sans-serif; /*Tahoma*/
	font-size: 14px; /*12px*/
	color: #333333;
/*	background-image: url(../imgs_layout/bg_as.jpg);
    background-repeat: repeat-x;
	background-position: 0 0;
	background-attachment: fixed;
	*/
	background-color: #F9F9F9;
/*	margin: 10px 10%; */
	margin: 0;
	height: 100%;
}
h3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 24px; 
	TEXT-TRANSFORM: none; 
	COLOR: #000000; 
	/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/ 
	LETTER-SPACING: normal; 
	text-decoration : none;
}
h1{
	text-decoration: none;
	color: #000000;
}
img {
	border: none;
}
td {
    white-space : nowrap;
}
table {
	caption-side: top;
}
/** -- Definizione delle sezioni di base -- */
.tableDatiImpianto {
    display:table;
}
.tr {
    display:table-row;
}
.td {
    display:table-cell;
    border: 2px solid transparent;
    width: 1%;
}
#header {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
#menu {
	clear: both;
	margin: 0 auto;
	display: table;
	width: 100%;
}
#datiCliente, #famigliaLabel {
	clear: both;
	text-align: center;
	margin: 0 0 10px 0;
}
#famigliaLabel {
	
	font-weight: bold;
}
#main {
	margin: 0 auto;
	clear: both;
	display: table;
	width: 1008px; /*920px;*/
	padding-bottom: 115px;
	overflow: hidden;
	position: relative;
	min-height: 730px !important;
	/*height: auto ! important;*/
	/*height: 730px;*/
}
#footer {
	position: fixed;
	bottom: 0;
	clear: both;
	margin: 0 auto;
	display: table;
	text-align: center;
	height: 30px;
	width: 100%;
	padding: 1px;
	border-top: 1px solid #757373; /*#e1e1e1;*/
	background-color: #e5e5e5;
	z-index:999;
}
.clear {
	clear: both;
}
#applicationButtons {
	position: fixed;
	bottom: 45px;
	width: 100%;
	padding: 2px;
	border-top: 1px solid #b1b1b1;
	background-color: #f9f9f9;
	z-index:999;
}
#applicationButtons-container {
	width:-moz-fit-content; 
	width:fit-content; 
	margin:0 auto;
}
/** -- Definizione altri oggetti -- */
#formLogin {
	margin-left:8px;
	padding:16px 16px 40px 16px;
	font-weight:normal;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:5px;
	background:#fff;
	/*border:1px solid #b3b3b3;*/
	/**
	-moz-box-shadow:rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow:rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow:rgba(200,200,200,1) 0 4px 18px;
	box-shadow:rgba(200,200,200,1) 0 4px 18px; **/
}
.login_box {
	margin: 6em auto 2.5em auto;
	min-width: 530px;
	max-width: 900px; /*600*/
}
.login_box form p {
	margin-bottom: 0;
}
.login_box form p label {
	width: 100%;
}
.banner_testo {
	margin: 10px 0 10px 0;
	font-size: 18px;
}
#login_submit {
	background: url("imgs_layout/v3/button-grad.png") repeat-x scroll left top #21759B;
	border-color: #298CBA;
	color: #FFFFFF;
	/*font-weight: bold;*/
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	padding:3px 10px;
	border:none;
	font-size:14px;
	border-width:1px;
	border-style:solid;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	cursor:pointer;
	text-decoration:none;
	margin-top:-3px;
}
#login_submit:hover {
	border-color: #13455B;
	color: #EAF2FA;
	font-size:14px;
}
/*#login_submit_2 {*/
.login-button {
	border-color: #044360;
	color: #FFFFFF;
	/*font-weight: bold;*/
	background-color: #0080C0;
	width: 200px;
	height: 50px;
	border-radius: 3px;
	font-size: 20px;
}
/*#login_submit_2:hover {*/
.login-button:hover {
	border-color: #044360;
	color: #FFFFFF;
	background-color: #3AC8F6;
	cursor:pointer;
}
/* #user, #passwd { */
.login-input-field {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E5E5E5;
	font-size: 24px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	padding: 3px;
	width: 97%;
}
/*#user:focus, #passwd:focus {*/
.login-input-field:focus {
	border: 1px solid #0080C0;
	box-shadow: none;
}
/* #username_txt, #password_txt { */
.login-input-txt{
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-size: 18px;
}
#banner0 {
	margin-top: 10px;
	color: #0080c0;
	text-align:center;
}
#lingua {
	margin: 5px auto 2px auto;
	text-align: right; /*center*/
	width: fit-content;
	width: -moz-fit-content;
	float: right;
	/*margin-top: 5px;*/
}
.box-item {
	background-color: #FFFFFF;
	float: left;
	height: 307px;
	margin: 5px;
	overflow: hidden;
	width: 315px;
}
.box-item-sassi {
	background-color: #FFFFFF;
	float: left;
	height: 307px;
	margin: 5px;
	overflow: hidden;
	width: 315px;
}
.border-box {
	border: 1px solid #D9D9D9;
	border-radius:8px;
}
.box-content {
	padding: 15px 10px 0;
	text-align: center;
	width: auto;
}
.box-manuali {
	padding: 15px 10px 0;
	text-align: left;
	width: auto;
}
.manuali, .manuali a {
	font-size: 16px;
	color: #595E64;
	text-decoration: none;
}
.image-item {
	/*border: 1px solid #F1F1F1;*/
	display: block;
	height: 170px; 
	margin: 0 0 24px;
	padding: 0;
	text-align: center;
	width: 295px;
}
.box-item h3{
	font-size: 1.1rem;
	height: 86px;
}
.box-item h3 a {
	color: #595E64;
	font-size: 2.2rem;
	font-weight: normal;
	text-decoration: none;
}
.box-item h3 a:hover {
	color: #1A1A1A;	
}
.box-item h1 a {
	color: #595E64;
	font-size: 1.9rem;
	font-weight: normal;
	text-decoration: none;
}
.box-item h1 a:hover {
	color: #1A1A1A;	
}
.clickable {
	cursor: pointer;
}
.neverClicked:link, .neverClicked:visited{
	color: #0080FF;
	text-decoration: none;
}
.neverClicked:hover {
	color: #006AB0;
}
#loadingMessageBg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #202020;
        opacity: .70;
        -webkit-opacity: .7;
        -moz-opacity: .7;
        filter: alpha(opacity=70);
        z-index: 9000;
        cursor: wait;
    }
#loadingMessage { 
     /*   background-color: white;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        box-shadow: 0 0 20px 0 #222;
        -webkit-box-shadow: 0 0 20px 0 #222;
        -moz-box-shadow: 0 0 20px 0 #222;
        */
        display: none;
        height: 41px;
        left: 50%;
  /*      margin: -120px 0 0 -160px;*/
        /*padding: 10px;*/
        position: absolute;
        top: 50%;
        width: 41px;
        z-index: 1000;
        cursor: wait;
}
#loadingMessageBg.active, #loadingMessage.active {
        display: block;
}
.tools-box-item {
	background-color: #FFFFFF;
	float: left;
	height: 140px;
	margin: 5px;
	overflow: hidden;
	width: 150px;
}
.tools-image-item {
	/*border: 1px solid #F1F1F1;*/
	display: block;
	height: 64px; 
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
	width: 120px;
}
.tools-box-item h3{
	font-size: 1.1rem;
	height: 10px;
	margin: 5px 0px;
}
.tools-box-item h3 a {
	color: #595E64;
	font-size: 1.2rem;
	font-weight: normal;
	text-decoration: none;
}
.tools-box-item h3 a:hover {
	color: #1A1A1A;	
}
#tableRiepilogoRigaSelezionata{
	border:1px solid #F1F1F1;
	width:100%;
}
#tableRiepilogoRigaSelezionata caption{
	font-size: 1.1rem;
	font-style: bold;
	text-align: left;
	}
#tableRiepilogoRigaSelezionata .field input{
	width:90px;
	text-align: center;
}
.text-align-dx{
	text-align: right;
}
.tableRiepilogo {
	border:1px solid #E1E1E1;
	margin: 5px 0;
    border-radius: .4em;  
    background-color: #FCFCFC;
    width:100%;
}
.tableRiepilogo caption{
	/*font-size: 1.1rem;*/
	font-weight: bold;
	text-align: left;	
}
#tableRiepilogoDatiImpiantoAccessori {
	padding: 5px;
}
#tabelRiepilogoAccessori, #tableRiepilogoPuleggia {
	width: 100%;
	margin-bottom: 10px;
}
#tableRiepilogoAccessori2 {
	width: 100%;
	margin-bottom: 10px;
}
#tableRiepilogoAccessoriTelmo {
	width: 100%;
	margin-bottom: 10px;
}
#tableRiepilogoAccessoriFAL {
	width: 100%;
	margin-bottom: 10px;
}
#tableRiepilogoAccessoriRinvio {
	width: 100%;
	margin-bottom: 10px;
}
#tableRiepilogoAccessoriAlberoSpeciale {
	width: 100%;
	margin-bottom: 10px;
}
#tabelRiepilogoAccessori .desc, #tableRiepilogoAccessori2 .desc, #tableRiepilogoAccessoriTelmo .desc, #tableRiepilogoAccessoriFAL .desc,
 #tableRiepilogoAccessoriRinvio .desc, #tableRiepilogoAccessoriAlberoSpeciale .desc, #tableRiepilogoPuleggia .desc {
	width: 30%;
}
#tabelRiepilogoAccessori .val, #tableRiepilogoAccessori2 .val, #tableRiepilogoAccessoriTelmo .val, #tableRiepilogoAccessoriFAL .val, 
#tableRiepilogoAccessoriRinvio .val, #tableRiepilogoAccessoriAlberoSpeciale .val, #tableRiepilogoPuleggia .val {
	width: 100%;
}
#tableDatiImpiantoNext, #riepilogoDatiPuleggia, #riepilogoDatiFune, #riepilogoDatiMotoreArgano, #tableRiepilogoDatiImpiantoUlteriori,
#riepilogoRigaSelezionata {
	border-spacing: 0px;
	border: 1px solid #DFDFDF;
	caption-side: top;
}
#tableDatiImpiantoNext caption, #riepilogoDatiFune caption, #riepilogoDatiMotoreArgano caption, #tableRiepilogoDatiImpiantoUlteriori caption,
#riepilogoRigaSelezionata caption {
	text-align: left;
}
#riepilogoRigaSelezionata caption {
	color: #0080FF;
}
#riepilogoDatiPuleggia caption {
	text-align: left;
}
#riepilogoDatiFune caption {
	text-align: left;
}
#tableDatiImpiantoNext td, #riepilogoDatiPuleggia td, #riepilogoDatiFune td, #riepilogoDatiMotoreArgano td, #tableRiepilogoDatiImpiantoUlteriori td,
#riepilogoRigaSelezionata td {
	border: 1px solid #DFDFDF;
	height: 23px;
	padding: 0 5px;
}
#tableDatiImpiantoNext .desc, #riepilogoDatiPuleggia .desc, #riepilogoDatiFune .desc, #riepilogoDatiMotoreArgano .desc, #tableRiepilogoDatiImpiantoUlteriori .desc, #tabelRiepilogoAccessori .desc, #tableRiepilogoAccessori2 .desc,
#tableRiepilogoAccessoriTelmo .desc, #tableRiepilogoAccessori3 .desc, #tableRiepilogoAccessoriFAL .desc, #tableRiepilogoAccessoriRinvio .desc, #tableRiepilogoAccessoriAlberoSpeciale .desc,
   {
	/*background-color: #DFDFDF;*/
}
#tableDatiImpiantoNext .val, #riepilogoDatiPuleggia .val, #riepilogoDatiFune .val, #riepilogoDatiMotoreArgano .val, #tableRiepilogoDatiImpiantoUlteriori .val,   
 #tableRiepilogoAccessori3 .val, #riepilogoRigaSelezionata .val
  {
	background-color: #EBEBEB;
}
#riepilogoDatiPuleggia td, #riepilogoDatiFune td, #riepilogoDatiMotoreArgano td, #tableRiepilogoDatiImpiantoUlteriori td, #tabelRiepilogoAccessori td,
#riepilogoRigaSelezionata td, #tableRiepilogoPuleggia td  {
	padding-left: 5px;
}
#riepilogoDatiFune td {
	width: 50px;
}
/*
#riepilogoDatiFune .desc {
	padding: 5px 2px 5px 5px;
}
#riepilogoDatiFune .val {
	padding: 5px 5px 5px 2px;
}
*/
#tUlterioriDati {
	padding: 10px 0;
}
#tUlterioriDati caption {
	font-weight: bold;
	font-size: 1.1 rem;
}
#riepilogoDatiMotoreArgano caption {
	text-align: left;
}
#riepilogoDatiMotoreArgano th, #tableDatiMotoreArgano th, #datiMB th {
	border-bottom: 1px solid #5D5D5D;
}
#riepilogoDatiMotoreArgano td {
	width: 50px;
}
#riepilogoDatiMotoreArgano td.separatore {
	width:20px;
	border-top: none;
	border-bottom: none;
}
#tableRiepilogoDatiImpiantoUlteriori caption, #tabelRiepilogoAccessori caption, 
#tableRiepilogoAccessori2 caption, #tableRiepilogoAccessoriFAL caption, 
#tableRiepilogoAccessoriRinvio caption, #tableRiepilogoAccessoriAlberoSpeciale caption, 
.tableOfferta caption, #tableRiepilogoPuleggia caption {
	font-size: 1.0 rem !important;
	text-align: left;
	font-weight: bold;
}
#captionAccessori {
	font-weight: normal;
	color: #0080FF;
}
#tableRiepilogoDatiImpiantoUlteriori td, #tabelRiepilogoAccessori td, #tableRiepilogoPuleggia td {
	width: 50px;
}
#tableRiepilogo {
	padding: 10px 0;
}
.tableAccessori {
	width: 100%;
}
#tablePrezzi tfoot td {
	border-top: 1px solid black;
	font-weight: bold;
}
#tablePrezzi tbody td {
	border-bottom: 1px solid lightgray;
}
#tablePrezzi caption, #tableOffertaInformazioni caption, .sezioniOffertaTitolo {
	font-size:24px;
	font-weight: bold;
}
#tableFAL td {
	width: 1%;
}
#tableAccessoriGenerici td.desc {
	width: 1%;
	padding: 0 5px;
}
#tableAccessoriGenerici td.val {
	width: 100%;
	padding: 0 5px;
}
#tableAccessoriArgani td.desc {
	width: 1%;
	padding: 0 5px;
}
#tableAccessoriArgani td.val {
	width: 100%;
	padding: 0 5px;
}
#tableAccessoriGearless td.desc {
	width: 1%;
	padding: 0 5px;
}
#tableAccessoriGearless td.val {
	width: 100%;
	padding: 0 5px;
}
.tableDatiInseriti {
	width: 100%;
	margin: 0 0 10px;
}
#tableOffertaInformazioni {
	width: 100%;
	margin: 10px 0 0;
}

/*
   -----------------------------------         BREADCRUMB
*/
ul#stBreadcrumb{
	margin: 10px 0;
	padding: 0 5px 0 0;
	list-style: none;
	font-size: 10px;
}

/*
#stBreadcrumb{
  overflow: hidden;
  width: 100%;
}

#stBreadcrumb li{
  float: left;
  margin: 0 .5em 0 1em;
}

#stBreadcrumb a{
  background: #ddd;
  padding: .6em .3em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}

#stBreadcrumb a:hover{
  background: #99db76;
}

#stBreadcrumb a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#stBreadcrumb a:hover::before{
  border-color: #99db76 #99db76 #99db76 transparent;
}

#stBreadcrumb a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#stBreadcrumb a:hover::after{
  border-left-color: #99db76;
}

#stBreadcrumb .current,
#stBreadcrumb .current:hover{
  font-weight: bold;
  background: none;
}

#stBreadcrumb .current::after,
#stBreadcrumb .current::before{
  content: normal;
}
*/
#stBreadcrumb{
  overflow: hidden;
  width: 100%;
}

#stBreadcrumb li{
  float: left;
  margin: 0 2em 0 0;
}

#stBreadcrumb a{
  padding: .7em .3em .7em .8em;
  float: left;
  text-decoration: none;
  color: #444;
  background: #7AF400;  
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-radius: .4em 0 0 .4em;  
}

#stBreadcrumb a:hover{
  background: #abe0ef;
}

#stBreadcrumb a::after{
  background: #7AF400;
  content: "";
  height: 2.5em;
  margin-top: -1.25em;
  position: absolute;
  right: -1em;
  top: 50%;
  width: 2.5em;
  z-index: -1; 
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /*IE*/
  -webkit-transform: rotate(45deg); /* Safari and Chrome */
  -o-transform: rotate(45deg); /* Opera */
  -moz-transform: rotate(45deg); /* Firefox */
  border-radius: .4em;
}

#stBreadcrumb a:hover::after{
  background: #abe0ef;
}

#stBreadcrumb .current,
#stBreadcrumb .current:hover{
  /*font-weight: bold;*/
  background: none;
  color: #0080FF;
  padding: 0 5px;
  font-size: 18px;
  margin-right: -10px;
}

#stBreadcrumb .current::after{
  content: normal;
}

#stBreadcrumb li.nextStep, #stBreadcrumb li.end{
  padding: .7em .3em .7em .8em;
  float: left;
  text-decoration: none;
  color: #444;
  background: #ddd;  
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-radius: .4em 0 0 .4em;  
}

#stBreadcrumb li.nextStep::after{
  background: #ddd;
  content: "";
  height: 2.5em;
  margin-top: -1.25em;
  position: absolute;
  right: -1em;
  top: 50%;
  width: 2.5em;
  z-index: -1; 
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); /* Safari and Chrome */
  -o-transform: rotate(45deg); /* Opera */
  -moz-transform: rotate(45deg); /* Firefox */
  border-radius: .4em;
}

#stBreadcrumb li.end::after{
  content: url(../images/finish_16.png);
  background: #ddd;
  /*height: 2.em;*/
  margin-top: -1.4em;
  position: absolute;
  right: -2em;
  top: 50%;
  width: 3em;
  z-index: -1; 
  border-radius: .4em;
  text-align: right;
  padding: 6px;
}
/* ------- */
.testoCentrato {
	text-align: center;
}
.numeroPrezzi {
	text-align: right !important;
}
.captionRisultatoTest {
	font-style: bold;
	font-size: 1.1 rem;
}
#tableDatiImpianto {
	width: 100%;
}
#tableDatiImpianto td {
	width: 1%;
}
.tableRisultatoTest {
	border:1px solid #B1B1B1;
}
#divPienoCaricoBasso, #divCabinaVuotaAlto, #divCentoventicinqueCaricoBasso, #divContrappesoBasso, #divGoleSemicircolari, #divGoleCuneo, #divAlPianoAlto, #divAlPianoBasso {
	width: 120px;
	float: left;
	margin: 0 10px;
}
#divRisultatiVerifica, #divRisultatiFinali, #divSpecificaTRA003, #divSpecificaEN87 {
	text-align:center;
	clear: both;
}
#divRisultatiVerifica table, #divRisultatiFinali table, #divSpecificaTRA003 table, #divSpecificaEN87 table, #formVerificaA3 {
	margin: 20px auto;
}
#div-box-ris {
	clear: both;
	display: table;
	margin: 0 auto;
}
.tableRisultatoTest caption, #tableVerificaA3Tool caption {
	font-size: 1em;
	font-weight: bold;
}
#risultatoVerificaA3Tool {
	text-align: left;
	width: 300px;
	margin: 10px auto;
	clear: both;
	display: table;
}
#esitoA3Tool {
	background-color: Yellow;
	font-weight: bold;
	font-size: 1rem;
}
#divGoleSemicircolari, #divGoleCuneo, #divAlPianoAlto, #divAlPianoBasso {
	height: 105px;
	width: auto;
}
#risultatoVerifica98Tool {
	clear: both;
	display: table;
	margin: 10px auto;
	max-width: 900px;
	text-align: center;
}
/*input
{
  	border:1px solid #dadada;
    border-radius:2px;
    padding:3px;
    margin: 2px;
}*/

input.obbligatorio {
	border-color: red;
}
input.obbligatorio:hover{
	border-color: #FF3F00;
}
input.obbligatorio:focus {
	border-color: red;	
    box-shadow:0 0 1px #FF3F00;
}
input.obbligatorioGreen {
	border-color: green;
}
input.obbligatorioGreen:hover {
	border-color: green;
}
input.obbligatorioGreen:focus {
	border-color: green;
}
input:focus
{
	/*
  border: 1px solid #48A4FF;
  background: white;*/
  	outline:none;
    border-color:#0080C0;
   /* box-shadow:0 0 1px #3399ff;*/
   box-shadow: none;
}
/* input:hover {
	border-color:#99ccff;
	box-shadow:none;
} */
input[type="button"] {
	cursor: pointer;
	padding: 1.5 em;
}
input[type="button"]:disabled {
	color: graytext;
	border: 2px outset buttonface;
	cursor: not-allowed;
}
.selectContainer {
    border: none;
}
.selectContainer select {
	border: 1px solid #E1E1E1;
}
.selectContainer select:focus {
	outline:none;
    border: 1px solid #9ecaed;
    box-shadow:0 0 1px #9ecaed;
}
.selectContainer select.obbligatorio{
	border: 1px solid red;
}
.selectContainer select.obbligatorioGreen{
	border: 1px solid green;
}
select {
	padding: 3px;
}
/*******    BUTTON    ***********/
.button, .button-disabled
{        
	color: #333;
	line-height: 2em;
	padding: 0 1.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	margin: 0.5em;
	border: 1px solid #777;
	display: inline-block;
	white-space: nowrap;
	border-radius: .2em;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	cursor: pointer;
}
.button-disabled {
	color: #AAAAAA;
	cursor: not-allowed;
}
.button:hover
{
	background-color: #eeeeee;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.button:focus
{
	outline: 0;
	background: #fafafa;
}    

.button:before, .button-disabled:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before
{
	content: "\271A";
}

.edit:before
{
	content: "\270E";        
}

.delete:before
{
	content: "\2718";        
}

.save:before
{
	content: "\2714";        
}

.email:before
{
	content: "\2709";        
}

.like:before
{
	content: "\2764";        
}

.next:before
{
	content: "\279C"; 
}

.prev:before
{
	content: "\21BB";
}

.star:before
{
	content: "\2605";
}

.spark:before
{
	content: "\2737";
}

.play:before
{
	content: "\25B6";
}
.pdf:before
{
	content: url(../images/pdf_16.png);
	padding-top: 5px;
	padding-bottom: 4px;
}
.invioOrdine:before
{
	content: url(../images/invio16.png);
	padding-top: 5px;
	padding-bottom: 4px;
}
/******* END BUTTON *********/

/******* MENU ********/

#menu nav  {
	display: block;
	width: 100%;
	/*overflow: hidden;*/
}

#menu nav ul {
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
	list-style: none;
	/*background: #E8F3FF;*/ /* #c1c1c1;*/
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
}
#menu nav ul.SASSI {
	background: #F2F2F2; /*#E8F3FF;*/
}
#menu nav ul.SPAIN {
	background: #359EC3;
}

#menu nav li {
	/* float:left;  */
	display: inline;
	margin: -2px;
}

#menu nav a {
	display: inline-block;
	/*padding: .8em 1.5em;*/
	padding: .5em 1.0em;
	text-decoration: none;
	/*color: #555;*/
	/*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
	/*font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;*/
	font: bold 18px 'Titillium Web', Arial, Helvetica;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	border-width: 1px;
	border-color: #fff #ccc #999 #eee;
 }
 
 #menu nav .SASSI a{
 	color: #555;
 }
 
 #menu nav .SPAIN a{
 	color: #ffffff;
 }
 
#menu nav a:hover, nav a:focus {
	outline: 0;
	color: #fff;
	/*text-shadow: 0 1px 0 rgba(0,0,0,.2);*/ 
	/*background: #fac754;*/
}
#menu nav .SASSI a:hover, nav .SASSI a:focus{
	/*background: #fac754;*/
	/*background: #5b91bf;
	color: #ffffff;*/
	color:#5b91bf;
}

#menu nav .SPAIN a:hover, nav .SPAIN a:focus{
	background: #004B6B;
}

#menu nav a:active {
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
/*
#menu nav .SASSI a.active {
	background: #123c73;
	color: #ffffff;
}
*/

/*
#menu nav .SPAIN a.active {
	background: #004B6B;
}
*/
 
#menu nav li:first-child a {
	border-left: 0;
/*	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	*/            
}

#menu nav li:last-child a {
	border-right: 0;
/*	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	*/            
}


/******* end MENU ********/
a.print-preview {
    background: url("../images/icon-print.png") no-repeat 5px 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 5px 5px 0 45px;
    line-height: 30px;
    font-weight: bold;
    font-size: 1.1rem;
	color:orange;
	border: 1px solid transparent;
}
a.print-preview:hover {
	border: 1px solid #A8A8A8;
}
#printMe {
	/*background-color: #A8A8A8;*/
	clear: both;
	margin: 10px auto;
	display: table;
	/*width: 300px;*/
	padding: 20px;
}
#listaVerificheUNIAccessori {
	list-style: none;
	/*border: 1px solid #E1E1E1;
	border-radius: 0.4em;*/
	text-align: center;
}
#listaVerificheUNIAccessori p {
	font-weight: bold;
	font-size: 1.1rem;
}
.testUNIAccessori {
	margin: 10px;
	border: 1px solid #E1E1E1;
	border-radius: 0.4em;
	background-color: #ffffff;
	padding: 5px;
}
.testUNIAccessori button {
	margin:2px;
}
.ui-datepicker-trigger {
	cursor: pointer;
	vertical-align: bottom;
}
#infoOfferta .ui-datepicker-trigger {
	padding:0 3px;
	vertical-align: bottom;	
}
/*** Gestisco i pulsanti di navigazione dello scroll ***/
.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:4px;
	opacity:0.7;
	left:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	z-index: 1000;
}
.nav_down {
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:4px;
	opacity:0.7;
	left:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	z-index: 1000;
}
.campoObbligatorioMancante {
	background-color: yellow;
}
#linkPagina {
	list-style: none outside none;
	text-align: center;
	font-size: 12px;
}
/*#linkPagina ul::before{
	content: url(../images/go-jump.png);	
}*/
#linkPagina li {
	border-right: 1px solid #A5A5A5;
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
}
#linkPagina li.last {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;	
}
#linkPagina ul {
	margin: 10px 0;
	padding: 0;
}
.orizList {
	list-style: none outside none;
	text-align: left;
	padding: 0 ;
}
.orizList li {
	border-right: 1px solid #A5A5A5;
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
}
.orizList li.last {
	border-right: 0 none;
	margin-right: 0;
	padding-right: 0;	
}
.box_close {
	background: transparent url("../images/box.controls.png") no-repeat scroll 0 0; 
	height: 20px;
	width: 12px;
	padding: 2px 8px 5px 6px;
}
.box_open {
	background: transparent url("../images/box.controls.png") no-repeat 0 -20px;
	height: 20px;
	width: 12px;
	padding: 2px 8px 5px 6px;
}
.controls {
	color: #0080FF;
	min-height: 20px;
	padding: 5px 0 0 4px;
}
.incBox {
	background-color: #FFFFFF;
	margin: 0 0 5px 0;
	border: 1px solid #EBEBEB;
}
#boxContrappeso{
	border: 1px solid #EBEBEB;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:5px;
	
}
.link-disabled{
	cursor: not-allowed;
}
.imgHover{
	border: 3px solid #FFFFFF;
}
.imgHover:hover{
	border: 3px solid #1E90FF;
}
#riepilogoCriteriSituazioneOrdini{
	/*border: 1px solid #D5D5D5;*/
	margin: 10px 0;
}
#riepilogoCriteriSituazioneOrdini caption{
	font-weight: bold;
}
#riepilogoCriteriSituazioneOrdini td{
	border-bottom: 1px solid #D5d5d5;
	min-width: 40px;
}
#riepilogoCriteriSituazioneOrdini .val{
	text-align: center;	
}
#riepilogoCriteriSituazioneOrdini .desc{
	text-align: right;
	min-width: 200px;
}
#criteriSituazioneOrdini caption{
	font-weight: bold;
}
#criteriSituazioneOrdini td{
	min-width: 200px;
}
#criteriSituazioneOrdini .desc{
	text-align: right;
}
#btnNewSearch{
	margin: 16px 8px;
	background-color: #F5F5F5;
	border: 1px solid rgba(0,0,0,0.1);
	color: #444444 !important;
	font-size: 14px;
	border-radius: 2px 2px 2px 2px;
	cursor: pointer;
	font-weight: bold;
	/*
	height: 39px;
	line-height: 39px;
	min-width: 54px;
	*/
	padding: 7px 8px;
	text-align: center;
	text-decoration: none !important;
}
#btnNewSearch:hover{
	border-color:#c6c6c6;
	background-color: #F8F8F8;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
img .ui-datepicker-trigger{
	vertical-align: bottom;
}
#tableVerifica98_87 {
	width:100%;
}
#tableVerifica98 {
	width:100%;
}
#updateSconto {
	vertical-align: middle;
}
#tableNewsShort {
	overflow: auto;
	overflow-x: hidden;
	width: auto;
	/*height: 245px;*/
	height: auto;
	padding: 5px;
}
.box-new-title {
	font-size: 28px;
	width: auto;
	padding: 5px;
	text-align: center;
	color: #595E64;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#messaggi {
	width: auto;
	border: 1px solid #D9D9D9;
	background-color: #F0F0F0;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	font-size: 20px;
	color: #FF6600;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 5px;
}
.wrapper-dropdown {
	/* Dimensioni e posizione */
	/*position: relative;
	width: 2px;*/
	position: absolute;
	left: 79%;
	
	/*
	margin: 0 auto;
	padding: 10px;
	
	
	background: #fff;
	border-radius: 7px;
	border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
 
    
    font-weight: bold;
    color: #8AA8BD;
    */
}
/*
.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}
*/
.wrapper-dropdown .azioniMenu {
  /* Size & position */
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
 
    /* Styles */
    background: white;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    /*transition: all 0.5s ease-in;*/
    list-style: none;
 
    /* Hiding */
    opacity: 0;
    pointer-events: none;
    
    padding-left: 1px;
    
    display: none;
}
 
.wrapper-dropdown .azioniMenu li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #004276;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
   /* transition: all 0.3s ease-out;*/
}
 /*
.wrapper-dropdown .azioniMenu li i {
    float: right;
    color: inherit;
}
 */
.wrapper-dropdown .azioniMenu li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
 
.wrapper-dropdown .azioniMenu li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}
 
/* Hover state */
 
.wrapper-dropdown .azioniMenu li:hover a {
    background: #f3f8f8;
}
.wrapper-dropdown .azioniMenu:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    /*left: 15px;*/
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;   
}
 
.wrapper-dropdown .azioniMenu:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    /*left: 13px;*/
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;   
}
.wrapper-dropdown.active .azioniMenu {
    opacity: 1;
    pointer-events: auto;
    z-index: 99999;
    display: inline;
}
.offertaSelezionata {
	background-color: yellow;
}
.buttonMetro {
/*	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px; */
	border-top-left-radius:0px;
	/*-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;*/
	border-top-right-radius:0px;
	/*-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;*/
	border-bottom-right-radius:0px;
	/*-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;*/
	border-bottom-left-radius:0px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:42px;
	line-height:42px;
	width:100%;
	text-decoration:none;
	text-align:center;
	padding: 3px;
}

.buttonMetroBlue{
	background-color:#378ee5;
	border:2px solid #105ba6;
}
.buttonMetroGreen{
	background-color:#0d8c27;
	border:2px solid #075e17;	
}

.buttonMetroBlue:hover {
	background-color:#60a8f0;
}
.buttonMetroGreen:hover {
	background-color:#10b531;
}
.buttonMetro:active .buttonMetroBlue:active .buttonMetroGreen:active {
	position:relative;
	top:1px;
}
.box-content p {
	width:auto;
	margin-right: 10px;
}
#rectBlue{
    width:50px;
    height:50px;
    background:#378ee5;
	border:2px solid #105ba6;
	float: left;
	margin-right: 10px;
}
#rectGreen{
    width:50px;
    height:50px;
    background:#0d8c27;
	border:2px solid #075e17;
	float: left;
	margin-right: 10px;
}
#warning_box{
	padding:5px;
	width: inherit;
	background: red;
	border:2px solid #930F05;
	margin:5px;
	color: #000000;
	font-weight: bold;
}
#numeroOfferta{
	font-weight: bold;
}
/* Icon Hamburger */
.azioniButtonsH{
  width: 30px; /*60px;*/
  height: 24px; /*45px;*/
  position: relative;
  margin: 10px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.azioniButtonsH span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.azioniButtonsH span:nth-child(1) {
  top: 0px;
}

.azioniButtonsH span:nth-child(2),.azioniButtonsH span:nth-child(3) {
  top: 9px;
}

.azioniButtonsH span:nth-child(4) {
  top: 18px;
}

.azioniButtonsH.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

.azioniButtonsH.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.azioniButtonsH.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.azioniButtonsH.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}
.login-form {
	width: 50%;
}
.login-comp {
	width: 50%;
}
.login-form-title{
	margin-bottom: 33px;
	line-height: 1.66;
	margin:0;
	padding:0;
	font-weight: bold;
	color: #222;
	/*font-family: Poppins;*/
	font-size: 36px;
	display: block;
}
.login{
	display: block;
}
.container{
  width: 900px;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
 
.box-item-full{
	width: 975px;
  background: #fff;
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
 
.display-flex {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }

.display-flex-center {
  justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }
.login-form, .login-comp, .registr-form, .registr-comp {
	width: 50%;
	overflow: hidden;
	padding: 15px;
}
display-flex, .display-flex, .display-flex-center, .signup-content, .login_box {
  display: flex;
  display: -webkit-flex; }
  
.login-toggle-link {
  font-size: 18px;
  color: #222;
  display: block;
  text-align: center; }
#selectLingua {
	margin: 0 auto;
	text-align: center; /*right;*/
}
.login-vert {
	width: 100%;
	overflow: hidden;
	padding: 15px;
	display: block;
	text-align: center;
}
.registered-section {
	margin-top: 50px;
}
.login-vert-img {
	/* left:40%;
	position: relative; */
}
.container-lingua {
	width: 900px;
  	margin: 0 auto;
}
.avviso-codice-cliente {
	background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    color: #856404;
    margin: 10px 0;
    padding: 8px 15px;
}
.avviso-codice-cliente a {
	color: #856404;
    text-decoration: underline;
}
.avviso-codice-cliente a:hover {
	color: #533f03;
}
/* ---------------------------------------     responsive section*/
@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1300px) {

}

//end 1200px
@media screen and (max-width: 1200px) {
    .container, .container-lingua{
        width: calc( 100% - 30px);
        max-width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .container, .container-lingua {
        max-width: 1200px;
    }
}

//end 1200px
@media screen and (max-width: 1024px) {
}

//end 1024px
@media screen and (max-width: 992px) {
    
}

//end 992px
@media screen and (max-width: 768px) {

    .signup-content, .login_form {
        @include flex-direction(column);
        @include justify-content(center);
    }
    .signup-form {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        /* box-sizing: border-box; */
        padding: 0 30px;
    }
    .login-comp {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px;
        @include order(2);
    }
    .signup-form, .signup-image, .login-form, .login-comp {
        width: auto;
    }

    .form-button {
        text-align: center;
    }
    .login-form {
        @include order(1);
        margin-right: 0px;
        margin-left: 0px;
        padding: 0 30px;
    }
    .login-form-title {
        text-align: center;
    }

}

@media screen and (max-width: 620px)  {

}

//end 767px
@media screen and (max-width: 575px) {

}

//end 575px
@media screen and (max-width: 480px) {

}

//end 480px
@media screen and (max-width: 400px) {
    
}

//end 400px

@media screen and (max-width: 320px) {}
/* ---------------------------------------      FINE sezione responsive */
/* --- switch/slider --- */
.toggle {
	--width: 80px;
	--height: calc(var(--width) / 3);
	position: relative;
	display: inline-block;
	width: var(--width);
	height: var(--height);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: var(--height);
	cursor: pointer;
}
.toggle input{
	display: none;
}
.toggle .slider {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--height);
	background-color: #06FF1F; /* #ccc; */
	transition: all 0.4s ease-in-out;
}
.toggle .slider::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(var(--height));
	height: calc(var(--height));
	border-radius: calc(var(--height) / 2);
	background-color: #fff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	transition: all 0.4s ease-in-out;
}
.toggle input:checked+.slider {
	background-color: #FF0606;
}
.toggle input:checked+.slider::before {
	transform: translateX(calc(var(--width) - var(--height)));
}
.toggle .labels {
	position: absolute;
	top: 6px;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: sans-serif;
	transition: all 0.4s ease-in-out;
}
.toggle .labels::after {
	content: attr(data-off);
	position: absolute;
	right: 5px;
	color: #4d4d4d;
	opacity: 1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	transition: all 0.4s ease-in-out;
}
.toggle .labels::before {
	content: attr(data-on);
	position: absolute;
	left: 5px;
	color: #ffffff;
	opacity: 0;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
	transition: all 0.4s ease-in-out;
}
.toggle input:checked~.labels::after {
    opacity: 0;
}
.toggle input:checked~.labels::before {
    opacity: 1;
}
/* BOOTSTRAP ECCEZIONI */
.accordion-button {
	padding: 5px 7px;!important
}
.edit-icon:hover {
  /*background-color: #344eaa;*/
  color: #3399ff;
}
.accordion-button:not(.collpased) {
	background-color:transparent;
	box-shadow:none;
}
.accordion-button:focus:not(:focus-visible){
	outline:none;	
}
.formVer {
	padding-left: 2px;
	text-align: right;
}
.currentStep {
	margin:0 auto;
	background: none;
	color: #0080FF;
	padding: 0 5px;
	font-size: 48px;
	margin-right: -10px;
	text-align: center;
}
.spinner-border-argaweb {
	width: 4rem;
	height: 4rem;
}
.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #FF3D00 transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.tipoTiroUnchecked{
	border: 2px solid #FFFFFF;
}
.tipoTiroChecked{
	border: 3px solid #1E90FF;
} 
#tableDatiImpianto input, #datiPuleggia input, #tableFuneSelezionata input {
	border:1px solid #dadada;
    border-radius:2px;
    padding:3px;
    margin: 2px;
}
#tableDatiImpianto input.obbligatorio, #datiPuleggia input.obbligatorio, #tableFuneSelezionata input.obbligatorio {
	border-color: red;
}
#tableDatiImpianto input.obbligatorio:hover, #datiPuleggia input.obbligatorio:hover, #tableFuneSelezionata input.obbligatorio:hover {
	border-color: #FF3F00;
}
#tableDatiImpianto input.obbligatorio:focus, #datiPuleggia input.obbligatorio:focus, #tableFuneSelezionata input.obbligatorio:focus {
	border-color: red;	
    box-shadow:0 0 1px #FF3F00;
}
#tableDatiImpianto input.obbligatorioGreen, #datiPuleggia input.obbligatorioGreen, #tableFuneSelezionata input.obbligatorioGreen {
	border-color: green;
}
#tableDatiImpianto input.obbligatorioGreen:hover, #datiPuleggia input.obbligatorioGreen:hover, #tableFuneSelezionata input.obbligatorioGreen:hover {
	border-color: green;
}
#tableDatiImpianto input.obbligatorioGreen:focus, #datiPuleggia input.obbligatorioGreen:focus, #tableFuneSelezionata input.obbligatorioGreen:focus {
	border-color: green;
}
#tableDatiImpianto input:focus, #datiPuleggia input:focus, #tableFuneSelezionata input:focus
{
	/*
  border: 1px solid #48A4FF;
  background: white;*/
  	outline:none;
    border-color:#0080C0;
   /* box-shadow:0 0 1px #3399ff;*/
   box-shadow: none;
}
#tableDatiImpianto input:hover, #datiPuleggia input:hover, #tableFuneSelezionata input:hover {
	border-color:#99ccff;
	box-shadow:none;
}
.form-switch.form-switch-md .form-check-input {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}
.sezioniTitoli {
	display: block;
	font-size: 16px;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}
.sezioneBox {
	border-color: #e1e1e1;
	border-style:solid;
	border-width:1px;
	border-radius:4px;
	background-color: #fcfcfc;
}
#tableDatiClienteFinale caption {
	font-size: 14px;
	font-weight: bold;
}
.btn i {
	margin:0 7px 0 2px;
}
.imgTipoTiro {
	margin: 0 4px;
}
.dropdown-menu { 
  min-width: 600px; /* Adjust the value as needed */ 
} 
#btnSubmitSpinner span {
	width:1rem;
	height:1rem;
}
.documentExplorerFolder {
	font-size: 100px;
}
.documentExplorerFolder-box-item {
	background-color: #FFFFFF;
	float: left;
	height: 207px;
	margin: 5px;
	overflow: hidden;
	width: 215px;
}
.documentExplorerFolder-box-item:hover {
	cursor: pointer;
	border-color: blue;
}
.documentExplorerTitle {
	font-size: 30px;
}
.nav-item:hover {
	font-weight: bold;
}
.box-item:hover {
	cursor: pointer;
	border-color: blue;
}
input[type=radio]{
  transform:scale(1.5);
}
.myfooter-margin-bottom {
	margin-bottom:45px;
}
.leftmenu-link {
	font-size: 18px;
}
.leftmenu-link .bi-folder-fill {
	color: #F4A460;
}