.organization-list {
    //max-height: 700px;
    //overflow-y: auto;
    &:hover {
        cursor: pointer;
    }

    .scrollable-nodes {
        //max-height: 300px;
        overflow-y: auto;
    }
    details {
        padding-left: $spacing-m;
        &:hover {
            cursor: pointer;
        }
    }

    .level {
        &:hover {
            background: rgba(1, 92, 93, .05);
        }
    }
    summary {
        align-items: center;

        margin-bottom: 1px;
        width: 100%;
        min-height: 36px;
        padding: 0 $spacing-m $spacing-s;
        transition: background .2s ease-in-out;

        &::marker {
            position: relative;
            top: -4px;
        }
        button {
            display: none;
        }
        &:hover {
            //    background: $neutral-95;
            color: $primary;
            button {
                display: inline-flex;
            }
        }
    }

    .node-item {
        mat-icon {
            position: relative;
            top: 6px;

            margin-right: $spacing-s;
        }
        button {
            mat-icon {
                top: -2px;

                margin-right: $spacing-s;
                margin-left: $spacing-s;
            }
        }

        &--new {
            color: $secondary;
        }
    }
    mat-checkbox,
    mat-radio-button {
        position: relative;
        top: 5px;
        float: right;
    }

    .has-location {
        align-items: center;

        width: 100%;
        min-height: 36px;
        padding: 0 $spacing-m 0 $spacing-l;
        transition: background .2s ease-in-out;

        mat-checkbox,
        mat-radio-button {
            position: relative;
            top: 5px;
            float: right;
        }
        &:hover {
            background: rgba(1, 92, 93, .05);
            //    background: $neutral-95;
            color: $primary;

            cursor: default;
            button {
                display: inline-flex;
            }
        }
        &::marker {
            position: relative;
            top: -4px;
        }
    }

    .no-children {
        padding-bottom: 10px;
        padding-left: $spacing-m;
    }
}
.ou-name {
    position: relative;
    top: 8px;
}
.ou-name-fix {
    display: inline-flex;

    @media (max-width:400px) {
        max-width: 200px;
    }
    @media (max-width:600px) {
        max-width: 250px;
    }
}

.ou-loading-spinner {
    position: fixed;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);
}