/*
 * Developed for Partpeople GmbH
 *
 * Copyright (c) 2024 by a cup of software, Tim Brückner
 * All rights reserved.
 */

/* common components */
.ui-widget-content {
    background: #fefefe !important;
}

.ajax_loader {
    margin-top: 10px;
}

.ajax_status {
    width: 65px;
    text-align: center;
}

.ui-clock {
    display: inline-block;
    border: none !important;
    font-size: 0.9em !important;
    padding: 4px 7px !important;
    margin-top: 5px !important;
    border-radius: 0.25em !important;
}

.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover span {
    color: white !important;
}

/* search panel */
.search_panel {
    height: 35px;
    width: 350px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background: #ffffff url("/javax.faces.resource/images/magnifier_tiny.png.xhtml?ln=common") no-repeat 5px;
}

.search_panel .search_amount {
    position: absolute;
    right: 1px;
    top: 1px;
}

.search_panel .search_input {
    position: absolute;
    left: 30px;
}

.search_panel .search_input input {
    border: 0;
    box-shadow: none !important;
}

.ui-state-highlight {
    background: #1e5091 !important;
}

/* auto complete search suggestion */
.ui-autocomplete-panel .suggestion_description {
    overflow: hidden !important;
}

.ui-autocomplete-panel th,
.ui-autocomplete-panel td {
    font-size: 0.9em;
}

.ui-autocomplete-panel {
    padding: 1em;
}

/* datatables */
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable thead th,
.ui-autocomplete-panel .ui-autocomplete-table td,
.ui-autocomplete-panel .ui-autocomplete-table th {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top-color: #dddddd;
    border-bottom-color: #dddddd;
}

.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable thead th,
.ui-autocomplete-panel .ui-autocomplete-table td,
.ui-autocomplete-panel .ui-autocomplete-table th,
div.ui-datatable-footer.ui-corner-bottom {
    border-radius: 0 !important;
}

.ui-datatable thead th,
.ui-datatable tfoot td {
    height: 30px !important;
    box-shadow: none !important;
}

.ui-datatable tfoot tr, div.ui-datatable-footer {
    border: 1px solid #dddddd !important;
}

.ui-datatable thead th.ui-state-active {
    text-decoration: underline !important;
}

.ui-datatable tbody td,
.ui-autocomplete-panel .ui-autocomplete-table td {
    height: 40px !important;
}

.ui-datatable thead th,
.ui-autocomplete-panel .ui-autocomplete-table th {
    font-weight: normal !important;
    color: #ffffff !important;
    background: #1e5091 none !important;
    border-color: #eb0000 !important;
    border-width: 0 0 2px 0 !important;
}

.ui-datatable .ui-paginator a {
    color: white !important;
}

.ui-datatable thead th:first-child {
    border-top-left-radius: 5px !important;
}

.ui-datatable .ui-paginator a.ui-state-active {
    background: darkgray !important;
}

.ui-datatable thead th:last-child {
    border-top-right-radius: 5px !important;
}

.ui-datatable-odd td {
    background-color: #ffffff !important;
}

.ui-datatable-even td {
    background-color: #F6F6F6 !important;
}

.tip_grid tbody td {
    background: #ffffff !important;
    height: 20px !important;
}

tr.ui-row-editing td {
    color: #333333 !important;
    padding: 5px !important;
}

tr.ui-row-editing input {
    width: 90% !important;
}

th.article_amount_column {
    width: 40px;
}

td.article_amount_column {
    text-align: center;
}

th.article_description_column {
    width: 250px;
}

th.article_price_column {
    width: 85px;
}

th.repair_times_value_column {
    text-align: right !important;
}

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

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

td.repair_times_value_column {
    text-align: right;
}

.ui-state-highlight td {
    background-color: #1e5091 !important;
}

.ui-wizard-content {
    padding: 10px 0 !important;
}

.ui-progressbar {
    border: 1px solid #d9dadb !important;
}

.tag_search_switch {
    position: absolute;
    left: 360px;
    top: 4px;
}

.fieldset_offset,
.ui-grid fieldset {
    margin: 20px 5px;
}

.ui-tabs-nav.ui-widget-header {
    background: none !important;
}

.ui-tabs-nav.ui-widget-header {
    color: white !important;
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav, body .ui-tabs.ui-tabs-right .ui-tabs-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav {
    width: 25%;
    margin: 0;
    padding: 0;
    height: auto
}

body .ui-tabs.ui-tabs-left .ui-tabs-nav .ui-tabs-header, body .ui-tabs.ui-tabs-right .ui-tabs-nav .ui-tabs-header {
    width: auto;
    margin: 0 .214em 0 0;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav .ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav .ui-tabs-header {
    width: 100%;
    margin: 0;
    border-right: 0 none;
}

body .ui-tabs.ui-tabs-left .ui-tabs-panels, body .ui-tabs.ui-tabs-right .ui-tabs-panels {
    width: 100%;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels {
    width: 75%;
}

.baseArticle {
    border: 3px solid #ff0000 !important;
}

.similarBaseArticle {
    border: 3px solid #f6a924 !important;
}

.cheapestBaseArticle td {
    background: #beffbe !important;
}

.ui-datatable .ui-paginator a {
    color: #333333 !important;
}

.ui-datatable .ui-paginator a.ui-state-active {
    color: white !important;
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover > * {
    mix-blend-mode: difference !important;
}

.ui-growl-item-container {
    background: #ffffff !important;
    opacity: 1.0 !important;
    border: 1px solid #333333 !important;
}