[data-bs-toggle='non-collapsing'] {
    cursor: auto;
}
:root {
    --dt-stripes-col-1: #d0d0d0;
    --dt-stripes-col-2: var(--bg-page);
}
html[data-theme="dark"] {
    --dt-stripes-col-1: rgb(var(--bs-dark-rgb));
    /* --dt-stripes-col-2: var(-bg-page); */
}
html[data-theme="dark"] [data-disabled="1"] .card-body {
    --bs-card-color: var(--bg-primary);
}
html[data-theme="dark"] [data-disabled="1"] .card-body .btn{
    --bs-btn-color: var(--bg-primary);
}

input,
select,
.card, 
.services-wrapper .card,
.interface-wrapper .card,
.service-wrapper .card:first-of-type {
    /* background-color: #dedede; */

    background-color: var(--bg-primary);
    border: none;
}
select {
    border: 1px solid var(--bg-page);
}

.actor-wrapper .card:first-of-type {
    /* background-color: #d0d0d0; */

    background-color: var(--bg-primary);
    border: none;
}

/* .interface-wrapper:nth-of-type(odd), */
/* .interface-wrapper:nth-of-type(odd) .card,
.service-wrapper:nth-of-type(odd) .card{
    background-color: rgba(0,0,0,.125);
} */
/* .interface-wrapper:nth-of-type(even), */
/* .interface-wrapper:nth-of-type(even) .card,
.service-wrapper:nth-of-type(even) .card {
    background-color: rgba(0,0,0,.25);
} */


/* .showhidetoggle:not([aria-expanded="true"]) [data-show="0"], */
.showhidetoggle:not(.active) [data-show="0"] {
    display: none;
}
/* .showhidetoggle[aria-expanded="true"] [data-show="1"], */
.showhidetoggle.active [data-show="1"] {
    display: none;
}

.interface-wrapper ul li.list-group-item {
    background-color: var(--bg-primary);
}

input,
input.form-control,
textarea,
textarea.form-control,
select,
select.form-select,
select.form-select[name],
.interface-wrapper input.form-control,
select.custom-select, 
select.custom-select option,
.interface-wrapper .input-group-text,
.interface-wrapper .search-internal-list--wrapper .search-internal-list,
.interface-wrapper .search-internal-list--wrapper, 
.interface-wrapper .search-internal-list--wrapper .list-group, 
.interface-wrapper .search-internal-list--wrapper .list-group-item
 {
    background-color: var(--bg-primary);
}

select.custom-select {
    scrollbar-color: var(--bg-background) var(--bg-primary);
    scrollbar-width: thin;
}

.interface-wrapper input.form-control[disabled],
.interface-wrapper input.form-control.disabled,
.interface-wrapper input.form-control[disabled] + * .input-group-text,
.interface-wrapper input.form-control.disabled + * .input-group-text,
.interface-wrapper select.custom-select[disabled],
.interface-wrapper select.custom-select.disabled,
.interface-wrapper select.custom-select[disabled] + * .input-group-text,
.interface-wrapper select.custom-select.disabled + * .input-group-text,
.interface-wrapper select.custom-select[disabled] option,
.interface-wrapper select.custom-select.disabled option,
.interface-wrapper select.custom-select[disabled] + * .input-group-text option,
.interface-wrapper select.custom-select.disabled + * .input-group-text option,
.interface-wrapper textarea.form-control[disabled],
.interface-wrapper textarea.form-control.disabled,
.interface-wrapper textarea.form-control[disabled] + * .input-group-text,
.interface-wrapper textarea.form-control.disabled + * .input-group-text,
.interface-wrapper .search-internal-list--wrapper .search-internal-list[disabled],
.interface-wrapper .search-internal-list--wrapper:has( [disabled]), 
.interface-wrapper .search-internal-list--wrapper .list-group:has( [disabled]), 
.interface-wrapper .search-internal-list--wrapper .list-group-item:has( [disabled]) 
{
    background-color: var(--bg-page);
}

.search-internal-list--wrapper .list-group-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
}

/* .interface-wrapper.[data-disabled="1"], */
.service-wrapper[data-service-status="deactivated"] .card,
.interface-wrapper[data-disabled="1"] .card {
    /* background-color: rgba(0, 0, 0, 0.25); */
    /* background: repeating-linear-gradient(-45deg, #d0d0d0, #d0d0d0 5px, #dedede 5px, #dedede 10px); */
    background: repeating-linear-gradient(-45deg, var(--dt-stripes-col-1), var(--dt-stripes-col-1) 5px, var(--dt-stripes-col-2) 5px, var(--dt-stripes-col-2) 10px);
}
.service-wrapper[data-service-status="deactivated"] .card-body {
    color: var(--bg-primary);
}

.service-interface-wrapper-inner:not([data-health="OK"]) .interface-status-indicator .badge {
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
/* .interface-wrapper[data-disabled="1"] .interface-status-indicator .badge {
    background: repeating-linear-gradient(-45deg, rgba(var(--bs-danger-rgb), 1), rgba(var(--bs-danger-rgb), 1) 5px, rgba(var(--bs-danger-rgb), .5) 5px, rgba(var(--bs-danger-rgb), .5) 10px) !important;
} */



.interfaceparam-wrapper[data-paramtype="list"] .list-group,
.interfaceparam-wrapper[data-paramtype="LIST"] .list-group,
.interfaceparam-wrapper[data-paramtype="internallist"] .list-group,
.interfaceparam-wrapper[data-paramtype="list"] .list-group *,
.interfaceparam-wrapper[data-paramtype="LIST"] .list-group *,
.interfaceparam-wrapper[data-paramtype="internallist"] .list-group *
{
    max-width: 100%;
}

.interface-wrapper .edit_interface_btn--wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    /* align-content: space-around; */
    justify-content: space-between;
}

form[name="edit_interface"]:not(.editmode) .show-on-edit {
    display: none;
}
form[name="edit_interface"].editmode .show-on-edit {
    display: inline-block;
}

.interfaceparam-wrapper .list-group-item.hiddenbyfilter,
.interfaceparam-wrapper .hiddenbyfilter {
    display: none;
}

.interfaceparam-wrapper input[type="number"]::-webkit-outer-spin-button,
.interfaceparam-wrapper input[type="number"]::-webkit-inner-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}
.interfaceparam-wrapper input[type="number"] {
   -moz-appearance: textfield;  
}

.list-group-item.text-line-trough,
.text-line-trough {
    text-decoration: line-through;
}

.search-internal-list--wrapper .option-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: unset;
}


.list-group-item[data-paramwrapper][data-paramname] {
    border-bottom: none;
}



.form-switch .form-check-input.enable-interface:checked {
    background-color: var(--dt-success);
    border-color: var(--dt-success);
}
.form-switch .form-check-input.enable-interface:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--dt-success-rgb), 0.25);
}

.back-to-service-overview {
    cursor: pointer;
}

/* Dark Theme */
    :root [data-theme="dark"] {
        --dt-stripes-col-1: var(--bs-border-color);
        --dt-stripes-col-2: var(--bg-primary);
        --bs-body-bg: var(--bg-primary);
    }


    [data-theme="dark"] .interface-wrapper input.form-control[disabled],
    [data-theme="dark"] .interface-wrapper input.form-control.disabled,
    [data-theme="dark"] .interface-wrapper input.form-control[disabled] + * .input-group-text,
    [data-theme="dark"] .interface-wrapper input.form-control.disabled + * .input-group-text,
    [data-theme="dark"] .interface-wrapper select.custom-select[disabled],
    [data-theme="dark"] .interface-wrapper select.custom-select.disabled,
    [data-theme="dark"] .interface-wrapper select.custom-select[disabled] + * .input-group-text,
    [data-theme="dark"] .interface-wrapper select.custom-select.disabled + * .input-group-text,
    [data-theme="dark"] .interface-wrapper select.custom-select[disabled] option,
    [data-theme="dark"] .interface-wrapper select.custom-select.disabled option,
    [data-theme="dark"] .interface-wrapper select.custom-select[disabled] + * .input-group-text option,
    [data-theme="dark"] .interface-wrapper select.custom-select.disabled + * .input-group-text option,
    [data-theme="dark"] .interface-wrapper textarea.form-control[disabled],
    [data-theme="dark"] .interface-wrapper textarea.form-control.disabled,
    [data-theme="dark"] .interface-wrapper textarea.form-control[disabled] + * .input-group-text,
    [data-theme="dark"] .interface-wrapper textarea.form-control.disabled + * .input-group-text,
    .interface-wrapper .search-internal-list--wrapper .search-internal-list[disabled],
    .interface-wrapper .search-internal-list--wrapper:has( [disabled]), 
    .interface-wrapper .search-internal-list--wrapper .list-group:has( [disabled]), 
    .interface-wrapper .search-internal-list--wrapper .list-group-item:has( [disabled]) 

    {
        opacity: .5;
        background-color: var(--bg-primary);
        opacity: .33;
        color: #000;
    }

    .search-internal-list--wrapper:has( [disabled]), 
    .interface-wrapper .search-internal-list--wrapper .list-group:has( [disabled]), 
    .interface-wrapper .search-internal-list--wrapper .list-group-item:has( [disabled]) {
        opacity: 1;
    }


@media only screen and (max-width: 768px) {

    .search-internal-list--wrapper .list-group-item .search-internal-list {
        max-width: 80%;
    }
}