.dd-container {
    position: relative;
    display: inline-block;
    width: 100%;

    .dd-content {
        position: absolute;
        // overflow-y: auto;
        background-color: $j-dropdown-background-color;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: $j-dropdown-z-index;

        .dd-content-header {
            display: table-row;
        }

        .dd-content-items {
            display: table-row;

            .dd-content-inner {
                height: 100%;
                position: relative;

                .dd-content-scrollable {
                    overflow: auto;
                }
            }
        }

        .dd-content-footer {
            display: table-row;
        }

        .dd-content-inner {
            display: table-cell;
        }

        .dd-item {
            color: $j-dropdown-item-color;
            padding: 12px 16px;
            display: block;
            cursor: pointer;
        }

        .dd-item:hover {
            background-color: $j-dropdown-item-hover-background-color;
        }
    }
    .dd-content-ltr {
        left: 0;
    }
    .dd-content-rtl {
        right: 0;
    }
}