@charset "UTF-8";
/* CSS Document */

/*
@media print {
  #printable, #printable * {
    visibility:visible;
  }
  #printable 
  {
        position:absolute;
        left:0px;
        top:0px;
  }
}
*/

body{
	margin:0;
	background-color:#ffffff;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303030; /*67*/
}

h1 {
	font-size:20px;
	font-weight:bold;
	color:#1669b6;/*#2680aa;*/ /*rosso disegni #db310f */
	margin-top:0px;
	margin-bottom:4px;
}

h2 {
	font-size:16px;
	font-weight:bold;
	color:#152f63; /*3c5da4*/
	margin-top:15px;
	margin-bottom:15px;
}

h4 {
	font-size:15px;
	font-weight:bold;
	color:#152f63; /*3c5da4*/
	margin-top:0px;
	margin-bottom:7px;
}

td.scelta 
{
    color:#1669b6;
    font-weight:bold;
    padding:5px 10px 5px 10px;
    border: solid 3px #ffae01;
}

td.titolo 
{
    background-color:#1669b6;
    color:#ffffff;
    font-weight:bold;
    padding:2px 3px 2px 3px;
    border: none;
}

td.titolo2 
{
    background-color:#f0af00;
    color:#ffffff;
    font-weight:bold;
    padding:2px 3px 2px 3px;
    border: none;
}

.normale 
{
    font-size:12px;
    font-weight:normal;
	color:#404040; /*67*/
}

.normale td {
    text-align:left;
}

.avanti {
    color:#ffffff;
    background-color:#1fa115;
}

.indietro {
    color:#ffffff;
    background-color:#808080;
}

.bigblue 
{
    font-size:16px;
	font-weight:bold;
	color:#1669b6;
	text-align:center;
}

td.sigla {
    font-size:16px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	vertical-align:middle;
	border: solid 2px #000000;
}

.sigla 
{
    font-size:16px;
	font-weight:bold;
    color:#c00000;  
}

.titoloblu {
	font-size:16px;
	font-weight:bold;
	color:#152f63;
}

.titoloazzurro {
	font-size:16px;
	font-weight:bold;
	color:#007cc3;
	margin-bottom:5px;
}

a.img img 
{
    border:solid 3px #1669b6;
	padding:5px 5px 5px 5px;
	width: 200px;
}

a.img:hover img{
	border:solid 3px #ffae01;
}

a {
	color:#152d65;
	text-decoration:underline;
}

a:hover {
	color:#fcbd11;
	text-decoration:underline;
}

#wrapper
{
    margin:auto;
	background-color:#ffffff;
}

#logocentrale{
	margin:auto;
	width:770px;
	background-color:#ffffff;
	background-image:url(../images/logo_medio.gif);
	background-repeat:no-repeat;
	background-position: center center;
	height:250px;
	position:relative;
}

#login {
	margin:auto;
	width:690px;
}

#login table {
	border: solid 1px #828282; /*cccccc*/
}

#login table td {
	font-size: 11px;
	background-color:#f3f2f2;
}

#registrazione {
	margin:auto;
	width:400px;
}

#registrazione table {
	border: solid 1px #828282; /*cccccc*/
}

#registrazione table td {
	font-size: 11px;
	background-color:#f3f2f2;
}


#header-admin
{
    padding: 10px 20px 10px 20px;
	margin:auto;
    margin-bottom: 5px;
	width:990px;
    background-color: #008cbd;
    color: #fff;
}


#header
{
    padding: 7px 0px 0px 0px;
	margin:auto;
	width:990px;
}

#header-left {
	float:left;
}

#header-right {
	float:right;
	font-size:12px;
	font-style:italic;	
	color:#084a94;
}

#header-right .valore {
	color:#eca700;
}

#menu{
	margin:5px auto;
	width:990px;
}

#content{
	margin:auto;
	width:990px;
	min-height:200px;
}

#contenuto{
	margin:auto;
	width:990px;
	min-height:200px;
}

#contenuto2{
	margin:auto;
	width:720px;
	min-height:200px;
}

#footer 
{
	width:990px;
    margin:auto;
    text-align:center;
	border-top: solid 2px #cccccc;
	padding-top:3px;
	font-size:11px;
}

td.campo {
    color: #152d65; /*#456c9b; #3b63a5; #3b6ea7; #3c7fb1;*/
    text-align:right;
    width:100px;
}

td.valore {
    text-align:left;
}

td.campo-obbligatorio {
    color: #b03a3a;
}

.benvenuto 
{
    font-size:18px;
    font-weight:normal;
    text-align:center;
    color:#3c7fb1;
}

.rosso {
    color:#e00000;
}

.grigio {
    color:#808080;
}

.trasporto 
{
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}   

table.accessorio {
    border-collapse: collapse;
}
table.accessorio td {
    border-top: 1px solid #ffae01;
    border-bottom: 1px solid #ffae01;
    padding:3px;
}

.verde {
    color: #008000;
}

.evidenziato 
{
    background-color:#ffff00;
}

table.tblordine
{
    border-collapse:collapse
}

table.tblordine td
{
    padding:2px 3px 2px 3px;
    border: solid 1px #000000;
}

.RadCalendar .rcMain .disabledDay
{
    background-color: #eaeaea !important;
}

.RadCalendar .rcMain .disabledDay a
{
    cursor: default !important;
}

.RadCalendar .rcMain .enabledDay
{
    background-color: #a8ff77;
}

/*  STATISTICHE */

h2.statistiche {
	font-size:16px;
	font-weight:bold;
	color:#1669B6; /*3c5da4*/
	margin-top:15px;
	margin-bottom:15px;
}

.tblstatistiche td.nome_dato {
    color: #1669B6;
    font-weight:bold;
    font-size:14px;
}

.tblstatistiche td.valore_dato {
    color: #C00000;
    font-weight:bold;
    font-size:14px;
}

table.pronta-consegna {
    border-collapse: collapse;
}

table.pronta-consegna thead th {
    padding: 5px 10px;
    border-bottom: 2px solid #1669b6;
    text-align: left;
}

table.pronta-consegna tbody td {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

table.pronta-consegna tbody td.center {
    text-align: center;
}

.wrapper {
  background-color: #f2f2f2;
  display: grid;
  grid-template-columns: 1fr;
  /*grid-template-rows: 100vh;*/
  align-items: center;
  justify-items: center;
}
 
.loader {
  width: fit-content;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 30px;
  padding-bottom: 8px;
  background: linear-gradient(#008abd 0 0) 0 100%/0% 3px no-repeat;
  animation: l2 2s linear infinite;
}
.loader:before {
  content: "Generating CAD Preview…"
}
@keyframes l2 {to{background-size: 100% 3px}}

.cad-button input[type="image"] {
    width: 20px ;
    height: auto;
}

.cad-button-dxf input[type="image"] {
    width: 25px ;
    height: auto;
}