body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.25em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

body.login {
    background-color: #F4F8FF;
}

.loginDialogCenterpoint {
    top: 50%;
    left: 50%;
    position: absolute;
}

.loginDialog {
    position: relative;
    width: 360px;
    margin-left: -215px;
    height: 220px;
    margin-top: -135px;
}

.loginDialogBackground {
    border: 1px solid #A0A0A0;
    width: 380px;
    padding: 0;
    -moz-box-shadow: 0 1px 20px 5px #808080;
    -webkit-box-shadow: 0 1px 20px 5px #808080;
    box-shadow: 0 1px 20px 5px #808080;
}

.loginBackgroundLogo {
    border: 0;
    border-right: 2px solid white;
}

.loginDialogTable {
    width: 100%;
    font-size: 15px;
    border-collapse: collapse;
    border: 0;
}

.loginDialogTable .nonTransparent {
    background-color: #153C8B;
    color: #FFFFFF;
}

.loginDialogTable .transparent {
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    opacity: 0.80;
    filter: alpha(opacity=80);
}

.loginHeadline {
    font-size: 18px;
}

.loginBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: #D8E8FF;
    overflow-y: hidden;
}

.stretch {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
}

td.center {
    text-align: center;
}

.applicationLogo {
    border-right: 2px solid white !important;
}

.applicationTitle {
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding-left: 40px !important;
    padding-top: 3px !important;
    width: 100%;
    background-color: #153c8b;
}

.welcome {
    color: #FFFFFF;
    padding: 3px 10px 0 10px !important;
    text-align: right;
    background-color: #153c8b;
}

.welcomeOuter {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

.welcomeOuter tr td {
    vertical-align: top;
}

.welcomeOuter tr td.blockedPeriods {
    min-width: 30%;
}

.welcomeOuter tr td.blockedPeriods div {
    margin: 20px 0 10px 0;
}

.welcomeOuter tr td.blockedPeriods div label {
    font-size: 9.5pt !important;
}

.welcomeOuter tr td.blockedPeriods table.blockedPeriods {
    min-width: 500px;
    border: none;
    border-collapse: collapse;
}

.welcomeOuter tr td.blockedPeriods table.blockedPeriods thead tr th,
.welcomeOuter tr td.blockedPeriods table.blockedPeriods tbody tr td {
    text-align: left;
    border: 1px solid #C0C0C0 !important;
    padding: 2px 10px !important;
}

.welcomeOuter tr td.blockedPeriods table.blockedPeriods thead tr {
    background-color: #F4F4F4;
}

.welcome table {
    float: right;
}

.welcome table td {
    border: none;
    border-collapse: collapse;
}

.welcome table td {
    padding: 0 0 3px 0;
    text-align: right;
}

.welcome table td a,
.welcome table td a:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    font-size: 13px !important;
}

.welcome table td a:hover {
    text-decoration: underline;
}

.footer {
    float: right;
    padding-right: 10px;
    color: #808080;
    font-size: 10px;
    margin-bottom: 20px;
}

table.mainHeader {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

table.mainHeader td {
    padding: 0;
}

.mainHeader {
    width: 100%;
    height: 40px;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 11px !important;
    font-family: Helvetica, Verdana, Arial, sans-serif !important;
}

.ui-button {
    margin-left: 5px;
}

.ui-datatable table {
    table-layout: auto;
}

.ui-datatable thead th.ui-selection-column {
    border-right-width: 0;
}

.ui-datatable thead th.tableEdit {
    border-left-width: 0;
}

.ui-datatable thead th.ui-selection-column,
.ui-datatable tbody td.ui-selection-column {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 18px;
}

.ui-datatable tbody td.tableEdit {
    text-align: center;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.tableEdit button {
    margin: 0 !important;
}

.ui-datatable thead th.ui-filter-column {
}

.ui-datatable thead th.ui-sortable-column span {
    font-size: 11px !important;
    padding-left: 2px !important;
}

.ui-datatable thead th.ui-sortable-column input.ui-column-filter {
    font-size: 11px !important;
    padding-left: 5px !important;
}

.ui-datatable tbody td {
    padding: 2px 5px 2px 3px;
    font-size: 11px !important;
}

.ui-datatable tbody td.ui-cell-editing {
    padding: 1px !important;
}

input.ui-inputfield {
    -moz-box-shadow: inset 0 10px 20px #F4F4F4 !important;
    -webkit-box-shadow: inset 0 10px 20px #F4F4F4 !important;
    box-shadow: inset 0 10px 20px #F4F4F4 !important;
}

textarea.ui-inputfield {
    -moz-box-shadow: inset 0 10px 20px #F4F4F4 !important;
    -webkit-box-shadow: inset 0 10px 20px #F4F4F4 !important;
    box-shadow: inset 0 10px 20px #F4F4F4 !important;
}

.ui-filter-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: bottom !important;
}

input.ui-column-filter {
    width: 100% !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #FDFDFD !important;
    border-bottom: 1px solid #808080 !important;
    border-top: 1px solid #C0C0C0 !important;
    padding-left: 10px !important;
}

span.loginError ul li {
    list-style-type: none;
    padding: 0;
    color: #FF0000;
    font-weight: bold;
    font-size: 11px;
}

span.loginError ul {
    list-style-type: none;
    margin: 0;
    padding: 3px;
}

div.formError {
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #FFEEEE;
    padding: 0 30px 10px 30px;
    border: 1px solid #FFCCCC;
    border-radius: 3px;
}

div.formError ul li {
    list-style-type: none;
    padding: 0;
    color: #FF0000;
    font-weight: bold;
    font-size: 11px;
}

div.formError ul {
    list-style-type: none;
    margin: 10px 0 0 10px;
    padding: 3px;
}

.formErrorList {
    padding: 0 30px 10px 20px !important;
}

div.dialogError {
    background-color: #FFEEEE;
    padding: 0;
    border: 1px solid #FFCCCC;
    border-radius: 3px;
    text-align: center;
}

div.dialogError ul li {
    list-style-type: none;
    padding: 0 8px;
    color: #FF0000;
    font-weight: bold;
    font-size: 11px;
}

div.dialogError ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.noBackground ul {
    background: none !important;
}

.noBackground ul:not(.ui-picklist-list) {
    border: none !important;
}

.ui-tabs-nav {
    border: none !important;
}

.ui-tabs {
    border: none !important;
}

.ui-tabs-nav {
    font-size: 12px !important;
}

.ui-tabs-panel {
    border: 1px solid #AAAAAA !important;
    border-radius: 3px !important;
    min-height: 400px;
}

.ajaxStatus {
    position: absolute;
    right: 32px;
    top: 76px;
    z-index: 1000;
}

.centerAjaxStatus {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 200px;
    z-index: 1000;
}

.loginAjaxStatus {
}

.logout,
.logout:visited {
    line-height: 16px;
    font-size: 10px !important;
}

.logout:hover {
}

.logout span {
    padding-top: 2px !important;
    padding-bottom: 0 !important;
}

.showWarnings span,
.showWarnings:visited span {
    width: auto;
    text-align: center;
}

.showWarnings:hover {
}

.ui-filter-column span {
    font-size: 11px;
}

div.noBorder {
    border: none;
}

div.noPadding {
    padding: 0 !important;
}

div.noPadding .ui-panel-content {
    padding: 0 !important;
}

.noBorder tr.ui-widget-content,
.noBorder tr.ui-panelgrid-even,
.noBorder tr.ui-panelgrid-odd {
    border: none;
}

.noBorder tr td,
.noBorder tr td.ui-panelgrid-cell {
    border: none;
    border-width: 0 !important;
    vertical-align: top;
}

.selectOrderPurchaseGroup {
    min-width: 160px !important;
}

.selectOrderPlanner {
    min-width: 160px !important;
}

.selectOrderStatusGroup {
    width: 160px !important;
}

.selectOrderContainerSize {
    width: 160px !important;
}

.selectShipmentStatusGroup {
    width: 150px !important;
}

.selectPackagingStatusGroup {
    width: 160px !important;
}

.selectConfiguration {
    width: 250px !important;
}

.selectRole {
    width: 130px !important;
}

.selectSupplierNumber {
    width: 160px !important;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.ui-panelgrid td.formHeader {
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    border-bottom: 1px solid #808080;
    padding: 0;
    padding-top: 10px;
}

.ui-panelgrid td.formLabelNarrow {
    padding-left: 40px;
    width: 100px;
}

.ui-panelgrid td.formLabel {
    padding-left: 40px;
    width: 150px;
}

.ui-panelgrid td.formLabelWide {
    padding-left: 40px;
    width: 200px;
}

.editUser {
    width: 100%;
}

.editUser tr td {
    padding-right: 25px;
}

.editProfile {
    margin-top: 20px;
}

.editOrder {
    width: 100%;
}

.editOrder .ui-panelgrid-cell {
    padding: 2px 25px 2px 3px !important;
}

.editOrder tr td.label {
}

.editOrder tr td.input {
    padding: 0 25px 0 3px;
}

.editOrder tr td input.ui-inputfield {
    padding: 2px 2px 2px 2px !important;
}

.editOrderComments {
    width: 100%;
}

.editOrderComments table {
    width: 100%;
}

.editOrderComments textarea {
    width: 100%;
    height: 50px;
}

.editOrderComments tr td {
    padding: 4px 10px 4px 3px !important;
}

.chooseFileType tr td {
    padding: 2px 10px !important;
}

.chooseFileType table {
    margin-bottom: 10px;
}

.choosePrintType tr td {
    padding: 2px 10px !important;
}

.choosePrintType table {
    margin-bottom: 10px;
}

.switchSupplierNo tr td {
    padding: 2px 10px !important;
}

.switchSupplierNo table {
    margin-bottom: 10px;
}

.bulkOperationMessage .ui-dialog-content {
    padding: 10px 10px 5px 10px !important;
    min-width: 500px;
}

.bulkOperationMessage .ui-dialog-content table {
    width: 100%;
}

.editPickupAddressDialog .ui-dialog-content {
    padding: 15px !important;
    min-width: 400px;
}

.ui-inputtext {
    font-weight: normal !important;
}

.ui-autocomplete-input {
    font-weight: normal !important;
}

.ui-dialog-content {
    padding: 10px 35px 20px 35px !important;
    text-align: left !important;
}

::-webkit-input-placeholder {
    color: #C0C0C0;
}

::-moz-placeholder {
    color: #C0C0C0;
}

:-ms-input-placeholder {
    color: #C0C0C0;
}

.forgotPassword,
.forgotPassword:visited {
    color: #808080;
    font-weight: normal;
}

.forgotPassword:hover {
    color: #202020;
}

.captcha {
    border: none;
    width: 140px;
    height: 50px;
}

.configurationEditorHtml {
    margin-bottom: 10px;
}

.configurationEditorText {
    margin-bottom: 10px;
    width: 100%;
}

.ui-outputpanel-loading {
    display: none;
}

.ui-selectonemenu {
    margin-right: 3px;
}

.ui-selectonemenu-label.ui-inputfield {
    padding-top: 3px;
    padding-bottom: 2px;
}

.ui-selectonemenu label {
    -moz-box-shadow: inset 0 10px 20px #F4F4F4 !important;
    -webkit-box-shadow: inset 0 10px 20px #F4F4F4 !important;
    box-shadow: inset 0 10px 20px #F4F4F4 !important;
}

.ui-selectonemenu-trigger {
    top: -1px !important;
    right: -1px !important;
}

table.collapsed {
    border: none;
    border-collapse: collapse;
}

table.collapsed td {
    padding: 0;
}

.ui-button-icon-only {
    height: 22px;
    width: 22px;
}

td.rightAlign {
    text-align: right !important;
}

.centerAlign {
    text-align: center;
}

.columnWidth1 {
    width: 30px;
}

.columnWidth2 {
    width: 60px;
}

.columnWidth3 {
    width: 75px;
}

.columnWidth4 {
    width: 100px;
}

.columnWidth5 {
    width: 125px;
}

.columnWidth6 {
    width: 150px;
}

.columnWidth7 {
    width: 175px;
}

.columnWidth8 {
    width: 200px;
}

.ui-outputlabel.ui-widget.checkMark {
    font-size: 12px !important;
    color: #4F4F4F;
}

label {
    font-weight: bold;
    color: #000000;
}

hr {
    border: none;
    border-top: 1px solid #A8A8A8;
    border-collapse: collapse;
}

hr.editOrder {
}

.ui-state-disabled {
    opacity: .70 !important;
    filter: Alpha(Opacity=70) !important;
}

table[role=grid] th {
    white-space: nowrap;
}

.ui-widget .loadingPanel,
.embedLoadingPanel {
    padding-top: 150px;
    position: fixed;
    z-index: 1000;
    width: 95%;
}

.ui-widget .loadingPanel .inner,
.embedLoadingPanel .inner {
    text-align: center;
    margin: auto;
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
}

.ui-widget .loadingPanel img,
.embedLoadingPanel img {
    background-color: #FFFFFF;
    padding: 20px 60px 20px 60px;
    border: 1px solid #A8A8A8;
}

.modified {
    background-color: #FFE700;
    font-weight: bold;
    padding: 1px 5px 1px 5px;
    margin-left: -5px;
    border-radius: 2px;
}

.modifiedQuantity {
    background-color: #FFE700;
    font-weight: bold;
    padding: 1px 5px 1px 5px;
    margin-right: -5px;
    border-radius: 2px;
}

.ui-selectoneradio td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.orderList td {
    vertical-align: top;
}

.ui-datatable.orderList .ui-selection-column .ui-chkbox .ui-chkbox-box {
    border: 1px solid #6f6f6f !important;
    background: #ffffff !important;
}

.ui-datatable.orderList .ui-selection-column .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #235ba5 !important;
    background: #235ba5 !important;
}

.ui-datatable.orderList .ui-selection-column .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    color: #ffffff !important;
}

.ui-chkbox-all {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 8px !important;
}

.ui-tabs {
    padding: 2px !important;
}

.ui-state-highlight {
    text-shadow: none !important;
}

.ui-state-highlight a {
    color: white !important;
}

td.ui-datepicker-today .ui-state-default:not(.ui-state-active) {
    background-color: #B8B8B8 !important;
}

textarea[readonly] {
    background-color: #E8E8E8 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.ordersTab a {
    cursor: pointer !important;
}

.shipmentsTab a {
    cursor: pointer !important;
}

.packagingTab a {
    cursor: pointer !important;
}

.ui-icon-disk {
    background-image: url('/static/images/floppy_disk.png') !important;
    background-position: center center !important;
}

.ui-icon-edit {
    background-image: url('/static/images/pencil.png') !important;
    background-position: center center !important;
}

.ui-icon-upload {
    background-image: url('/static/images/server_from_client.png') !important;
    background-position: center center !important;
}

.ui-icon-merge {
    background-image: url('/static/images/arrow_merge.png') !important;
    background-position: center center !important;
}

.ui-icon-assign {
    background-image: url('/static/images/arrow_merge2.png') !important;
    background-position: center center !important;
}

.ui-icon-print {
    background-image: url('/static/images/printer.png') !important;
    background-position: center center !important;
}

.ui-icon-refresh {
    background-image: url('/static/images/arrow_loop3.png') !important;
    background-position: center center !important;
}

.ui-icon-calendar {
    background-image: url('/static/images/calendar.png') !important;
    background-position: center center !important;
}

.ui-icon-search {
    background-image: url('/static/images/search.png') !important;
    background-position: center center !important;
}

.ui-icon-clear {
    background-image: url('/static/images/trash.png') !important;
    background-position: center center !important;
}

.ui-icon-addpage {
    background-image: url('/static/images/page_white_add.png') !important;
    background-position: center center !important;
}

.ui-icon-selectall {
    background-image: url('/static/images/select-all.png') !important;
    background-position: center center !important;
}

th.overdueColumn {
    vertical-align: top;
    width: 50px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

th.dropShipmentColumn {
    vertical-align: top;
    width: 50px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui-message-warn,
.ui-messages-warn,
.ui-message-error,
.ui-messages-error {
    padding: 10px 0 0 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

.ui-message-warn ul,
.ui-messages-warn ul,
.ui-message-error ul,
.ui-messages-error ul {
    padding: 0 !important;
    margin: 0 !important;
}

.ui-message-warn-detail,
.ui-messages-warn-detail,
.ui-message-error-detail,
.ui-messages-error-detail {
    padding: 0 !important;
    margin-left: 0 !important;
}

.ui-message-warn-summary,
.ui-messages-warn-summary,
.ui-message-error-summary,
.ui-messages-error-summary {
    margin: 0;
}

.ui-message-warn-icon,
.ui-messages-warn-icon,
.ui-message-error-icon,
.ui-messages-error-icon {
    display: none;
}

.ui-fileupload ul {
    margin: 0 !important;
}

.ui-widget-content.uploadValidationError {
    background: #FFC0C0;
    color: #000000;
}

.ui-widget-content.uploadValidationWarning {
    background: #FFEEC0;
    color: #000000;
}

.uploadHeadline {
    font-size: 12px;
    font-weight: bold;
    color: #4F4F4F;
}

.ui-fileupload-buttonbar {
    padding-left: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.uploadAction {
    width: 250px;
    text-align: center;
}

.userList {
    border: 1px solid white;
}

.editDeliverySchedule {
    width: 100%;
}

.editDeliverySchedule td.formLabel {
    padding-left: 0;
    padding-right: 15px;
    white-space: nowrap;
    width: 10px;
}

.editDeliverySchedule td.formLabelNarrow {
    padding-left: 10px;
    padding-right: 15px;
    white-space: nowrap;
    width: 10px;
}

.deliveryScheduleGroupList {
    border: 1px solid white;
}

.ui-button-text {
    white-space: nowrap;
}

.deliveryScheduleSelectByGroup {
    min-width: 150px !important;
}

.deliveryScheduleShopId {
    width: 80px;
}

.setProcurementCycleProgressBarRow {
    height: 8px;
}

.setProcurementCycleProgressBar {
    height: 5px;
    width: 100%;
}

.deliveryPlanList {
    border: 1px solid white;
}

.narrowLayout {
    max-width: 1320px;
}

.ui-widget-content,
.ui-widget-content:hover,
.ui-widget-content a,
.ui-widget-content a:hover,
.ui-inputfield,
.ui-inputfield:hover,
.ui-state-default {
    color: #000000 !important;
}

.ui-state-highlight,
.ui-state-highlight:hover,
.ui-state-highlight a,
.ui-state-highlight a:hover {
    color: #FFFFFF !important;
}

.ui-datatable .ui-datatable-footer {
    text-align: left;
    border-top: 1px solid #A8A8A8;
}

.maintenanceBar {
    z-index: 1000;
    filter: alpha(opacity=85);
    opacity: 0.85;
    text-align: center;
    background-color: #FFFFFF;
    border: none;
    border-top: 1px solid #A8A8A8;
    height: 75px;
}

.maintenanceBar .ui-panel {
    border: none;
}

.maintenanceBar .ui-panel div {
    font-size: 22px;
    line-height: 25px;
    color: #FF0000 !important;
    background-color: transparent;
    cursor: pointer;
}

div.container .ui-panel-content {
    padding: 0;
}

th.ui-sortable-column span.ui-icon {
    width: 12px;
    margin-left: 0;
}

.ui-widget-content.bulkOperationError {
    background: #FFC0C0;
    color: #000000;
}

.ui-widget-content.bulkOperationWarning {
}

div.warningsPanel {
    margin-top: 0;
    margin-bottom: 15px;
    background-color: #FFE8E8;
    background: -moz-linear-gradient(#FFE8E8 0%, #FFC0C0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE8E8), color-stop(100%, #FFC0C0));
    background: -webkit-linear-gradient(#FFE8E8 0%, #FFC0C0 100%);
    background: -o-linear-gradient(#FFE8E8 0%, #FFC0C0 100%);
    background: -ms-linear-gradient(#FFE8E8 0%, #FFC0C0 100%);
    background: linear-gradient(#FFE8E8 0%, #FFC0C0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8E8', endColorstr='#FFC0C0', GradientType=0);
    padding: 3px 10px 3px 10px;
    border: 1px solid #CC8888;
    border-radius: 3px;
    font-size: 14px !important;
}

div.warningsPanel .ui-panel-content,
div.warningsPanel .ui-panel-content.ui-widget-content {
    color: #881122 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.ui-panelgrid td.supplierWarningsLabel {
    padding-left: 30px;
    padding-right: 20px;
}

.searchSupplierWarningsProgressBar {
    height: 15px;
    width: 100%;
}

.supplierWarnings .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e {
    background-position: -32px -16px;
    display: inline-block;
}

.supplierWarnings .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s {
    background-position: -64px -16px;
    display: inline-block;
}

.warningSign {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 11px;
    fill: #FFFFFF;
}

.ui-datatable-even.beforeOpeningDate:not(.ui-state-hover),
.ui-datatable-even.dropShipmentAndChangedAfterApproval:not(.ui-state-hover) {
    background-color: #FFEBCB;
}

.ui-datatable-odd.beforeOpeningDate:not(.ui-state-hover),
.ui-datatable-odd.dropShipmentAndChangedAfterApproval:not(.ui-state-hover) {
    background-color: #FFE0C0;
}

.ui-widget-content .ui-state-hover {
    box-shadow: none !important;
}

.column50 {
    width: 50%;
}

.column65 {
    width: 65%;
}

.column35 {
    width: 35%;
}

.shipmentList td {
    vertical-align: top;
}

.shipmentHeader .ui-panelgrid-cell {
    padding: 6px 25px 6px 3px !important;
}

.shipmentItemsPanel {
    width: 600px;
    border-color: white;
}

.shipmentItemsPanel .ui-panel-content {
    padding-left: 0;
    padding-right: 0;
}

.shipmentAddressPanel {
    min-height: 200px;
    margin: 8px 5px 8px 8px;
}

.shipmentAddressPanel .ui-panel-content {
    padding: 8px;
}

.shipmentAddressPanel .ui-panel-content table {
}

.shipmentAddressPanel .ui-panel-content table td {
    padding: 0 25px 0 0;
    width: auto;
}

.shipmentPickUpPanel {
    min-height: 300px;
    margin: 10px 10px 10px 5px;
}

.shipmentDeliveryTimePanel {
    min-height: 300px;
    margin: 10px 10px 10px 5px;
}

.deliveryTime {
    cursor: pointer;
}

.deliveryTime .ui-radiobutton-box {
    background: none;
    border: none;
}

.deliveryTime .ui-radiobutton-box.ui-state-active {
    background-image: url('/static/images/arrow_right.png') !important;
}

.deliveryTime .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
    background-image: none !important;
}

.deliveryTime label {
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

.deliveryTime label:hover {
    background: #e0e0e0;
    border-radius: 3px;
}

.deliveryTime div.ui-radiobutton {
    margin: 0;
}

.deliveryTime td {
    padding: 0;
}

table.shipmentView {
    width: 100%;
}

table.shipmentView tr td {
    vertical-align: top;
    padding: 5px;
    padding-left: 0;
    padding-right: 10px;
}

.shipmentItemsTable div table tbody tr td {
    vertical-align: middle;
}

.btnDeliveryTime {
    margin-bottom: 5px;
    text-shadow: none !important;
    box-shadow: none !important;
    width: 120px;
}

.btnDeliveryTimeSelected {
    background: #153c8b -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))) !important;
    border: 1px solid #153c8b !important;
}

.btnDeliveryTimeSelected span {
    color: white !important;
}

.btnDeliveryTimeDisabled {
    background: white !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    font-weight: 800;
}

.ui-datepicker-unselectable span {
    color: #888888 !important;
    font-weight: normal !important;
    font-style: italic !important;
}

td.ui-datepicker-today .ui-state-default:not(.ui-state-active) {
    background-color: #888888 !important;
    color: white !important;
}

.ui-datatable-even.pickupTimeDiffer:not(.ui-state-hover) {
    background-color: #FFFFC0;
}

.ui-datatable-odd.pickupTimeDiffer:not(.ui-state-hover) {
    background-color: #FFFF80;
}

table.nameEmail {
    border-collapse: collapse;
    border: none;
}

table.nameEmail td {
    padding-right: 25px;
}

.packagingPartFractionsTable table.noPaddingOrBorder,
.packagingPartDimensionsTable table.noPaddingOrBorder {
    border-collapse: collapse !important;
    border: none !important;
}

.packagingPartFractionsTable table.noPaddingOrBorder tbody tr,
.packagingPartFractionsTable table.noPaddingOrBorder tbody tr td,
.packagingPartDimensionsTable table.noPaddingOrBorder tbody tr td {
    border: none !important;
    padding: 0 !important;
}

.salesArticleList table tr td,
.packagingPartList table tr td {
    vertical-align: top;
    padding-top: 4px !important;
    padding-left: 5px !important;
}

.ui-datatable.salesArticleList tbody td.ui-selection-column,
.ui-datatable.packagingPartList tbody td.ui-selection-column {
    padding-top: 4px !important;
    padding-bottom: 6px !important;
}

.ui-datatable.salesArticleList .ui-selection-column .ui-chkbox,
.ui-datatable.packagingPartList .ui-selection-column .ui-chkbox {
    height: 16px !important;
    display: flex !important;
}

.salesArticlePartsTable,
.packagingPartFractionsTable,
.packagingPartDimensionsTable {
    width: max-content;
}

.salesArticlePartsTable div table tbody tr td,
.packagingPartFractionsTable div table tbody tr td,
.packagingPartDimensionsTable div table tbody tr td {
    vertical-align: top;
    padding: 3px 5px 3px 5px !important;
}

.salesArticlePartsTable div table tbody tr td.label,
.packagingPartFractionsTable div table tbody tr td.label,
.packagingPartDimensionsTable div table tbody tr td.label {
    padding-top: 6px !important;
}

.salesArticlePartsTable div table tbody tr td .ui-selectonemenu .ui-selectonemenu-label,
.packagingPartFractionsTable div table tbody tr td .ui-selectonemenu .ui-selectonemenu-label,
.packagingPartDimensionsTable div table tbody tr td .ui-selectonemenu .ui-selectonemenu-label {
    display: flex;
    height: 19px;
}

.salesArticlePartsTable div table tbody tr td input.ui-inputtext,
.packagingPartFractionsTable div table tbody tr td input.ui-inputtext,
.packagingPartDimensionsTable div table tbody tr td input.ui-inputtext {
    height: 14px;
}

table.editSalesArticle,
table.editPackagingPart {
    width: 100%;
}

table.editPackagingPart tbody tr td {
}

table.editSalesArticle tr td,
table.editPackagingPart tr td {
    vertical-align: top;
}

table.editPackagingPart tr td {
    border: none !important;
}

table.editSalesArticle div.ui-selectonemenu label.ui-selectonemenu-label,
table.editPackagingPart div.ui-selectonemenu label.ui-selectonemenu-label {
    padding-bottom: 0;
}

.packagingPartFractionsTable div tr td {
    border: 1px solid #A8A8A8 !important;
}

.packagingPartDimensionsTable div tr {
    border: none !important;
}

.packagingPartDimensionsTable div tr td {
    border: 1px solid #A8A8A8 !important;
}

.packagingPartDimensionsTable div tr td.noBorder {
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}

.packagingPart div.ui-selectonemenu-filter-container,
.packagingFraction div.ui-selectonemenu-filter-container {
    width: calc(100% - 5px) !important;
}

.packagingPart input.ui-selectonemenu-filter,
.packagingFraction input.ui-selectonemenu-filter {
    width: calc(100% - 28px) !important;
}

.packagingPart div.ui-selectonemenu-filter-container .ui-icon,
.packagingFraction div.ui-selectonemenu-filter-container .ui-icon {
    right: 20px !important;
}

.packagingForm .inputError {
    border-color: #FFCCCC !important;
    background-color: #FFF2F2 !important;
    box-shadow: none !important;
}

.packagingForm .inputError label.ui-inputfield {
    background-color: #FFF2F2 !important;
    box-shadow: none !important;
}

.packagingForm .inputError div.ui-selectonemenu-trigger {
    border-color: #FFCCCC !important;
    background-color: #FFF2F2 !important;
}

.packagingForm .inputError:hover {
    background-color: #FFF9F9;
}

.packagingUploadResult table tbody tr td {
    vertical-align: top;
}

.packagingUploadResult tr.ui-datatable-even .importError {
    background-color: #FFEEEE;
    box-shadow: none !important;
}

.packagingUploadResult tr.ui-datatable-odd .importError {
    background-color: #FFDDDD;
    box-shadow: none !important;
}

.packagingUploadResult tr.ui-datatable-even .importWarning {
    background-color: #FFEBCB;
    box-shadow: none !important;
}

.packagingUploadResult tr.ui-datatable-odd .importWarning {
    background-color: #FFE0C0;
    box-shadow: none !important;
}

.packagingUploadCells {
    width: 100%;
    border-collapse: collapse;
    padding: 0 !important;
    white-space: nowrap;
}

.packagingUploadCells tr td {
    border: 1px solid #A8A8A8;
    padding: 3px 5px 1px 5px;
}

.packagingUploadCells tr.even td:not(.headline) {
    background: #F2F5F9;
}

.packagingUploadCells tr.odd td:not(.headline) {
    background: #FFFFFF;
}

.packagingUploadCells tr td.headline {
    text-align: center;
}

.packagingUploadCells tr.even td.error {
    background: #FFCCCC !important;
    cursor: pointer;
}

.packagingUploadCells tr.odd td.error {
    background: #FFDDDD !important;
    cursor: pointer;
}

.packagingUploadCells tr.even td.warning {
    background: #FFE0C0 !important;
    cursor: pointer;
}

.packagingUploadCells tr.odd td.warning {
    background: #FFEBCB !important;
    cursor: pointer;
}

.packagingUploadCells tr td.left {
    text-align: left;
}

.packagingUploadCells tr td.center {
    text-align: center !important;
}

.packagingUploadCells tr td.right {
    text-align: right !important;
}

.packagingUploadProgressBar {
    height: 10px;
    width: 100%;
}

.packagingUploadFailure {
    width: 100%;
    border-collapse: collapse;
    padding: 0 !important;
    white-space: nowrap;
}

.packagingUploadFailure tr td {
    border: 1px solid #A8A8A8;
    padding: 3px 5px 1px 5px;
}

.packagingUploadFailure tr.even td {
    background: #FFDDDD;
}

.packagingUploadFailure tr.odd td {
    background: #FFEEEE;
}

.packagingUploadFailure tr.ui-widget-header {
    border: none;
}

.packagingUploadFailure tr.ui-widget-header td {
    height: 22px;
}

.massCreateProgressBar {
    height: 10px;
    width: 100%;
}

table.packagingWeightTable tr td {
    white-space: nowrap;
    line-height: 14px;
    padding: 2px 6px;
}

table.packagingWeightTable tr td.label {
    padding-left: 15px;
    padding-right: 30px;
    font-weight: bold;
}

table.packagingWeightTable tr td.value {
    text-align: right;
    min-width: 30px;
    padding-right: 60px;
}

table.packagingWeightTable tr td div.uom {
    display: inline;
    padding-left: 3px;
}

table.packagingWeightTable tr td.header {
    padding-left: 8px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 11.5px;
}

table.packagingWeightTable tr td.uom {
    padding-left: 0 !important;
    width: 30px;
}

table.packagingWeightTable tr td.previousVersion {
    font-size: 11.5px;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 15px;
}

table.packagingWeightTable .warning {
    background-color: #FFCCCC !important;
    border-radius: 3px;
    padding-right: 5px !important;
}

div.formSuccess {
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #E6FCE0;
    padding: 0 30px 10px 30px;
    border: 1px solid #B2FF9E;
    border-radius: 3px;
}

div.formSuccess ul li {
    list-style-type: none;
    padding: 0;
    color: #27B400;
    font-weight: bold;
    font-size: 11px;
}

div.formSuccess ul {
    list-style-type: none;
    margin: 10px 0 0 10px;
    padding: 3px;
}

img {
    border: none !important;
}

.detailedMaterialList .ajax-spinner {
    background: transparent;
    border-style: none;
    box-shadow: none;
}

.detailedMaterialList .dialog .message {
    padding-top: 0.5em;
    width: 100%;
    text-align: left;
}

.detailedMaterialList .dialog .input {
    padding-top: 1em;
    width: 100%;
    text-align: center;
}

.detailedMaterialList .dialog .button-box {
    padding-top: 1em;
    margin: 0;
    width: 100%;
    text-align: center;
}

.detailedMaterialList td a,
.detailedMaterialList td a:hover {
    text-decoration: underline;
}

.detailedMaterialList .inputError {
    border-color: #FFCCCC !important;
    background-color: #FFF2F2 !important;
    box-shadow: none !important;
}

.detailedMaterialList .output-value.warning {
    background-color: #FFCCCC;
    border-radius: 3px;
    padding-right: 5px !important;
}

.detailedMaterialList .unitOfMeasure {
    display: inline;
    white-space: nowrap;
    padding-left: 3px;
}

.detailed-material-list .ui-selectonemenu-item.ui-state-disabled {
    color: red;
    font-weight: bold;
}

.detailed-material-list .ui-selectonemenu-item.ui-state-disabled.ui-state-highlight {
    color: red !important;
}

.detailedMaterialList .ui-widget-content .ui-state-warning {
    border: 1px solid #FFA000;
}

.detailedMaterialList .articleSummaryList .ui-datatable-even .ui-selection-column.selectionColumn {
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 4px;
    padding-bottom: 2px;
    line-height: 1em;
}

.detailedMaterialList .articleSummaryList .ui-datatable-odd .ui-selection-column.selectionColumn {
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 4px;
    padding-bottom: 3px;
    line-height: 1em;
}

.detailedMaterialList .ui-panel {
    background: transparent;
}

.detailedMaterialList .info-box {
    padding-top: 5px;
    height: 50px;
}

.detailedMaterialList .info-box td {
    white-space: nowrap;
    line-height: 14px;
    padding: 2px 6px;
}

.detailedMaterialList .info-box .label {
    padding-left: 15px;
    padding-right: 30px;
    font-weight: bold;
}

.detailedMaterialList .info-box .output-value {
    text-align: right;
    min-width: 30px;
    padding-right: 60px;
}

.detailedMaterialList .left-panel {
    float: left;
}

.detailedMaterialList .right-panel {
    float: right;
}

.detailedMaterialList .widthFiller {
    width: 100%;
}

.detailedMaterialList .tab-top-toolbar {
    height: 40px;
    width: 100%;
}

.detailedMaterialList .toolbar-icon-button {
    height: 24px;
    width: 24px;
}

.detailedMaterialList .button-box {
    margin-bottom: 10px;
    margin-right: 10px;
}

.detailedMaterialList .button-warning {
    border-color: #890000;
    border-style: solid;
    border-width: 0.2em;
}

.detailedMaterialList .material-weight-input {
}

.detailedMaterialList .material-weight-input .weight-input-element {
    float: left;
}

.detailedMaterialList .material-weight-input .absolute-amount-element, .absolute-weight-result-element {
    float: left;
    padding-left: 1em;
}

.detailedMaterialList .material-weight-input .absolute-weight-equals-label-element {
    float: left;
    padding-left: 1em;
    padding-top: 0.25em;
    vertical-align: text-bottom;
}

.detailedMaterialList .numberEditor {
    display: inline-block;
}

.detailedMaterialList .numberEditor .inputElement {
    float: left;
}

.detailedMaterialList .numberEditor .inputElement .numberInputField {
    text-align: right;
}

.detailedMaterialList .numberEditor .labelElement {
    float: left;
    padding-top: 0.25em;
    padding-left: 0.5em;
}

.detailedMaterialList .numberEditor .labelElement .numberUnitLabel {
    width: 22px;
    text-align: left;
    white-space: nowrap;
}

.detailedMaterialList .article-editor {
    overflow-x: auto;
    padding-bottom: 10px;
    padding-right: 1px;
}

.detailedMaterialList .article-editor tr.ui-widget-content.ui-datatable-empty-message {
    border: 1px solid #A8A8A8;
}

.detailedMaterialList .article-editor .panel-grid {
    width: 100%;
}

.detailedMaterialList .article-editor table.panel-grid > tbody > tr {
    border: none;
}

.detailedMaterialList .article-editor .article-column {
    width: 75%;
    padding-left: 0;
    horiz-align: left;
    vertical-align: top;
}

.detailedMaterialList .article-editor .article-pictures-column {
    vertical-align: top;
    width: 25%;
    padding-left: 0;
    padding-right: 0;
}

.detailedMaterialList .article-editor .article-pictures-column .button-box.ui-widget-content {
    border-style: none;
}

.detailedMaterialList .article-editor .article-pictures-column .button-box .ui-panel-content {
    padding-left: 0;
}

.detailedMaterialList .article-editor .article-pictures-column .picture-upload-form .ui-fileupload-content {
    min-height: 0;
}

.detailedMaterialList .article-editor .article-pictures-column .pictures-table {
    width: 100%;
}

.detailedMaterialList .article-editor .article-pictures-column .pictures-table .picture-panel .ui-panel-titlebar {
    padding: 3px 10px 5px 10px;
    line-height: 1.25em;
}

.detailedMaterialList .article-editor .article-pictures-column .pictures-table .picture-panel .picture-select-checkbox {
    width: 1.25em;
    height: 1.25em;
    float: right;
}


.detailedMaterialList .article-editor .article-pictures-column .pictures-table .picture-panel .picture-select-checkbox .ui-chkbox-box, .ui-chkbox-icon {
    width: 100%;
    height: 100%;
}

.detailedMaterialList .article-editor .article-pictures-column .pictures-table .article-picture {
    max-width: 100%;
    min-width: 10%;
}

.detailedMaterialList .article-editor .inputShare {
    width: 50px;
    text-align: right;
}

.detailedMaterialList .article-editor table {
    border: none;
    border-collapse: collapse;
}

.detailedMaterialList .article-editor td {
    border: none;
}

.detailedMaterialList .article-editor .label {
    width: 180px;
}

.detailedMaterialList .article-editor .detailsTable {
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px
}

.detailedMaterialList .article-editor .detailsTable .quantityColumn {
    width: 50px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #A8A8A8;
}

.detailedMaterialList .article-editor .detailsTable .quantityInput {
    margin-top: 6px;
    width: 45px;
    text-align: right;
}

.detailedMaterialList .article-editor .detailsTable .partColumn {
    min-width: 500px;
    border: 1px solid #A8A8A8;
}

.detailedMaterialList .article-editor .detailsTable .iconsColumn {
    width: 50px;
    text-align: center;
    vertical-align: top;
    padding: 14px 2px 0 2px !important;
    border: 1px solid #A8A8A8;
}

.detailedMaterialList .article-editor .detailsTable .expandCollapseIcon {
    display: inline-block;
    float: right;
    padding-left: 2px;
    padding-right: 2px;
}

.detailedMaterialList .article-editor .detailsTable .bottom-button-box {
    padding-top: 10px;
}

/* ── Comments section ── */

.detailedMaterialList .article-editor .commentsSection {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #A8A8A8;
}

.detailedMaterialList .article-editor .commentsSection .comments-header {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.detailedMaterialList .article-editor .commentsTable {
    width: 100%;
    padding-bottom: 10px;
}

.detailedMaterialList .article-editor .commentsTable .commentDateColumn {
    width: 130px;
    white-space: nowrap;
    vertical-align: top;
}

.detailedMaterialList .article-editor .commentsTable .commentAuthorColumn {
    width: 150px;
    vertical-align: top;
}

.detailedMaterialList .article-editor .commentsTable .commentTextColumn {
    vertical-align: top;
    word-break: break-word;
}

.detailedMaterialList .article-editor .commentsSection .statusChangeBadge {
    display: inline-block;
    font-style: italic;
    color: #555;
    background-color: #f0f0f0;
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 0.9em;
}

.detailedMaterialList .article-editor .commentsSection .commentText {
    white-space: pre-wrap;
}

.detailedMaterialList .article-editor .commentsSection .commentInputArea {
    padding-top: 8px;
}

.detailedMaterialList .article-editor .commentsSection .commentTextarea {
    width: 100%;
    resize: vertical;
}

.detailedMaterialList .article-editor .commentsSection .commentButtonBox {
    padding-top: 6px;
    text-align: right;
}

.detailedMaterialList .article-editor .partEditor {
    width: 100%;
}

.detailedMaterialList .article-editor .partEditor .label {
    width: 80px;
}

.detailedMaterialList .article-editor .article-column .ui-widget-content {
    border-style: none;
}

.detailedMaterialList .article-editor .partEditor .ui-panel {
    float: left;
    padding: 0;
}

.detailedMaterialList .article-editor .partEditor .ui-panel-content {
    padding: 0;
}

.detailedMaterialList .article-editor .partEditor .ui-message-warn,
.detailedMaterialList .article-editor .partEditor .ui-messages-warn,
.detailedMaterialList .article-editor .partEditor .ui-message-error,
.detailedMaterialList .article-editor .partEditor .ui-messages-error {
    width: fit-content;
    margin: 0;
}

.detailedMaterialList .article-editor .partEditor .inputPartNumber {
    width: 350px;
    padding-bottom: 6px;
}

.detailedMaterialList .article-editor .partEditor .inputDescription {
    width: 400px;
    padding-bottom: 6px;
}

.detailedMaterialList .article-editor .materialsTable .materialColumn {
    min-width: 500px;
    border: 1px solid #A8A8A8;
}

.detailedMaterialList .article-editor .componentsTable .componentColumn {
    min-width: 500px;
    border: 1px solid #A8A8A8
}

.detailedMaterialList .article-editor .certificatesTable .certificateColumn {
    min-width: 500px;
    border: 1px solid #A8A8A8;
}

.detailedMaterialList .materialEditor .dtex-label {
    float: left;
    font-weight: bold;
    padding-top: 0.4em;
    padding-left: 4em;
    width: 5em;
}

.detailedMaterialList .dimensionsTable {
    width: max-content;
    padding: 0;
}

.detailedMaterialList .dimensionsTable .header {
    text-align: center;
}

.detailedMaterialList .dimensionsTable .numberWithLabelColumn {
    min-width: 75px;
}

.detailedMaterialList .dimensionsTable .unitColumn {
    min-width: 50px;
}

.detailedMaterialList .dimensionsTable .tableCellWithBorder {
    vertical-align: middle;
    border: 1px solid #A8A8A8;
    padding: 3px 5px 3px 5px;
}

.detailedMaterialList .materialEditor .relativeWeightAmountInput {
    margin-left: 5em;
    margin-top: 6px;
    width: 45px;
    text-align: right;
}

.detailedMaterialList .materialEditor .labelColumn {
    width: 17em;
}

.detailedMaterialList .materialEditor .rootCategorySelector,
.detailedMaterialList .treeOptionSelector,
.detailedMaterialList .treeOptionSelectorDisabled {
    float: left;
}

.detailedMaterialList .materialEditor .rootCategorySelectorDisabled .ui-selectonemenu-label,
.detailedMaterialList .treeOptionSelectorDisabled .ui-selectonemenu-label {
    color: red !important;
}

.detailedMaterialList .importExcel .u-hidden {
    display: none !important;
}

.detailedMaterialList  .importExcel .u-offscreen {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

/*
.detailedMaterialList .dimensionsTable table.noPaddingOrBorder {
    border-collapse: collapse !important;
    border: none !important;
}

.detailedMaterialList .dimensionsTable table.noPaddingOrBorder tbody tr td {
    border: none !important;
    padding: 0 !important;
}

.detailedMaterialList .dimensionsTable div table tbody tr td {
    vertical-align: top;
    padding: 3px 5px 3px 5px !important;
}


.detailedMaterialList .dimensionsTable div table tbody tr td .ui-selectonemenu .ui-selectonemenu-label {
    display: flex;
    height: 19px;
}

.detailedMaterialList .dimensionsTable div table tbody tr td input.ui-inputtext {
    height: 14px;
}

.detailedMaterialList .dimensionsTable div tr {
    border: none !important;
}

.detailedMaterialList .dimensionsTable div tr td {
    border: 1px solid #A8A8A8 !important;
}

.detailedMaterialList .dimensionsTable div tr td.noBorder {
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
}
*/

/*
.detailedMaterialList td.id-column a::before {
    display: inline-block;
    content: url('/static/images/search.png');
    width: 1em;
    margin-right: 1em;
}*/

.salesArticleList table tr td.tareWeightColumn {
    text-align: right;
    width: 90px !important;
    padding-right: 20px !important;
}
.salesArticleList table tr td.packagingWeightColumn {
    text-align: right;
    width: 110px !important;
    padding-right: 20px !important;
}

.salesArticleList table tr td.statusColumn {
    text-align: left;
    width: 90px !important;
}

.ui-datatable tbody td.historyListValidFrom {
    width: 100px;
    text-align: center;
}

detailedMaterialList .cell-error {
    background-color: #ffd6d6; border: 1px solid #e53935;
}

/* Error cell highlight for DML upload preview */
.detailedMaterialList .ui-datatable .cell-error {
    background-color: #ffd6d6 !important;
    border: 1px solid #e53935 !important;
    display: block;
    padding: 2px 4px;
    border-radius: 2px;
    min-height: 20px; /* ensure visible background even for empty values */
    line-height: 16px;
}

.detailedMaterialList .ui-datatable tbody td .cell-error {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.detailedMaterialList tbody td.importSuccess {
    background-color: #C8E6C8;
    box-shadow: none !important;
}

.detailedMaterialList tbody td.importError {
    background-color: #F8D7DA;
    box-shadow: none !important;
}

.date-button-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
}

.date-button-row .ui-button {
    flex: 0 0 auto;
    width: 100px;
    margin: 5px;
}

.date-button-row > *:first-child {
    justify-self: start;
}

.date-button-row > *:not(:first-child):not(:last-child) {
    justify-self: center;
}

.date-button-row > *:last-child {
    justify-self: end;
}