body {
    font-family: "Arial",sans-serif;
}

.bold {
    font-weight: 600;
}

/* Login and register styles */
.form-signin {
    max-width: 360px;
    padding: 30px;
    margin: 0 auto;
    border: 1px solid #666;
    box-shadow: 3px 3px 3px #666;
}

.logo-container {
    margin: 60px auto 10px auto;
    text-align: center;
}

.logo-container > img {
    width: 250px;
    height: auto;
}

.copyright {
    color: #666;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-size: 13px;
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #da144f;
}

/* Header styles */
.navbar-brand {
    height: auto;
}

.navbar-brand > h1 {
    color: #272727;
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 0;
    font-weight: bold;
}

.navigationlist {
    margin-top: 10px;
    font-size: 15px;
}

.huge {
    font-size: 40px;
}

.medium {
    font-size: 20px;
}

/* Dashboard styles */
.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: white;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-13 {
    padding-top: 13px;
}

.padding-top-20 {
    padding-top: 20px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.action-link:hover {
    text-decoration: none;
}

/* Loading image */
.cssload-piano {
    margin: auto;
    width: 17px;
    height: 4px;
    font-size: 4px;
}

    .cssload-piano > div {
        height: 100%;
        width: 100%;
        display: block;
        margin-bottom: 0.6em;
        animation: stretchdelay 1.38s infinite ease-in-out;
    }

    .cssload-piano .cssload-rect2 {
        animation-delay: -1.15s;
    }

    .cssload-piano .cssload-rect3 {
        animation-delay: -0.92s;
    }



@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleX(0.8);
        background-color: rgb(35,31,32);
        box-shadow: 0 0 0 rgba(10,10,10,0.1);
    }

    20% {
        transform: scaleX(1);
        background-color: rgb(218,20,79);
        box-shadow: 0 2px 3px rgba(10,10,10,0.4);
    }
}

@-o-keyframes stretchdelay {
    0%, 40%, 100% {
        -o-transform: scaleX(0.8);
        background-color: rgb(35,31,32);
        box-shadow: 0 0 0 rgba(10,10,10,0.1);
    }

    20% {
        -o-transform: scaleX(1);
        background-color: rgb(218,20,79);
        box-shadow: 0 2px 3px rgba(10,10,10,0.4);
    }
}

@-ms-keyframes stretchdelay {
    0%, 40%, 100% {
        -ms-transform: scaleX(0.8);
        background-color: rgb(35,31,32);
        box-shadow: 0 0 0 rgba(10,10,10,0.1);
    }

    20% {
        -ms-transform: scaleX(1);
        background-color: rgb(218,20,79);
        box-shadow: 0 2px 3px rgba(10,10,10,0.4);
    }
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleX(0.8);
        background-color: rgb(35,31,32);
        box-shadow: 0 0 0 rgba(10,10,10,0.1);
    }

    20% {
        -webkit-transform: scaleX(1);
        background-color: rgb(218,20,79);
        box-shadow: 0 2px 3px rgba(10,10,10,0.4);
    }
}

@-moz-keyframes stretchdelay {
    0%, 40%, 100% {
        -moz-transform: scaleX(0.8);
        background-color: rgb(35,31,32);
        box-shadow: 0 0 0 rgba(10,10,10,0.1);
    }

    20% {
        -moz-transform: scaleX(1);
        background-color: rgb(218,20,79);
        box-shadow: 0 2px 3px rgba(10,10,10,0.4);
    }
}

a.action-link {
    text-align: left;
}

.margin-right-5{
    margin-right: 5px;
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload-Button {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(/Assets/css/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}

.icheckbox_flat-blue.checked {
    background-position: -22px 0;
}

.icheckbox_flat-blue.disabled {
    background-position: -44px 0;
    cursor: default;
}

.icheckbox_flat-blue.checked.disabled {
    background-position: -66px 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #f9f9f9;
}

.btn-file:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #4cae4c;
}

.btn-file input[type=file] {
    display: inline-block;
    padding: 9px 12px;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #d1dade;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: none !important;
    border: none;
    text-shadow: none;
    box-shadow: none;
    transition: all 0.12s linear 0 !important;
    font: 14px/20px "Arial",sans-serif;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

#wrapper {
    padding-left: 45px;
    transition: all .4s ease 0s;
    height: 100%
}

#sidebar-wrapper {
    top: 0px;
    margin-left: -250px;
    left: 45px;
    width: 250px;
    background: #f8f8f8;
    position: fixed;
    height: 100%;
    z-index: 1030;
    transition: all .4s ease 0s;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-nav > li.active > a, .sidebar-nav > li.active > a:focus, .sidebar-nav > li.active > a:hover,
.sidebar-nav .sub-menu li.active > a, .sidebar-nav .sub-menu li.active > a:focus, .sidebar-nav .sub-menu li.active > a:hover{
    color: #333333;
    cursor: default;
    background-color: #fff;
}

#page-content-wrapper {
    padding-left: 10px;
    /*margin-left: 14px;*/
    width: 99%;
    height: auto;
}

#wrapper.active {
    padding-left: 250px;
}

#wrapper.active #sidebar-wrapper {
    left: 250px;
}

#page-content-wrapper {
    /*width: 98%;*/
    margin-top: 70px;
}

#sidebar_menu li a, .sidebar-nav li a,
#sidebar_menu .list-elem a, .sidebar-nav .list-elem a {
    color: #272727;
    display: block;
    float: left;
    text-decoration: none;
    width: 250px;
    background: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    transition: background .5s;
}

.sidebar-nav li,
.sidebar-nav list-elem {
    line-height: 40px;
    text-indent: 20px;
}

.sidebar-nav li a,
.sidebar-nav .list-elem a {
    color: #999999;
    display: block;
    text-decoration: none;
}

.sidebar-nav li a:hover,
.sidebar-nav .list-elem a:hover {
    color: #333333;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    line-height: 60px;
    font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
    font-weight: bold;
}

#main_icon {
    position: absolute;
    right: 15px;
    top: 20px;
}

.sub_icon {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}

img.sub_icon {
    opacity: 0.5;
}

li.active img.sub_icon {
    opacity: unset;
}

.sidebar-nav li a:hover img.sub_icon {
    opacity: unset;
}

.navbar {
    width: 100%;
    border-radius: unset;
    border: 0px solid transparent;
    border-bottom: 1px solid #e7e7e7;
}

.navbar .container-fluid {
    margin-left: 250px;
}

.sidebar-nav ul,
.sidebar-nav li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    cursor: pointer;
}

.scrollcontainer {
    position: absolute;
    top: 61px;
    height: calc(100% - 61px);
    overflow: auto;
}

#page-login-content {
    margin-left: -250px;
}

/*Wichtig nicht entfernen. Kommentar ist eine Vorlage für eventuelle spätere Unterpunkte*/
/*.sidebar-nav li[aria-expanded='true'] i.arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-right: 14px;
    margin-top: 10px;
}*/

#saveTemplate {
    margin-top: 15px;
}

#add-new-template-from-template {
    margin-left: 20px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
         left: unset;
    }
}

.navbar-fixed-top {
    z-index: 1020;
}


#email-table tbody tr {
    cursor: pointer;
}

.itemTypeTask {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/Assets/img/ProJack_Filter_Type_Task.png');
}

.itemTypeDocu {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/Assets/img/ProJack_Filter_Type_Docu.png');
}

.itemTypeGeneric {
    width: 16px;
    height: 16px;
    color: #888;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/Assets/img/ProJack_Filter_Generic.png');
}

#sortable1 .badge {
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    font-size: 11px !important;
    text-align: center;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
    white-space: normal;
    padding-top: 4px;
    display: inline-block;
    word-wrap: break-word;
    width: auto;
}

.filterOption {
    cursor: pointer;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    opacity: 0.6;
    width: 20px;
    height: 20px;
}

.filterActive {
    opacity: 1.0;
}

.ui-sortable .btnAlignment {
    float: right;
    height: 22px !important;
    margin-right: 2px;
    margin-top: 0;
    padding: 0;    
    width: 20px;
}

.ui-sortable li {
    background-color: #e6e6e6;
    border: 1px solid #808080;
    cursor: move;
    font-size: 1em;
    height: 25px;
    margin: 5px 10px 5px 5px;
    padding: 2px 0 0 2px;
    width: 97%;
}

.ui-sortable {
    border: 1px solid #eee;
    float: left;
    list-style-type: none;
    margin: 0;
    margin-right: 10px;
    min-height: 20px;
    padding: 5px 0 0 0;
    width: 100%;
}

#template_table .ui-sortable {
    border: unset;
    float: unset;
    list-style-type: unset;
    margin: unset;
    margin-right: unset;
    min-height: unset;
    padding: unset;
    width: unset;
}

.grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active {
    color: #FFFFFF;
    background-color: #829596;
}

.grey-cascade.btn {
    color: #FFFFFF;
    background-color: #95A5A6;
}

#workflowSettingsTab #sortable1 {
    width: 100%;
    list-style-type: none;
    padding: 5px 0 0 0;
    border: 1px solid #eee;
}

.service-catalog-container #sortable1 {
    width: 100%;
    list-style-type: none;
    padding: 5px 0 0 0;
    border: none;
}

#workflowSettingsTab #sortable2 {
    width: 100%;
    list-style-type: none;
    padding: 5px 0 0 0;
    border: 1px solid #eee;
}

.stateFunctions, .catalogFunctions {
    float: right;
    padding-top: 1px;
    display: inline-block;
}

.catalogFunctions span {
    padding: 0px 5px;
    cursor: pointer;
}

#workflowSettingsTab #sortable1 li,
#workflowSettingsTab #sortable2 li {
    padding: 5px;
    height: auto;
    font-size: 1.2em;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    margin: 5px 10px 5px 5px;
    cursor: auto !important;
}

.service-catalog-container #sortable1 li {
    border: 1px solid #ddd;
    margin: 5px 10px 5px 5px;
    background-color: white;
    height: auto;
    padding-bottom: 2px;
    cursor: pointer !important;
}

#workflowSettingsTab #sortable1 li.active,
.service-catalog-container #sortable1 li.active{
    border: 1px solid #666;
    background-color: lightyellow;
}

#workflowSettingsTab .dragHandle,
.service-catalog-container .dragHandle {
    display: inline-block;
    cursor: move;
}

.workflowStart, .workflowEnd {
    float: left;
    margin-right: 12px;    
    width: 100%;
}

#workflowSettingsTab #workflowTypes .filterOption {
    height: 26px !important;
    width: 20px;
}

#workflowSettingsTab .btnAlignment {
    float: right;
    margin-right: 4px;
    padding: 0;    
    width: 20px;
}

#workflowSettingsTab .btnAlignment i {
    font-size: 12px;
}

#workflowSettingsTab .fa-rotate-90.disabled {
    opacity: 0.6;
    cursor: no-drop;
}

#logoGroup .upload-Button,
#loginLogoGroup .upload-Button {
    color: black;
    background: white;
    border: 1px solid #adadad;
}

#wiki-code-edit {
    margin-top: 20px;
}

.directoryPickerTreeContainer {
    margin-top: 10px;
    border: 1px solid #ccc;
    float: left;
    max-height: 400px;
    width: 100%;
    overflow-y: auto;
}

.bootbox-overflow-fix {
    overflow: hidden;
}

#add-new-wiki-domain i.fa-plus{
    margin-right: 5px;
}

.modal {
    overflow-y: auto;
}

#featureList {
    margin-bottom: 15px;
}

#add-new-titlepage-from-default {
    margin-left: 20px;
}

#add-new-titlepage-from-existing {
    margin-left: 20px;
}

.mousePointer {
    cursor: pointer
}

.center {
    text-align: center;
    vertical-align: middle
}

#change-active-tenant-form .select2-container--bootstrap {
    display:inline-block;
}

.lint-error-icon{
    color: red;
}

#wikiDomains tbody tr{
    cursor: pointer;
}

th.fc-day-header div.fc-durationInfo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    float: none;
    border-top: 1px solid #ccc;
    font-size: 11px;
    color: #888;
}

.tree-icon.fa-sitemap {
    color: #2095f3;
}

.tree-icon.fa-project-diagram {
    color: #d32b6d;
}

.tree-icon.fa-th-large,
.tree-icon.fa-envelope,
.tree-icon.fa-paperclip,
.tree-icon.fa-star,
.tree-icon.fa-images {
    color: #8f8f8f;
}

.tree-icon.fa-headset {
    color: #0e9687;
}

.tree-icon.fa-lightbulb {
    color: #ffba00;
}

.tree-icon.fa-lock {
    color: #865e2d;
}

.tree-icon.fa-graduation-cap {
    color: #36464e;
}

.tree-icon.fa-square-full {
    color: #3371bd;
    transform: rotate(45deg);
}

.tree-icon.fa-puzzle-piece {
    color: #8bc34a;
}

.tree-icon.fa-folder {
    color: #ffa000;
}
.center_checkbox {
    vertical-align: middle !important;
    text-align: center !important;
}

.user-create-edit-modal .modal-body {
    max-height: 75vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.userGroupAvatar {
    border-radius: 10px;
    max-height: 20px;
    max-width: 20px;
    height: 20px;
    width: 20px;
    background-color: rgba(0,0,0,0.0);
}

.userGroupIcon {
    background-color: #ddd;
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.userGroupName {
    margin-right: 5px;
    white-space: nowrap;
}

.userGroupSync {
    font-size: 17px;
    text-align: center;
    line-height: 30px;
}

.userGroupBtns,
.approvalStageButtons,
.approvalProcessButtons,
.nodeAssignmentTable,
.approvalStageRepresentativesButtons {
    visibility: hidden;
}

tr:hover .userGroupBtns,
tr:hover .approvalStageButtons,
tr:hover .approvalProcessButtons,
tr:hover .nodeAssignmentTable,
tr:hover .approvalStageRepresentativesButtons {
    visibility: visible;
}

#keywords-bootbox-modal{
    z-index: 9999;
}

#import-new-users {
    margin-right: 10px;
}

.featureActivationType,
.featureActivationTypeUser {
    font-weight: normal !important;
}

.authentication-container hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.changeTab {
    cursor: pointer;
}

.documentTemplateBodyCont,
.documentTemplateFooterCont {
    margin-top: 40px;
}

#approval-table tbody tr:hover,
#approval-stage-table tbody tr[data-isDefineRepresentativeAllowed*='True']:hover {
    background-color: #ddd;
    cursor: pointer;
}

#approval-stage-table tbody td:first-child {
    cursor: move;
}

table.fancytree-ext-table thead tr th,
table.fancytree-ext-table tbody tr td {
    border: 0;
    border-bottom: 1px solid #ededed;
}

.custom-css-header,
.custom-js-header {
    margin-top: 10px;
}

#proviewTerms .width-30 {
    width: 30px !important;
}

#importJobTable tbody tr {
    cursor: pointer;
}

#importJobTable tbody tr.active {
    font-weight: bold;
}

.importJobEntryTableCont {
    margin-top: 30px;
}

#importJobEntryTable .btn {
    padding: 0 4px;
}

.importJobStates {
    display: inline-block;
    position: relative;
}

.importJobState {
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    position: relative;
    width: 20px;
    z-index: 1;
}

.importJobConnector {
    background: #333;
    height: 2px;
    left: 5px;
    position: absolute;
    top: 9px;
    width: 150px;
}

.importJobState span {
    color: #fff;
    padding-left: 6px;
}

.importJobState.done {
    background-color: #449d44;
}

.importJobState.waiting {
    background-color: #aaaaaa;
}

.importJobState.error {
    background-color: #c9302c;
}

.importJobState.running {
    background-color: #ec971f;
}

.extractDoxisImport i {
    color: #449d44;
}

.tooltipster-box {
    background: #ffffff !important;
    border: 2px solid #666 !important;
}

.tooltipster-content {
    color: #323030 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.tooltipster-content > a {
    color: #323030 !important;
}

.userGroup {
    cursor: pointer;
}

#saveReferenceText{
    margin-top: 10px;
}

.template_table_container {
    margin-bottom: 20px;
}

#user-table_wrapper .btn-group .dropdown-menu {
    right: 0;
    left: unset;
}

.NewUserExtMobileNumberContainer .checkbox {
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
}

.NewUserExtMobileNumberContainer #NewUserExtMobileNumber {
    float: right;
    max-width: 75%;
}

.ipRangeRemoveRow {
    border: unset;
}

#reset-assigned-user {
    height: 34px;
    width: 34px;
    float: left;
}

.btn-default.btn-on.active {
    background-color: #5BB75B;
    color: white;
}

.btn-default.btn-off.active {
    background-color: #DA4F49;
    color: white;
}

.flex-container {
    display: flex;
    flex-basis: 100%;
}

.flex-none {
    flex: none;
}

.inline-block {
    display: inline-block;
}

#trashSetContainer #trashContainer {
    margin-top: 15px !important;
}

#trashDeleteSettingsCointainer {
    margin-top: 15px !important;
}

.col-md-7 .btn {
    margin-right: 5px;
}

#approver-choice-select, #free-choice-approver-settings {
    margin-left: 20px;
}

#eFileCoverPageFileName {
    height: 20px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 10px;
    width: 280px;
}

#closeAfterDays,
#closeAfterDaysReminder {
    display: inline;
    width: 100px;
}

.jpCheckboxCont {
    /*display: inline-block;*/
    /*height: 20px;*/
}

.jpCheckbox {
    position: absolute;
    opacity: 0;
}

.jpCheckbox + label {
    cursor: pointer;
    height: 20px;
    margin: 0;
    padding: 2px;
    position: relative;
}

.jpCheckbox + label .jpCheckboxLabel {
    position: relative;
    top: -2px;
}

.jpCheckbox + label:before {
    border: 1px solid #8f8f8f;
    border-radius: 4px;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: top;
    width: 16px;
}

.jpCheckbox.jpRadio + label:before {
    border-radius: 8px;
}

.jpCheckbox:checked + label:after,
.jpCheckbox:indeterminate + label:after {
    color: #000000;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    left: 4px;
    line-height: 16px;
    position: absolute;
    top: 3px;
}

.jpCheckbox:checked + label:after {
    content: "\f00c";
}

.jpCheckbox:indeterminate:not(.jpRadio) + label:after {
    content: "\f068";
    left: 5px;
}

.jpCheckbox.jpRadio:checked + label:after {
    content: "\f111";
    font-size: 10px;
    left: 5px;
    top: 2px;
}

.jpCheckbox[disabled] + label {
    color: #bbb;
    cursor: not-allowed;
}

.jpCheckbox[disabled] + label:before {
    border-color: #ddd;
}

div.details-control {
    background: url('/Content/mime-images/details_open.png') no-repeat center center;
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}

tr.shown div.details-control {
    background: url('/Content/mime-images/details_close.png') no-repeat center center;
}

#column-sortable.ui-sortable,
ul[id*='sortable-property-values-'] {
    border: 1px solid #eee;
    float: left;
    list-style-type: none;
    margin: 0;
    margin-right: 10px;
    min-height: 20px;
    padding: 5px 0 0 0;
    width: 100%;
}

#column-sortable.ui-sortable li,
ul[id*='sortable-property-values-'] li {
    background-color: #e6e6e6;
    border: 1px solid #808080;
    cursor: move;
    font-size: 1em;
    height: 25px;
    margin: 5px 10px 5px 5px;
    padding: 2px 0 0 2px;
    width: 97%;
}

#column-sortable.ui-sortable li.ui-state-disabled {
    cursor: default;
    font-weight: 600;
}

#column-sortable.ui-sortable li.column-fixed {
    background-color: #888;
    color: white;
}

#column-sortable.ui-sortable li.column-active {
    background-color: #097804;
    color: white;
}

ul[id*='sortable-property-values-'] {
    width: 100%;
}

ul[id*='sortable-property-values-'] li {
    background-color: white;
    list-style: none;
}

ul[id*='sortable-property-values-'] li.propertyValue div div a {
    margin-top: -1px;
}

.ui-sortable .btnAlignment {
    float: right;
    height: 23px !important;
    margin-right: 4px;
    margin-top: 0;
    padding: 0;
    padding-top: 1px;
    width: 26px;
}

.btnColumnConfig {
    border: 1px solid #fff;
    color: #ccc;
    float: right;
    height: 20px !important;
    margin-right: 2px;
    margin-top: 0;
    padding: 0;
    padding-top: 0;
    width: 26px;
}

.btnPropertyValueConfig {
    border: 1px solid #fff;
    color: #ccc;
    display: none;
    float: right;
    height: 19px !important;
    margin-right: 2px;
    margin-top: 0;
    padding: 0;
    padding-top: 0;
    width: 26px;
}

.propertyValue:hover .btnPropertyValueConfig {
    display: inline-block;
}

@media (max-width: 1280px) {
    [id*='sortable-property-values-'] .row div {
        width: 33.33333333%;
    }
}

.global-fixed-multiselect-container{
    z-index: 9999;
}

.objectTypePreviewContainer {
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    height: 70vh;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    outline: 0;
}

.objectTypePreviewContainerHeader {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIElEQVQImWP49evXfxhmgDG+fv0K4Xz9+vX/r1+//gMAr6IjOBKUR1EAAAAASUVORK5CYII=);
    border-radius: 5px 5px 0 0;
    display: flex;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}

.objectTypePreviewContainerHeader h5 {
    flex-grow: 1;
    font-size: 14px !important;
    font-weight: normal;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;

    margin-top: 0px;
    margin-bottom: 0px;
}

.objectTypePreviewContainerHeader .modal-header-button-group {
    display: flex;
    margin-right: 8px;
}

.objectTypePreviewContainerHeader .modal-header-button-group .btn.disabled {
    opacity: unset;
}

.objectTypePreviewContainerHeader .modal-header-button-group .btn {
    background-color: transparent;
    background-size: 18px;
    border: 0;
    border-radius: 0;
    color: #464646;
    height: 41px;
    padding: 0;
    width: 36px;
}

.btn-item-checklist i {
    color: #9E9E9E;
}

.btn-item-tracktime i {
    color: #FF5722;
}

.btn-item-save i {
    color: #039BE5;
}

.btn-item-save-close-dialog i {
    color: #0db200;
}

.objectTypePreviewContainerBody {
    position: relative;
    padding: 15px;
    padding-right: 5px;
}

.item-detail-dashlet-nav.nav-tabs > li > a, .item-detail-dashlet-nav.nav-tabs > li > a:focus, .item-detail-dashlet-nav.nav-tabs > li > a:hover {
    color: #555;
}

.item-detail-dashlet-nav.nav-tabs > li.active > a, .item-detail-dashlet-nav.nav-tabs > li.active > a:focus, .item-detail-dashlet-nav.nav-tabs > li.active > a:hover {
    color: #da144f;
}

.item-detail-dashlet-nav i {
    font-size: 18px;
    width: 20px;
}

.item-detail-dashlet-nav .badge.badge-info {
    background-color: #eee;
    border: 1px solid #e5e5e5;
    border-radius: 10px !important;
    color: #555;
    font-size: 12px;
    height: auto;
    left: -12px;
    padding: 2px 4px;
    position: relative;
    min-width: 17px;
}

.nav > li > a {
    padding-bottom: 4px;
    padding-top: 4px;
}

.item-detail-dashlet-nav > li > a {
    padding-right: 0px;
}

#open-general-item-detail-dashlet, #open-history-item-detail-dashlet, #open-approval-item-detail-dashlet {
    padding-right: 15px;
}

.itemDetailCreatedBy {
    position: absolute;
    right: 15px;
}


.itemDetailDetails label,
.cpGroup label{
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

#template-formular-tab .user_preview_container,
.itemDetailDetails .user_preview_container,
.cpGroup .user_preview_container {
    border: 1px solid #ccc;
    min-height: 30px;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
    display: block;
    height: 28px;
    color: #444;
    line-height: 28px;
    padding-left: 5px;
    background-color: white;
}

.objectTypePreviewContainerHeader, .objectTypePreviewContainerBody, .objectTypePreviewContainerBody .btn {
    cursor: context-menu !important;
}

#nodeEditModalVisiblePropertiesForNode .ui-sortable {
    border: unset !important;
    float: unset !important;
}

.itemDetailDetails {
    background: #f7f7f7;
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 10px 10px 0 10px;
    margin-top: 10px;
}

.itemDetailDetails hr,
.cpGroup hr{
    margin-top: 10px;
    margin-bottom: 10px;
}

.itemDetailDetails .breadcrumb,
.cpGroup .breadcrumb{
    padding-left: 0px;
    margin-bottom: unset !important;
}

.itemDetailDetails .input-group,
.cpGroup .input-group{
    width: 100%;
}

.customMimeTypeXs {
    position: relative;
    height: 16px;
    width: 16px;
    clear: both;
    display: inline !important;
}

.star {
    font-size: 20px;
    display: inline-block;
    color: gray;
}

.star:last-child {
    margin-right: 0;
}

.star:before {
    content: '\2605';
}

.star.on {
    color: gold;
}

.star.half:after {
    content: '\2605';
    position: absolute;
    margin-left: -16.6px;
    width: 8.3px;
    overflow: hidden;
    color: gold;
}

.rate {
    border: 0;
    width: 120px;
    background-color: unset !important;
    padding: 5px 0px !important;
}

.rate > input {
    display: none;
}

.rate > label {
    float: right;
    font-size: 28px;
    color: gray;
    margin-top: -12px;
}

.rate > label:before {
    display: inline-block;
    cursor: pointer;
    content: "\2605 ";
}

.form-control[disabled] > label:before {
    cursor: not-allowed !important;
}

.rate .half:before {
    content: "\2605 ";
    position: absolute;
    padding-right: 0;
    width: 11.8px;
    overflow: hidden;
}

.rate input:checked ~ label,
.rate:not([disabled]) label:hover,
.rate:not([disabled]) label:hover ~ label {
    color: gold;
}

.rate:not([disabled]) input:checked + label:hover,
.rate:not([disabled]) input:checked ~ label:hover,
.rate:not([disabled]) input:checked ~ label:hover ~ label,
.rate:not([disabled]) label:hover ~ input:checked ~ label {
    color: #e4c000;
}

.item-detail-dashlet-file-container {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
    padding: 20px 20px;
    margin: 20px;
}

.objectTypePreviewContainerBody .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.objectTypePreviewContainerBody .panel-heading {
    font-size: 14px;
    height: 29px;
    padding: 5px 4px;
    padding-left: 7px;
}

.itemDetailHeader {
    overflow: hidden;
}

.objectTypePreviewContainerBody .panel-heading .infoRight {
    float: right;
}

.tab-content * .panel-default, #item-note-history-container .panel-default {
    margin-top: 10px;
    margin-bottom: 10px;
}

.changeObjectTypeTab,
.changeObjectTypeTab a {
    cursor: pointer !important;
}

.fa.fa-info-circle.error-tooltip {
    cursor:pointer;
}

.modal-lg {
    width: 50%;
}

#tourLangSelInfoFlag, #tourStepLangSelInfoFlag {
    background-size: 80%;
    height: 34px;
    width: 32px;
}

.optionLangSelector.flag-icon {
    background-position: unset;
    text-indent: 20px;
    display: block !important;
    width: calc(100% - 3px);
    height: 16px;
    cursor: pointer;
    display: block !important;
    margin: 3px;
    clear: both;
}

.prop-val-deactivated {
    opacity: 0.5;
}

.logo-default {
    max-height: 30px;
}

.logout-proview-button {
    position: absolute;
    right: 160px;
    padding: 5px 15px;
    display: inline;
}

.logout-button,
.proview-button {
    color: black;
    padding: 5px 3px;
}

.grid-stack-item-content {
    border: 1px solid #e7e7e7;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
}

.field-property-container {
    border: 1px solid #e7e7e7;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
}

/*#template-formular-preview-tab label {
    font-weight: unset;
}
*/
.delete-container {
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
}

.fixprop-id-container,
.prop-id-container,
.component-id-container {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 12px;
    color: white;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.propFieldLabel,
.componentFieldLabel {
    position: absolute;
    top: 24px;
    right: 20px;
    font-size: 10px;
}

.fixprop-id-container {
    background-color: #606467;
}

.prop-id-container {
    background-color: #2d6a9f;
}

.component-id-container {
    background-color: #006941;
}

#template-formular-tab .grid-stack-item-content {
    line-height: 21px !important;
    padding: 5px !important;
}

#template-formular-tab .grid-stack-item-content p {
    margin: 0px !important;
}

#template-formular-tab .grid-stack {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

#template-formular-tab .gs-id-0 > .grid-stack-item > .grid-stack-item-content {
    inset: 5px !important;
}

.drag-container {
    position: absolute;
    top: 3px;
    left: 3px;
    cursor: pointer;
    display: none;
    z-index: 100;
}

.dropzone-area {
    width: 100%;
    height: 100%;
    border: 1px dashed black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-stack-item-content p {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.grid-stack-item-content.selected {
    background: #e3dede;
}

.template-preview-container {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.collapse-heading {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px 4px;
    padding-left: 7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.collapse-heading.collapsed {
    margin-bottom: 10px;
}

.collapse-container {
    padding-top: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-top: none;
}

.template-preview-container h3 {
    font-size: 15px !important;
    margin-bottom: 0px !important;
    font-weight: bold !important;
    display: inline !important;
}

.template-preview-container .fas.fa-chevron-down {
    float: right;
    padding: 5px 4px;
}

.template-preview-container .dropzone-area {
    min-height: 100px;
}

.user_preview_container {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-color: #eeeeee;
}


.objectTypePreviewContainerBody .select2-container .select2-selection--single,
.objectTypePreviewContainerBody .select2-container .select2-selection--multiple {
    max-height: 30px;
}

.objectTypePreviewContainerBody .input-group {
    min-height: 30px;
    max-height: 30px;
}

#divPropMinMaxValueTextFormular {
    height: 50px;
}

#sync-groups-info {
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    border-radius: 4px;
    color: #fff;
    background-color: #9d0404;
    border-color: #ab0202;
    margin-right: 5px;
}

.might-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.propertyTableBG {
    background-color: #d0d0d0;
}

#user-table th:last-child {
    width: 160px !important;
}

.service-catalog-sortable-container #sortable1 {
    border: 1px solid #e1dfdf;
    border-radius: 5px;
}

.service-catalog-sortable-container li.active {
    background-color: #f6f6f6 !important;
}

.image-gallery-container img {
    max-height: 80px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #e1dfdf;
    border-radius: 5px;
}

.image-gallery-container img.selected {
    background: #f3f2f2;
}

.image-gallery-container {
    max-height: 60vH;
    overflow-x: hidden;
    overflow-y: scroll;
}

.helpdesk-domain-tabs-body .nav-tabs {
    margin-bottom: 10px;
}

#helpdesk-domain-service-catalog-area .table-striped > tbody > tr > td:not(:nth-child(2)):not(:nth-child(7)),
#helpdesk-domain-service-catalog-area .table-striped > tbody > tr > th:not(:nth-child(2)):not(:nth-child(7)) {
    background-color: #f9f9f9;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#helpdesk-domain-service-catalog-area .table-striped > tbody > tr > td:nth-child(5) {
    cursor: pointer;
}

.show-font-awesome-icon:before {
    content: "\f0aa";
}

#template_table thead tr th:first-child {
    width: 50px !important;
}

#template_table thead tr th:nth-child(7) {
    width: 90px !important;
}

#form-serviceitem-container #divIsDesignerModeFormular label {
    overflow: hidden;
}

.edit-container {
    position: absolute;
    top: 3px;
    right: 20px;
    cursor: pointer;
}

.subMenuLoginAsUser {
    display: none;
    position: absolute;
    right: 100%;
    transform: translateY(-30px);
    background: #fff;
    padding: 5px 0;
    list-style: none;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-color: #fff;
    background-clip: padding-box;
}

.liLoginAsUser:hover ul {
    display: block;
}

.subMenuLoginAsUser li {
    display: block;
}

.subMenuLoginAsUser > li > a {
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding: 3px 20px;
}

.subMenuLoginAsUser > li:hover {
    background: #f1f1f1;
}

.subMenuLoginAsUser > li > a:hover {
    text-decoration: none;
}

.upgradeSettingsContainer .row {
    margin-bottom: 10px;
}

.componentContainer {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

#template-formular-preview-container .control-label {
    width: 100%;
}

img[src*='richtext'] {
    max-width: 100%;
}

#item-detail-search-task-docu:hover {
    cursor: pointer;
}

@media (max-width: 1120px) {
    #item-detail-search-task-docu {
        display: none !important;
    }
}

#column_sortable_scrollcontainer {
    min-height: 20vh;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 60vh;
}

#column_sortable_scrollcontainer .margin-bottom-15 {
    margin-bottom: 15px;
}

#column_sortable_scrollcontainer .input-group .input-group-addon {
    background-color: #fff;
    border-color: #e5e5e5;
    min-width: 39px;
}

#column_sortable_scrollcontainer .input-group .input-group-addon:hover,
#column_sortable_scrollcontainer .input-group .input-group-addon:hover button {
    background-color: #e6e6e6;
}

#column_sortable_scrollcontainer .input-group .input-group-listView {
    background: #e9e9e9;
    border-color: #e5e5e5;
    min-width: 22px;
}

#column_sortable_scrollcontainer .form-control {
    box-shadow: none;
}

#column_sortable_scrollcontainer .form-control:focus {
    -webkit-box-shadow: inset 0 2px 2px #000000, 0 0 8px #66afe9;
    border-color: #66afe9;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .17), 0 0 8px rgba(102, 175, 233, .6);
    outline: 0;
}

#column_sortable_scrollcontainer .btn-default:focus {
    background-color: #fff;
}

#column_sortable_scrollcontainer .btn-sm > img {
    max-height: 16px;
    max-width: 16px;
}


#column_sortable_scrollcontainer .align-items-center {
    align-items: center !important;
}

#column_sortable_scrollcontainer .col-md-1 {
    width: 45px;
    padding-right: 5px;
    padding-left: 5px;
    height: calc(-75px + 58vh);
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#column_sortable_scrollcontainer .columnSelectScrollContainerLeft,
#column_sortable_scrollcontainer .columnSelectScrollContainerRight {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: content-box;
}

#column-available.ui-sortable,
#column-sortable.ui-sortable {
    border: 1px solid #eee;
    float: left;
    list-style-type: none;
    margin: 0;
    margin-right: 10px;
    min-height: 20px;
    padding: 5px 0 0 0;
    width: 100%;
}

#column-available.ui-sortable li,
#column-sortable.ui-sortable li {
    background-color: #ffffff;
    border: unset;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    cursor: move;
    font-size: 1em;
    height: 25px;
    margin: 5px 10px 5px 5px;
    padding: 2px 0 0 2px;
    width: 97%;
}

#column-sortable.ui-sortable li.ui-state-disabled {
    cursor: default;
    font-weight: 600;
}

#column-sortable.ui-sortable li.column-fixed {
    background-color: #888;
    color: white;
}

#column-sortable.ui-sortable li.column-active {
    background-color: #097804;
    color: white;
}

#column_sortable_scrollcontainer .column-fixed {
    background-color: #888;
    color: white;
}

#column_sortable_scrollcontainer .removeColumnToSelected {
    display: none;
    float: left;
}

#column_sortable_scrollcontainer .addColumnToSelected {
    display: none;
    float: right;
}

#column_sortable_scrollcontainer .colSelectorEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60%;
    float: left;
}

#column_sortable_scrollcontainer .dragHandlerColumnOrder {
    float: left;
    margin-left: 4px;
    margin-right: 8px;
    margin-top: 3px;
}

#column_sortable_scrollcontainer .checkBoxColSelect {
    float: left;
    margin-right: 5px !important;
}

#column_sortable_scrollcontainer .colGotoBtn {
    float: right;
}

.modal-xl {
    width: 90% !important; /* oder 100%, je nach Wunsch */
    max-width: 1200px; /* maximale Breite */
}

#column_sortable_scrollcontainer .col-md-5 div button {
    background: transparent;
    border: 0;
}

#column_sortable_scrollcontainer label {
    font-weight: 400;
    font-size: 14px;
}

#column_sortable_scrollcontainer .col-md-5 {
    width: calc(50% - 25px);
}

#column_sortable_scrollcontainer .col-md-1 {
    width: 45px;
    padding-right: 5px;
    padding-left: 5px;
    height: calc(-75px + 58vh);
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#column_sortable_scrollcontainer .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.status-filter-builder {
    background: rgba(255, 255, 253, 1);
    border: 1px solid rgba(94, 82, 64, 0.2);
    border-radius: 8px;
    padding: 16px;
    max-width: 100%;
}

.status-filter-builder .filter-section {
    margin-bottom: 24px;
}

.status-filter-builder .filter-section-title {
    font-size: 14px;
    font-weight: 600;
    color: rgba(19, 52, 59, 1);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-filter-builder .status-item {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    border: 1px solid grey;
    border-radius: 5px;
    gap: 8px;
}

.status-filter-builder .status-item:hover {
    opacity: 0.85;
}

.status-filter-builder .status-item:active {
    transform: scale(0.98);
}

.status-filter-builder .status-item.selected {
    border: 2px solid rgba(33, 128, 141, 1);
    box-shadow: 0 0 0 3px rgba(33, 128, 141, 0.2);
}

.status-filter-builder .status-item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0;
    accent-color: currentColor;
}

.status-filter-builder .available-status-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    min-height: 60px;
    border: 1px solid grey;
}

.status-filter-builder .filter-groups-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.status-filter-builder .filter-group {
    background: rgba(255, 255, 253, 1);
    border: 2px dashed rgba(94, 82, 64, 0.2);
    border-radius: 8px;
    padding: 12px;
    min-height: 60px;
    position: relative;
}

.status-filter-builder .filter-group-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
}

.status-filter-builder .filter-group-name {
    font-size: 12px;
    font-weight: 600;
    color: rgba(98, 108, 113, 1);
    flex: 1;
    padding: 4px 8px;
    border: 1px solid rgba(94, 82, 64, 0.2);
    border-radius: 6px;
    background: rgba(255, 255, 253, 1);
}

.status-filter-builder .filter-group-name:focus {
    outline: 2px solid rgba(33, 128, 141, 1);
    border-color: rgba(33, 128, 141, 1);
}

.status-filter-builder .group-actions {
    display: flex;
    gap: 8px;
}

.status-filter-builder .btn-icon {
    padding: 4px 8px;
    background: rgba(94, 82, 64, 0.12);
    border: 1px solid rgba(94, 82, 64, 0.2);
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    color: rgba(19, 52, 59, 1);
    transition: background 0.2s;
}

.status-filter-builder .btn-icon:hover {
    background: rgba(94, 82, 64, 0.2);
}

.status-filter-builder .btn-icon.btn-danger:hover {
    background: rgba(192, 21, 47, 0.1);
    color: rgba(192, 21, 47, 1);
}

.status-filter-builder .filter-group-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 40px;
}

.status-filter-builder .dragging {
    opacity: 0.5;
}

.status-filter-builder .drag-over {
    background: rgba(33, 128, 141, 0.1);
    border-color: rgba(33, 128, 141, 1);
}

.status-filter-builder .empty-state {
    color: rgba(98, 108, 113, 1);
    font-size: 12px;
    text-align: center;
    padding: 12px;
}

.status-filter-builder .export-section {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid rgba(94, 82, 64, 0.2);
}

.status-filter-builder .export-output {
    background: rgba(94, 82, 64, 0.12);
    border: 1px solid rgba(94, 82, 64, 0.2);
    border-radius: 8px;
    padding: 12px;
    font-family: monospace;
    font-size: 12px;
    max-height: 200px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

.available-status-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 400px;
    overflow-y: auto;
}

.item-type-row {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

.item-type-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.item-type-label {
    min-width: 150px;
    font-weight: 600;
    color: #495057;
    padding-top: 8px;
    flex-shrink: 0;
}

.item-type-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex: 1;
}

.status-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    cursor: move;
    transition: all 0.2s;
}

.status-item:hover {
    background-color: #e9ecef;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.status-item.dragging {
    opacity: 0.5;
}

.status-item.selected {
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.status-item.drag-over {
    background-color: #cfe2ff;
}

.status-checkbox {
    cursor: pointer;
    margin: 0;
}

.badge.itemState {
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.empty-state {
    padding: 20px;
    text-align: center;
    color: #6c757d;
    font-style: italic;
}

/* In Gruppen: Zeige ItemTypeName neben dem Badge */
.filter-group-content .status-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    cursor: move;
}

.filter-group-content .status-item .badge {
    flex-shrink: 0;
}

.filter-group-content .status-item .item-type-label-inline {
    font-size: 11px;
    color: #6c757d;
    font-style: italic;
    margin-left: 4px;
}

/* Checkbox in Gruppen */
.filter-group-content .status-item .status-checkbox {
    margin: 0;
    cursor: pointer;
}


.fancytree-node.show-link-symbol .fancytree-custom-icon::after,
.fancytree-node.show-link-symbol .fancytree-icon::after,
.fancytree-node.show-link-symbol:has(> img.fancytree-icon)::after,
tr.show-link-symbol .fancytree-custom-icon::after,
tr.show-link-symbol .fancytree-icon::after,
tr.show-link-symbol span.fancytree-node:has(> img.fancytree-icon)::after {
    content: "";
    display: block; /* oder inline-block bei Bedarf */
    width: 13px; /* Breite des JPG-Symbols */
    height: 13px; /* Höhe des JPG-Symbols */
    background-image: url('/Assets/img/linked_node_icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px; /* Position nach Bedarf anpassen */
    right: 6px; /* Position nach Bedarf anpassen */
    pointer-events: none; /* Symbol nicht anklickbar */
    z-index: 10;
    /*opacity: 0.5;*/
}

.fancytree-node.show-link-symbol,
tr.show-link-symbol .fancytree-custom-icon,
tr.show-link-symbol .fancytree-icon,
.fancytree-node.show-link-symbol .fancytree-icon,
.fancytree-node.show-link-symbol .fancytree-custom-icon,
tr.show-link-symbol span.fancytree-node:has(> img.fancytree-icon),
.fancytree-node.show-link-symbol:has(> img.fancytree-icon) {
    position: relative; /* enthält das absolut positionierte Symbol */
}

.fancytree-node.show-link-symbol:has(> img.fancytree-icon)::after {
    right: unset;
    left: 16px;
    top: 7px;
}

tr.show-link-symbol span.fancytree-node:has(> img.fancytree-icon)::after {
    right: unset;
    left: 46px;
    top: 7px;
}

/*.fancytree-node.show-link-symbol .fancytree-title {
    padding-left: 38px !important;
}

.fancytree-node.show-link-symbol > .fancytree-checkbox ~ .fancytree-title {
    padding-left: 58px !important;
}*/