/*
 * Auction project.
 *
 * Copyright 2022-2024 e-Contract.be BV. All rights reserved.
 * e-Contract.be BV proprietary/confidential. Use is subject to license terms.
 */

/*
 * generic-style.css : contains generic styling that is not related to PrimeFaces components or the template.xhtml page.
 */
@charset "UTF-8";

body,
body .ui-widget {
    font-family: "Source Sans Pro", Helvetica, sans-serif !important;
}

.lh-0 {
    line-height: 0 !important;
}

b, strong {
    font-weight: 600;
}

.item-activity-details-attention .accordion-button {
    background-color: #f2959c !important;
}

.item-activity-details-attention .accordion-item {
    border-radius: 0;
    border: 1px solid #f2959c !important;
}

.item-activity-details-attention button:focus {
    box-shadow: none;
}

.border-bottom-2 {
    border-bottom: 2px solid #DDDDDD;
}

@media (min-width: 576px) { /* small header, make white spacing under it */
    .profil-favorites-dialog {
        height: 525px !important;
    }
    .w-sm-auto {
        width: auto !important;
    }
}

@media (min-width: 768px) {
    .profil-favorites-dialog {
        height: 525px !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
}

@media (max-width: 768px) {
    .w-100-md {
        width: 100% !important;
    }
}

@media (min-width: 990px) {
    .w-lg-auto {
        width: auto !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-auto {
        width: auto !important;
    }
}

@media (max-width: 575px) { /* no image... put everything just below header */
    .w-100-sm {
        width: 100% !important;
    }
    .w-50-sm {
        box-sizing: border-box;
        width: 50% !important;
    }
}

/* OVERRIDE JSF / PrimeFaces CSS */
body .ui-commandlink .nav__toggler--title--login {
    color: #000000;
    transition: none;
}
body .ui-commandlink .nav__toggler--title--login:hover {
    color: #000000;
    text-decoration: none;
}
body .ui-commandlink .nav__toggler--title--login:active {
    color: #000000;
}

#headerBlockForm\:registration:hover {
    text-decoration: none;
}
#preLogin {
    background-color: #FFFFFF;
}
.loginButtons {
    border: 0;
    box-shadow: none;
}
.loginButtons button, button.loginButtons {
    border-width: 10px;
    background-color: #81d7d5;
    border-color: #81d7d5;
    border-radius: 0px;
    box-shadow: none;
}
.loginButtons button:hover, button.loginButtons:hover {
    background-color: #8BACE3;
    border-color: #8BACE3;
    box-shadow: none;
}

button {
    color: #212741 !important;
    border-width: 10px !important;
    background-color: #81d7d5 !important;
    border-color: #81d7d5 !important;
    border-radius: 0px !important;
    box-shadow: none;
}

span.ql-formats button {
    background-color: #f8f9fa !important;
}

button:hover {
    background-color: #8BACE3 !important;
    border-color: #8BACE3 !important;
    box-shadow: none;
}
button.categories-button {
    border-radius: 10rem !important;
    border-width: 0px !important;
}
.gridcell button {
    padding-left: 0.5em;
}

table {
    border: 0px;
}
input {
    border-radius: 0px !important;
}
.ui-menu {
    border-radius: 0px !important;
    border: 0px solid #aed0ea !important;
    background: #ffffff  !important;
    font-weight: bolder !important;
    width: auto !important;
}
a.ui-menuitem-link {
    white-space: nowrap;
    width: auto !important;
}

body .ui-messages .ui-messages-info {
    background: #81d7d550;
    border: 1px solid #81d7d5;
    border-width: 0 0 0 6px;
    color: #000000;
}
body .ui-messages .ui-messages-info .ui-messages-info-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    margin: -0.25em 0.5em 0 0;
    color: #000000;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 0px;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-default {
    border: 0px;
    background: #81d7d5;
    color: #ffffff;
    box-shadow: none;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    background: #81d7d5;
    border-color: #21274150;
    color: #ffffff;
}
table.table-tr-pb-2 tr > td {
    padding-bottom: .5rem !important;
}
.article-edit-inplace .article-edit-inplace-output,
.profile-inplace .profile-inplace-output {
    display: block;
    min-height: 1.5em;
    border-bottom: 1px solid #DEDEDE !important;
}

.article-edit-inplace .article-edit-inplace-output:hover,
.profile-inplace .profile-inplace-output:hover {
    background: #e9ecef;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.article-edit-inplace button,
.profile-item {
    padding: 25px;
    margin: 0px;
    border: solid 5px;
    border-color: white;
}

.profile-item h2,
.profile-item i.pi {
    color: #2a3669;
}

.profile-item .h4 {
    color: #216967;
}

.profile-item-label-color {
    color: #216967;
}
.profile-item-value {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #DEDEDE !important;
}
.profile-item-value:hover {
    background-color: #e9ecef;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .ui-inplace {
    width: 100%;
}
body .ui-inplace .ui-inplace-display {
    padding: 0;
    margin: 0;
    display: block;
    width: 100% !important;
    border-radius: 0px;
}

.article-edit-inplace .ui-inplace-content,
.profile-inplace .ui-inplace-content {
    width: 100%;
    height: 1.5em;
    color: #495057;
    padding: 1px;
    box-shadow: none !important;
}

.article-edit-inplace .ui-inplace-content input,
.profile-inplace .ui-inplace-content input {
    width: calc(100% - 1.5em - 1.5em - 10px);
    background: #FFFFFF;
    height: 1.5em;
    color: #495057;
    border: 1px solid #DEDEDE;
    padding: 1px;
    box-shadow: none !important;
}

.article-edit-inplace .ui-inplace-content .ui-inplace-editor,
.profile-inplace .ui-inplace-content .ui-inplace-editor {
    width: calc(1.5em + 1.5em + 12px);
    margin: 0;
    margin-left: 2px !important;
    border: 0;
    padding: 0;
}

.article-edit-inplace .ui-inplace-content .ui-button.ui-button-icon-only,
.profile-inplace .ui-inplace-content .ui-button.ui-button-icon-only {
    margin: 0px !important;
    margin-left: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1.5em;
    width: 1.5em;
}

.article-edit-inplace .ui-inplace-content .ui-button.ui-button-icon-only .ui-icon,
.article-edit-inplace .ui-inplace-content .ui-button.ui-button-icon-only .ui-button-text,
.profile-inplace .ui-inplace-content .ui-button.ui-button-icon-only .ui-icon,
.profile-inplace .ui-inplace-content .ui-button.ui-button-icon-only .ui-button-text {
    margin-left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1.5em;
    top: 0;
    left: 0;
}
.ui-agenda-url-copy button {
    border: 0 !important;
}
.datalist-nopadding .ui-datalist-content {
    padding: 0px !important;
}

h2.content-title {
    font-weight: 100;
    margin-bottom: 0;
}

.profile-item .h3,
.profile-item h3 {
    margin-bottom: 1em !important;
}
button.rounded-button {
    border-radius: 10rem !important;
}
table button {
    margin-left: 0.5em !important;
}

body div.auctions div.ui-accordion-header {
    margin-top: 15px;
}

body div.auctions div.ui-accordion-content {
    background: #f4f6ff;
    border: 1px solid #3f4975;
}

body div.auctions div.ui-accordion-header.ui-state-default {
    background: #3f4975 !important;
    border: 1px solid #3f4975 !important;
    color: #495057;
    border-radius: 0px;
}

body div.auctions div.ui-accordion-header.ui-state-default .add-to-favorites .ui-button-text {
    display: none;
}
body div.auctions div.ui-accordion-header.ui-state-default .add-to-favorites .ui-icon {
    position: static;
    margin-left: -0.1em;
}
body div.auctions div.ui-accordion-header.ui-state-default button.add-to-favorites {
    text-align: center;
    height: 2em;
    width: 2em;
    padding-bottom: 1em;
}

body div.auctions div.ui-accordion-header.ui-state-default:hover {
    background: #ccd6ff;
}

body div.auctions div.ui-accordion-header.ui-state-default button:hover {
    background: #e5eaff;
}

div.auctionItem__info--header {
    color: #212741;
    padding: 0.5em;
    background: #8BACE3;
    border: 1px solid #8BACE3;
    margin-bottom: 15px;
}
div.auctionItem__info--section-title {
    color: #212741;
    background: #8BACE3;
}

div.auctionItem__info--body {
    background: #fefefe;
    border:1px solid #8BACE3;
}

.bidding-best-bid div.auctionItem__info--body,
.bidding-won div.auctionItem__info--body {
    box-shadow: 0 0 15px 4px #81d7d5;
}
.bidding-best-bid--show {
    display: none;
}
.bidding-best-bid .bidding-best-bid--show {
    display: block;
}
.bidding-won--show {
    display: none;
}
.bidding-won .bidding-won--show {
    display: inline;
}
.bidding-badge-overlay {
    opacity: 0.7;
}
.status-badge-overlay {
    opacity: 0.9;
}
.auction--status .bidding-badge-overlay,
.auction--status .status-badge-overlay {
    margin: -1em;
}

.bidding-badge-overlay,
.status-badge-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    transition: width 0.4s ease, height 0.4s ease;
}
.bidding-badge {
    font-size: 1rem;
}

.status-badge {
    font-size: 1.5rem;
}

.bidding-badge,
.status-badge {
    margin: 0;
    padding: 0;
    padding: 10px 10px;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
}
.bidding-best-bid .bidding-badge,
.bidding-won .bidding-badge {
    color: #000;
    /* background: #198754; */
    background: #0f0;
}
.bidding-lost .bidding-badge {
    color: white;
    background: #ed1b24;
}
.status-badge {
    color: white;
    background: #ed1b24;
    z-index: 2;
}
.bidding-badge::before, .bidding-badge::after,
.status-badge::before, .status-badge::after {
    content: '';
    position: absolute;
    top: 0;
    margin: 0 -1px;
    width: 100%;
    height: 100%;
    background: inherit;
    min-width: 55px
}

.bidding-badge::before,
.status-badge::before {
    right: 100%
}

.bidding-badge::after,
.status-badge::after {
    left: 100%
}
.bidding-badge-top-left,
.status-badge-top-left {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: translateX(-30%) translateY(0%) rotate(-45deg);
    -webkit-transform: translateX(-30%) translateY(0%) rotate(-45deg);
    transform: translateX(-30%) translateY(0%) rotate(-45deg);
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}

.bidding-badge-top-right,
.status-badge-top-right {
    position: absolute;
    top: 0;
    right: 0;
    -ms-transform: translateX(30%) translateY(0%) rotate(45deg);
    -webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
    transform: translateX(30%) translateY(0%) rotate(45deg);
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

div.auctionItem__info--body label.ui-outputlabel.ui-widget.h5 {
    /* font-size: 1.25rem; */
    font-size: 1rem;
}

div.auctionItem__info--body input {
    margin-right: 0.5em;
}

div.auctionItem__info--body button {
    border: 5px;
}

li.ui-tabs-header.ui-state-error a {
    color: red !important;
}

.ui-datagrid-no-border > .ui-datagrid-content {
    clear: none;
    border: none !important;
}

.datalist-noborder .ui-datalist-content {
    border: none !important;
}

.ui-growl-item-container {
    opacity: 1 !important;
}

.ui-galleria-frame-content img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

body .ui-autocomplete {
    vertical-align: middle;
}

body .panel-no-border > .ui-panel-content {
    border: none !important;
}

.title--auction {
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
}
.title--auction--text {
    margin-left: 0.25em;
    border-left: 2px solid #8BACE3;
    padding-left: 0.25em;
}
fieldset.auction--status,
div.auction .ui-panel-content {
    background: #ffffff;
    padding: 0px;
    border-radius: 0px;
    position: relative;
    /* font-size: 1.25rem; */
}
fieldset.auction--status {
    border: 0;
}
div.auction.ui-panel {
    border: 1px solid #212741;
}
div.auction div.ui-panel-footer,
div.auctionItem div.ui-panel-footer {
    text-align: right;
}
span.auction-time-remaining {
    display: block;
}
body .ui-fieldset.auction--status .ui-fieldset-content {
    background: #fff;
    color: #212741;
    border: 1px solid #212741;
    position: relative;
}
fieldset.auction--status legend {
    border: 1px solid #212741 !important;
    border-radius: 0px !important;
    background: #212741 !important;
    color: #ffffff !important;
    margin-bottom: 0px;
}
div.auction .ui-panel-titlebar {
    border-radius: 0px !important;
    background: #212741 !important;
    color: #000 !important;
    margin-bottom: 0px;
    border: 0px;
}
div.auction .ui-panel-title a {
    font-size: 1.25rem;
    color: #fff;
}
fieldset.auction--status div.ui-fieldset-content {
    padding: 1em;
}
fieldset.auction--status .auction--status--content {
    font-size: 1.25rem;
}
fieldset.auction--status .field {
    font-weight: lighter;
    margin-right: 1em;
}
.auction-description span.ql-editor {
    padding: 0;
}
button.add-to-favorites {
    background: #8BACE3 !important;
    border-color: #8BACE3 !important;
}
button.add-to-favorites:hover {
    background: #81d7d5 !important;
    border-color: #81d7d5 !important;
}

/* Progress bar */
.progress-bar-bar .ejsf-countdown .progress-normal {
    background: #212741 !important;
}
.progress-bar {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2);
}
.progress-bar-bar div {
    display: flex;
    flex-direction: column;
    /* font-size: 1.5rem; */
}
.progress-bar-bar div div:first-of-type {
    order:2;
}
.progress-bar-bar div div:nth-of-type(1) {
    order: 1;
}
.progress-bar .ejsf-countdown .ui-progressbar {
    margin-top: 1em;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2)
}
.payment-receipt-validation--status {
    padding: 1em;
}
.payment-receipt-validation--status span {
    border: none !important;
    color: #fff !important;
    font-size: 1.25em;
    font-weight: bold;
}
div.payment-receipt-validation--box {
    color: #212741;
    margin-bottom: 15px;
    border: 1px solid #8BACE3;
}

div.payment-receipt-validation--title {
    padding: 0.5em;
    background: #8BACE3;
}
div.payment-receipt-validation--label {
    padding: 0.5em;
}
.social-share-links a {
    color: #212741;
}
.social-share-links a:hover {
    color: #8bace3;
}
.default-structure .input-duration .input-duration-days,
.default-structure .input-duration .input-duration-hours,
.default-structure .input-duration .input-duration-minutes {
    width: 4em;
}
.default-structure .input-duration input {
    padding-right: 2em;
}
.default-structure .input-duration .ui-spinner-button {
    width: 1.5em !important;
}

.auctions .output-accounting-status .auction-status,
.output-auctions .auction .output-accounting-status .auction-status {
    display: block;
    padding: 0.5em 1em;
    text-align: center;
    box-shadow: 5px 5px 15px #dddddd;
    border-radius: 0;
}

.auction--status .auction-status {
    width: 100%;
    display: inline-block;
    border-radius: 0;
}
.costs-container {
    float: right;
    padding: 0.5rem;
}
.costs {
    font-size: 0.75rem !important;
}
.costs .cost-title {
    text-align: right;
    padding: 0 0.5rem 0 0 !important;
}
.costs .cost-amount {
    text-align: right;
    padding: 0 !important;
}
.costs .cost-unit {
    text-align: left;
    padding: 0 0 0 0.25rem !important;
}
.costs .ui-panelgrid-cell {
    background-color: transparent !important;
    color: #3f4975 !important;
    border: 0 !important;
}
.remove-account-popup {
    max-width: 80%;
}
.remove-account-popup .ui-confirm-popup-content {
    align-items: normal !important;
}
.remove-account-popup .ui-confirm-popup-content .ui-confirm-popup-icon {
    padding-top: 0.25em !important;
}
@media (min-width: 992px) {
    .remove-account-popup {
        max-width: 600px;
    }
}

.duration-small .input-duration .ui-spinner {
    max-width: 4.5rem;
}

.auction-item-not-started-inline {
    display: none !important;
}
.auction-item-not-started .auction-item-not-started-inline {
    display: inline !important;
}
.auction-item-not-started .auction-item-not-started-none {
    display: none !important;
}

.auction-item-started-inline {
    display: none !important;
}
.auction-item-started .auction-item-started-inline {
    display: inline !important;
}
.auction-item-started .auction-item-started-none {
    display: none !important;
}

.auction-item-finished-inline {
    display: none !important;
}
.auction-item-finished .auction-item-finished-inline {
    display: inline !important;
}
.auction-item-finished .auction-item-finished-none {
    display: none !important;
}

.auction-item-canceled-inline {
    display: none !important;
}
.auction-item-canceled .auction-item-canceled-inline {
    display: inline !important;
}
.auction-item-canceled .auction-item-canceled-none {
    display: none !important;
}

.auction-item-started-undetermined-inline {
    display: none !important;
}
.auction-item-started-undetermined .auction-item-started-undetermined-inline {
    display: inline !important;
}
.auction-item-started-undetermined .auction-item-started-undetermined-none {
    display: none !important;
}

.ui-accordion-header.auction-item-not-started {
    color: #fff !important;
}

.ui-accordion-header.auction-item-started-undetermined {
    color: #fff !important;
}

.ui-accordion-header.auction-item-started {
    color: #fff !important;
    font-weight: bold;
}

.ui-accordion-header.auction-item-finished {
    color: #81d7d5 !important;
}

.ui-accordion-header.auction-item-canceled {
    color: #d2d2d2 !important;
}

.ui-accordion-header .auction-status-marking i {
    font-size: 1.25rem;
}

fieldset, legend {
    all: revert;
}

fieldset.full-legend-width legend {
    width: 99%;
}