:root {
    --vaud-green: #3a862d;
    --vaud-neon-green: #40d940;
    --vaud-light-neon-green: #cf9;
    --vaud-highlight-orange: #ffbf47;
    --vaud-dark-blue: #273c46;
}

.auction-layout label.required::after {
    color: var(--vaud-neon-green);
}

.auction-search-button {
    background-color: #3a862d;
}

.format-picker-element:hover {
    border-color: #40d940;
    background-color: rgba(50,50,50,0.1);
}

.format-picker-element.is-selected {
    border-color: #40d940;
}

.auction-search-and-button-wrapper {
    height: 60px;
}

.search-help-container {
    background-color: var(--vaud-highlight-orange);
    left: 10px;
    top: 10px;
    height: calc(100% - 20px);
    width: 40px;
}

.search-help-overlay::before,
.search-help-overlay {
    background-color: var(--vaud-green);
}

.auction-layout {
    margin-top: 120px;
}

.navbar-container {
    grid-template-areas: "nav-logo nav-items nav-items";
    gap: 20px;
    align-items: center;
}

@media screen and (max-width: 900px) {
    .navbar-container {
        grid-template-areas: "nav-logo nav-hamburger";
    }
}

.content-container {
    margin-bottom: 223px; /* 23 px added from border-bottom of .footer-navigation-container */
}

.changes-list-update table {
    border-collapse: collapse;
    margin: 6px 0;
}

.changes-list-update table th,
.changes-list-update table td {
    border: 1px solid #575757;
    padding: 6px 12px;
    background-color: white;
}

.changes-list-update table th {
    background-color: #5e95c4;
    color: white;
    font-weight: 700;
}

.navigation-logo-container {
    grid-row: 1;
}

.auction-search-term-input[data-plate-module-active="true"] {
    padding: 10px 10px 10px 60px;
}

.auction-search-term-input,
.auction-detail-input {
    border-radius: 0;
    border: 2px solid #c2c2c2;
}

.auction-search-term-input:focus,
.auction-detail-input:focus {
    border: 2px solid #ffbf47;
}

.footer-navigation-container {
    background-color: #273c46;
    background-image: url('/decoration/bars_black.svg');
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: auto 21px;
    border-bottom: 23px solid #40d940;
}

.footer-navigation-container .footer-link {
    color: white;
}

.frontend-link {
    color: var(--vaud-green);
}

.frontend-link:focus {
    background-color: #ffbf47;
    outline: 3px solid #ffbf47;
    color: black;
}

.frontend-button {
    background-color: #273c46;
}

.thick-left-border {
    border-left-color: #ffbf47;
}

.auction-nav {
    background-image: url('/decoration/long_pattern_squares_green.svg');
    background-repeat: repeat-x;
    background-position: top;
    background-size: auto 5px;
}

.text-block-styles a {
    color: var(--vaud-green);
}

@font-face {
    font-family: roboto_bold;
    src: url('/font/RobotoSlab-Bold.ttf');
    font-weight: 700;
}

.auction-search-term-input:focus-visible,
.auction-layout input[type="text"]:focus-visible,
.auction-layout input[type="date"]:focus-visible,
.auction-layout input[type="email"]:focus-visible,
.auction-layout input[type="password"]:focus-visible {
    outline: none;
}

.auction-layout h1,
.auction-layout h2,
.auction-layout h3,
.auction-layout h4,
.auction-layout h5,
.auction-layout h6 {
    font-family: roboto_bold, serif;
}

.auction-detail-highest-bid-value,
.auction-current-bid {
    font-family: roboto_bold, serif;
}

.no-auctions-text {
    text-align: right;
}