.timezonewarning{
    display: none;
}

/* Change the size of the textfield input box*/
.vLargeTextField, .vXMLLargeTextField {
    width: 20em;
    height: 4em;
}

/* .select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected] {
    background-color: var(--selected-row) !important;
    color: var(--link-selected-fg) !important;
} */


#result_list {
    overflow-x: scroll;
    margin-bottom: 10px;
}

/* fixed header row */
 .heading.scroll {
    z-index: 3 !important;
    background-color: #c9c8c8 !important;
}
.results table thead th{
    position: sticky;
    top: 0px;
    opacity: 1;
    z-index: 2;
}

/* fixed columns in Products in Commissioning view */
.results table  th.scroll{
    position: sticky;
    left: 0;
    opacity: 1;
}
.second{
    position: sticky;
    left: 95px;
    opacity: 1;
}

.scroll{
    position: sticky;
    opacity: 1 !important;
    background-color: #ddd;
    z-index: 2;
}


/* change row color if field is changed */
tr.selected > th.scroll, tr.selected > td.scroll, tr.selected{
    background-color: var(--selected-row) !important;
}
tr.changed > th.scroll, tr.changed > td.scroll, tr.changed{
    background-color: var(--changed-row) ;
}


@media (max-height: 1000px) {
    #changelist-form .results {
        max-height: 70vh;
    }
}
@media (min-height: 1000px) and (max-height: 1200px) {
    #changelist-form .results {
        max-height: 75vh;
    }
}
@media (min-height: 1200px){
    #changelist-form .results {
        max-height: 80vh;
    }
}


.module{
    margin-bottom: 10px;
}

body{
    font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
}
#site-name a{
    font-weight: 600;
}
a:link, a:visited {
    color: var(--link-selected-fg);
}
.object-tools li a, .default, .btn-primary{
    border: 1px solid var(--default-button-bg);
}
.object-tools a.addlink{
    border: 1px solid var(--default-button-bg);
    background: url(/static/admin/img/icon-addlink.svg) 0 1px no-repeat;
    background-repeat: no-repeat ;
    background-position: right 7px center ;
}
.object-tools a:focus, .object-tools a:hover {
    background-color: var(--object-tools-hover-bg);
}

input[name="_continue"], input[name="_addanother"]{
    padding: 3px 12px;
    background: var(--object-tools-bg);
    color: var(--object-tools-fg);
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid var(--default-button-bg);
}


#login-form > div.submit-row > input[type=submit] {
    background: var(--object-tools-bg);
    color: var(--object-tools-fg);
    border: 1px solid var(--default-button-bg);
}
#login-form > div.submit-row > input[type=submit]:hover {
background:  var(--object-tools-hover-bg);
}


.paginator a:link, .paginator a:visited {
    color: var(--button-fg-paginator);
}

#user-tools a:focus, #user-tools a:hover {
    color: var(--link-hover-color);
}

@media (max-width: 1130px){
#header {
    flex-direction: column;
    padding: 15px 30px;
    justify-content: flex-start;
}
}
#documentation-link{
    color:blue !important;
}

:root {
    /* header */
    --accent: black !important;
    --header-bg: white !important;
    --header-color: #007bc0 !important;
    --header-link-color: black !important;
    /* navigator */
    --breadcrumbs-bg: white !important;
    --link-fg: black !important;
    --breadcrumbs-link-fg: black !important;
    --breadcrumbs-fg: #007bc0 !important;
    /* allgemein */
    --body-quiet-color: black !important;
    /* --primary: #eff1f2; */
    --primary: #e8e8e8 !important;

    --changed-row: #ffd1e0 !important;
    --selected-row: #d1e4ff !important;
    /* button */
    --object-tools-bg: transparent !important;
    --object-tools-fg: #007bc0 !important;
    --object-tools-hover-bg: #d1e4ff !important;
    --object-tools-hover-fg: #00629a !important;
    --default-button-bg: #007bc0 !important;
    --default-button-hover-bg: #007bc0 !important;
    /* --button-bg: transparent; */
    /* --button-fg: #007bc0; */
    --darkened-bg: #f5f5f5 !important;

    /* input */
    --input-focus-bg: #d1e4ff !important;
    --button-fg-paginator: black;

    --link-hover-color: #007bc0;

    --shifted-width: 50px;
}
/* for users with activated dark mode in windows */
@media (prefers-color-scheme: dark) {
    :root {
        /* --primary: #e8e8e8; */

        /* --primary-fg: #fff; */

        --body-fg: #333;
        --body-bg: #fff;
        --body-quiet-color: #666;
        /* noch überprüfen */
        --body-loud-color: #000;
        --breadcrumbs-fg: #007bc0;
        --breadcrumbs-bg: white;

        --link-fg: black;
        --link-hover-color: #036;
        --link-selected-fg: #5b80b2;

        --hairline-color: #e8e8e8;
        --border-color: #ccc;

        --error-fg: #ba2121;

        --message-success-bg: #dfd;
        --message-warning-bg: #ffc;
        --message-error-bg: #ffefef;

        --darkened-bg: #f5f5f5; /* A bit darker than --body-bg */
        --selected-bg: #e4e4e4; /* E.g. selected table cells */
        --selected-row: #d1e4ff;

        --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
        --close-button-hover-bg: #747474;
    }
}
.select2-container {
    width: 100% !important; /* Setzt die Breite des Select2-Felds auf 100% */
    min-width: 300px;
    max-width: 500px;
    /* overflow: auto; */
}
.select2-selection  {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-height: 10em;
}
.field-vdi_3805_part div .select2-container {
    min-width: 60px;
}
.field-commissioning div .select2-container {
    min-width: 200px;
}
.linked-matnr{
    color: var(--link-selected-fg);
    cursor: pointer;
}
.linked-matnr:hover{
    text-decoration: underline;
    color: var(--link-hover-color);
}
.select2-results__option[aria-selected=true] {
    background-color: var(--selected-row) !important;
    color: var(--link-selected-fg) !important;
}
.select2-results__option--highlighted{
    color: var(--link-hover-color) !important;
}
.select2-search__field{
    transition: 180ms box-shadow ease-in-out !important;
    background-color: #fff !important;
    border: 1px solid var(--input-border) !important;
    border-radius: 10px !important;
}
.select2-container .select2-selection__rendered {
    white-space: normal; /* Erlaubt Zeilenumbrüche */
    word-wrap: break-word; /* Bricht lange Wörter */
    height: auto; /* Passt die Höhe dynamisch an */
    overflow: auto;
}

.select2-container--default .select2-selection--single {
    min-height: 40px; /* Mindesthöhe des Eingabefelds */
    display: flex;
    align-items: center;
}
.select2-hidden-accessible { position: fixed !important; }