/* since these bootstrap classes can only be enabled using sass */
.mt-n3 { margin-top: -1rem !important; }
.mt-n5 { margin-top: -3rem !important; }


/* damit das Element im Browser bereits validiert wird */
.choices[data-type*="select-one"] select.choices__input {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (prefers-color-scheme: dark) {
    /* Container */
    .choices__inner {
        background-color: var(--bs-body-bg) !important;
        border: 1px solid var(--bs-border-color) !important;
        color: var(--bs-body-color) !important;
    }

    /* Selected items (Multiple) */
    .choices[data-type*="select-multiple"] .choices__item {
        background-color: var(--bs-secondary-bg);
        border: 1px solid var(--bs-border-color);
        color: var(--bs-body-color);
    }

    .choices__input.choices__input--cloned {
        background-color: var(--bs-body-bg) !important;
        border: 1px solid var(--bs-border-color) !important;
        color: var(--bs-body-color) !important;
    }

    .choices[data-type*="select-multiple"] .choices__item .choices__button {
        color: var(--bs-body-color);
    }

    /* Dropdown */
    .choices[data-type*="select-one"] .choices__list--dropdown,
    .choices[data-type*="select-multiple"] .choices__list--dropdown {
        background-color: var(--bs-body-bg);
        border: 1px solid var(--bs-border-color);
        color: var(--bs-body-color);
    }

    /* Hover in dropdown */
    .choices[data-type*="select-one"] .choices__list--dropdown .choices__item--selectable.is-highlighted,
    .choices[data-type*="select-multiple"] .choices__list--dropdown .choices__item--selectable.is-highlighted {
        background-color: var(--bs-primary);
        color: var(--bs-white);
    }
}

label.order-by {
    display: inline-flex;
    white-space: nowrap;
}

label.order-by.asc::after {
    content: '\F128'; /* arrow-down */
    font-family: 'bootstrap-icons';
    margin-left: 0.25rem;
}

label.order-by.desc::after {
    content: '\F148'; /* arrow-up */
    font-family: 'bootstrap-icons';
    margin-left: 0.25rem;
}

label.required::after {
    content: '*';
}

form::contains(label.required)::after {}

body {
    padding: 20px 20px 60px;
}

.list-of-checkboxes label {
    margin-left: 20px;
    display: block;
    font-weight: normal;
}

.list-of-checkboxes input[type="checkbox"] {
    float: left;
}

table.flexible {
    width: auto;
}


/*Preisgruppe replace*/
.preisgruppe-replace-table td {
    width: 150px;
    height: 20px;
}

select#select_preisgruppeAlternatives {
    width: 145px;
    height: 20px;
}

/*Autocomplete*/
.ui-helper-hidden-accessible {
    display: none;
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}

select {
    padding: 0;
    margin: 0;
}

label {
    cursor: pointer;
}

.profile-image-loading-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/img/loading.gif');
}

.profile-image {
    width: 100px;
    height: 150px;
    /*background-image: url('/img/loading.gif');*/
}

button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    margin-bottom: 8px;
}

.form_submit_buttons {
    margin-top: 10px;
}

/*...publikationstyp...*/
#dvgw_webdapfappbundle_publikationstyp_feldkonfiguration {
    height: 230px;
}

thead.search select.form-control {
    padding: 0;
}

ul.error li {
    color: #f00;
}

ul.error {
    margin-top: 25px;
    margin-left: 160px;
}
div.formError ul.error {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}

td.rwdokument_titel {
    width: 230px;
}

td.regelwerktyp {
    width: 180px;
}

.errorMessage {
    color: #AA0000;
}

.ajaxResultText {
    display: inline;
    margin-left: 10px;
    vertical-align: text-bottom;
}

.file-upload-dialog {
    margin-bottom: 40px;
    margin-top: 20px;
}

th label {
    font-size: 12pt;
    font-weight: bold;
}

dl.extra-wide input[type="text"] {
    width: 700px;
}
dl.extra-wide textarea, dd.extra-wide textarea {
    width: 700px;
}

input[id*="searchfilter_type"] {
    height: 35px;
    line-height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

select[id*="searchfilter_type"] {
    height: 20px;
}

select[name*="dvgw_webdapfappbundle_regelwerkdokument[gueltigkeit]"] {
    width: 73px;
}

.hidden, i input {
    display: none;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings-5acd1688dcd8cdc07ab3cc92efe898d5.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.delete-modal-placeholder {
    display: inline;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-list {
    background-position: -264px -24px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.column_statistik_1 {
    width: 250px;
}

.column_statistik_2 {
    width: 60px;
}

.column_statistik_3 {
    width: 100px;
}

.table-statistiken {
    width: 750px;
}

textarea#dvgw_webdapfappbundle_regelwerkdokument_titel {
    height: 200px;
}

textarea {
    resize: vertical;
}

textarea#dvgw_webdapfappbundle_regelwerkdokument_volltext {
    height: 200px;
}

form.search-filter table input, form.search-filter table select {
    width: 100%;
    line-height: 100%;
    padding: 0;
    margin: 0;
}

div.file-input {
    width: 50%;
}

/* Edit Form horizontal */
.dl-horizontal.wide dt {
    width: 250px;
    white-space: normal;
}
.dl-horizontal.wide dd {
    margin-left: 270px;
}

label.selectEmptyLabel {
    width: 84%;
    min-width: 0px;
    font-size: 11px;
    vertical-align: text-bottom;
    user-select: none;
}

.empty-checkbox-group-addon {
    padding: 2px;
}

.referenzRichtungContainer {
    display: inline;
    vertical-align: text-bottom;
}

.referenzRichtungVon {
    min-width: 80px;
    margin-right: 5px;
    display: inline-block;
}

.publikationItem {
    margin-bottom: 10px;
}

.dnd-table-header {
    padding: 0;
    border: 1px solid #495057;
    display: flex;
    align-items: stretch;
    font-weight: bold;
    color: #FFFFFF;
}

.dnd-table-header-cell {
    padding: 8px;
}

.dnd-table-header-cell:not(:last-child) {
    border-right: 1px solid #495057;
}

.dnd-table-header-cell--number {
    width: 60px;
    text-align: center;
    flex-shrink: 0;
}

.dnd-table-header-cell--content {
    flex: 1;
    min-width: 0;
}

.dnd-table-header-cell--actions {
    width: 220px;
    text-align: left;
    flex-shrink: 0;
}

.dnd-table-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dnd-table-row {
    padding: 0;
    border-left: 1px solid #495057;
    border-right: 1px solid #495057;
    border-bottom: 1px solid #495057;
    cursor: move;
    display: flex;
    align-items: stretch;
}

.dnd-table-row:nth-child(odd) {
    background-color: #2C3033;
}

.dnd-table-row--inactive {
    opacity: 0.5;
}

.dnd-table-cell {
    padding: 8px;
}

.dnd-table-cell:not(:last-child) {
    border-right: 1px solid #495057;
}

.dnd-table-cell--number {
    width: 60px;
    text-align: center;
    flex-shrink: 0;
}

.dnd-table-cell--content {
    flex: 1;
    min-width: 0;
}

.dnd-table-cell--actions {
    width: 220px;
    text-align: left;
    flex-shrink: 0;
}

li.nav-item:not(:first-child) {
    margin: 0 10px;
}