.example_01 {color:}
{color:#185100}

/* ************************************************************** */

[data-toggle="collapse"] .fa:before {   
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

/*** Responsive Styles Tablet Only ***/

@media (max-width: 600px)  {
	#wrapper {width:100% !important}
}

.mb27debug {color: #B97F00}

.clear {clear: both;}


/* ************************************************************** */


/* Correzione colori BOOTSTRAP */
.btn-primary {background:#0077cc;color:white;border-color:#0077cc;margin:10px auto;width:50%;display: block;}
.btn-outline-primary {border-color: #07c;
	color: #07c;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {border-color:#0077cc !important;background:#0077cc !important;color:white;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background:#185100;color:white;border-color:#0077cc}
.btn-secondary {background:#0077cc;}
.btn-success {}
.btn-danger {}
.btn-warning {color:white;}

/*
h1 { background:#428bca;width:100%; margin:20px 0 ;padding:5px;text-align: center;font-size: 30px;color:#fff;font-weight: 200;}
h2 { width:100%; margin:20px 0 ;padding:5px;text-align: center;font-size: 24px;color:#0072BC;font-weight: 700;}
h3 { width:100%; margin:20px 0 ;padding:5px;text-align: left;font-size: 18px;color:#5AA4E0;font-weight: 200;}
h4 { width:100%; margin:20px 0 ;padding:5px;text-align: left;font-size: 18px;color:#D3D73A;font-weight: 200;}
h4.idko { width:100%; margin:10px 0 0px 0 ;padding:5px;text-align: left;font-size: 18px;color:#9E2E30;font-weight: 200;}
p.warning {background:red;color:white;}
p.valid {background:green;color:white;}
*/


body {background: #e0e0e0;}
#wrapper .navbar.bg-dark {background-color:#0077cc !important}
/*
body {font-family: "Open Sans",sans-serif;background: #eee;font-size: 12px;color:#333;margin-top: 30px;}
#wrapper {background: #fff; width:70%; max-width: 1200px;padding:40px; margin:0 auto;border:2px solid #ddd;}
*/


#wrapper #menu_admin .navbar.bg-dark {background-color:#700000 !important}
#wrapper {border:2px solid #ccc;background:#eee}


a {color:#4d5744;}



/* DARK VERSION */
body {background:black;color:#aaa}
#wrapper {background:black;color:#aaa}
table.table1 {color:#aaa;}
/*
body {background: #111;color:#ccc;}
h1,h2,h3,h4,h5,h6,p {color:#ccc;}
*/


/*
main color		428bca AZZURRO
più scuro	    0d659d
overlay			2a6496
*/
/* darkmode */

/*
body {background: #111;color:#ccc;}
h1,h2,h3,h4,h5,h6,p {color:#ccc;}
*/


/* ****** GENERALE ***************************************************************************** */


#wrapper {max-width:100%;margin:0 auto;padding:0 15px;text-align: left;}
h1 {color:#0077cc;text-align: center;border-bottom:1px solid #0077cc;padding-bottom: 8px;}
h2 {color:#0077cc;text-align: center}
#title {text-align: center;color:#0077cc;margin-bottom:30px;}
a {text-decoration: none;}


.al_left {text-align: left;}
.al_center {text-align: center;}
.al_right {text-align: right;}


/*#region MENU */


a.navbar-brand { background: #fff;
padding: 5px;
}

#menu_main a {color:white;display: inline-block;border:1px solid white;padding:3px;margin:10px 2px 0 2px;}
#menu_main a:hover {color:red}
#menu_main a:selected {color:green}
#menu_main a:hover {color:yellow}
#menu_main a:active {color:purple}

#mb27debug {border:1px solid orange;}

#footer {height:50px;margin-top:40px;background:#444}


.attivo0 {color:#4A0000}
.attivo1 {color:#003901}

.nuovo {display: block;
	width: 200px;
	margin: 0 auto;
}

/*#endregion */
/*#region tabelle */

th {padding:0 5px 5px 5px}
td {padding:0 5px}

input {
	border-radius: 8px;
	border: 0px;
	padding: 5px;
}

/*#endregion */

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


#content {margin-top:80px;}




/* #region CLIENTE - ELENCO */

#menugruppiprodotti {margin-bottom:40px;}

#menugruppiprodotti ul {list-style-type: none;margin:0 auto;text-align: center;}

#menugruppiprodotti ul li {display:inline;margin:0 10px;}



.contratto_si a {color:#333;}

.contratto_no a {color:#ccc;}



/* #endregion */
/* #region CLIENTE - NUOVO */


table-row {margin:10px 0!important}
	.nuovo_cliente table {
  border-collapse:separate; 
  border-spacing: 0 1em;
}
.nuovo_cliente table {width:100%}
.nuovo_cliente td {vertical-align: top;padding:0 35px 0 0;}
.nuovo_cliente label {display:block;margin:0 10px 5px 0;}
.nuovo_cliente input, .nuovo_cliente select {margin:0 0 20px 0;width:100%}

.nuovo_cliente select {
		background: #d3eaf0;
		height: 37px;
		padding: 0 20px;
		border-radius: 9px;
		border: none;
	}

/* #endregion */


/* #region CLIENTE - SCHEDA */

/* ***************************************************************************
/* **************************** CLIENTE - SCHEDA *****************************
/* ***************************************************************************

/* COLORI SEZIONI */
	/*
	#clienti_scheda #content #ordini {border:1px solid red; }
		#clienti_scheda #content #ordini .ordine  {brder:1px solid purple; }
	#clienti_scheda #content #componenti {border:1px solid green; }
	#clienti_scheda #content #componenti .componente {border:4px solid green; }
	#clienti_scheda #content #varianti {border:1px solid blue; }
	#clienti_scheda #content #varianti .variante {border:4px solid yellow;}

	#clienti_scheda #content #fattureElementi {border:1px solid orange; }
	*/




.readonly_click {position: fixed;left: 20px;}

.stato0 {display:inherit;background: #f001; margin:5px 0;}
.stato0spento {display:none}

.stato1 {display:inherit}




#clienti_scheda #content #anagrafiche {font-size: 12px;}

#clienti_scheda #content ul {list-style-type: none}
#clienti_scheda #content ul li  {border: 1px solid #fff; margin: 5px 0;}


#clienti_scheda #content #anagrafiche table td {padding: 0 !important; font-size: 12px;}

#clienti_scheda #content {font-size: 14px;}

/* #clienti_scheda #content .left {width: 100px;border: 1px solid red;float:left;}
#clienti_scheda #content .right {width: 125px;border: 1px solid red;float:right;}



#clienti_scheda #content .left {border: 1px solid red}
#clienti_scheda #content .right {border: 1px solid red}
*/


#clienti_scheda #content .liv_1 {margin:0 0 0 50px;}
#clienti_scheda #content .liv_2 {margin:0 0 0 50px;}
#clienti_scheda #content .liv_3 {margin:0 0 0 50px;}
#clienti_scheda #content .liv_4 {margin:0 0 0 50px;}
#clienti_scheda #content .liv_5 {margin:0 0 0 50px;}







#clienti_scheda #content #contratti h3 {font-size: 14px;font-weight: bold;}
#clienti_scheda #content #contratti h4 {font-size: 12px;font-weight: bold;}
#clienti_scheda #content #contratti h5 {font-size: 12px;font-weight: bold;float:left;}

#clienti_scheda #content #contratti p.contratto {font-weight: bold;border-top:1px solid #aaa;margin-top:20px;font-size: 16px;}

#clienti_scheda #content #ordini {padding:5px; }
#clienti_scheda #content #ordini .ordine p {font-size: 12px; font-weight: bold;}

#clienti_scheda #content #componenti .xxx {padding:5px;}

#clienti_scheda #content #varianti .xxx {padding:5px;}
#clienti_scheda #content #varianti table td {text-align: right;font-size: 14px;}

#clienti_scheda #content .variante {margin:5px 0;padding: 5px; width:400px;}



#clienti_scheda #content h5 {display:inline-block;margin-bottom: 5px;}


.modifica th {font-size:10px;}
.readonly {
	background: #eee;
	border: 1px solid #ccc;
	outline: none;
}
.attivo input {color:green;}
.disattivo input {color:red;}



.occvDataInizioFatturazione, .occvDataFineFatturazione {border:3px solid #777;}
.occoNome {font-weight: bold;}



/* #region NUOVO CONTRATTO */

utton.nuovoContratto {display:block;}
#nuovoContratto_div {display:none;}
#nuovoContratto_btn1 {display:block;margin:0 auto;}
#nuovoContratto_btn2 {display:none;}


#nuovoContratto_div {border: 1px solid #888;
	margin: 15px 0;
	padding: 10px;
	background: #e0f1ff;}

/* ------------------ */


.inserimentominore {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 10px;
	width: 90px;
}

.azioneminore {
	display: inline;
	padding: 5px;
	margin: 10px 5px;
	font-size: 10px;
	width: 50px;
	border-color:#ccc;
	color:#676767;
}

.azioneminore:hover {
	border-color:#676767 !important;
	background-color:#676767 !important;
}

utton.modifica {
 	border-color:#E07D00;
	color:#E07D00;
}

utton.elimina {
 	border-color:#9E0000;
	color:#9E0000;
}


/* #endregion */
/* #region NUOVO ORDINE */
/*
#nuovoOrdine_div {display:none;}
#nuovoOrdine_btn1 {display:inline;}
#nuovoOrdine_btn2 {display:none;}
*/

.nuovoOrdine_div {display:none;}
.nuovoOrdine_btn1 {display:inline;}
.nuovoOrdine_btn2 {display:none;}


.nuovoOrdine_div {border: 1px solid #888;
	margin: 15px 0;
	padding: 10px;
	background: #e0f1ff;
	margin-left:-50px;}

/* #endregion */

/*#region NUOVA COMPONENTE */
.nuovaComponente_div {display:none;}
.nuovaComponente_btn1 {display:inline;}
.nuovaComponente_btn2 {display:none;}

.nuovaComponente_div {border: 1px solid #888;
	margin: 15px 0;
	padding: 10px;
	background: #e0f1ff;
    margin-left:-100px;}
/*#endregion*/



/*#region NUOVA VARIANTE */
.nuovaVariante_div {display:none;}
.nuovaVariante_btn1 {display:inline;}
.nuovaVariante_btn2 {display:none;}

.nuovaVariante_div {border: 1px solid #888;
	margin: 15px 0;
	padding: 10px;
	background: #e0f1ff;
	margin-left:-150px;}



#content #fattureElementi .fatturato input {color:#c67fc6;}
#content #fattureElementi .daFatturare input {color:purple;}

.xs {width:32px;text-align: center;}
.sm {width:50px;text-align: center;}
.md {width:100px;}
.lg {width:300px;}
.xl {width:600px;}
.dt {width:130px;}
.eu {width:80px;text-align: right;}
.hl {font-weight: bold;}

/* #endregion */


/* #region Hover */

.hovercontainer { position:relative;}	
	
.secondario {
  display: none;
}

.secondario ul {
	padding:0;margin:0;
}
	
	
.principale:hover + .secondario {
display: block;
color: #444;
position: absolute;
background: #fff;
box-shadow: 5px 5px 20px #000a;
padding: 10px;
bottom: 25px;
text-align:left;
width:150px;
}

.principale:hover + .secondario.large {
	width:350px;
	
}
	
/* #endregion */

/* #region COMPONENTI */

 table#componenti {
  border-collapse:separate; 
  border-spacing: 0 8px;
}

.gprId1 {background: #DDEBF7;} /* Deskline */
.gprId4 {background: #E2EFDA;} /* Camera */


/* #endregion */

/* #region FATTURE ELENCO */
#content #fatture_elenco .al_right {text-align: right;}




#content #componenti .narrow tr {padding:0 !important;}
#content #componenti .narrow td {padding:0 !important;}
#content #componenti table.narrow tbody tr td {padding:0 !important;}


/* #endregion */


/* #endregion */


/* #region AMMINISTRAZIONE */

/* ***************************************************************************
/* ***************************** AMMINISTRAZIONE *****************************
/* ***************************************************************************

/* DASHBOARD */


/* #endregion */

/* #region LOGIN */




html,
body#login {
  height: 100%;text-align:center;
}

body#login {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

#login .form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

#login .form-signin .checkbox {
  font-weight: 400;
}

#login .form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
  margin:15px 0;
}
#login .form-signin .form-control:focus {
  z-index: 2;
}
#login .form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#login .form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#login .btn-primary {margin: 30px auto;display: block;}

#login .login-lost {margin:10px 0;}


/* #endregion */