@charset "utf-8";
@import url('print.css') print;

 /* default */
 html { height: 100.1%; }
 body { font: 0.9em verdana,sans-serif; background-color: #f5f5f5; color: #807a80; height: 100.1%; }
 h2, h3, h4, h5, strong { color: #2E9F58; }
 h3 { font-size: 1.3em; }
 h4 { font-size: 1.2em; }
 h5 { font-size: 1em; }
 a { text-decoration: none; }
 input[type="text"], input[type="password"], textarea, select { background-color: #fafafa; border-radius: 3px; }
 label, .f-label { padding-left: 2px; }

 /*_____________________________________FontAwesome____________*/

 #scroll_top, .kw-select .kr, .button-grey, .calculation .r-checked:before {
  font-family: "Font Awesome 5 Free" !important; font-style: normal; font-variant: normal; font-weight: 900; font-size: inherit; text-rendering:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }

 /* classes */
 #body { width: 100%; min-height: 100%; position: relative; padding-bottom: 20px; }
 #header { height: 60px; padding: 5px; }
 #footer { position: absolute; bottom: 0; left: 0; width: 100%; min-height: 0; padding: 10px; }
 .backend #footer { min-height: 95px; padding: 10px 132px 10px 10px; }
 #logo { height: 100%; float: left; margin-right: 3em; }
 #title { float: left; margin-right: 30px; font-size: 1.5em; line-height: 3em; color: #04A964; }
 #body, #footer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

 #scroll_top {
   position: fixed; bottom: 0; left: 0; width: 20px; height: 20px; border: 4px solid #fff; border-left: 0; border-bottom: 0;
   background: none #2E9F58; font-size: 20px; color: #fff; cursor: pointer; padding-left: 5px;
   border-top-right-radius: 16px;
   }
 #scroll_top:before { content: "\f106"; }

 #main { display: table; width: 1200px; margin: 20px 80px; }
 #main > * { display: table-cell; vertical-align: top; }
 #aside { width: 200px; padding-left: 10px; display: none; }
 #content_frame { padding-top: 5px; }
 .content-header { margin-bottom: 0; }

 /* checkin */
 .checkin .table { font-size: 1.2em; }
 .checkin #main, .checkin #header { display: block; width: auto; min-width: 20em; max-width: 50em; margin: 0 5px 2em 5px; }
 .checkin #main > * { display: block; }
 .checkin #body { padding: 5px; }
 .checkin input[type=text], .checkin input[type=password] { font-size: 1.3em; }
 .checkin.backend #logo { max-width: 15em; }
 #quick_search {
   height: 51px;
   width: 100%;
   background: none #2E9F58;
   border-left: 1px solid #fff;
   border-top: 1px solid #fff;
   border-radius: 8px;
   margin-bottom: 30px;
   }
 #quick_search .f-text { margin-bottom: 0; }
 #quick_search input[type=text] { border:0; font-size: 1.1em; background: none transparent; color: #fff !important; padding: 1em !important; }
 #quick_search input:focus-visible { border: 0; outline: 0; }
 #quick_search input[type=image] { height: 47px; border-radius: 8px; padding: 2px; }
 .button.big { font-size: 1.2em; line-height: 1.2em; }
 .button.red {
   background-color: #d5d5d5; color: #fff; border: 1px solid #900;
   background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#a00));
   background: -moz-linear-gradient(top, #f00, #a00);
   background: linear-gradient(top, #f00, #a00);
   text-shadow: none;
 }
 .button.green {
   background-color: #d5d5d5; color: #fff; border: 1px solid #900;
   background: -webkit-gradient(linear, left top, left bottom, from(#7ccd46;), to(#5cad26;));
   background: -moz-linear-gradient(top, #7ccd46, #5cad26);
   background: linear-gradient(top, #7ccd46, #5cad26);
   text-shadow: none;
 }
 .scan-failed .stamp { background: red !important; color: #fff !important; }
 .scan-success .stamp { background: green !important; color: #fff !important; }
 .scan-none .stamp { background: green !important; color: #fff !important; }
 #counter .attention { display: inline-block; min-width: 2em; text-align: right; }
 .checkin-counter { font-size: 1.2em; }
 .checkin .empty { font-size: 1.2em; }

 #welcome {
   position: fixed; top: 0; left: 20em; z-index: 100; min-height: 0; padding: 4px 4px 6px 2px;
   background: none #2E9F58; border: 1px solid #fff; color: #fff;
   border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
 }
 #welcome > div { display: inline-block; }
 #welcome > .btn { background: #fff; padding: 0 2px 2px 2px; border-radius: 4px; margin-right: 6px; }

 #menu { width: 100px; }
 #menu > ul {
   float: left; border: 4px solid #fff; border-left: 0;
   border-top-right-radius: 16px; border-bottom-right-radius: 16px;
   }
 #menu > ul > li:first-child { border-top: 0; border-top-right-radius: 16px; }
 #menu > ul > li:last-child { border-bottom-right-radius: 16px; }
 #menu > ul > li { position: relative; background: none #2E9F58; width: 56px; height: 56px; border-top: 1px solid #fff; }
 #menu > ul > li.selected, #menu li:hover { background: none #B81F85; }
 #menu > ul > li > a { position: relative; display: block; width: 100%; height: 100%; text-indent: -9999px; background-size: auto 50%; background-repeat: no-repeat; background-position: center center; }
 #menu > ul > li > a img { display: none; height: 50%; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; }
 #menu .layer-button a { position: absolute; top: 1px; right: 1px; width: 12px; height: 12px; text-indent: -9999px; z-index: 10; background: url('../images/icon_dialog_small.png') no-repeat; }
 #menu .alternative-button a { position: absolute; bottom: 0; right: 0; width: 16px; height: 16px; text-indent: -9999px; z-index: 10; background: url('../images/icon_favorite.png') no-repeat; }
 #organizer .icon-list li { margin-top: 1.5em; padding-left: 18px; text-indent: -18px; }

 /* boxes */
 .login-box { float: left; position: relative; top: 30px; }
 .organizer-box { position: relative; left: 50%; width: 780px; margin-left: -390px; margin-top: 40px; }
 .content-body.boxed { background: none #fff; padding: 20px; }
 .bcrumbs.boxed { background: none #fff; padding: 4px; margin-bottom: 20px; }
 .content-body .boxed { background: none #f5f5f5; padding: 5px 0; margin-bottom: 10px; }
 .highlighted { position: relative; border: 1px solid #666; }
 .boxed { border-radius: 4px; }
 .boxed > .section.highlighted { background: none #fff; padding: 10px 0; }
 .boxed > .section, .boxed > form > .section, .highlighted > .section, .highlighted > form > .section { padding: 10px; margin: 0; }
 .boxed > .style1, .boxed > .style1 td { background-color: transparent; }
 .boxed > .style2, .boxed > .style2 td { background-color: transparent; }
 .boxed > .style3, .boxed > .style3 td { background-color: transparent; }
 .boxed-label { position: relative; top: -4px; left: 4px; font-size: 0.9em; font-weight: bold; color: #789; }
 .customer .header { position: relative; }
 .customer .header .kd-nr { position: absolute; top: 4px; right: 10px; font-size: 1.1em; color: #ddd; }
 .customer .header .kd-nr:before { content: '#'; }

 /* filters */
 .search-box { background: none #ececec; padding: 10px; border-radius: 4px; }
 .search-box.top { margin-bottom: 1em; }
 .search-box.bottom { margin-top: 1em; }
 .f-text.tolerance input[type="text"] { background: url('../images/icon_plus_minus.png') 4px center no-repeat #fafafa; padding-left: 20px; }
 .search-box h6 { font-size: 1.2em; color: #2E9F58; margin-bottom: 0.5em; }

 /* archives */
 .archive { background: none #fff; }
 .archive:not(.simple) .thead > * a, .archive:not(.simple) thead th a { position: relative; display: block; text-align: left; padding-right: 12px; }
 .archive:not(.simple) .thead > * a .img-after, .archive:not(.simple) thead th a .img-after { position: absolute; top: 50%; right: 0; margin-top: -3px; }
 .archive:not(.simple) .table .thead > *, .archive:not(.simple) thead th { text-align: left; font-weight: bold; padding: 1em 0.5em; border-left: 1px solid #f5f5f5; }
 .archive:not(.simple) .table .tbody > *, .archive:not(.simple) tbody td { padding: 0.5em 1em; border-left: 1px solid #f5f5f5; }
 .archive:not(.simple) .table .thead > *:first-child, .archive:not(.simple) thead th:first-child { border-left: 0; }
 .archive:not(.simple) .table .tbody > *:first-child, .archive:not(.simple) tbody td:first-child { border-left: 0; }
 .archive .table .tbody > * > *, .archive tbody td > * { margin-bottom: 0.5em; }
 .archive .table .thead > *, .archive thead th { color: #2E9F58; border-bottom: none; }
 .archive .table .thead > *, .table .tbody > *, .table .colgroup > *, .table > *, .tgroup > * { padding: 0.4em 0.8em; }
 .style4, .style4 td { background-color: #dcdfe8; }
 .archive-header div { margin-bottom: 5px; }
 .archive-header .header-right { padding-right: 5px; }
 .archive-footer { background: none #fff; border-top: 1px solid #f5f5f5; }
 .shippings .reduced .reduced-height { max-height: 2.5em; overflow: hidden; }
 .shippings .reduced .reduced-height:hover { max-height: none; }
 .shippings .reduced .reduced-hidden { display: none; }
 .shippings .button-new { margin-top: -1.5em; }

 /* cols */
 .cols .thead > *, .cols thead th { padding: 0.2em 0.5em; border-left: 1px solid #f5f5f5; }
 .cols .thead > *:first-child, .cols thead th:first-child { border-left: 0; }
 .cols .tbody > *, .cols tbody td { padding: 0.2em 0.5em; border-left: 1px solid #f5f5f5; }
 .cols .tbody > *:first-child, .cols tbody td:first-child { border-left: 0; }

 /* tabs */
 .ctabs { margin-bottom: 2em; }
 .ctabs.ui-tabs, .ctabs.ui-tabs .ui-tabs-nav, .ctabs.ui-tabs .ui-tabs-nav li { font: inherit; color: inherit; background: none transparent; border: 0; margin: 0; padding: 0; }
 .ctabs.ui-tabs .ui-tabs-nav li { margin: 0 4px 0 0; padding: 0; }
 .ctabs.ui-tabs .ui-tabs-nav li a {
   display:inline-block; margin-bottom: -1px; height: 32px; line-height: 32px; padding: 0 0.6em; white-space: nowrap; cursor: pointer; color: #807a80;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   }
 .ctabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a { border: 1px solid #ddd; border-bottom: 1px solid #fff; color: #807a80; }
 .ctabs.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a:hover { background-color: #eee; color: #2E9F58; }
 .ctabs.ui-tabs .ui-tabs-panel {
   position: relative; border: 1px solid #ddd; padding: 20px 15px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   height: auto; overflow: hidden;
   }
 .ctabs.ui-tabs .ui-tabs-panel.active { height: auto; }
 .ctabs.ui-tabs .search-top { position: relative; top: -20px; left: -10px; margin-bottom: -20px; }

 .ui-scrollable-tabs { height: 32px; overflow:hidden; position:relative; }
 .ui-scrollable-tabs .ui-tabs-nav { position: absolute; top: 0; left: 0; height: 32px; white-space: nowrap; }
 .ui-scrollable-tabs .ui-tabs-nav li { float: none; display: inline-block; }
 .ui-scrollable-tabs .ui-tabs-nav-arrows { position: absolute; left: 0; right: 0; top: 0; }
 .ui-scrollable-tabs .ui-tabs-nav-arrows li { position:absolute; top: 0; cursor:pointer; display:none; z-index:1; }
 .ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next { right: 0; }
 .ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous { left: 0; }
 .ui-scrollable-tabs .ui-tabs-nav-arrows li a {
   display: block; margin-bottom: -1px; height: 18px; padding: 6px 0;
   border: 1px solid #ddd; border-bottom: 1px solid #fff; background: none #fff;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   }

 /* quick search */
 .fix-width .ui-menu { width: 600px !important; }
 .ui-menu { color: #666; }
 .ui-menu .ui-menu-item { border-bottom: 1px dotted #ccc; }
 .ui-menu .ui-state-active { font-weight: normal; }
 .r-participants:after {
   clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;
   }
 .r-participants .r-full_name { float: left; font-size: 1.5em; margin: 0 1em 5px 0; }
 .r-participants .r-department { clear: left; float: left; font-size: 1em; margin: 0.2em 0 5px 0; }
 .r-participants .r-adults { clear: left; float: left; font-size: 0.9em; margin-bottom: 5px; }
 .r-participants .r-adults:after { content: 'Erwachsene'; margin: 0 1em; }
 .r-participants .r-childs { float: left; font-size: 0.9em; }
 .r-participants .r-childs:after { content: 'Kinder'; margin: 0 1em; }

 /* buttons */
 .button-new { float: right; width: auto; margin-right: 10px; }
 .f-buttons input.green[type=submit], .f-buttons input.green[type=button], .f-buttons button.green, .button.green {
   background-color: #5AAC5A; border-color: #008000; color: #fff; text-shadow: none; line-height: 1.1em;
   background: -webkit-gradient(linear, left top, left bottom, from(#5AAC5A), to(#008000));
   background: -moz-linear-gradient(top, #5AAC5A, #008000);
   background: linear-gradient(top, #5AAC5A, #008000);
   }
 .button-add span { background: url('../images/icon_add_button.png') left center no-repeat; padding-left: 14px; }
 .tag { border: 1px solid #c0bac0; border-radius: 3px; padding: 1px 2px; font-size: 0.9em; }
 .stepup { padding: 1px 6px; font-size: 0.9em; }
 .stepup:hover { border: 1px solid #c0bac0; border-radius: 10px; background: url('../images/icon_proceed.png') right no-repeat; padding-right: 20px; vertical-align: middle; }
 .external { text-decoration: underline #a09aa0 dotted; }
 .extended-close { position: absolute; top: 0; right: 0; width: 16px; height: 16px; font-size: 0; }
 .billable { border: 1px solid #009D51 !important; border-radius: 10px; padding: 1px 4px 2px 4px !important; font-size: 0.8em; font-weight: bold; color: #009D51; margin-right: 5px; }
 .only-1 { position: relative; margin-top: -5px; padding: 5px; }
 .only-1 div { margin-bottom: 0.5em; }
 .only-1:hover { background: none #fff; }
 .only-1 > .o-menu { visibility: hidden; }
 .only-1:hover .o-menu { visibility: visible; }
 .only-1 > .o-menu > div:first-child { display: none; }
 .only-1:hover > div:first-child { display: none; }
 .only-1:hover > .o-menu > div:first-child { display: block; }
 .attention { display: inline-block; padding: 0 8px; font-size: 0.9em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; background: none #C10D0D; border-radius: 4px; }
 .attention.big { font-size: 1.1em; padding: 4px 12px; }
 .attention.huge { font-size: 1.5em; padding: 6px 12px; }
 .attention.small { font-size: 0.6em; padding: 0 2px; }
 .attention.green { background: none #7ccd46; }
 .attention.blue { background: none #0078CF; }
 .paperboard { display: inline-block; padding: 0 1px; background: none #FFE8D3; border: 1px solid #B48C63; color: #946C43; font-size: 0.9em; line-height: 1.2em; border-radius: 2px; }

 /* layers */
 .layer .search-box { padding: 6px; }
 .layer .search-box.top { margin-bottom: 0; }
 .colors { left: 800px; top: 30px; min-width: 20em; max-width: 24em; }
 .colors .dialog-body { padding: 10px; }
 .colors .archive { max-height: 600px; overflow: auto; }
 .auxiliaries { left: 800px; top: 30px; min-width: 36em; max-width: 48em; }
 .auxiliaries .dialog-body { padding: 10px; }
 .auxiliaries .archive { max-height: 400px; overflow: auto; }
 .packing { left: 200px; top: 60px; min-width: 70em; max-width: 80em; }
 .packing .viewport { height: 600px; }
 .preview { max-width: 72em; }
 .storage { left: 200px; top: 60px; min-width: 200px;  max-width: 1600px; min-height: 200px; max-height: 800px; width: 1000px; height: 600px; }
 .storage .viewport { min-width: 1000px; }
 .shipping { left: 200px; top: 60px; min-width: 200px;  max-width: 1600px; min-height: 200px; max-height: 800px; width: 1000px; height: 600px; }
 .shipping .viewport { min-width: 1000px; }
 .product { left: 200px; top: 60px; min-width: 200px;  max-width: 1600px; min-height: 200px; max-height: 800px; width: 1000px; height: 600px; }
 .product .viewport { min-width: 1000px; }

 /* common */
 h1, h2, h3, h4 { color: #04A964; }
 .content-header { padding-bottom: 15px; }
 .content-header h1 > img { display: none; }
 .vblock { background: none #f5f5f5; }
 .enlarged { font-size: 1.1em; }
 .marker { display: inline-block; padding: 0 0.5em; background: none #fff; color: #2E9F58; border-radius: 3px; }
 .refresh { position: absolute; top: 3px; right: 3px; -moz-opacity: 0.2; -khtml-opacity: 0.2; -opera-opacity: 0.2; opacity: 0.2; }
 .refresh:hover { -moz-opacity: 1; -khtml-opacity: 1; -opera-opacity: 1; opacity: 1; }
 /* .w2 { width: 2%; } .w3 { width: 3%; } .w5 { width: 5%; } .w7 { width: 7%; } .w8 { width: 8%; } .w10 { width: 10%; } .w12 { width: 12%; } .w13 { width: 13%; } .w15 { width: 15%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w35 { width: 35%; } .w40 { width: 40%; } .w45 { width: 45%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 60%; } .w65 { width: 65%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w85 { width: 85%; } .w90 { width: 90%; } */
 /* .table >  .w2 { width: 2%; } .table >  .w3 { width: 3%; } .table >  .w5 { width: 5%; } .table >  .w7 { width: 7%; } .table >  .w8 { width: 8%; } .table >  .w10 { width: 10%; } .table >  .w12 { width: 12%; } .table >  .w13 { width: 13%; } .table >  .w15 { width: 15%; } .table >  .w20 { width: 20%; } .table >  .w25 { width: 25%; } .table >  .w30 { width: 30%; } .table >  .w35 { width: 35%; } .table >  .w40 { width: 40%; } .table >  .w45 { width: 45%; } .table >  .w50 { width: 50%; } .table >  .w55 { width: 55%; } .table >  .w60 { width: 60%; } .table >  .w65 { width: 65%; } .table >  .w70 { width: 70%; } .table >  .w75 { width: 75%; } .table >  .w80 { width: 80%; } .table >  .w85 { width: 85%; } .table >  .w90 { width: 90%; } .table >  .w100 { width: 100%; } */
 /* .f-float .w2 { width: 2%; } .f-float .w3 { width: 3%; } .f-float .w5 { width: 5%; } .f-float .w7 { width: 7%; } .f-float .w8 { width: 8%; } .f-float .w10 { width: 10%; } .f-float .w12 { width: 12%; } .f-float .w13 { width: 13%; } .f-float .w15 { width: 15%; } .f-float .w20 { width: 20%; } .f-float .w25 { width: 25%; } .f-float .w30 { width: 30%; } .f-float .w35 { width: 35%; } .f-float .w40 { width: 40%; } .f-float .w45 { width: 45%; } .f-float .w50 { width: 50%; } .f-float .w55 { width: 55%; } .f-float .w60 { width: 60%; } .f-float .w65 { width: 65%; } .f-float .w70 { width: 70%; } .f-float .w75 { width: 75%; } .f-float .w80 { width: 80%; } .f-float .w85 { width: 85%; } .f-float .w90 { width: 90%; } .f-float .w100 { width: 100%; } */
 /* .img-before { max-height: 16px; width: auto; } */
 /* .img-after { max-height: 16px; width: auto; } */
 .ui-datepicker-trigger { max-height: 16px; width: auto; }
 .carousel .img-before { max-height: none; }
 .carousel .img-after { max-height: none; }
 h6 > small { display: block; font-size: 0.8em; color: #444; font-weight: normal; }
 .border-top, .border-top td, .border-top th, .tbody.border-top > *, .thead.border-top > * { border-top: 1px solid #999; }
 .border-bottom, .border-bottom td, .border-bottom th, .tbody.border-bottom > *, .thead.border-bottom > * { border-bottom: 1px solid #999; }
 .dotted-top, .dotted-top td, .dotted-top th, .tbody.dotted-top > *, .thead.dotted-top > * { border-top: 1px dotted #999; }
 .dotted-bottom, .dotted-bottom td, .dotted-bottom th, .tbody.dotted-bottom > *, .thead.dotted-bottom > * { border-bottom: 1px dotted #999; }
 .dashed-top, .dashed-top td, .dashed-top th, .tbody.dashed-top > *, .thead.dashed-top > * { border-top: 1px dashed #999; }
 .dashed-bottom, .dashed-bottom td, .dashed-bottom th, .tbody.dashed-bottom > *, .thead.dashed-bottom > * { border-bottom: 1px dashed #999; }

 /* tooltip */
 .f-float .l-tooltip > label, .f-column .l-tooltip > label, .f-float .l-tooltip > .f-label, .f-column .l-tooltip > .f-label { padding-right: 16px; width: auto; display: inline-block; }
 .f-float .l-tooltip > label { position: relative; }
 .l-tooltip label:after { content:url('../images/icon_tooltip_small.png'); position: absolute; bottom: 0; right: 0; }
 .tooltip { font-size: 0.8em; color: #2749C6; }
 .tooltip-content { display: none; }

 /* mails */
 .mails-full .viewport { height: 400px; }

 /* contextmenu */
 .context-menu-icon { background-size: 16px; }
 .context-menu-icon-add { background-image: url(../images/icon_add.png); }
 .context-menu-icon-archive { background-image: url(../images/icon_archived.png); }
 .context-menu-icon-archive_selected { background-image: url(../images/icon_archived.png); }
 .context-menu-icon-merge_selected, .context-menu-icon-merge_entries { background-image: url(../images/icon_merge.png); }
 .context-menu-icon-split { background-image: url(../images/icon_split.png); }
 .context-menu-icon-confirm_offer { background-image: url(../images/icon_online.png); }
 .context-menu-icon-offer, .context-menu-icon-offer_selected { background-image: url(../images/icon_offers.png); }
 .context-menu-icon-ship, .context-menu-icon-ship_selected { background-image: url(../images/icon_shippings.png); }
 .context-menu-icon-unship { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-invoice, .context-menu-icon-invoice_selected { background-image: url(../images/icon_invoices.png); }
 .context-menu-icon-product { background-image: url(../images/icon_products.png); }
 .context-menu-icon-estimation { background-image: url(../images/icon_estimations.png); }
 .context-menu-icon-contract { background-image: url(../images/icon_contracts.png); }
 .context-menu-icon-reset_text, .context-menu-icon-reset_text_selected { background-image: url(../images/icon_reset.png); }
 .context-menu-icon-finish_shipping { background-image: url(../images/icon_shipping_status_1.png); }
 .context-menu-icon-copy_billing, .context-menu-icon-copy_billing_selected,
 .context-menu-icon-copy_shipping, .context-menu-icon-copy_shipping_selected ,
 .context-menu-icon-copy_contact_person, .context-menu-icon-copy_contact_person_selected { background-image: url(../images/icon_duplicate.png); }
 .context-menu-icon-status, .context-menu-icon-print_status, .context-menu-icon-mark, .context-menu-icon-select_contract { background-image: url(../images/icon_tag_status.png); }
 .context-menu-icon-customer_status_0, .context-menu-icon-contract_label_0 { background-image: url(../images/icon_tag_red.png); }
 .context-menu-icon-customer_status_1, .context-menu-icon-contract_label_1 { background-image: url(../images/icon_tag_blue.png); }
 .context-menu-icon-customer_status_2, .context-menu-icon-contract_label_2 { background-image: url(../images/icon_tag_yellow.png); }
 .context-menu-icon-customer_status_3, .context-menu-icon-contract_label_3 { background-image: url(../images/icon_tag_green.png); }
 .context-menu-icon-offer_status_0 { background-image: url(../images/icon_offer_status_0.png); }
 .context-menu-icon-offer_status_1 { background-image: url(../images/icon_offer_status_1.png); }
 .context-menu-icon-offer_status_2 { background-image: url(../images/icon_offer_status_2.png); }
 .context-menu-icon-offer_status_3 { background-image: url(../images/icon_offer_status_3.png); }
 .context-menu-icon-contract_status_0 { background-image: url(../images/icon_tag_closed.png); }
 .context-menu-icon-contract_status_1 { background-image: url(../images/icon_tag_add.png); }
 .context-menu-icon-contract_status_2 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-order_status_0 { background-image: url(../images/icon_order_status_0.png); }
 .context-menu-icon-order_status_1 { background-image: url(../images/icon_order_status_1.png); }
 .context-menu-icon-order_status_2 { background-image: url(../images/icon_order_status_2.png); }
 .context-menu-icon-shipping_status_0 { background-image: url(../images/icon_shipping_status_0.png); }
 .context-menu-icon-shipping_status_1 { background-image: url(../images/icon_shipping_status_1.png); }
 .context-menu-icon-shipping_status_2, .context-menu-icon-shipping_complete { background-image: url(../images/icon_shipping_status_2.png); }
 .context-menu-icon-invoice_status_0 { background-image: url(../images/icon_tag_add.png); }
 .context-menu-icon-invoice_status_1 { background-image: url(../images/icon_tag_mail.png); }
 .context-menu-icon-invoice_status_2 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-printed_0 { background-image: url(../images/icon_tag_new.png); }
 .context-menu-icon-printed_1 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-confirmation { background-image: url(../images/icon_tag_status.png); }
 .context-menu-icon-quantity { background-image: url(../images/icon_tag_status.png); }
 .context-menu-icon-select_quantity_0 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-select_quantity_1 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-select_quantity_2 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-select_quantity_3 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-select_quantity_4 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-select_quantity_null { background-image: url(../images/icon_tag_closed.png); }
 .context-menu-icon-mail, .context-menu-icon-storno_mail { background-image: url(../images/icon_mailto.png); }
 .context-menu-icon-stepup, .context-menu-icon-proceed { background-image: url(../images/icon_proceed.png); }
 .context-menu-icon-multistep { background-image: url(../images/icon_multistep.png); }
 .context-menu-icon-revision { background-image: url(../images/icon_revision.png); }
 .context-menu-icon-recalculate, .context-menu-icon-recalculate_selected { background-image: url(../images/icon_recycle.png); }
 .context-menu-icon-confirmation_status_0 { background-image: url(../images/icon_confirmation_status_0.png); }
 .context-menu-icon-confirmation_status_1 { background-image: url(../images/icon_confirmation_status_1.png); }
 .context-menu-icon-confirmation_status_2 { background-image: url(../images/icon_confirmation_status_2.png); }
 .context-menu-icon-confirmation_status_3 { background-image: url(../images/icon_confirmation_status_3.png); }
 .context-menu-icon-received, .context-menu-icon-received_selected { background-image: url(../images/icon_received.png); }
 .context-menu-icon-unreceived, .context-menu-icon-unreceived_selected { background-image: url(../images/icon_unreceived.png); }
 .context-menu-icon-update_analysis, .context-menu-icon-update_analysis_selected { background-image: url(../images/icon_recycle.png); }
 .context-menu-icon-revert { background-image: url(../images/icon_revert.png); }
 .context-menu-icon-terminate { background-image: url(../images/icon_terminate.png); }
 .context-menu-icon-unterminate { background-image: url(../images/icon_unterminate.png); }
 .context-menu-icon-pack { background-image: url(../images/icon_palettes.png); }
 .context-menu-icon-palette_status_0 { background-image: url(../images/icon_palette_status_0.png); }
 .context-menu-icon-palette_status_1 { background-image: url(../images/icon_palette_status_1.png); }
 .context-menu-icon-palette_status_2 { background-image: url(../images/icon_palette_status_2.png); }
 .context-menu-icon-transaction_status_1 { background-image: url(../images/icon_tag_add.png); }
 .context-menu-icon-transaction_status_2 { background-image: url(../images/icon_tag_question.png); }
 .context-menu-icon-transaction_status_3 { background-image: url(../images/icon_tag_complete.png); }
 .context-menu-icon-billable_0 { background-image: url(../images/icon_billable_0.png); }
 .context-menu-icon-billable_1 { background-image: url(../images/icon_billable_1.png); }
 .context-menu-icon-duplicate_exec { background-image: url(../images/icon_duplicate.png); }
 .context-menu-icon-estimation_status_0 { background-image: url(../images/icon_estimation_status_0.png); }
 .context-menu-icon-estimation_status_1 { background-image: url(../images/icon_estimation_status_1.png); }
 .context-menu-icon-convert_customer, .context-menu-icon-convert_customer_selected { background-image: url(../images/icon_convert_customer.png); }
 .context-menu-icon-convert_product, .context-menu-icon-convert_product_selected { background-image: url(../images/icon_convert_product.png); }
 .context-menu-icon-lock_status { background-image: url(../images/icon_tag_protect.png); }
 .context-menu-icon-locked_0 { background-image: url(../images/icon_locked_0.png); }
 .context-menu-icon-locked_1 { background-image: url(../images/icon_locked_1.png); }
 .context-menu-icon-reset_mail, .context-menu-icon-reset_mail_selected { background-image: url(../images/icon_reset.png); }

 /* buttonset */
 .buttonset { white-space: nowrap !important; }
 .buttonset div { display: inline-block; }
 .buttonset .f-radio { padding: 0; }
 .buttonset .ui-button { display:inline-block; padding: .3em 1em; background: none #FAFAFA; color: #ccc; border: 1px solid #ccc; text-align: center; font: 1em verdana,sans-serif; white-space: nowrap; cursor: pointer; }
 .buttonset .ui-button:hover { background: none #FAFAFA; color: #ccc; }
 .buttonset .ui-corner-all { border-radius: 3px; }
 .buttonset .ui-button.ui-state-active { background: none #005E8E; color: #fff; }
 .buttonset .ui-button.ui-state-active:hover { background: none #005E8E; border: 1px solid #ccc; font-weight: normal; }

 .button-grey { display: inline-block; padding: 0; margin: 0 -2px 0 0; text-align: center; vertical-align: top; }
 button.button-grey, .button-grey label { background: none #ddd; border-radius: 4px; }
 button.button-grey { border: 0; }
 button.button-grey > span { display: inline-block; text-indent: -9999px; }
 .button-grey label { display: inline-block; padding: 0; }
 button.button-grey:hover, .button-grey label:hover, .button-grey.f-checked label { background-color: #d5d5d5; }
 .button-grey input { display: none; }
 button.button-grey:after, .button-grey label:after { width: 26px; line-height: 26px; display: inline-block; font-size: 15px; color: #fff; }
 button.button-grey.search:after, .button-grey.search label:after { content: "\f002"; }
 button.button-grey.reset:after, .button-grey.reset label:after { content: "\f00d"; font-size: 18px; }
 button.button-grey.save:after, .button-grey.save label:after { content: "\f0c7"; font-size: 16px; }
 button.button-grey.select:after, .button-grey.select label:after { content: "\f107"; font-size: 16px; width: 14px; }

 .button-split { display: inline-block; white-space: nowrap; }
 .button-split > div { vertical-align: top; display: inline-block; margin-right: -4px; }
 .button-split button.button-grey, .button-split .button-grey label { border-radius: 0; }
 .button-split button.button-grey.first, .button-split .button-grey.first label { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
 .button-split button.button-grey.last, .button-split .button-grey.last label { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

 .flyout { position: absolute; right: 0; top: 100%; margin-top: 2px; z-index: 100; }
 .flyout .f-float { padding: 5px; background: #d5d5d5; border-radius: 4px; }
 .flyout .select ul { border: 1px solid #ccc; background: #fff; min-width: 160px; text-align: left; }
 .flyout .select li { padding: 0.3em 0.5em; }
 .flyout .select li:hover { background: #005E8E; color: #fff; }
 .flyout .select .viewport { max-height: 200px; }

 /* simple tabs style */
 .simple-tabs.ui-tabs { font-size: 1em; background: none; border: 0; color: inherit; }
 .simple-tabs.ui-tabs .ui-tabs-panel { padding: 1em 0; }
 .simple-tabs .ui-tabs-panel, .simple-tabs .ui-tabs-panel a { color: inherit; }
 .simple-tabs .ui-widget-header { background: none; border: 0; color: inherit; }
 .simple-tabs.ui-tabs .ui-tabs-nav li { background: none; border: 0; }
 .simple-tabs.ui-tabs .ui-tabs-nav li a {
   display:inline-block; border: 1px solid #999; padding: 0.4em 0.6em; font: 1em verdana,sans-serif; color: #333333; background-color: #F5F5F5; white-space: nowrap; cursor: pointer;
   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
   box-shadow: inset 0px 1px 0px 0px #ffffff;
   text-shadow: 1px 1px 0px #ffffff;
   border-radius: 4px;
   }
 .simple-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
 .simple-tabs.ui-tabs .ui-tabs-nav li a:hover { background-color: #FDFDFF; }

 /* colors */
 .color-wrapper {
   position: relative; min-height: 180px; border-width: 1px; border-radius: 4px;
   background-color: #FFFFFF; padding: 1em; margin: 0.4em 0; text-align: left; padding-bottom: 24px;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .color-list > * { margin-bottom: 0.5em !important; }
 .color-count { position: absolute; bottom: 4px; right: 4px; font-size: 0.833em; }
 .color-count input { width: 30px; }
 .color-warning { padding: 5px; border: 1px solid #D10D16; color: #D10D16; background: none #fffafa; text-align: center; }
 .color-preview { display: inline-block; vertical-align: middle; height: 1.2em; width: 1.2em; margin-right: 0.5em; border: 1px solid #ccc; border-radius: 3px; }
 .colorpicker { height: 1.5em; width: 1.5em !important; text-indent: -9999px; margin-right: 0.5em; cursor: pointer; }
 .ui-colorpicker { position: absolute !important; }

 /* calculation */
 input.protected, .protected input { background: none #ddd; }
 [data-unit] { position: relative; }
 [data-unit]:before { content: attr(data-unit); position: absolute; top: 50%; right: 4px; display: block; font-size: 0.9em; line-height: 1em; margin-top: -0.45em; color: #aaa; z-index: 100; }
 .f-float [data-unit]:before { right: 14px; margin-top: 0; }
 .f-float .last[data-unit]:before { right: 4px; }
 .f-float.f-hide-label [data-unit]:before, .f-float .f-hide-label[data-unit]:before { margin-top: -0.45em; }
 .f-no-label label { display: none !important; }
 [data-unit].spin:before { right: 22px; }
 [data-unit] input { padding-right: 30px; }
 .r-error { border: 2px solid #B02000; padding: 5px; }
 .r-record { position: absolute; top: 5px; right: 50%; border: 1px solid #ccc; border-radius: 3px; padding: 0.25em; }
 .r-checkbox { position: absolute; top: 5px; left: -20px; border: 1px solid #C0C0C0; border-radius: 3px; background-color: #E0E0E0; width: 14px; height: 14px; text-align: center; line-height: 13px; }
 .r-checked { font-size: 10px; }
 .r-checked:before { content: "\f00c"; }
 /* .f-float [data-unit]:before { margin-top: 0; } */
 .kw-select .kr { font-size: 14px; color: #999; cursor: pointer; position: absolute; right: 14px; bottom: 5px; }
 .kw-select.last .kr { right: 3px; }
 .kw-select .kr:after { content: "\f057"; }
 .kw-select .kd { position: absolute; bottom: 0; left: 0; width: 0 !important; overflow: hidden; border: 0 !important; padding: 0; }
 .protected .reset { position: absolute; right: 2px; top: 4px; cursor: pointer; }
 .multiply:after { content: 'x'; display: inline-block; position: relative; bottom: 1px; font-size: 0.75em; padding: 0 2px 0 1px; }
 .je:after { content: '\00e1'; display: inline-block; position: relative; bottom: 1px; font-size: 0.8em; padding: 0 1px 0 2px; }

 /* show/hide */
 .show-group > div { float: left; margin-right: 10px; }
 .show-group a, .show a { display: inline-block; background: url('../images/inactive.png') no-repeat; padding-left: 16px; cursor: pointer; }
 .show-group .active a, .show.active a { background: url('../images/active.png') no-repeat; }
 .show-group { margin-bottom: 10px; }
 .show-group:after { clear: both; display: table; content: ""; }
 .hide a { display: inline-block; font-size: 0.9em; background: url('../images/hide.png') no-repeat; padding-left: 16px; cursor: pointer; }
 .ui-icon.ui-icon-pdf { background: url('../images/suffix_pdf.png') !important; left: 0; margin-left: 0; }

 /* breadcrumbs */
 .bcrumbs { position: relative; margin-bottom: 1em; }
 .bcrumbs:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .bcrumbs ul { overflow: hidden; }
 .bcrumbs li { float: left; position: relative; margin: 0 4px 0 1em; padding-left: 15px; }
 .bcrumbs li a { background: #2E9F58; padding: .7em 1em; float: left; color: #fff; font-weight: bold; position: relative; }
 .bcrumbs li a:hover { background: #B81F85; }
 .bcrumbs li a:before { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-width: 1.5em 0 1.5em 1em; border-style: solid; border-color: #2E9F58 #2E9F58 #2E9F58 transparent; left: -0.9em; }
 .bcrumbs li a:hover:before { border-color: #B81F85 #B81F85 #B81F85 transparent; }
 .bcrumbs li a:after { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid #2E9F58; right: -0.9em; }
 .bcrumbs li a:hover:after { border-left-color: #B81F85; }
 .bcrumbs li:first-child { margin-left: 0; padding-left: 0; }
 .bcrumbs li:first-child a { border-radius: 4px 0 0 4px; }
 .bcrumbs li:first-child a:before { content: none; }
 .bcrumbs .buttons{ position: absolute; right: 4px; bottom: 4px; }

 /* document tree */
 .palette-tree .tree { width: 20px; padding: 0; background: url('../images/icon_palette_tree.png') left center no-repeat; }
 .palette-tree > .palette-root .tree { background: url('../images/icon_palette_root.png') left center no-repeat; }
 .palette-tree > .palette-root-only .tree { background: none !important; }
 /* .palette-tree > div:first-child .tree { background: url('../images/icon_palette_root.png') left center no-repeat; } */
 /* .palette-tree > div.palette-nap:first-child .tree { background: url('../images/icon_palette_nap.png') left center no-repeat; } */
 .palette-tree > div:last-child .tree, .preview .tree { background: url('../images/icon_palette_last.png') left center no-repeat; }
 /* .palette-tree > div.palette-root-only .tree { background: url('../images/icon_palette_root_only.png') left center no-repeat; } */
 /* .palette-tree > div.palette-nap-only .tree { background: url('../images/icon_palette_nap_only.png') left center no-repeat; } */
 .palette-tree > .table > .tbody > div { padding: 0.4em 0.2em; }
 .palette-tree > .table .tbody > * { border: 0; }
 .empty-tree > div { padding-left: 10px; background: url('../images/icon_tree.png') left center no-repeat; margin: 0 !important; }
 .empty-tree > div:last-child { padding-left: 10px; background: url('../images/icon_tree_last.png') left center no-repeat; }
 .empty-tree > div:first-child { padding-left: 0; padding-bottom: 0.5em; background: url('../images/icon_empty_root.png') left center no-repeat; }

 /* order confirmation */
 .confirmations { background: none #fff; padding: 10px; }
 .confirmations h2 { font-size: 1.2em; }
 .confirmations em { color: #f00; }

 /* stati */
 .lot_status0 { color: #909090; }
 .lot_status1, .lot_status2 { color: #333; }
 .terminated1 { text-decoration: line-through; }

 /* pdf preview */
 .document { font: 1.2em arial,sans-serif; }
 .document h1 { font-size: 1.5em; margin-bottom: 15px; }
 .document .sidebar { float: right; width: 30%; }
 .document .logo { text-align: right; }
 .document .address { margin-top: 120px; margin-bottom: 30px; min-height: 120px; }
 .document .shipping-notes { padding: 5px; border: 1px solid #333; border-radius: 3px; }
 .document .shipping-notes p{ padding: 0; margin: 0; }
 .document .address .header { text-decoration: underline; font-size: 0.8em; margin-bottom: 5px; }
 .document .address .section { margin: 0; }
 .document .address .section p { margin: 0 15px; }
 .document .subject-line { margin-bottom: 30px; font-size: 0.9em; }
 .document .section { margin: 10px 0; }
 .document .shipping-list { border-top: 1px solid #807a80; }
 .document .shipping-list .section { border-bottom: 1px solid #807a80; }
 .document .offer-list th { border-top: 1px solid #807a80; border-bottom: 1px solid #807a80; }
 .document .offer-list th, .document .offer-list td { padding: 3px 5px; }
 .document .offer-list .separator td { border-bottom: 1px solid #807a80; }
 .document .offer-list .twrap { padding: 0; }
 .document .offer-hint { text-align: center; padding: 5px 0; margin-bottom: 20px; border-top: 1px solid #807a80; border-bottom: 1px solid #807a80; }
 .document .invoice-list { position: relative; }
 .document .invoice-list .buttons { position: absolute; top: -26px; right: 0; }
 .document .invoice-list th { font-size: 0.9em; }
 .document .invoice-list td { padding-top: 8px; padding-bottom: 8px; }
 .document .invoice-hint { text-align: center; padding: 10px 0; margin-top: 30px; border-top: 1px solid #807a80; border-bottom: 1px solid #807a80; }
 .l-top, .l-top > td, .l-top > th { border-top: 1px solid #807a80; }
 .b-top, .b-top > td, .b-top > th { border-top: 2px solid #807a80; }
 .l-bottom, .l-bottom > td, .l-bottom > th {  border-bottom: 1px solid #807a80; }
 .b-bottom, .b-bottom > td, .b-bottom > th {  border-bottom: 2px solid #807a80; }