.containerpos h1 {
  padding: 5px 20px 5px 15px;
  font-size: 17px;
  background: #000 url(../images/layout/content_header_bg.png) repeat-x;
  color: #fff;
}

#logo {
  display: block;
  z-index: 1;
  position: absolute;
  top: 2px;
  right: 2px;
}
#accountinginfo {
  display: none;
  position: absolute;
  top: 3px;
  right: 15px;
  font-size: 11px;
}
#accountinginfo label {
  width: 66px;
}
#accountinginfo select {
  font-size: 12px !important;
  width: 160px;
  height: auto;
}
#devinfo {
  display: none;
  z-index: 1;
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 10px;
}

#topnav {
  width: 100%;
  text-align: left;
  height: 50px;
  background: #fff;
  margin: 0;
  padding: 0;
}

#reloadprogress {
  top: 2px;
  right: 2px;
  background-image: url(../images/layout/logo_load.png);
  width: 21px;
  height: 21px;
  animation: loadanimation 1s infinite;
}
@keyframes loadanimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

.margin.clear {
  margin: 0 5px;
}

.containerpos {
  border: 1px solid #7a7a7a;
  border-top: 0;
  padding: 0;
  margin: 20px auto;
}

.container2 {
  border: 1px solid #7a7a7a;
  border-top: 0;
  padding: 0;
  display: block;
}
.container2 h1,
.containerpos h1 {
  padding: 10px 20px 10px 15px;
  font-size: 17px;
  background: #000 url(../images/layout/content_header_bg.png) repeat-x;
  color: #fff;
}

/*Special Input sizes @ Edit view Adresses*/
.box {
  width: 380px;
}
.boxshort {
  width: 300px;
  height: auto; /*overflow:hidden;*/
}
.boxwide {
  width: 760px;
  height: auto; /*overflow:hidden;*/
}

.spezwidth {
  width: 400px;
}
.shorter {
  width: 120px;
}
.shortermo {
  width: 100px;
  background-color: #fff;
}
.boxaction {
  padding-right: 6px;
  height: auto;
}
.boxactionedit {
  width: 780px;
  height: auto;
}
.boxdialog label {
  display: inline-block;
}
.floatl {
  float: left;
  margin: auto 20px auto 0;
  list-style-type: none;
  font-weight: bolder;
  text-align: left;
  display: block;
}
.floatlx {
  display: block;
  float: left;
  margin: auto 20px auto 0;
  list-style-type: none;
  font-weight: normal;
  font-size: 11px;
  text-align: left;
}
.floatlxx {
  display: block;
  float: left;
  margin: auto 20px auto 0;
  list-style-type: none;
  font-weight: normal;
  font-size: 11px;
  text-align: left;
  color: #500000;
}
.h4 {
  padding: 10px 10px 5px 10px;
  font-size: 17px;
  margin: 0;
  background-image: url(../images/layout/boxhead_bg.png);
  background-repeat: repeat-x;
  color: #000;
  border: 0;
  background-position: bottom left;
  margin: 0 0 15px 0;
}

/* FORM STUFF */
label {
  width: 130px;
}
label.short {
  width: 75px;
}
input.short {
  width: 68px;
}
input.middle,
select.middle {
  width: 155px;
}
input.halfsize,
select.halfsize {
  width: 115px;
}
div.halfsize {
  width: 110px;
  margin-right: 9px;
}

input.shortx {
  width: 68px;
  height: 23px;
  margin: 0;
  padding: 0;
}

input.barcodeScan {
  font-size: 12px;
  padding: 3px;
  clear: both;
  float: none;
  display: block;
}

.searchfield th {
  background-color: #fff;
}

/*Readonly Files*/
input[readonly] {
  background-color: #eeeeee;
}
textarea[readonly] {
  background-color: #eeeeee;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
form {
  clear: both;
  padding: 0 5px 0 5px;
  margin-top: 5px;
}
fieldset {
  border: 1px solid #dfdede;
}
.specpcondition {
  background-color: #cccbcb;
  text-align: center;
}
.personinfo {
  width: 99%;
  padding: 5px;
  position: absolute;
  top: -88px;
  background: #b4d9f1;
  border: 1px solid #dddddd;
  color: #000;
  margin-top: 5px;
}
.personinfoedit {
  width: 99%;
  padding: 5px;
  background: #f2ffd3 no-repeat;
  background-position: 15px 50%;
  border: 1px solid #cccbcb;
  color: #000;
  margin: 3px auto 8px 0;
}

#toptab_invoice #innertabs,
#toptab_creditmemo #innertabs,
#toptab_picklist #innertabs,
#toptab_deliveryslip #innertabs,
#toptab_orderconf #innertabs,
#toptab_offer #innertabs,
#toptab_proofofpayment #innertabs {
  position: relative;
  top: 80px;
}

/*SHOW HIDE TABLE FOR HELPDESK*/
.report ul,
#report ul {
  margin: 2px 0 5px 0px;
  padding: 0px;
}
.report th,
#report th {
  background: url(../images/layout/header_bkg.png) repeat-x scroll center left;
  color: #fff;
  padding: 7px 15px;
  text-align: left;
}
#report td {
  background: #e3e1e1 none repeat-x scroll center left;
  color: #000;
  padding: 7px 15px;
}
#OrderFormIntake #report td {
  padding: 0;
  background: #fff;
}
.report tr.odd td,
#report tr.odd td {
  background: #fff url(../images/layout/row_bkg.png) repeat-x scroll center left;
  cursor: pointer;
}
.report div.arrow,
#report div.arrow {
  background: transparent url(../images/layout/arrows.png) no-repeat scroll 0px -16px;
  width: 16px;
  height: 16px;
  display: block;
}
.report div.up,
#report div.up {
  background-position: 0px 0px;
}
.report th a {
  color: #fff;
  text-decoration: none;
}
.report td {
  background: #e3e1e1 none repeat-x scroll center left;
  color: #000;
  padding: 5px 15px;
}

#report tr.odd td.missing {
  background: #fff url(../images/layout/row_bkg_missing.png) repeat-x scroll
    center left;
  cursor: pointer;
}
#report li.missing {
  background: #fff url(../images/layout/row_bkg_missing.png) repeat-x scroll
    center left;
  cursor: pointer;
}

.notebiger {
  width: 600px;
  height: 150px;
}

tr.odd a:hover,
tr ul a:hover {
  color: red;
}

h3 {
  font-size: 13px;
}

/*.uppath{margin: 0 0 0 135px;}*/

textarea.actionarea {
  width: 609px;
  height: 70px;
  overflow: auto;
  margin: 0px 10px 8px 0px;
  float: left;
  padding: 1px 1px 1px 1px;
  border: #dddddd 1px solid;
}

/*CSS für Receipt Anzeige der Tabelle unten links damit labels kein standard width haben.*/
#ReceiptAdditionForm label {
  width: auto;
}
#ReceiptPeriodForm input {
  width: auto;
}
input#everyNthDays {
  width: 50px;
}
#ReceiptAdditionForm input[type="checkbox"] {
  margin: 5px 0 0 0;
}

/*BELEGKOPF RECEIPT*/ /*RECEIPT STYLING*/
#ArticlegroupForm textarea#comment {
  width: 229px;
}

#innertabs .redactor-box {
  width: 610px;
  float: left;
}


#ReceiptPositionForm .positionblock input[type="text"], #ReceiptPositionForm .positionblock select {
    width: 116px;
}
#ReceiptPositionForm .positionblock input.posdescription {
    width: 212px;
}
#ReceiptPositionForm label.positionCurrency {
  width: 50px;
}

.marginimgpos {
  margin: 0 0 0 5px;
}
.grey {
  color: #c8c7c7;
}
.smallerlabel {
  width: 100px;
}
.smallerlabelbig {
  width: 170px;
}
select[disabled] {
  background-color: #eeeeee;
  width: 233px;
  color: black;
}
.deliverywidth {
  width: 190px;
}


/*HELPDESK FORM STYLING*/
#Helpdeskform textarea#description {
  height: 122px;
}
.checkall,
.collective {
  margin: 1px 0 0 4px;
}
#SimpleText.listtable {
  width: 400px;
}

/*SIDEACCORDIAN KB STYLING*/
#sideaccordion #kbtreeside {
}
#sideaccordion #kbtreeside .jstree-leaf a ins.jstree-icon {
  background-position: -56px -19px !important;
}

#sideaccordion #docstreeside .jstree-leaf a ins.jstree-icon {
  background-position: -56px -19px !important;
}

/*.billtext{float: left;margin: 5px 0 10px 0;font-size: 13px;font-weight: bolder;}*/

/*REMINDER STYLING*/
.addresslistview {
  background: none;
  width: 300px;
  display: block;
}
#addresseslistreminder {
  width: 334px;
  height: 450px;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  border-color: -moz-use-text-color #7a7a7a #7a7a7a;
}
#remindersdiv h1 {
  padding: 10px 20px 10px 15px;
  font-size: 17px;
  background: #000 url(../images/layout/content_header_bg.png) repeat-x;
  color: #fff;
}
.detailbox {
  width: 750px;
  height: 40px;
  background-color: #e3e1e1;
  margin: 5px 0 0 0;
  position: absolute;
  top: 0;
  left: 360px;
  z-index: 996;
  display: block;
  padding: 2px;
}
#toptab_collrem .container {
  margin: 50px 0 0 0;
}
.scroll {
  height: 390px;
  overflow: auto;
}
input.nofloat {
  float: none;
  width: 60px;
  margin: 2px 0 0 0;
}
#toptab_collrem input[type="submit"] {
  width: 60px;
  min-width: inherit;
}
.showhidespec {
  float: right;
  cursor: pointer;
}
#toptab_collrem > .container {
  position: absolute;
  top: 5px; /*width: 750px;*/
  width: 75%;
  left: 360px;
}
div#toptab_collrem .listtablecontainer {
  overflow: auto; /*height: 400px;*/
}
div#toptab_collrem .listtable {
  margin: 0;
}
textarea#commentaddresscondtion {
  height: 100px;
  width: 376px;
  overflow: auto;
  padding: 1px 1px 1px 1px;
  border: #dddddd 1px solid;
}
input#paymentaddresscondition {
  width: 610px;
}
.smallbutton {
  width: 112px;
  cursor: pointer;
}
.extrasize {
  width: 210px;
  height: 35px;
}

input.spezcheck {
  width: 100%;
  background-color: transparent;
  border: 0px;
}
.greenbackground {
  background-color: #d5ffc4;
}
.redbackground {
  background-color: #ffcdcd;
}

.cash {
  text-align: right;
  background-color: #e4ffe2 !important;
}

.totalcount {
  float: right;
}

.totalcount input {
  background: none;
  color: #000;
  border: none;
  text-align: right;
  font-weight: bolder;
}

.specfontsize td,
.specfontsize strong {
  font-size: 13px;
}

.margbottom {
  margin-bottom: 5px;
}

.serialletter img {
  width: 30px;
}
.seriallettertext {
  width: 600px;
  height: 300px;
  margin-bottom: 10px;
}

.slidertask.ui-slider {
  margin-left: 135px;
  margin-top: 6px;
  border: 1px solid #a4a4a4;
  width: 230px;
  border-radius: 2px; /* W3C konform */
  -moz-border-radius: 2px; /* Mozilla */
  -webkit-border-radius: 2px; /*Webkit Engine (Chrome, Safari) */
}

#toptabs .slidertask.ui-widget-content {
  border-bottom: 1px solid #a4a4a4;
}

#toptabs #print {
  font-style: italic;
}

li ul li a span {
  text-align: left;
}

#receiptReportForm h2 {
  font-size: 13px;
  color: #000;
}

.datagrid {
  overflow: hidden;
}
.datagrid table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}
.datagrid table td,
.datagrid table th {
  padding: 5px 10px;
}
.datagrid table .right {
    text-align: right;
}

.datagrid table thead tr {
    background-color: #DDDDDD;
    font-weight: bold;
}

.datagrid table tbody td {
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
}

.datagrid table tbody tr:last-child td {
  border-bottom: 1px solid #dbdbdb;
}


#AdressconditionForm .specwithprint input[type="text"] {
  width: 50px;
}

#FormShCostWeight .listtable .rowselected,
#FormShCostWeight tbody tr:hover {
  background: #fff;
  cursor: default;
  color: #525151;
}
#FormShCostWeight input:hover,
#FormShCostWeight input:focus,
#vkg input:hover,
#vkg input:focus {
  background-color: #fff;
}

#vkg .listtable .rowselected,
#vkg tbody tr:hover {
  background: #fff;
  cursor: default;
  color: #525151;
}

#vkg .listtable .rowodd,
tr.rowodd,
#vkg .listtable .roweven {
  background-color: #fff;
}

#vkg .listtable tr.rowodd,
#vkg .listtable tr.roweven {
  background-color: #fff;
}

#vkg .listtable td:first-child {
  background-color: #e1e1e1;
}

.h4rebate {
  background: url("../images/layout/content_header_bg.png") repeat-x scroll 0 0
    #000000;
  color: #ffffff;
  font-size: 17px;
  padding: 5px 20px 5px 15px;
}

.kbtext {
  padding: 10px;
}
.kbtext h2,
.kbtext h2 > span {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.kbtext h3,
.kbtext h3 > span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.kbtext .toc {
  padding-bottom: 10px;
}
.kbtext .toc a {
  text-decoration: none;
  display: block;
}
.kbtext .toc ul {
  list-style: none;
}
.kbtext .toc .toc-h2 {
  padding-left: 10px;
}
.kbtext .toc .toc-h3 {
  padding-left: 20px;
}
.kbtext .upload {
  padding-bottom: 8px;
}
.kbtext div,
.kbtext p,
.kbtext span,
.kbtext li {
  font-size: 14px;
}
.kbtext li {
  margin-left: 20px;
  margin-bottom: 5px;
}
.filterbox {
  width: 1000px;
  height: 60px;
  margin: 5px 0 0 0;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 17px;
  z-index: 10;
  display: block;
  padding: 2px;
  background: #cccccc;
  background: -moz-linear-gradient(left, #cccccc 0%, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #cccccc),
    color-stop(100%, #ffffff)
  );
  background: -webkit-linear-gradient(left, #cccccc 0%, #ffffff 100%);
  background: -o-linear-gradient(left, #cccccc 0%, #ffffff 100%);
  background: -ms-linear-gradient(left, #cccccc 0%, #ffffff 100%);
  background: linear-gradient(to right, #cccccc 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );
}

#toptab_callrec_zu_tab .boxwide {
  width: 100% !important;
}
/*Hack for making Listtable clickable but don't show button in Stock'*/
#sbg_hihi {
  display: none !important;
}

#roleform th {
  padding: 4px 8px;
}

#roleform th:first-child {
  border: 0px;
  background: none;
}

#notificationbox li.box_white {
  background: #ededed url("../images/notifications/success.png") no-repeat 10px
    50%;
  border: 1px solid #ededed;
}

#notificationbox li.box_red {
  background: #ffecec url("../images/notifications/error.png") no-repeat 10px
    50%;
  border: 1px solid #f5aca6;
}
#notificationbox li.box_blue {
  background: #e3f7fc url("../images/notifications/notice.png") no-repeat 10px
    50%;
  border: 1px solid #8ed9f6;
}
#notificationbox li.box_yellow {
  background: #fff8c4 url("../images/notifications/warning.png") no-repeat 10px
    50%;
  border: 1px solid #f2c779;
}
#notificationbox li.box_green {
  background: #e9ffd9 url("../images/notifications/success.png") no-repeat 10px
    50%;
  border: 1px solid #a6ca8a;
}

.accountingKred td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  padding: 5px;
  background-color: #ddd;
}

.accountingKredDiv input {
  margin: 0 0 3px 0;
}

.total td {
  background-color: #989898;
  color: #fff;
  font-weight: bolder;
}

.bigtable th,
.bigtable td {
  font-size: 14px;
}

#topmenubar ul li ul li a#disabledStatic {
  cursor: default;
}
#topmenubar ul li ul li a#disabledStatic span {
  color: #7a7a7a;
}
#topmenubar ul li ul li a#disabledStatic:hover {
  cursor: default;
  background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50%
    50% #f6f6f6;
}

.googlemap {
  height: 200px;
}
.googlemap .context_menu {
  background-color: white;
  border: 1px solid gray;
}
.googlemap .context_menu_item {
  padding: 3px 6px;
}
.googlemap .context_menu_item:hover {
  background-color: #cccccc;
}
.googlemap .context_menu_separator {
  background-color: gray;
  height: 1px;
  margin: 0;
  padding: 0;
}
.googlemap .label {
  width: 20px;
}
.googlemap .label .fa {
  font-size: 36px;
  color: #ff0000;
}
.googlemap .label b {
  color: #000000;
  font-weight: bold;
  position: absolute;
  left: 3px;
  top: 4px;
  min-width: 14px;
  background-color: #ff0000;
  text-align: center;
}
.googlemapstatus {
  padding: 2px 8px;
  background-color: #dddddd;
}

#partslisttree li.partlistselection a ins.jstree-icon {
  background-position: -56px -19px;
}

#partslisttree li.partlistselection li a ins.jstree-icon {
  background-position: -56px -37px;
}

#topmenubar .staticbutton.setrightstatic {
  float: left;
}

#partslisttree li.partlistselection li.favourite a {
  background-image: url("../images/buttons/favorite.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 10px, 10px;
  padding: 0px 20px 0px 2px;
}
#partslisttree li.partlistselection li.favouritecondition a {
  background-image: url("../images/buttons/favorite_gray.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 10px, 10px;
  padding: 0px 20px 0px 2px;
}
#partslisttree li.partlistselection li.favourite a.jstree-hovered {
  background-size: 10px, 10px;
  border: 1px solid #d8f0fa;
  padding: 0px 20px 0px 1px;
}
#partslisttree li.selected > a {
  background-color: #90cfee;
}
#partslisttree li.additioncond > a {
  font-style: italic;
}
.specialtextareaerror {
  width: 300px;
  min-height: 95px;
  max-height: 200px;
  overflow-y: scroll;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #f2ccc7;
  background-color: #f5d7d4;
  color: #000;
}

.warnGutschrift {
  padding: 3px 10px;
  box-sizing: border-box;
  border: 1px solid #f2ccc7;
  background-color: #f5d7d4;
  color: #000;
  margin-left: 10px;
}
.postable {
  padding: 0px;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.postable td,
.postable th {
  text-align: left;
  border: 1px solid #cccccc;
  padding: 3px 10px;
}
.postable th {
  background-color: #dddddd;
}
.productionplantablelisttable {
  width: 400px;
  float: left;
}
.productionplantablelisttable table tr td,
.productionplantablelisttable table tr th {
  text-align: center;
}
.productionplaninfo {
  margin-left: 420px;
}

/*table for Boattrip Schedules*/
#slot-table-container {
  overflow: auto;
  position: relative;
}

#slot-table {
  margin-top: 10px;
  border-collapse: collapse;
  margin-left: 39px;
  width: 763px;
}

#slot-table td,
#slot-table th {
  text-align: center;
  border: 1px solid #ddd;
  padding: 8px;
}

#slot-table td input {
  float: none !important;
  margin: 0 !important;
}

#slot-table .head-col {
  position: absolute;
  width: 30px;
  left: 0;
  top: auto;
  margin-top: -1px;
  border-bottom: none;
  background-color: white;
}

#slot-table .last-head-col {
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}

#slot-table tr:hover {
  background-color: #ddd;
}

#slot-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background: linear-gradient(
    to bottom,
    rgba(238, 238, 238, 1) 0%,
    rgba(216, 216, 216, 1) 48%,
    rgba(238, 238, 238, 1) 97%
  );
  color: black;
}

.fc-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
  left: 0px;
  top: 0px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 799;
}
.lds-spinner {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  z-index: 800;
  margin: 330px auto;
}
.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 25px;
  left: 65px;
  width: 70px;
  height: 13px;
  border-radius: 20%;
  background: black;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

table > thead > tr > .fc-day-number.fc-other-month {
  color: #969292;
  opacity: 1;
  filter: alpha(opacity=100);
}

.fc-content-skeleton table thead td {
  background: white !important;
  position: sticky;
  z-index: 99;
  top: -2px;
}
.tablevaligntop td {
  vertical-align: top;
}

.additional-position-table {
  border-collapse: collapse;
}

.additional-position-table thead tr {
  border-bottom: 1px solid #c1c1c1;
}

.additional-position-table thead tr th {
  text-align: left;
  padding: 8px 3px;
}

.additional-position-table tbody tr td {
  text-align: left;
  padding: 3px;
}

.additional-position-table tbody tr:first-child td {
  padding-top: 10px;
}

.additional-position-table tbody td .bt-table-btn {
  padding: 0;
  margin: 0;
  margin-top: -2px;
  height: 22px;
}

.additional-position-table tbody td .bt-table-btn img {
  margin: 0;
  margin-top: -2px;
}

.additional-position-table tbody td input,
.additional-position-table tbody td select {
  width: 100%;
}

.salesoverview {
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 400px;
}
.salesoverview td {
  font-size: 14px;
}
.salesoverview td:last-child {
  text-align: right;
}

.salesoverview .rowdate {
  font-weight: bold;
}
.salesoverview .rowcustomer td:first-child {
  padding-left: 12px;
}
.salesoverview .rowagroup td:first-child {
  padding-left: 24px;
}
.stockbox label {
    width: 120px;
}