html,
body {
	color: #000;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	/* font-family: Roboto, Arial, Helvetica, sans-serif; */

    font-size: 13px;
    line-height: 1.625;
    /*overflow-x: scroll;*/
    font-weight: 400;
    padding: 0;
    margin: 0;
    height: 100%;
	width: 100%;
	
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

#wrapper { display:block; width: 100%; position: absolute; top:55px; bottom:0px; left:0; padding: 0; margin:0; border:0; overflow: hidden; }

h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 400; }
h4 { margin: 0; padding: 0; font-size: 16px; font-weight: 400; }

b { font-weight: 600; }

a { background-color: transparent; }
a:active,
a:hover { outline: 0; }
a {
    color: #2498e3;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #188dd9;
    text-decoration: underline;
}

.fieldError { color: red !important; }
.smallnogra { 
	border: none !important;
	outline: none !important;
	background-image: none !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
			appearance: none !important;

	font-weight: 600 !important;
	width: auto;
}

.stdinput * { line-height: normal; }

.stdinput button, .stdinput input[type=text], .stdinput input[type=number], .stdinput input[type=password], .stdinput input[type=search], .stdinput select, .stdinput div.boxonly { 
    font-size: 13px; font-weight: 600; 
	background-color: #fff; background-image: none; background-repeat: no-repeat;
	border: 1px solid #c8c7cc;
	border-radius: 5px;
	color: #333;
    display: inline-block;
    outline:none;
	height: 32px;

	padding: 0 5px;
	position: relative;
	
    -webkit-appearance: none;
       -moz-appearance: none;
			appearance: none;
			
	box-sizing: border-box;
	vertical-align: top;

}

.stdinput select {
    padding: 0 30px 0 4px;
	background: #fff url("/images/arrowdown.png") no-repeat right;
}

.stdinput select:disabled { color: #aaa; }

.stdinput button { 
	background-position: 10px center;
    padding: 0 12px 0 35px;
    height: 32px;
    line-height: 30px;
    cursor: pointer;
	color: #8e8e93; 
	margin-right: 4px;
}

.stdinput input { width: auto; padding: 0 5px; color: #000; }
.stdinput input[type=text], .stdinput input[type=password], .stdinput input[type=search], .stdinput div.boxonly { width: 300px; } 
.stdinput input::placeholder { font-weight: 300; font-size: 13px; }
.stdinput input[type=checkbox], .stdinput label { line-height: 30px !important; vertical-align:middle !important;  } 

.stdinput button.default {
	background-color: #2b8def !important;
	color: #fff;
	border-color: #2b8def;
}

.stdinput button:active {
	background-color: #eee;
}

.stdinput button.default:active {
	background-color: #4badef !important;
}

.stdinput button.icon { padding: 0 18px; }

button.login { background-image: url("/images/signin16.png"); }
button.signin { background-image: url("/images/signin16.png"); }
button.add { background-image: url("/images/add.png"); }
button.save {	background-image: url("/images/save.png"); }
button.print { background-image: url("/images/print.png"); }
button.cancel { background-image: url("/images/cancel.png"); }
button.coupon { background-image: url("/images/icons/coupon16.png"); }
button.delete { background-image: url("/images/trashred.png"); }
button.barcode { background-image: url("/images/barcode-2.png"); }
button.send { background-image: url("/images/send.png"); }
button.addb { background-image: url("/images/addb.png"); }
button.archive { background-image: url("/images/archive.png"); }
button.unarchive { background-image: url("/images/unarchive.png"); }
button.duplicate { background-image: url("/images/copy.png"); }
button.copy { background-image: url("/images/duplica.png"); }
button.info { background-image: url("/images/info.png"); background-size: 20px; }
button.up { background-image: url("/images/up-arrow.png"); background-position: center center; }
button.down { background-image: url("/images/down-arrow.png"); background-position: center center; }
button.plus { background-image: url("/images/addb.png"); background-position: center center; padding: 0 16px; }
button.minus { background-image: url("/images/minus.png"); background-position: center center; padding: 0 16px; }
button.del { background-image: url("/images/trashred.png"); background-position: center center; padding: 0 16px; }
button.ecr { background-image: url("/images/cashreg.png"); }
.stdinput button.min100 { width:auto !important; min-width: 100px; text-align: left; }
button.noicon { padding: 0 16px !important; text-align: center; }

.stdinput select.min { width:auto !important; min-width: 80px; }

.stdinput input:hover, .stdinput button:hover, .stdinput select:hover {
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(102, 175, 233, .6);
}

.stdinput input:focus {	border-color: #0078c1; }


.stdinput input[type=file] { 
	position: absolute;
	top: 0; left: 0;
	opacity: 0;
	width: inherit;
	height : inherit;
	box-sizing: border-box;
	-moz-opacity: 0;
	filter: 'alpha(opacity: 0)';
	z-index: 9999;
	cursor: pointer;
}

.stdinput label.file {
	position: absolute;
	top: 0; left: 0;
	width: inherit;
	height : inherit;
	box-sizing: border-box;
	padding: 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stdinput label.file:empty:before {
	content: 'Trascina un file o clicca';
	color: #999;
	font-weight: 300;
}

.stdinput .fordel { display: none; }
.stdinput .fordel:checked + label:before {
	color: red;
	content: 'Rimuovere ';
}

select.smallselflt { font-size: 10px; font-weight: 600; border: none !important; padding:0 5px; background: none; -webkit-box-shadow: none !important; box-shadow: none !important; height: 16px; vertical-align: middle; }
select.smallselflt:hover { border: none; background: #eee; }

.draghover { background-color: #AAA !important; }

.x-inline { display: inline-block; vertical-align:top; }

.limitresult { font-size: 10px; text-align: left; margin:0; padding: 0; }
.limitresult label { margin-right: 20px; }

.hpanel {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	background: /*#0E1D4C*/ #0E1D4C;
	/* opacity: 0.80; */
	z-index: 100;

}

.header {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	height: 56px;
	border-bottom: 1px solid transparent;
	z-index: 101;
	color: #fff;
	background: /* #0E1D4C RGB 227 / 119 / 57 */ #1b284b;
	margin:0; padding:0;
	font-weight: 300;
}


.header ul { float: right; list-style:none; margin:0; padding:0; display:block; height: inherit; line-height: inherit; }
.header li { display: inline-block; margin-left: 20px; vertical-align: middle; line-height: normal; }
.header li a { color: #fff; text-decoration: none; display:block; padding:5px 10px; color: #ccc; }
.header li a:hover { color: #fff; }
.header li a.exit { padding-left:30px; background-image: url("../images/logout16.png");
	 	background-repeat:no-repeat;
		background-position: 10px center;}


.headercon { position: relative; top:0; left:0; height: inherit; line-height: 56px; display: block; box-sizing: border-box; padding: 0 15px; }
.headercon div.menu { display:none; width: 30px; height: 30px; vertical-align: middle; cursor: pointer; line-height: normal; padding-right: 10px; }
.headercon div.logo { display:inline-block; width: 205px; height: 30px; vertical-align: middle; line-height: normal; margin: 0; padding:0; text-align: left; }
.headercon div.logo img { height: 100%; }
.headercon div.proc { display:inline-block;  }
.headercon div.proc span { margin:0 0 0 0px; padding:0; vertical-align: middle; font-size: 14px; color: #ccc; }

/*
.headercon { background-image: url("/images/2021.png"); background-repeat: no-repeat; background-position: center center; }
*/

.contentbox {
	/*
	display: block;
	margin-top: 45px;
	margin-left: 220px;
	padding:20px 20px 20px 20px;
	overflow-x: scroll;
	*/
	height: 100%;
	overflow: auto;
	padding: 0; margin:0;
}

.contentbox h2 { margin:0; padding:0; font-weight:300; }

.content { padding: 30px 0 30px 0; min-width: 950px; }

.leftpanel {

	float: left;
	display: block;
	width:220px;
	padding-right: 30px;
	color: #88a;
	height: 100%;
	
	z-index: -1;
}

.leftcontent {
	background: /* #0E1D4C */ #1e2e5a;
	display: block;
	height: 100%;
	overflow-y: auto;
}

.leftcontent a { color: #88a; text-decoration: none; }

.leftpanelop {
	margin-left: 0;
}

.footer {
	position:absolute;
	bottom: 0;
	display: block;
	height:30px;
	background: #0E1D4C;
	width:100%;
	color: #fff;
	padding: 15px 0;
}

.T40 { margin-top: 40px; }
.P15 { padding: 15px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt80 { margin-top: 80px; }

.pt20 { padding-top: 20px; }

.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml40 { margin-left: 40px !important; }
.ml80 { margin-left: 80px !important; }
.ml120 { margin-left: 120px !important; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.hcenter { margin: 0 auto; }

.prelative { position: relative; }
.no-display { display: none !important; }
.textright { text-align: right; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.mainmenu { margin:0; padding: 0; color: #88a; cursor:pointer; }
.mainmenu label { display: block; width: 100%; cursor:pointer; }
.mainmenu span:hover { background: /*#0A0938*/ #1b284b ; }
.mainmenu span:hover label { color: #fff; }
.mainmenu span.active label { color: #ddf; }

.mainmenu a { color: #88a; text-decoration: none; }
.mainmenu a:hover { color: #fff; }


.mainmenu li:hover { color: #fff; /* background: #0E1D4C !important;*/  }

.mainmenu ul { list-style: none; margin:0; padding: 5px 0 0 0; }
.mainmenu li { padding: 0; }
.mainmenu span, .mainmenu div, .mainmenu a { display: block; padding: 8px 15px; }

.mainmenu span ul { font-size: 13px; display: none; overflow: hidden; border-top: 1px solid #224; }
.mainmenu span.active { background: /*#0A0938*/ #1b284b; }
.mainmenu li.selected a { color: #ddf; }

.mLogin {
	height: 260px;
	width: 480px;
	border: 1px solid #0E1D4C;
	margin: 144px auto 0;
	border-radius: 10px;
	padding: 15px;
}
.mLogin h2 { margin:0; padding: 0; font-weight: 400; }
.mLogin table { width: 100%; border-collapse:separate; border-spacing:10px; margin-top:20px; }

.iform { font-size: 13px; font-weight: 400; /* background: #f8f8f8; */ }
.iform div.row { margin: 0 0 10px 30px; }
.iform div.row div { display: inline-block; /*width: 300px;*/ text-align:left; line-height: 30px; }
.iform div.row div label { width: auto; margin:0; padding: 0 0 0 5px; }


.iform input { font-size: 13px; }
.iform select { height:30px; width:300px; font-size: 13px; font-weight: 400; }
.iform label { display:inline-block; width:160px; text-align:right; font-weight:400; margin-right:10px; color:#666; line-height:30px; vertical-align:top; }
.iform label.norm { width:auto; color:#333; line-height:normal; background:transparent; margin:0 0 0 5px; padding:0; border:none !important; line-height:30px; }
.iform input.norm { margin-left: 60px; height:12px; margin-top:9px;  }
.iform input[type=text], .iform input[type=password]  { width:300px; height:30px; padding: 0 5px; }
.iform textarea { min-width:300px; min-height:80px; margin:0; padding:5px; }
.iform [disabled] { background-color:#ddd; }
.iform select option[default] { color: #999; }
.iform input.halfsize { width:150px; margin-right:10px; }
.iform img { vertical-align: top; }

.iform div.fvlin { display: inline-block; }
.iform div.ms_invalid { display: inline-block; color: red; font-size:10px; margin-left:20px; }

div.hform { display: block; width: 760px; white-space:normal; }

.hform div.row { display: inline-block; margin:0; margin-bottom: 15px; padding-right: 15px; box-sizing: border-box; }
.hform .row label { display: block; margin-bottom:2px; color:#888; font-weight: 300; }
.hform .row input { width: 100% !important; height:30px !important; box-sizing: border-box; border:0; border-bottom: 1px solid #999;  }
.hform .fvlin { width: 100%; }

.hform .w100 { width:96%; }
.hform .w50 { width:48%;  }
.hform .w25 { width:24%;  }
.hform .w30 { width:32%;  }
.hform .w15 { width:16%;  }

.tabbed label { font-weight: 400; }
.tabbed span { font-weight: 600; margin-left: 10px; }

.tabbed ul { padding:0; margin:10px 0 0 0; list-style:none; border-top: 1px solid #999; }
.tabbed li { float:left; background: #e0e0e0; padding: 3px 15px; margin:0; border-right: 1px solid #999; cursor:pointer; color:#888; }
.tabbed li:first-child { border-left: 1px solid #999; }
.tabbed li.active { background: #fff; color: #000; }


.postsection { display: block; width:100%; border-bottom: 1px solid #ddd; margin:0 0 20px; padding-bottom:10px; line-height:30px;}
.postsection label { font-size: 15px; text-align:left; line-height:15px; color: #666; font-weight:300; width: auto; display:inline-block; vertical-align: middle; }
.postsection span { margin-left:10px; font-size: 15px; text-align:left; line-height:15px; color: #666; font-weight:600; display:inline-block; vertical-align: middle;  }

.postsection2 { line-height:38px; width: 600px; }
.postsection2 label { font-size: 13px; padding: 0 10px 0 0; line-height:30px; }
.postsection2 label, .postsection2 input { display:inline-block; vertical-align: bottom; }

/*
div.autocl01 {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	z-index: 9999;
}
.autocl01 { background: #f0f1f2; color:#000; margin-top:5px !important; overflow: auto !important; border:none !important; height:auto !important; padding:0 !important; margin:0 !important; width:auto; }
*/

div.autocl01 {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	z-index: 19999;
	background-color: #e9e9e9;
	/* overflow-y: scroll; */
	overflow-x: hidden;
	box-sizing: border-box;
}

.autocl01 { margin-top:5px !important; color:#000; height:auto !important; width:auto; }

.autocl01 ul { list-style: none; padding:0 !important; margin:0 !important; width: 100%; /*border-bottom: 1px solid #999;*/ }
.autocl01 li { padding:4px 10px !important; margin:0 !important; line-height:normal !important; display: block !important; clear: both; width:100% !important; position: relative; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; }
.autocl01 li:hover { background: #eee; cursor: pointer; }
.autocl01 li.selected { background: #aaa; color: #fff; }

.xautocl02 li { white-space: nowrap;  overflow-x:hidden; text-overflow: ellipsis; }

div.autocl03 { background: #f8f8f8; height:300px; min-height:300px; z-index:99 !important; }
div.autocl03 {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

div.autocl04 { display: block; }



div.tartlist { line-height:normal !important; height: auto !important; display:block; padding:0 !important; }
.tartlist span { overflow: hidden; text-overflow:ellipsis; font-weight:400 }
.tartlist span:nth-child(1) { font-size:11px; display:block; width:150px;   }
.tartlist span:nth-child(2) { font-size:13px; display:inline-block; width:400px; font-weight:600; }
.tartlist span:nth-child(3) { font-size:11px; display:inline-block; width:170px; text-align:right; }

.cliforlist span:nth-child(1) { font-size:13px; display:block; font-weight:600; }
.cliforlist span:nth-child(2) { font-size:11px; display:block; font-weight:400; }

.schgroup { width:200px; min-height:350px; float:left; vertical-align: top; display:block; }

.schgroup h2, .schdetails h2 { background: #999; color: #fff; margin:0; font-size: 13px; padding: 0 10px; line-height: 20px; box-sizing: border-box; }

.schdetails { width:520px; min-height:350px; vertical-align: top; float: left; }
.schdetailscon { padding:0 0 0 20px; }

.preschema { border-bottom: 1px solid #999; padding-bottom: 20px; margin-bottom: 20px; }
.preschema label { font-size: 13px; padding: 0 10px 0 0; }

#groups { list-style: none; margin:4px 0; padding:0; }
#groups li { margin:0; padding:2px 10px; white-space: nowrap; max-width:180px; overflow:hidden; text-overflow: ellipsis; }
#groups span { display:inline-block; color: #333; }
#groups span:nth-child(1) { width: 160px; }

#elements { list-style: none; margin:4px 0; padding:0; }
#elements li { margin:0; padding:2px 10px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#elements span { display:inline-block; color: #333; }
#elements span:nth-child(1) { width: 200px; }
#elements span:nth-child(2) { width: 80px; }
#elements span:nth-child(3) { width: 80px; }

#elements img, #groups img { width: 12px; }

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

input:-webkit-autofill {
	background: #333;
}

.fltcatart { margin: 20px 0 10px 15px; z-index: 999 !important; }
.fltcatart ul { list-style: none;  padding:0; margin:0; z-index: 999 !important; display: inline-block; width: 790px; }
.fltcatart ul li {  display: inline-block; cursor: pointer; z-index: 999 !important; }
.fltcatart ul:first-child li { position:relative; margin-right: 10px; }
.fltcatart div#reps { height: 30px; }
.fltcatart li ul { position: absolute; left: -15px; display:block; width:auto; white-space:nowrap;
	background: #fff !important; border: 1px solid #ddd; padding: 15px; margin-top: 0px; display:none;
	z-index: 999 !important;
}

.fltcatart li.jhover ul {
	display:block;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

.fltcatart li ul li { display: block; padding:0; margin:0; background: none; }
.fltcatart li ul li:hover { background:#eee; }

input.xtableinput {
	margin: 0 !important;
	padding: 0 !important;

	width: inherit !important;
	box-sizing: border-box;
	background: #fff !important;
	box-shadow: none !important;
	border:none !important;

	height: 24px !important;
	line-height: normal !important;
	border-radius: 0 !important;
	vertical-align: top !important;
	/*
	font-weight:400 !important;
	font-size: 13px !important;
	*/
	font: inherit !important;
}

.cnttech { box-sizing: border-box; line-height:normal; width:auto; }
.cnttech p { display: block; margin:20px 0 10px 0; padding:0; font-weight:600; font-size:14px; }
.cnttech ul { padding:0; margin:0; list-style:none; line-height:normal !important; }
.cnttech li { line-height: 24px; background: #f0f0f0; width:600px; margin-bottom:4px; margin-right:20px; padding: 3px 3px 3px 5px; display:block; }
.cnttech li div { display:block; width: 300px; background: #fff !important; height:100%; float: right; padding: 0 5px; position: relative;  }
.cnttech span { /*width: 300px;*/ display:inline-block; }
.cnttech input { border: none !important; line-height:16px; width:100%; outline: none; font-size:13px; }
.cnttech input[type=radio] { display: inline-block; width: 20px; }
.cnttech label { display: inline; margin-right: 40px; }

.subwin01 { position:fixed; left:0; top:0; width:100%; height:100%; z-index:998; display:block; background: #000; opacity: 0.5; }
.subwin02 { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; display:block; padding: 0; background: transparent; }
.subwin03 { position:relative; display: block; width:990px; height:590px; margin:-295px auto 0; top: 50%; overflow: hidden; background: transparent;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3)
}

.subwin03 iframe {
	border: 1px solid #999; border-radius: 8px; box-sizing: border-box; width:100% !important; overflow: hidden;
}

/*.subwin03b { position:relative; display: block; width: 900px; height:590px; margin:-295px auto 0; top: 50%; overflow: hidden; }*/
.subwin03b { position:relative; display: block; width: 80%; height:80%; margin:0 auto 0; top: 10%; overflow: hidden; background: #fff; border: 2px solid #fff; }
.subwin03b div.button { 
    float:right; display:block; padding: 3px 10px 3px 32px; cursor: pointer;
    border-top-left-radius: 5px; border-top-right-radius: 5px; margin-left: 2px;
}
.subwin03b div.close { background: #fff url("/images/delete.png") 8px center no-repeat; }
.subwin03b div.xclose { background: #fff url("/images/delete.png") 8px center no-repeat; }
.subwin03b div.print { background: #fff url("/images/print.png") 8px center no-repeat; }

div.xcalendar { border: 1px solid #ddd; width:220px; display:block; padding: 5px;
	background: #f8f8f8;
	line-height: 16px;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}
.xcalendar span, .xcalendar img { line-height:16px; vertical-align:middle; text-align:center; margin:0 !important; padding:0 !important; }
.xcalendar img { cursor: pointer; margin:0 !important; padding:0 !important; position: initial !important; width: auto !important; }
.xcalendar div.month { float: left; }
.xcalendar div.month span { display:inline-block; min-width: 80px;  }
.xcalendar div.year span { display:inline-block; min-width: 40px; }
.xcalendar div.year { float: right; }
.xcalendar table { border-collapse:collapse; margin-top: 5px; }
.xcalendar td { cursor:pointer; padding: 0 !important; }
.xcalendar table div { min-width:20px; text-align:right; line-height: 14px; font-size:10px; padding:1px 4px; border-radius:5px; border:1px solid none; margin: 0 !important; }
.xcalendar div.grayed { color: #aaa; }
.xcalendar td div:hover { background-color: #e4e4e4; }
.xcalendar tr:hover { background-color: inherit !important; }
.xcalendar div.selected { background-color: #f99 !important; }

@media only screen and (max-width: 1200px) {
	#lpmm { margin-left: -220px;  transition: margin .2s; }
	.header div.menu { display: inline-block; }
	.menuVisible { margin-left: 0 !important; }
}

.selectel:disabled { color: transparent; }

@media print {
	body {
	size: auto;
	margin: 0mm;
	}
}