body {
    padding: 0;
    margin: 0;
}

.InvoicingSTPARInfo {
    border: 1px dotted #573922;
    background-color: #ddd;
    margin: 0px 4px 4px 4px;
    padding: 4px 8px;
    width: auto;
    border-radius: 10px;
    display: inline-block;
}

.InvoicingSTPARInfo strong {
    color: #573922;
}

.InvoicingSTPARInfo span.debug {
    display:inline; /* change to "inline"/"none" to show/hide debug infos */
}

.dockLeft {
    position: relative;
    float: left;
    left: 0px;
}

.dockRight {
    position: relative;
    float: right;
    right: 0px;
}

.STPARInvoicingMenu {
    padding-right: 5px;
    background-color: rgba(220, 220, 220, 1);
}

.STPARInvoicingButton {
    border-radius: 6px;
    background-image: none !important;
    background-color: #4D97CF;
    color: #fff;
    border: 1px solid #357EBD;
    margin: 5px 0px 5px 5px;
    padding:0px;
}

.STPARInvoicingButton:hover {
    background-color: #3071A9;
    border-color: #357EBD;
    color: #fff;
}

/* Image buttons */
.STPARInvoicingButtonImage {
    background-image: url('../../images/InvoicingSTPAR/dxSprites.png');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 32px;
    height: 32px;
    margin: 2px 0px 0px;
}

.STPARButtonCalendar {
    background-position: -166px -1189px;
}

.STPARButtonCustomerMan {
    background-position: -594px -724px;
}

.STPARButtonWorker {
    background-position: -329px -923px;
}

.STPARButtonSettings {
    background-position: -860px -33px;
}

/* Gridviews Gobal */
.StparInvoicingAspx .ASPxDefaultGridView {
    max-width: 100% !important;
    width:100%;
    width: calc(100% - 8px);
}

.StparInvoicingAspx .ASPxDefaultGridView .dxgvInlineEditRow td.dxgv {
    padding-right: 6px;
}

.StparInvoicingAspx .ASPxDefaultGridView .dxgvInlineEditRow td.dxgv table {
    width:100%;
}

.StparInvoicingAspx .ASPxDefaultGridView .dxgvInlineEditRow td.dxgv table .dxeButtonEdit .dxeReadOnly {
    border: 0px solid transparent;
}

.StparInvoicingAspx .ASPxDefaultGridView input {
    height: 22px;
    width: 100%;
    padding-left:2px;
}

.StparInvoicingAspx .ASPxDefaultGridView .dxgvFocusedRow {
    background-color: #4D97CF;
    color: #fff;
}

.StparInvoicingAspx .ASPxDefaultGridView caption {
    background-color: #4D97CF;
    border: 1px solid #666;
    text-align: left;
    color: #FFF;
    padding-left: 8px;
}

.StparInvoicingAspx .dxgvPagerTopPanel {
    padding-top: 6px;
    padding-bottom: 0px;
}

.StparInvoicingAspx .dxpLite .dxp-summary {
    margin-top: 6px;
    color: #3C659D;
    font-weight: bold;
}

.StparInvoicingAspx .dxpLite .dxp-num {
    margin-top: 6px;
    padding: 4px 8px 9px;
    text-decoration: none;
    color: #3C659D;
    font-weight: bold;
}

.StparInvoicingAspx .dxpLite .dxp-ellip {
    margin-top: 6px;
    /*padding: 4px 8px 9px;*/
    text-decoration: none;
    color: #3C659D;
    font-weight: bold;
}

.StparInvoicingAspx .dxpLite .dxp-current {
    margin-top: 8px;
    margin-left: 12px;
    padding: 2px 12px 3px 12px;
    background-color: #3C659D;
    color: #ffffff;
}

.StparInvoicingAspx .dxp-pageSizeItem {
    margin-top: 6px;
    color: #3C659D;
    font-weight: bold;
}

.StparInvoicingAspx .dxp-pageSizeItem label {
padding-bottom: 10px;
}

.StparInvoicingAspx .dxp-pageSizeItem .dxp-comboBox {
font-weight: normal;
}

.StparInvoicingAspx .dxp-pageSizeItem .dxp-comboBox input {
    padding-top: 1px;
    color: #3C659D;
}

/* PcInvoicingChooser */
.STPARInvoicingChooserButtons {
    text-align: center;
    padding-top: 15px;
}

.STPARInvoicingChooserButton {
    margin: 0px auto;
    border-radius: 4px;
    width: 80px;
}

/* Closing dates */
.STPARInvoicingClosingDatesTitle,
.STPARInvoicingCutomersTitle {
    width: inherit;
    font-size: 26px !important;
    color: #573922;
    text-align: center;
    display: block;
    padding: 5px 0px;
    background-color: #FAEBE7;
    margin: 4px 4px;
    text-transform: uppercase;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.STPARInvoicingClosingDatesCustomers, 
.STPARInvoicingClosingDatesSuppliers {
    width: 50%;
    position:relative;
}

    .STPARInvoicingClosingDatesCustomers .ASPxDefaultGridView,
    .STPARInvoicingClosingDatesSuppliers .ASPxDefaultGridView,
    .STPARInvoicingCutomersTitle .ASPxDefaultGridView {
        width: 100%;
        width: calc(100% - 8px);
        border-radius: 4px;
        margin: 0px 4px 4px;
    }

.StparInvoicingAspx .STPARInvoicingMainCommandButton {
    background-image: none;
    margin: 4px 4px;
    background-color: #ccc;
    border: 1px solid #BBB;
    border-radius: 4px;
    display: block;
    width: 32px;
    margin: 0px auto 5px;
}

.StparInvoicingAspx .STPARInvoicingMainCommandButton:hover {
    background-color: #999;
    border: 1px solid #333;
}

.StparInvoicingAspx .buttonsPanel .STPARInvoicingMainCommandButton img {
    /*left: 50%;
    transform: translateX(-50%);*/
    width:32px;
    margin:auto;
    position: relative;
}
/* Customer Invoicing */
.StparInvoicingAspx .STPARInvoicingRowTitle {
    font-size: 18px;
    margin: 0px 0px 0px 8px;
    background-color: #FAEBE7;
}
.StparInvoicingAspx .dxsplControl .dxsplLCC {
    padding: 0px;
    width:100%!important;
}

.StparInvoicingAspx .dxsplPane {
    border-color: transparent;
}

.StparInvoicingAspx .SplitterButtonsContainer {
    background-color: #FAEBE7;
    border: 1px solid #CCC;
    height: inherit;
}

.StparInvoicingAspx .InvoicingGridTitleContainer {
    width: 100%;
    height: 28px;
}

.StparInvoicingAspx .InvoicingGridContainer {
    width: 100%;
}

/* Validated Details */
.StparInvoicingAspx .ASPxDefaultGridView .dxgvDetailButton {
    padding: 0px !important;
}

.StparInvoicingAspx .dxGridView_gvDetailCollapsedButton {
    background-image: url(../../images/InvoicingSTPAR/dxSprites.png);
    background-position: -924px -182px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 6px;
    margin-left: 6px;
}

.StparInvoicingAspx .dxGridView_gvDetailExpandedButton {
    background-image: url(../../images/InvoicingSTPAR/dxSprites.png);
    background-position: -265px -742px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 6px;
    margin-left: 6px;
}

.StparInvoicingAspx .buttonsPanel,
.StparInvoicingAspx .pnlListDetails {
    float: left;
    position: relative;
}

.StparInvoicingAspx .ASPxDefaultGridView .dxgvInlineEditRow td.dxgv table.dxeReadOnly {
    border-style:none;
}