html, body  { width: 100%; margin:0; height: 100%;  }


body { background: #ccc; font-family: 'Open Sans', sans-serif;font-size: 10px; color: #333;   overflow: hidden; font-weight: 100; }
#menu  { padding: 40px 0; width: 180px; float: left;  overflow: hidden;


background: #232324;         
box-sizing: border-box; 
height: 100%;  overflow: scroll; }

#content { float: left; width: calc(100% - 180px);
background: #eee;

height: 100%;  padding: 40px;  overflow: scroll; box-sizing: border-box;  }
a, a.img { border: 0; text-decoration: none; color: #999;  }
table { width: 100%; overflow: hidden;  }
th { background:  #232324; color: #ddd; text-transform: uppercase; text-align: center;  padding:  15px 10px;  font-weight: 100; font-size: 13px; }
td { vertical-align: top;  font-size: 0.75em;  padding: 10px; color: #232323; line-height: 25px; border-bottom: 1px solid #bbb;border-top: 1px solid #fff;}
td img { height: 65px; padding: 0px; border:1px solid #333; }

tr       { background: #eee; }
tr.dis { background: #e5e5e5;  }
tr.sottocat { background: #ABB7B7; }



.rigaform2, .rigaform { min-height: 35px; margin-bottom: 1px; line-height: 35px; width: 660px;}
.rigaform2 font.label  { width: 650px;  }
font.label { display: block; width: 145px; color: #2C3E50; background: #DADFE1; font-weight: normal; margin-right: 5px;  float: left;  height: 22px; line-height: 20px;  padding: 5px;  border-bottom: 1px solid #eee; }
 .a1, .a2, .a3, .a4 { width: 500px; height: 33px;  border:1px solid #ddd;}
.a2 {  width: 250px;}
.a4 {  width: 170px; float: left; margin: 0; }
.checkbox { padding: 5px;margin:0 10px; font-size: 120%; color: black;  }

input.a1[type="file"] { width: 240px; }
.del_img { display: block; background: #E74C3C; width: 230px; margin-left: 10px;  border-radius: 4px; padding: 0 5px; line-height: 25px; height: 25px;  color: white; float: right; margin-top: 5px;  }

.a3 {  height: 200px;}
input[type=checkbox].a1 { width: 200px; padding: 0; margin: 0; }
input[type=submit] { width: 40%;  margin: 50px 0; margin-left: 60%; }

.evidenziato { background: #eee; }
.fr, a.linkgestione { float: right; }
.bottone_salva {  border: 0; color: white; text-transform: uppercase;  background: #E74C3C; padding: 20px; }
.bottone_salva2 {  border: 0; color: white; text-transform: uppercase;  background: #E74C3C; padding: 20px;  width:100%!important;  margin: 20px 0!important }

.nuovo { background: #1ABC9C; padding: 15px; width: 120px; }
.nuovo a { color: white;}

h2 { text-align: center; border-bottom: 1px solid #ddd; line-height: 50px; color: #999; font-size: 20px; font-weight:100; }

/* POPUP  */

.popup 	{	position: fixed;  top:0px; left:0; width: 100%; height: 100%;  box-shadow: -14px -10px 45px #111;
			border-left: 1px solid #333; background: #fff;  display: none; background: rgba(0,0,0,0.8);  }
.box_popup {  margin: 20px auto; padding: 0 20px;    width: 660px; position: relative;  overflow: scroll;
			 height: calc(100% - 60px); background: white; border: 10px solid white;   }
a.closeicon {   position: absolute; top: 0px; right: 0px; }

.box_popup form { width: 660px; margin: auto; }

hr  { border: 0; width: 100%; margin: 10px 0;  }

#menu a { width: 100%; box-sizing: border-box; padding: 10px 20px;  text-align: left; width: 170px; margin: 5px; font-size: 12px; }
#menu a:hover { background: #777;  } 
#menu a i { margin-right: 20px; }
.bottone_menu  {  background: rgba(255,255,255,0.1);  float: left; margin: 1px; color: white;  }
#menu a.bottone_sottomenu  {  background: rgba(255,255,255,0.1);  float: left;  margin-left: 20px;   }

.bottone_menu2  {  background: rgba(0,0,0,0.8);   float: left; color: white; margin: 1px; }
.bottone_menu3  {  background: #1F3A93; float: left; color: white; margin: 1px; }

.lingua { border-left: 3px solid #1F3A93;  }


.b1 { background: #2C3E50; padding: 5px; color: #fff; margin: 3px; display: block; float: left;   }