/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

#loginForm DIV.t-error {
    margin: 4px 4px 4px 0px;
}

#loginForm DIV.t-error DIV {
    /*font: smaller Arial, Helvetica, sans-serif;*/
    font-weight: bold;
}

#loginForm DIV.t-error UL {
    background-color: white;
    color: red;
    width: 100%;
    border: 0;
}

#loginForm DIV.t-error LI {
    /*font: smaller Arial, Helvetica, sans-serif;*/
    font-weight: normal;
    margin-left: 2px;
}

table.dialog DIV.t-autocomplete-menu {
    z-index: 9999;
}

table.dialog DIV.t-autocomplete-menu UL {
/*
    border: 2px outset #994e99;
    background-color: #994e99;
*/
    border: 2px outset #48535A;
    background-color: #48535A;
    padding: 4px 6px;
    overflow: auto;
    /*font-size: 0.8em !important;*/
    text-align: left;
}

table.dialog DIV.t-autocomplete-menu LI {
    color: white;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid black;
    cursor: pointer;
    /*font-weight: bold;*/
}

table.dialog DIV.t-autocomplete-menu LI.selected {
    color: #48535A;
    background-color: #EBEBE4;
    color: black;
    font-weight: normal;
}

/* ===== Datepicker-Styling (nativer Tapestry-Datepicker, seit got5-Ablösung 2026) ===== */
/* Datepicker-Buttons ohne Bootstrap ordentlich darstellen */
.datePicker button.btn,
button.btn.btn-default {
    display: inline-block;
    padding: 3px 8px;
    min-width: 26px;
    min-height: 26px;
    font-size: 13px;
    line-height: 1.4;
    border: 1px solid #aaa;
    background-color: #e6e6e6;
    color: #222;
    cursor: pointer;
    vertical-align: middle;
}

.datePicker button.btn:hover {
    background-color: #dadada;
}

/* Der Öffnen-Button neben dem Feld (Kalender-Icon) */
button.btn.btn-default {
    min-width: 26px;
    min-height: 26px;
}

/* Popup-Rahmen */
.datefield-popup.well {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #222222;
    padding: 6px;
}

/* Buttons "Heute"/"Ohne" ausblenden */
.datePicker .footer {
    display: none;
}

/* Kopfzeile Monat/Jahr */
.datePicker .headerTable .topLabel {
    font-weight: bold;
    text-decoration: none;
    color: #222222;
}

/* Wochentagszeile */
.datePicker .daysRow td {
    font-weight: bold;
    text-align: center;
    padding: 4px;
    color: #222222;
}

/* Tageszellen – alte Optik: heller Grau-Hintergrund, grauer Rahmen */
.datePicker .gridTable td {
    text-align: center;
    padding: 4px 6px;
    cursor: pointer;
    background-color: #e6e6e6;
    border: 1px solid #d3d3d3;
    color: #222222;
}

/* Hover */
.datePicker .gridTable td:hover {
    background-color: #dadada;
}

/* Heute / ausgewählt */
.datePicker .gridTable td.today,
.datePicker .gridTable td.selected {
    background-color: #48535A;
    color: #fff;
}

button.btn .glyphicon-calendar {
    display: none;
}
button.btn:has(.glyphicon-calendar)::after {
    content: "...";
}

/* Öffnen-Button: wie normaler Button, nur etwas kleiner */
button.btn:has(.glyphicon-calendar) {
    padding: 0px 5px;
    min-width: 0;
    min-height: 0;
    font-size: 11px;
}

.datePicker .previousButton .glyphicon,
.datePicker .nextButton .glyphicon {
    display: none;
}
.datePicker .previousButton::after {
    content: "<";
}
.datePicker .nextButton::after {
    content: ">";
}

.datePicker .gridTable,
.datePicker .gridTable td,
.datePicker .gridTable th {
    box-sizing: border-box;
}

.datefield-popup {
    position: absolute;
    z-index: 1000;
}

.datePicker .gridTable {
    width: 100%;
    table-layout: fixed;
}
/* ===== Ende Datepicker-Styling ===== */