/* Stili generici */
html,body {
 background-color:#FFF;
 color:#000;
 padding:0;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10px;
 margin:0;
 max-height:100vh;
}

h1, h3 {
 font-size:22px;
 color:#000000;
}

p {
 margin:1px;
 padding:1px;
}

input,select,option,textarea {
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 	border:1px solid #7b8fa8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

a {
 font-weight:bold;
 color:#1209C1;
 text-decoration:none;
}

a:visited {
 font-weight:bold;
 color:#1209C1;
 text-decoration:none;
}

a:hover, a:active {
 font-weight:bold;
 color:#1209C1;
}

.user_data{
 font-size:12px;
}

img {
 border:none;
}

form {
 margin:0;
 padding:0;
}

table{
 float:left;
 margin:2px;
 padding:0;
 font-size:9px;
 border:1px solid #566375 !important;
 border-collapse: separate;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border-spacing: 0;
}

tr {
 margin:0;
 padding:0;
}

tr:nth-child(even) {background-color: #eee}
tr:nth-child(odd) {background-color: #fff}

th {
 border-right:1px solid #ddd;
 margin:0;
 padding:3px 4px;
}

td {
 border-top:1px solid #566375;
 border-right:1px solid #ddd;
 margin:0;
 padding:3px 4px;
}

tr:first-child td {
	border-top:none;
}

td:last-child, th:last-child {
 border-right:none;
}


tr.sticky th {
  position: sticky;
  top: 36px;
  background-color:#566375 !important;
}

tr.sticky2 th {
  position: sticky;
  top: 0;
  background-color:#566375 !important;
}

.acapo {
 clear:both;
}

.cleft {
 clear:left;
}

.cright {
 clear:right;
}

.right {
 text-align:right;
}

.left {
 text-align:left;
}

.piccolo {
 font-size:7px;
 margin:0;
 padding:0;
}

.corsivo{
 font-style:italic;
}

.grassetto {
 font-weight:bold;
}

.red{
 background-color:#feaca3 !important;
 text-align:right;
}

.green{
 background-color:#FFF !important;
 border:1px solid #53FF5E;
 text-align:right;
}

.yellow{
 background-color:#FFFF9C !important;
}

.azzurro{
 background-color:#A3FFFD !important;
}

.arancio { background-color:#FFD86B !important;}

.grey { background-color:#AAAAAA !important;}

.grigioright {
 text-align:right;
 background-color:#a1e9c7 !important;
}

.yellowright{
 background-color:#FFFF9C !important;
 text-align:right;
}

.azzurroright{
 background-color:#A3FFFD !important;
 text-align:right;
}

.verderight{
 background-color:#99FF88 !important;
 text-align:right;
}

.redyellow{
 background-color:#FFFF9C !important;
 color:#FF0000;
 text-align:right;
}

.redazzurro{
 background-color:#A3FFFD !important;
 color:#FF0000;
 text-align:right;
}

.reddelta{
 background-color:#FF5C5F !important;
 text-align:right;
}

.yellowdelta{
 background-color:#FFFF33 !important;
 text-align:right;
}

.greendelta{
 background-color:#53FF5E !important;
 text-align:right;
}

.bludelta{
 background-color:#0AABE1 !important;
 text-align:right;
}

.rossonum{
 color:#FF0000;
 text-align:right;
}

a.rossonum, a.rossonum:visited {
 font-weight:bold;
 color:#FF0000;
 text-decoration:none;
}

a.rossonum:hover, a.rossonum:active {
 font-weight:bold;
 color:#FF0000;
}

.rossotext{
 color:#FF0000;
 text-align:left;
}

.verdenum{
 color:#53FF5E;
 text-align:right;
}

.yellowcenter{
 background-color:#FFFF33 !important;
 border:none;
 text-align:center;
}

.navycenter{
 background-color:#AEC6CF !important;
 border:none;
 text-align:center;
}

.bordi td {
 border:1px solid #000;
}

/* ------------- colori celle ------------- */

.cellaarancio { background-color:#FFD86B !important;}
.cellaverde { background-color:#99FF88 !important;}
.cellaazzurro { background-color:#88D5FF !important;}
.cellarosso { background-color:#FF6666 !important;}
.cellaviola { background-color:#DDBBFF !important;}
.cellaviolaright { background-color:#DDBBFF !important; text-align:right;}
.cellagiallo { background-color:#FFFF33 !important;}

/* ------------- fine --------------------- */

.titolo{
 background-color:#566375 !important;/*#555555;*/
 color:#FFF;
 text-align:center;
}


.titolo a, .titolo a:active, .titolo a:hover, .titolo a:visited{
 font-weight:bold;
 color:#FFF;
 text-decoration:underline;
}

.titolob{
 background-color:#1209C1 !important;
 color:#FFF;
 text-align:center;
}

.titoloblu{
 background-color:#000080 !important;
 color:#FFF;
 text-align:center;
}

.titolorosso{
 background-color:#c0504d !important;
 color:#FFF;
 text-align:center;
}

.titoloverde{
 background-color:#4f6228 !important;
 color:#FFF;
 text-align:center;
}

.titoloarancio{
 background-color:#ffaa00 !important;
 color:#000;
 text-align:center;
}

.nobordi{
 border:none;
 background-color:#FFF;
}

 
.center{
 text-align:center;
}

.selfiltro
{
 background-color:#fdfd96;
}

#box {
 background-color:#FFF;
 min-width:320px;
 margin:36px 0px 0px 0px;
 padding:0;
}

#nav1
{
	width:100%;
	min-width:320px;
	max-width:100vw;
	position: fixed;
	top: 0;
	padding:0;
    background-color: #006282;
    overflow: hidden;
	text-align:center;
	font-size:14px;
	font-family:'Ubuntu', sans-serif;
	font-weight: 400;
	color: #fff;
	z-index:1;
}

#nav1 a
{
 float: left;
 display:block;
 margin:0;
 padding:10px 5px;
 color:#FFF;
}


.sel a { color:#FFF; }
.sel a:visited { color:#FFF; }
.sel a:hover, #nav1 a:active { color:#FFF; }

#nav1 a.sel
{
 margin:0;
 padding:10px 5px;
 background-color:#71a0c8;
 color:#FFF;
 font-weight:bold;
}

#nav1 a:hover {background-color:#00bfff;}

#logo {
	float: left;
	display:inline-block;
	text-align:center;
	margin:5px 5px 4px 5px;
	padding:2px;
	width:62px;
	height:19px;
	background:#FFF;
	border:2px solid #006282;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0 0 0 2px #FFF;
	color:#006282;
	font-weight:bold;
}

#logo img {
	height:19px;
}

.nav1div {
	float: left;
	display:block;
	padding:10px 5px;
}

#nav1socrate {
	float: left;
	display:block;
	padding:1px;
	margin:0;
}

.menurosso{
	background-color:red;
	color:white;
}

#nav1 .menumsg{
	color:yellow;
}

#nav1 a.menumsg, #nav1 a.menumsg:visited, #nav1 a.menumsg:active { color:yellow; }
#nav1 a.menumsg:hover { color: #006282; background-color:yellow; }

#nav1 a.menurosso, #nav1 a.menurosso:visited, #nav1 a.menurosso:active { background-color:red; color:white; }
#nav1 a.menurosso:hover { color:red; background-color:white; }

.menugiallo{
	background-color:yellow;
	color:black;
}

#nav1 a.menugiallo, #nav1 a.menugiallo:visited, #nav1 a.menugiallo:active { background-color:yellow; color:black; }
#nav1 a.menugiallo:hover { color:yellow; background-color:black; }


#menu-destra {
	float:right;
}

/****************** menu destra responsive ************/

/* Hide the link that should open and close the topnav on small screens */
#nav1 .icon {
  display: none;
  float:right;
}

/* When the screen is less than 1060 pixels wide, hide all links */
@media screen and (max-width: 1060px) {
  #nav1 .topnav a, #nav1 .topnav div {display: none;}
  #nav1  a.icon {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
  }
  #nav1 .topnav.responsive {position: relative;}
  #nav1 .topnav.responsive a, #nav1 .topnav.responsive div {
    float: none;
    display: block;
    text-align: left;
  }
	.scorrevole { max-height: calc(100vh - 36px) !important;}
}

@media only print {
  #nav1 .topnav a, #nav1 .topnav div {display: none;}
  #nav1  a.icon {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
  }
  #nav1 .topnav.responsive {position: relative;}
  #nav1 .topnav.responsive a, #nav1 .topnav.responsive div {
    float: none;
    display: block;
    text-align: left;
  }
	#nav1 { display: none}
	.scorrevole { 
	height: auto; 
	display: inline;
	overflow: visible;
	}
}

#nav1 a.filtroattivo
{
 background-color: yellow;
 color: #000;
}
	
#nav1 a.filtroattivo:hover {
	background-color:#000;
	color:yellow;
}


.nav2
{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:12px;
	background-color:#e6e9ec;
}

.nav2 li
{
 display:inline-flex;
 margin:0;
 padding:2px 4px;
}

.nav2 li.sel
{
 background-color:#1209C1;
 color:#FFF;
 font-weight:bold;
}

.scorrevole {
	overflow-x:auto;
	max-height: calc(100vh - 400px);
}

a.excel {
	background-color:#008000;
	color:#FFF;
	padding:1px 4px;
}

a.excel:hover {
	background-color:#008000;
	color:#FFF;
}

a.pdf {
	background-color:#f30c0c;
	color:#FFF;
	padding:1px 4px;
}

a.pdf:hover {
	background-color:#f30c0c;
	color:#FFF;
}


#idcliente { width:100px;}

#quadro1
{
 display: inline-block;
 width:330px;
 padding:5px;
 margin:5px auto;
 border: #ddd 1px solid;
}

#quadro2
{
 float:left;
 /*height:253px;*/
 margin:0 5px 10px 5px;
 padding:5px;
 border: #ddd 1px solid;
}

.quadro
{
 float:left;
}


.quadrobordo
{
 float:left;
 border:1px solid #000;
 text-align:center;
}

#quadrograficov7
{
 float:left;
 padding:0;
 margin:5px;
}

/* grafici */
.grafico
{
 float:left;
 margin:0;
 width:140px;
 /*height:253px;*/
 text-align:center;
}

/* stili sfondi gare */

.g { background-color:#FFF; text-align:center;}
.gv { background-color:#99FF88; text-align:center;}
.gp { background-color:#FF6666; text-align:center;}
.gm { background-color:#FFD86B; text-align:center;}
.gf { background-color:#DDBBFF; text-align:center;}
.gb { background-color:#C5D9F1; text-align:center;}

.tabhome1
{
 min-width:280px;
}

.tab_bordi
{
 border:none;
 width:75%;
 margin:0 0 10px 0;
}

.tab_bordi td
{
 width:33%;
 height:30px;
 text-align:center;
 vertical-align:middle;
 border: 2px solid #000;
 font-size:14px;
}

/* SEZIONE VENDITE */
.nav2v
{
	margin:0;
	padding:0;
	list-style-type:none;
	background-color: #71a0c8;
	overflow: hidden;
	text-align:center;
	font-size:14px;
	font-family:'Ubuntu', sans-serif;
	font-weight: 400;
	color: #fff;
}

.nav2v a
{
 color:#FFF; 
 display:block;
 margin:0;
 padding:5px 5px;
 color:#FFF;
 font-weight: 400;
}

.nav2v a:hover {background-color:#00bfff;}

.nav2v li
{
 display:inline-block;
 margin:0;
 padding:0;
 float: left;
}

.nav2v li.sel
{
 background-color:#4583b4;
}

.nav2v li.sel a
{
 color:#FFF;
 font-weight: 400;
}

/* quadrofloat */
.quadrofloat
{
 display: inline-flex;
 margin:10px;
 padding:0;
 width:342px;
 height:342px;
 border: 1px solid #566375 !important;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 vertical-align: top;
 align-items: center;
 justify-content: center;
}

.quadrofloat a 
{
 color:#FFF;
}

.quadrofloat img {
 max-width:300px;
 max-height:350px;
 margin:10px;
 display: inline-block;
 border-radius: 5px;
 
}

img.imgMentor {
 margin:10px 10px 0 10px;
}

/* CRM */

.tabcrm div {
 margin:1px;
 padding:1px;
}

.tabcrm div a {
 font-weight:normal;
}

.tabcrm td
{
 border:1px solid #000;
 margin:0;
 padding:1px 2px;
 vertical-align:top;
 width:135px;
}

.bordored td{
 border: 1px solid #FF0000;
 }

.bordoredp {
 border-style: solid;
 border-width: 1px;
 border-color: #FF0000;
 }
 
.grigiocrm
{
 background-color:#f1f3f6 !important;
}

.bordop {
 border-style: solid;
 border-width: 1px;
 border-color: #AAAAAA;
 }

/* CRM compilazione */

.tabcrm2 td
{
 background-color:#f1f3f6 !important;
 color:#A75502;
}

.tabcrm3 td
{
 background-color:#f1f3f6 !important;
}

#utenticrm
{
 background-color:#fdfd96 !important;
}

p.sfondocrm
{
 background-color:#d8d8d8 !important;
 color:#A75502;
}

 
.gold {
	background-color:#DBCF89 !important;
	font-weight:bold;
}
 
 
 /****************/
 
.magazzinoscadenza { 
 background-color:#FFB347;
 text-align:center;
 width:330px;
 padding:5px;
 border: #ddd 1px solid;
 }
 
 .magazzinoscadenza h3 { 
 text-align:center;
 font-size:10px;
 color:#000;
 width:100%;
 }
 
.magazzinoscadenza table { 
 margin:2px auto;
 float:none;
 }
 
 .nuovobudget { 
 background-color:#99FF88;
 text-align:center;
 width:330px;
 padding:5px;
 border: #ddd 1px solid;
 }
 
 .nuovobudget h3 { 
 text-align:center;
 font-size:10px;
 color:#000;
 width:100%;
 }
 
.nuovobudget table { 
 margin:2px auto;
 float:none;
 }
  
.badbad { 
 background-color:#AEC6CF;
 width:330px;
 padding:5px;
 border: #ddd 1px solid;
 }
   
.badbad h3 { 
 text-align:center;
 font-size:10px;
 color:#000;
 width:100%;
 }
 
.badbad table { 
 margin:2px auto;
 float:none;
 }
 
.materiale { 
 background-color:#FDFD96;
 width:330px;
 padding:5px;
 border: #ddd 1px solid;
 }
 
.materiale h3 { 
 text-align:center;
 font-size:10px;
 color:#000;
 width:100%;
 }
 
.materiale table { 
 margin:2px auto;
 float:none;
 }
 
 /* sfondi tabelle home1 */
 .home1a
 {
  background-color:#004225 !important;
  color:#FFF;
  text-align:center;
}

 .home1b
 {
  background-color:#009f59 !important;
  color:#FFF;
  text-align:center;
}

 .home1c
 {
  background-color:#7ae0b3 !important;
  color:#000;
  text-align:center;
}

#login
{
    width: 400px;
    margin: 10px auto;
    background: #006282;
    padding: 10px 25px 25px 25px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	text-align:center;
	font-family:'Ubuntu', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #fff; /* Colore del testo */
}

#login h1 {
	font-family:'Ubuntu', sans-serif;
	font-weight: 400;
	font-size:40px;
	color: #fff;
	text-decoration:none;
}

@media only screen and (max-width: 600px) {
#login {
	width: 90%;
    padding: 5px;
  }
 .nascondi{
	 display:none;
 }
}

@media only screen and (max-width: 380px) {
#login {
	width: 90%;
    padding: 5px;
  }
 #login h1 {
	 font-size:30px;
 }
}

#DBConnection {
	text-align:center;
	margin:0;
	padding:0;
	border:none;
	height:100px;
}
#DBConnection img {
	vertical-align:-27px;
}

#logologin {
	text-align:center;
	margin:0 auto 20px auto;
	padding:5px;
	width:171px;
	height:54px;
	background:#FFF;
	border:3px solid #006282;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	box-shadow: 0 0 0 3px #FFF;
}

#logologin img {
	height:54px;
}

div.avvisologin{
	height: 20px; /* Altezza */
	width: 280px;
	margin: 5px auto;
	text-align:center;
	color:red;
}

div.loginbutton {
	background: #ecf1f7; /* Colore di sfondo c4d9f4 */
	border:none;
	height: 40px; /* Altezza */
	width: 280px; /* Larghezza */
	margin: 5px auto 10px auto; /* Margin */
	padding:0 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	color:#566375;
 }



#login input { /* Stili per i pulsanti */
	background: #ecf1f7;
    border:none;
    font-size:16px;
	font-family:'Ubuntu', sans-serif;
	margin: 0; /* Margin */
	padding: 0 10px; /* Padding */
	width:240px;
	line-height:40px;
	outline:none;
}

#login button{
	cursor: pointer;
	color: #fff; /* Colore del testo */
	height: 40px; /* Altezza */
	width: 300px; /* Larghezza */
	margin: 5px auto 10px auto; /* Margin */
	padding: 0 10px; /* Padding */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border:none;
	line-height: 40px; /* Altezza di riga */
    font-size:18px;
	font-family:'Ubuntu', sans-serif;
	font-weight: 500;
}

#login button:hover{
	background:#00bfff;
}

button.loginEntra  {
	background:#71a0c8;
}


.alert_ok, .alert_ko, .alert_info, .alert_warn {
    padding: 20px;
	margin: 5px;
    color: white;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
}

.alert_ok {
	background-color: #04AA6D;
}	

.alert_ko {
	background-color: #f44336;
}

.alert_info {
	background-color: #2196F3;
}

.alert_warn {
	background-color: #ff9800;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
}

.closebtn:hover {
    color: black;
}

 
 /* colori pastello */
 .c-FF6961{
  background-color:#FF6961 !important;
  }
  
.c-FDFD96{
  background-color:#FDFD96 !important;
  }
.c-DEA5A4{
  background-color:#DEA5A4 !important;
  }
.c-AEC6CF{
  background-color:#AEC6CF !important;
  }
.c-836953{
  background-color:#836953 !important;
  }
.c-03C03C{
  background-color:#03C03C !important;
  }
.c-CFCFC4{
  background-color:#CFCFC4 !important;
  }
.c-779ECB{
  background-color:#779ECB !important;
  }
.c-77DD77{
  background-color:#77DD77 !important;
  }
.c-966FD6{
  background-color:#966FD6 !important;
  }
.c-B19CD9{
  background-color:#B19CD9 !important;
  }
.c-C23B22{
  background-color:#C23B22 !important;
  }
.c-B39EB5{
  background-color:#B39EB5 !important;
  }
.c-FFB347{
  background-color:#FFB347 !important;
  }
.c-CB99C9{
  background-color:#CB99C9 !important;
  }
.c-F49AC2{
  background-color:#F49AC2 !important;
  }
.c-006282{
  background-color:#006282 !important;
  }
.c-71a0c8{
  background-color:#71a0c8 !important;
  }
.c-a0c871{
  background-color:#a0c871 !important;
  }
.c-c871a0{
  background-color:#c871a0 !important;
  }
.c-c8c571{
  background-color:#c8c571 !important;
  }
.c-d4e2ee{
  background-color:#d4e2ee !important;
  }
.sfondo_mentor{
 height: calc(100% - 36px);
 min-height: calc(100vh - 36px);
  background: url("img/dbi_white.png") no-repeat 98% 98%, url("img/mentor_white.png") no-repeat 98% 92%;
  }
.sfondo_mentor_noimage{
 height: calc(100% - 36px);
 min-height: calc(100vh - 36px);
  background-color:#d4e2ee !important;
  }
.sfondo_standard {
  background-color:#d4e2ee !important;
}
.sfondo_visione {
  background-color:#eeedd4 !important;
}
.sfondo_ordini {
  background-color:#e2eed4 !important;
}
.sfondo_deposito {
  background-color:#eed4e2 !important;
}
  
.bdg5{
	background-color:#D5F5E3;
}

.bdg4{
	background-color:#ABEBC6;
}

.bdg3{
	background-color:#82E0AA;
}

.bdg2{
	background-color:#58D68D;
}

.bdg1{
	background-color:#2ECC71;
}

.cella_ok{
	color:#007a08;
	background-color:#c8ffcc;
}

.cella_wait{
	color:#dea300;
	background-color:#fff1ca ;
}

.cella_executing{
	color:#007da3;
	background-color:#caf3ff;
}

.cella_no{
	color:#dd3500;
	background-color:#ffd6c9;
}

.cella_fattura{
	color:#008561;
	background-color:#99f1da;
}

.cella_sostituzione{
	color:#006685;
	background-color:#99ddf1;
}

/* Force override del font-size sulle classi delle icone */
.fa, .fas, .far, .fal, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-brands,
[class^="fa-"], [class*=" fa-"] {
  width: 1em !important;
}