@font-face{
  font-family: "Maven Pro"; src: url('../fonts/MavenPro-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal;
}

@font-face{
  font-family: "Maven Pro"; src: url('../fonts/MavenPro-Medium.ttf') format('truetype'); font-style: normal; font-weight: 500;
}

@font-face{
  font-family: "Maven Pro"; src: url('../fonts/MavenPro-SemiBold.ttf') format('truetype'); font-style: normal; font-weight: 600;
}
/* @font-face{
  font-family:"Koerber";src:url(../fonts/Koerber-Light.eot?#iefix);src:url(../fonts/Koerber-Light.eot?#iefix) format("eot"),url(../fonts/Koerber-Light.otf) format("opentype"),url(../fonts/Koerber-Light.woff2) format("woff2"),url(../fonts/Koerber-Light.woff) format("woff"); font-weight:200;
}
@font-face{font-family:"Koerber";src:url(../fonts/Koerber-Bold.eot?#iefix);src:url(../fonts/Koerber-Bold.eot?#iefix) format("eot"),url(../fonts/Koerber-Bold.otf) format("opentype"),url(../fonts/Koerber-Bold.woff2) format("woff2"),url(../fonts/Koerber-Bold.woff) format("woff");font-style:normal;font-weight:bold;}
@font-face{font-family:"Koerber";src:url(../fonts/Koerber-Semibold.eot?#iefix);src:url(../fonts/Koerber-Semibold.eot?#iefix) format("eot"),url(../fonts/Koerber-Semibold.otf) format("opentype"),url(../fonts/Koerber-Semibold.woff2) format("woff2"),url(../fonts/Koerber-Semibold.woff) format("woff");font-weight:600;} */

* {margin: 0px; padding: 0px; outline: none; text-decoration: none; border: none;}
section, nav, header, article, footer {display: block;}
a {color: #4c4d4f;}
a:hover {color: #50b948;}
a:active, button {outline: none;}
.clearfix:after {content:"."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
::-webkit-input-placeholder {font-style: italic; color: #7d7d7d; font-size: 15px;}
:-moz-placeholder {font-style: italic; color: #7d7d7d; font-size: 15px;}
::-moz-placeholder {font-style: italic; color: #7d7d7d; font-size: 15px;}
:-ms-input-placeholder {font-style: italic; color: #7d7d7d; font-size: 15px;}

/* base */
body, html {height: 100%;}
body {color: #4c4d4f; font-family: 'Maven Pro', sans-serif; font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {color: #4c4d4f;}
a:hover {cursor: pointer; color: #50b948;}
input.submit, input.submit:hover, a, a:hover {-webkit-transition: all 0.3s; transition: all 0.3s;}
#content a:hover {border-bottom: dotted 1px;}
strong {font-weight: bold;}
em {font-style: italic;}
del {text-decoration: line-through;}
li {text-decoration: none; list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: 600;}

h1 {margin-bottom: 15px;}
small {font-size: 50%;}
h2 {font-size: 22px;}
h3 {margin: 0 0 18px 0; font-size: 20px;}
h4 {padding: 30px 0 0 0; font-size: 18px;}
h4,h5,h6 { margin: 0 0 8px 0; font-size: 16px;}
h6 {font-size: 12px; margin: 10px 0;}
input {padding: 0 8px; width: 80%;}
input[type=number], input[type=password], input[type=text], input[type=select], select {height: 42px; line-height: 32px;}
input[type=checkbox] {height: 25px;}
input { font-family: 'Maven Pro', sans-serif; font-size: 16px; }
input[type=number], input[type=password], select, input[type=text], input[type=select], textarea {padding: 5px 16px; background: #fff; color: #8b8d8e; border: 1px solid #bdbdbd; box-sizing: border-box;}
input[type=password]:focus, input[type=text]:focus, input[type=select]:focus, text:focus, select:focus {border-color: #50b948; box-shadow: 0 0 0 1px #50b948;}
option {padding-right: 10px;}

/* utilities */
.float-left {float: left;}
img.float-left {float: left; margin: 0 5px 5px 0;}
.float-right {float: right;}
.right {text-align: right;}
.no-hover {border: none !important;}
.no-padding-left {padding-left: 0;}
.no-padding-top {padding-top: 0 !important;}
.no-margin-top {margin-top: 0 !important;}
.relative {position: relative;}
.left {text-align: left;}
.center {text-align: center;}
.padme {padding: 15px;}
.margme {margin: 15px;}
.hugemargme {margin: 40px;}
.required {color: red; font-style: italic; margin-bottom: 10px;}
.error {color: #111; font-style: italic; padding: 0 28px; font-weight: bold;}
.error img {vertical-align: middle;}
.lh18 {line-height: 18px;}
.mb20 {margin-bottom: 20px;}
.boldme {font-weight: bold;}
.orangeme {color: #FA4D19;}
.smalltext {font-size: 9px; margin: 3px 0;}
.width45 {width: 45%;}
.hideme {display: none !important;}
.flex {display: flex;}
.flex-grow {flex-grow: 1;}

#in_alb, .un_header, #un_footer, .wrapper {max-width: 1200px; width: 100%; margin: auto;}
#container {min-height: 100%; position: relative;}
#pushfoot {padding-bottom: 40px; display: block;}

#alb {padding: 15px 0;}
#alb a {padding: 0 7px 0 3px; color: #50b948; font-weight: 500;}
#alb a:after {content: ">"; margin-left: 10px; text-decoration: none;}
#alb a:first-child {padding-left: 0;}
#alb a:hover span {text-decoration: underline;}

#header {display: block; box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);}
#up_h {background: #fff;}
.un_header {display: flex; align-items: baseline;}
#logo {padding: 20px 20px 20px 0;}
#logo a {display: block;}
#logo img {vertical-align: middle; height: 50px;}
#up_menu {margin-left: auto;}
.uptasto {display: inline-block;}
.uptasto a {padding: 12px 20px 6px 0; font-size: 14px; color: #50b948; display: block; position: relative; font-weight: 500; text-transform: uppercase;}
.uptasto a:after {
	content: ""; position: absolute; bottom: 0; height: 3px; left: 45%; right: 45%; background-color: #50b948; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}

.uptasto a:hover:after {left: 0; right: 20px; opacity: 1;}

.uptasto a img {vertical-align: baseline; top: 1px; position: relative;}

#headcart span {position: absolute; margin-right: -4px; margin-top: 6px; font-size: 12px; background: #50b948; color: #fff; border-radius: 50%; padding: 2px 7px 0; right: 0;}
#headcart img {width: 18px; margin: 0 6px 0 0;}

/* home */
#boxbom, #login {width: 250px; margin: auto; background: #f5f3f1; height: 250px;}
#login {width: 660px; max-width: 100%; height: 300px;}
#logohome {width: 660px; text-align: center; margin: 0 auto; padding: 150px 0 5px;}
#login .float-left {width: 50%; padding: 0 15px 0 20px; box-sizing: border-box;}
#login .float-right {width: 50%; box-sizing: border-box; padding: 46px 20px 0 15px; line-height: 24px; }
#login .float-right a {color: #4c4d4f; text-decoration: underline;}
.wrapper {margin: 20px auto 10px;}
.bmaintxt, .wrapper form {padding: 15px;}
h2 {margin-bottom: 22px; font-weight: 600;}
#datalist h2 {color: #9E8F6A; padding: 20px 0 0;}
.wrapper form label {color: #4c4d4f; display: block;}
.wrapper form select, .wrapper form input {margin: 3px 0 12px; width: 95%;}
.wrapper form input.submit {width: auto; border: 1px solid #4DBE51; background: #4DBE51; color: #fff; cursor: pointer; display: inline-block; font-weight: 600; padding: 10px 30px;}
.wrapper form input.submit:hover {text-shadow: 0 0 0; background: #68c86b; color: #fff; border-color: #5fc562; }

#tasti {margin: 50px 0;}
.tasto {width: 298px; margin-left: 40px; height: 80px; border: 1px solid #AAA; float: left;}
#tasto4, #tasto1 {margin-left: 0;}
.underlayer {width: 298px; height: 80px; position: absolute; opacity: 0.2; background: #FFF; z-index: 1;}
.tasto .underlayer img {width: 298px; height: 80px;}
.overlayer {width: 298px; height: 80px; position: absolute; opacity: 1; z-index: 2; text-align: center;}
.overlayer a {text-shadow: 1px 1px 7px #FFF; font-size: 18px; color: #605537; padding: 25px 10px; display: block; height: 30px;}
.overlayer a img {vertical-align: middle; width: 30px;}
#hometxt {padding: 15px 0;}

/*.wrapper {height: 500px;}*/
#colce {width: 680px; float: left; height: 500px;}
#coldx {width: 290px; float: right; background: #FAFAFA; height: 500px;}
#colsx {width: 140px; float: left; padding-bottom: 60px;}
#treeparts {width: 700px; float: left; margin: 0 10px;}
#coldata {width: 320px; float: right; text-align: left;}
#colsxl {width: 670px; float: left; height: 450px;}
#coldxl {width: 295px; float: right; height: 450px;}
#coldouble {width: 846px; float: right; text-align: left;}
#coldouble2 {width: 826px; float: right; text-align: left;}

/* bom */
#box {background: #f3f3f3; margin-top: 50px; width: 500px;}
#boxbomw, #boxbom {height: auto; max-width: 1200px; width: 100%; margin: 20px 0;}
#boxbom img {max-width: 100%;}
.option li {display: block; border-bottom: 1px solid #FFF;}
.option li a {background: #50b948; padding: 7px 8px; color: #fff; display: block;}
.option li a:hover {background: #4c4d4f;}

#searchbox {overflow-y: auto;}
div.operation {margin: 10px 0; text-align: center; display: inline-flex}
div.operation.flex {width: 100%;}
div.medium, #reqcert div.operation {width: 120px;}
#boxbom div.operation {margin: 0 0 10px 15px;}
.operation .inn_operation, div.operation a {border: 1px solid #4DBE51; background: #4DBE51; color: #fff; display: block; font-weight: 600; padding: 10px 30px;}
.operation .inn_operation:hover, div.operation a:hover {background: #68c86b; color: #fff; border-color: #5fc562; }
#reqcert div.operation a {background: #4c4d4f; color: #FFF; text-shadow: 0 0 0;}
div.operation input {width: auto; vertical-align: middle; padding: 0;}
#treebuild {padding: 10px 0;}

#treeparts {background: #f3f3f3;}
#treeparts ul {padding-left: 15px; list-style: none;}
#treeparts ul li ul {display: none;}
#treeparts ul li {border-left: 1px dotted #AAA; list-style: none; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
#treeparts ul li:last-child {border: 0;}
#treeparts ul li>div>span {background: url(spandotted.gif) top left no-repeat;}
#treeparts ul li:last-child>div>span {background: url(dottleftlast.gif) top left no-repeat;}
#treeparts ul li>div>span.firstlevel {background: none;}
#treeparts ul li div {display: block; line-height: 30px;}
#treeparts ul li div span {padding: 4px 0 5px 6px;}
#treeparts ul li:last-child>div>span, #treeparts ul li:last-child>div>span.foglia {border: 0;}
#treeparts ul li div span.foglia {padding: 7px 5px 7px 11px;}
#treeparts ul li:last-child>div {background: none;}
#treeparts ul li div span.foglia img {vertical-align: middle;}
#treeparts ul li a.ajaxel {padding: 0 0 0 0; font-size: 11px; color: #8b8d8e;}
#treeparts ul li a:hover {background: yellow; color: #111;}
#treeparts ul li div.foundit {font-weight: bold; background: yellow; color: #000;}
#treeparts img {vertical-align: middle;}
#treeparts ul li img.find2d, #treeparts ul li img.find3d {cursor: pointer; display: none; position: relative; margin: 0 1px;}
#treeparts ul li img.opcl {cursor: pointer; margin: 0 4px 0 2px;}
#treeparts ul li img.geaz {margin: 0 0 0 2px; margin-top: -1px;}
#treeparts ul li a.rhview, #treeparts ul li a.tableview {margin: 0 2px;}
#treeparts ul li label {margin-right: 5px;}
#treeparts ul li a.tableview {margin-right: 7px;}
#singlecol td {padding: 2px 0;}

.search {margin-top: 10px; padding: 7px 8px; background: #4c4d4f; color: #fff;}
#searchcode {position: fixed; width: 140px; box-sizing: border-box;}
#searchcode input {padding-left: 5px; padding-right: 5px;}
#colsx .search input {margin: 3px 0 12px; width: 90px; border: 0;}
#colsx .search img {vertical-align: middle; cursor: pointer;}
#colsx .search form {padding: 0;}
#colsx .search input:focus {background: white;}
#colsx .search input.redme {background: #F66;}
#colsx .search span {color: #fff;}
#colsx .search a img {vertical-align: middle;}
#prevfind, #nextfind {cursor: pointer;}
#nextfind {margin: 0 3px;}
#prevfind img, #nextfind img {vertical-align: middle;}
#gototop {position: fixed; background: #8b8d8e; text-align: center; bottom: 56px; left: 0; display: none;}
#gototop a {color: #FFF; display: block; padding: 10px 25px;}
#previewimg {margin: 15px 0; border: 1px solid #EAEAEA;}
#previewimg img {width: 100%;}
#altencoding {padding: 5px 0; }
#altencoding img {cursor: pointer; vertical-align: middle; margin-left: 5px;}
#formencoding {display: none; background: #FAFAFA; border: 1px solid #01B0E5; padding-bottom: 6px; margin-top: 12px;}
#formencoding  form label {display: inline; padding-right: 10px; text-transform: none; color: #8b8d8e; font-size: 13px;}
#formencoding  form input {background: #FFF; color: #01B0E5; width: 95%;}
#formencoding  .operation {width: 100px;}

/* prod */
#prodpage #coldouble {background: #FFF;}

/*** table ***/
table {border-collapse: collapse; width: 100%; margin: 0 0 10px;}
tr, table, thead, tbody, tfoot {width: 100%;}
caption {text-align: left; padding: 6px; font-size: 15px; font-weight: 600;}
caption input#filter-box {width: 200px; background: #fff; height: 20px; border: 1px solid #aaa;}
table tr th.header {cursor: pointer;}
thead tr th {padding: 8px 6px 5px; text-align: left; background: #50b948; color: #FFF; font-weight: normal;}
td {padding: 6px; line-height: 17px; border-bottom: 1px solid #FFF;}
td.imgnoblock a {display: inline;}
tbody tr:nth-child(odd) td, tbody tr.even td, tbody tr.linea1 td {background: #FFF;}
tbody tr:nth-child(even) td, tbody tr.odd td, tbody tr.linea0 td {background: #F3F3F3;}
tbody tr:hover td, tbody tr.even:hover td, tbody tr.linea1:hover td, tbody tr.odd:hover td, tbody tr.linea0:hover td {background: #eee;}
td.small a, thead tr th.small, tbody tr td.small {max-width: 70px; width: 70px; text-align: center;}
td img {vertical-align: middle;}
td input {border: 1px solid #CCC;}

/* hd */
.module {display: block; padding: 10px 0 20px;}
.moduleform2, .moduleform {width: 60%; min-width: 300px; padding-right: 2%;}
.moduleform {float: left; border-right: 1px dotted #FFF;}
.modulehelp {float: left; width: 32%; min-width: 150px; margin-left: 20px;}
form .moduleform label, .moduleform form label {display: block; margin-top: 15px; color: #3A353B;}
.moduleform select, .moduleform input {height: 19px; border: 1px solid #aaa; color: #8b8d8e; padding-left: 5px; margin-top: 3px; width: 220px; line-height: 19px;}
.moduleform select {padding-left: 0; font-size: 11px;}
.moduleform select option {padding-left: 3px;}
.moduleform textarea {border: 1px solid #AAA; width: 80%; height: 90px;}
.privacy {font-size: 10px; padding: 7px 0; text-align: justify;}
.wrapper .moduleform input {margin-bottom: 0;}
.moduleform input.wauto {width: auto; vertical-align: middle; margin: 0 1px 0 0; height: 13px; line-height: 13px; background: #FFF; padding: 0; border: 0;}
.moduleform input.longinp {width: 90%;}
.moduleform .inpfile input.faked {position: relative; z-index: 4; opacity: 0; filter: alpha(opacity=0); width: auto; height: 22px;}
.moduleform .inpfile span {width: 70px; border: 1px solid #AAA; padding: 3px 6px 2px;}
.fakeupload {position: absolute; z-index: 3;}
.fakeupload input {width: 330px;}
.fakeupload span {background: #FFF;}
.showseldata {margin-top: 30px; margin-bottom: 30px;}

/* docs */
#colcatdocs {width: 250px; float: left; margin-left: 20px; padding: 10px 0;}
#coldocs {width: 550px; float: right; padding: 10px 0;}
#catdoc {height: 300px; background: #EEE; overflow-y: auto;}
#catlist div a {display: block;}
#catlist .small {width: 30px; max-width: 30px;}
#fbox {background: #9E8F6A; color: #FFF; padding: 4px 5px;}
#fbox input {width: 120px; height: 20px;}
.docnotes {background: #FFFFDF; padding: 5px; width: 300px;}

/* plm */
#boxbom .small img {max-width: 100px;}
.whu {display: none;}
.absdiv, #showwhu {display: none; position: absolute; top: 130px; left: 50%; margin-left: -300px; width: 600px; border: 1px solid #AAA; background: #FFF; z-index: 100;}
.genabstabshort {margin-left: -150px; width: 300px;}
.absdiv .closeme, #showwhu .closeme {position: absolute; z-index: 101; margin-left: 585px; margin-top: -15px; cursor: pointer;}
#showwhu table {margin: 0;}
#navplm td {padding: 4px 5px;}
tfoot td {text-align: center;}
tfoot input {width: 40px;}
.divinlineme label {display: block; font-weight: bold; margin-top: 6px;}
#plm_tree table {margin: 0;}

#checkout textarea, #checkout table tr td, #checkout table tr:hover td {background: #FFF; color: #333;}
#checkout table tr td input {background: #EEE;}

/* pager */
.fdd {display: none !important;}
.pager {padding: 5px 0 25px; margin: 0 auto; text-align: center;}
.allpages div, .bop { background: #fff; display: inline-block; cursor: pointer; border: 1px solid #bdbdbd; padding: 7px 12px; color: #000; -webkit-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.allpages div:hover, .bop:hover {background: #50b948; color: #fff; border-color: #50b948;}
.allpages, .bop  {display: inline-block; margin: 0 3px;}
.allpages div {margin: 0 4px;}
.allpages .selpage {color: #fff; background: #b7d4e9 !important; border: 1px solid #50b948 !important;}
.allpages div, .bop, .allpages div:hover, .bop:hover {-webkit-transition: all 0.3s; transition: all 0.3s;}
.contpd {margin-right: 5px;}
input.pdisplay {width: 30px; height: 34px; border: 1px solid #bdbdbd; margin: 0 3px 0 5px; text-align: right; font-size: 13px; position: relative; padding-left: 2px; padding-right: 4px; color: #4c4d4f; top: -1px;}
form .allpages label {display: inline;}
#searchdata {width: 18%; padding: 4px 0; min-width: 200px; margin-bottom: 15px;}
.theord {width: 180px; float: left; margin-left: 2%; padding-top: 35px;}
.theord a {color: #8b8d8e;}
.theord a.osel {color: #aaa; cursor: default;}
.theord a.disabled {cursor: default;}
#searchdata input {line-height: 23px; width: 100%;}

/* foot */
#footer {position: absolute; bottom: 0; display: table; width: 100%; box-sizing: border-box; padding: 0 5px;}
#footer div {display: table-cell; vertical-align: bottom; width: 50%; padding-bottom: 2px;}
#footer div:last-child {text-align: right;}
#footer div:first-child {font-size: 13px; color: #aaa;}
#footer img {width: 130px;}

/* wait */
#waiting {top: 0; left: 0; position: fixed; z-index: 9001; height: 100%; width: 100%; background: rgba(255,255,255,0.9);}
#cache {position: relative; top: 200px; left: 50%; margin-left: -100px; width: 200px; background: #fff; text-align: center; border: 1px solid #ddd; background: #fff; font-size: 1.2em; padding: 10px 25px; -moz-box-shadow: 0 0 12px #ccc; -webkit-box-shadow: 0 0 12px #ccc; box-shadow: 0 0 12px #ccc; display: flex; align-items: center; box-sizing: border-box;}
#cache img {margin-right: 6px; width: 26px;}

/* generic abs block */
.boxabs {position: absolute; top: 200px; left: 50%; margin-left: -150px; width: 300px; border: 1px solid #ccc; background: #fff; z-index: 30; display: none;}
.boxabs h2 {font-size: 12px; padding: 2px 5px; background: #3A353B; color: #fff; line-height: 22px;}
.boxabs form {padding: 5px;}
.boxabs h2 span.closeme {float: right; border: 1px solid #aaa; line-height: 16px; padding: 0 4px; background: #fff; cursor: pointer; color: #aaa; margin: 2px 0 0 0;}
.footabsbox {padding: 5px;}

@media all and (max-width: 1200px) {
	#treeparts {width: 500px;}
	#coldata {width: 300px; float: left;}
	#in_alb, .un_header, #un_footer, .wrapper {padding: 0 1%; box-sizing: border-box;}
}

@media all and (max-width: 700px) {
	#logohome {padding-top: 10px; width: 98%;}
	#login {height: auto; width: 98%;}
	#login .float-left, #login .float-right {float: none; width: 100%;}

}