.ui-datatable td, .ui-datatable th {
    white-space: normal !important;
}

.ui-float-label > .md-inputwrapper-filled ~ label, .ui-state-filled ~ label, .ui-float-label > .ui-state-focus ~ label {
    top: -.75em;
    font-size: 12px;
}

body .ui-panelgrid.floatingLabelPanelgrid .ui-panelgrid-cell {
    padding: 12px 16px;
}

.ui-tag {
    background: #2196f3;
    color: #fff;
    font-size: .7rem;
    font-weight: 500;
    padding: .25rem .4rem;
    border-radius: 4px;
    margin: .1rem;
}

#mainForm\:tagColorPicker_button {
    background: none;
    border: none;
    box-shadow: none;
}

.inputFieldWidth {
    max-width: 400px !important;
}

.defaultButtonWidth {
    width: 200px !important;
    height: 40px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.mediumButtonWidth {
    width: 180px !important;
    height: 40px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.menuItemWithoutIcon i {
    display: none;
}

.revertColorButton {
    background-color: #DCDCDC !important;
}

.revertColorButton:hover {
    background-color: #7C7C7C !important;
    color: #FFFFFF !important;
}

.word-break-datatable {
    word-break: break-word;
    hyphens: auto;
}

.basf-select-one {
    background-color: #f0f0f0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #AAA !important;
    height: 34px !important;
    font-size: 14px !important;
    padding: 2px 12px !important;
    color: #555 !important;
}

.basf-select-checkbox-menu {
    background-color: #f0f0f0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #AAA !important;
    min-height: 34px !important;
    font-size: 14px !important;
    padding: 2px 12px !important;
    color: #555 !important;
}

.basf-select-one .ui-selectonemenu-trigger,
.basf-autocomplete .ui-autocomplete-dropdown,
.basf-select-checkbox-menu .ui-selectonemenu-trigger {
    top: 14px !important;
}

.basf-select-one-panel .ui-selectonemenu-item {
    font-size: 12px;
    width: 360px;
    white-space: pre-wrap;
}

.basf-textarea {
    background-color: #f0f0f0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #AAA !important;
    font-size: 14px !important;
    padding: 2px 12px !important;
    color: #555 !important;
}

.overviewFilter:not(.ui-state-filled) .ui-selectcheckboxmenu-label {
    color: #808080;
}

.overviewFilter.ui-state-filled,
.overviewFilter.ui-state-filled .ui-selectonemenu-label {
    font-weight: bold !important;
    color: #004A96 !important;
}

.basf-select-one-break-lines {
    max-width: 400px !important;
    min-width: 400px !important;
    width: 400px !important;
}

.basf-select-one-break-lines .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item {
    white-space: pre-line;
}

.ui-selectonemenu .ui-selectonemenu-label {
    overflow: visible !important;
    white-space: normal !important;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil,
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check,
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-close {
    font-family: FontAwesome;
    color: #004A96;
    font-size: 18px;
}

.ui-datatable table tbody tr.ui-state-highlight td .ui-row-editor .ui-icon-pencil,
.ui-datatable table tbody tr.ui-state-highlight td .ui-row-editor .ui-icon-check,
.ui-datatable table tbody tr.ui-state-highlight td .ui-row-editor .ui-icon-close {
    font-family: FontAwesome;
    color: #FFFFFF;
    font-size: 18px;
}

.ui-datatable table tbody tr.ui-state-highlight td .actionIcon {
    display: none;
}

.ui-datatable table tbody tr.ui-state-highlight td .ui-row-editor .ui-icon-check {
    padding-right: 10px;
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
    content: "\f040";
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check:before {
    content: "\f058";
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-close:before {
    content: "\f057";
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.width60Percent {
    width: 60%;
}

.width20Percent {
    width: 20%;
}

.menuBar {
    color: #FFFFFF !important;
    border: none !important;
}

.menuBar .ui-menuitem {
    padding-right: 10px !important;
}

.menuBar .ui-menuitem-link {
    background-color: #004A96;
    color: #FFFFFF !important;
    box-shadow: 0 1px 2.5px 0 rgb(0 0 0 / 26%), 0 1px 5px 0 rgb(0 0 0 / 16%);
    transition: background-color 0.3s;
    overflow: hidden;
    border: 0 none !important;
    border-radius: 3px !important;
    height: 30px;
}

.menuBar .ui-menuitem-link.ui-state-hover {
    background-color: #7C7C7C !important;
}

.menuBar .ui-menuitem-icon {
    color: #FFFFFF !important;
}

.menuBar .ui-menubar-options {
    padding: 2px 10px !important;
}

.approveButton {
    background-color: #00793A !important;
}

.rejectButton {
    background-color: #F39500 !important;
}

.declineButton {
    background-color: #C50022 !important;
}

.comment-datalist .text-column p:last-child {
    color: #757575;
}

.comment-datalist .car-item i, .comment-datalist .comment-item .comment-details {
    display: inline-block;
    vertical-align: middle;
}

.comment-datalist .comment-item button {
    float: right;
}

.comment-datalist ul {
    margin: 0;
    padding: 0;
}

.ui-messages .ui-messages-error {
    background-color: #C50022 !important;
    border-color: #C50022 !important;
    color: #ffffff !important;
}

/*Dashboard colorbox*/

.dashboard-colorbox {
    width: 100%;
    height: 80px;
    box-shadow: 8px 5px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 0 !important;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0px !important;
}

.dashboard-colorbox .colorbox-count {
    font-weight: bold;
}

/*Dashboard colorbox inactive*/

.dashboard-colorbox.colorbox-1 {
    background-color: #cacaca;
}

.colorbox-link:hover div.colorbox-1 {
    background-color: #f4f4f4;
}

.dashboard-colorbox.colorbox-1 i {
    font-size: 36px;
}

.dashboard-colorbox .colorbox-left {
    width: 70%;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.dashboard-colorbox .colorbox-right {
    width: 30%;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.dashboard-colorbox.colorbox-1 .colorbox-name {
    font-size: 16px;
    width: 100%;
    color: #000000;
}

.dashboard-colorbox.colorbox-1 .colorbox-count {
    color: #000000;
    font-size: 24px;
}

.dashboard-colorbox.colorbox-2 i {
    font-size: 36px;
    color: #ffffff;
}

.dashboard-colorbox.colorbox-2 .colorbox-name {
    font-size: 16px;
    width: 100%;
    color: #ffffff;
}

.dashboard-colorbox.colorbox-2 .colorbox-content {
    font-size: 16px;
    width: 100%;
    padding-left: 5%;
    color: #ffffff;
}

.dashboard-colorbox.colorbox-2 .colorbox-count {
    color: #ffffff;
    font-size: 24px;
}

.greyButton {
    background-color: #cacaca;
    color: #004A96;
}

.revertColorButton .ui-icon {
    color: #004A96 !important;
}

#employeesEquipmentDataTable_data > tr > td:nth-child(13), #employeesEquipmentDataTable_head > tr > th:nth-child(13), #employeesEquipmentDataTable_foot > tr > td:nth-child(13) {
    border-right-color: #000000;
    border-right-width: medium;
}

.corporateLink:before {
    font-size: 1.1rem;
    font-weight: normal;
    content: "\f138";
    font-family: FontAwesome, serif;
    padding-right: 10px;
}

a.corporateLink:hover {
    text-decoration: none;
    color: #DCDCDC !important;
}

body .grey-widget > .ui-widget-header {
    background-color: #DCDCDC !important;
    border: 1px solid #bdbdbd !important;
    color: #000000 !important;
}

.p-datepicker-panel .ui-timepicker .ui-icon {
    text-indent: 0;
    font-size: 24px;
    left: 0;
    top: 0;
}

.ui-hour-picker span, .ui-minute-picker span {
    font-size: 16px;
}


/*Hide the advanced buttons and progress*/
.skinnyFileUpload .ui-fileupload-upload, .skinnyFileUpload .ui-fileupload-cancel, .skinnyFileUpload .ui-fileupload-progress {
    display: none;
}

/*Move the file name and size of file onto same line*/
.skinnyFileUpload .ui-fileupload-buttonbar, .skinnyFileUpload .ui-fileupload-content {
    padding: 0px !important;
    float: left;
    width: 100% !important;
}

/*Remove some of the margin from the file name to align correctly*/
.skinnyFileUpload .ui-fileupload-files, .skinnyFileUpload .ui-fileupload-content {
    display: none;
}

.skinnyFileUpload .ui-widget-header {
    border: 0px !important;
    background-color: transparent !important;
}

.skinnyFileUpload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    background-color: #7C7C7C !important;
}

.skinnyFileUpload .ui-fileupload-buttonbar .ui-button {
    width: 100% !important;
    max-width: 400px;
}

.skinnyFileUpload .ui-fileupload-buttonbar .ui-button-text {
    display: block !important;
}

body .ui-panelgrid .noPadding .ui-panelgrid-cell {
    padding: 0 10px 0 0;
}

.time-table .ui-panelgrid-cell {
    padding: 0 0 0 5px !important;

}

.percent10Width {
    width: 10%;
}

.time-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.labelDiv {
    display: flex;
    gap: 10px;
    word-break: break-word;
}

body .ui-row-editing .ui-chkbox .ui-chkbox-box {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

body .ui-row-editing .ui-state-active .ui-icon {
    color: #004A96;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    margin-top: 0;
}


#newsDataView .ui-dataview-header, #newsPageDataView .ui-dataview-header {
    display: none;
}

#newsPageDataView .ui-dataview-content {
    border: none;
}


#newsPageDataView .ui-dataview-row {
    padding-bottom: 20px;
}

#newsDataView .ui-dataview-content {
    border: none;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
}

#newsDataView .ui-dataview-row {
    padding-bottom: 5px;
}

#newsDataView p {
    margin-block-start: 3px;
}

.basf-inputfield.ui-state-error, .basf-select-one.ui-state-error, .basf-textarea.ui-state-error {
    border: 1px solid #e62a10 !important;
}

.hideTableFooter #leistungspositionenDataTable_foot {
    display: none;
}

.noDisabledStyle .ui-inputfield.ui-state-disabled {
    border-bottom: 1px solid #bdbdbd;
    opacity: 1;
}

.digitiMenuButton {
    width: 350px;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight,
body .ui-datatable tbody tr.ui-datatable-odd.ui-state-highlight {
    background-color: #E0E9F2;
    color: #000000;
}

.preWarpText {
    white-space: pre-wrap;
}


@media (min-width: 641px) {
    .vertical-table-header span.ui-column-title {
        writing-mode: vertical-lr;
        transform: rotate(-180deg);
    }

    .vertical-table-header tfoot td {
        text-align: left !important;
        font-weight: bold !important;
    }

    .responsiveDialog {
        width: 400px;
    }

    .responsiveDialog600 {
        width: 600px !important;
    }

    .signaturePanel {
        border: 1px solid #bdbdbd !important;
        width: 300px;
    }

    .basf-select-one-break-lines-large {
        max-width: 550px !important;
        min-width: 550px !important;
        width: 550px !important;
    }

    .basf-select-one-break-lines-large .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item {
        white-space: pre-line;
    }

    .basf-select-one-break-lines-large .ui-selectonemenu-panel {
        height: 280px !important;
    }

    .basf-select-one-break-lines-large .ui-selectonemenu-items-wrapper {
        max-height: 280px !important;
    }
}

@media (max-width: 640px) {
    .ui-menubar .ui-menubar-options {
        float: left !important;
        padding: 10px 0 !important;
    }

    .comment-datalist .text-column {
        text-align: center;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        min-width: 0% !important;
        font-weight: bold;
    }

    /*
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title::after {
        content: ":";
    } */
    .responsiveDialog, .responsiveDialog600 {
        width: 100% !important;
    }

    .basf-select-one-break-lines {
        max-width: 100% !important;
        width: 100% !important;
    }

    .basf-select-one-break-lines-large {
        max-width: 100% !important;
        width: 100% !important;
    }

    .basf-select-one-break-lines-large .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item {
        white-space: pre-line;
    }

    body .ui-panelgrid.ruduceMobilePadding .ui-panelgrid-cell {
        padding: 10px 0 !important;
    }

    .signaturePanel {
        border: 1px solid #bdbdbd !important;
        width: 300px;
    }

    .card h1 {
        line-height: 27px !important;
    }

    body .ui-menu .ui-menu-list li.ui-menuitem {
        padding-bottom: 10px !important;
    }

    .buttonMobileMargin {
        margin-bottom: 10px !important;
    }

}

.infoBox {
    background-color: #efefef;
    color: #000000;
}

.lightBlueBox {
    background-color: #E0E9F2;
    color: #000000;
}

.transparent-content .ui-widget-content {
    background-color: transparent;
}

.infoIcon {
    font-size: 15px;
}


.actionIcon {
    font-size: 18px;
}

.ui-selectonemenu-label-placeholder {
    color: #757c87 !important;
}

.posKeyColumnIcon {
    width: 30px;
}

.posKeyColumnText {
    word-break: break-all;
}

.percent20Width {
    width: 20%;
}

td.centered-column {
    text-align: center;
}

.input-centered-column {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.alignCenterWithButtonHeight {
    line-height: 30px;
}

.alignCenterWithInputFieldHeight {
    line-height: 34px;
}

.ui-outputlabel.ui-state-error {
    color: #e62a10;
}

.space-left {
    margin-left: 5px;
}

.only-icon-button {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.only-icon-button > .ui-icon {
    color: #004A96 !important;
    font-size: 18px !important;
}