/* IMPORTANT NOTES
================================================== */
/*
1. For any of the following properites, use variables from CC/Content/Themes/HMSPMS/variables.fonts.css:
- All colors (text, buttons, links, backgrounds, borders, focus styles, etc).
- All font properties (family, size, line height, weight)
2. There are different sets of variables, do not mix variables from different sets as it could result in accesibility/contrast and styling issues in this theme or the white label themes.
3. Icon images should be either spark icons or svg image mask so the color can be customized for white labels unless it's a logo.
4. Margin and padding should use rem units, this allows to scale the size based on font size, which could be different on white label themes. Convertion of common px units to rem:
3px: .1875rem
6px: .375rem
12px: .75rem
16px: 1rem
24px: 1.5rem
32px: 2rem
*/
/* #end IMPORTANT NOTES */

.RadTreeView {
    font: var(--fontFamily);
    font-size: var(--fontSize);
}

    .RadTreeView .rtLI {
        margin: 0;
        padding: 0 !important;
        background: transparent !important;
        position: relative;
        padding: 0 0 0 24px !important;
    }

    .RadTreeView .rtLines .rtLI {
    }

        .RadTreeView .rtLines .rtLI::before {
            content: "";
            display: block;
            position: absolute;
            top: 1px;
            left: 7px;
            bottom: 0;
            border-left: 1px dotted var(--textColor);
        }

        .RadTreeView .rtLines .rtLI.rtFirst::before {
            top: 12px;
        }

        .RadTreeView .rtLines .rtLI.rtLast::before {
            height: 11px
        }

    .RadTreeView .rtLines .rtTop,
    .RadTreeView .rtLines .rtMid,
    .RadTreeView .rtLines .rtBot {
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .RadTreeView .rtLines .rtTop::before,
        .RadTreeView .rtLines .rtMid::before,
        .RadTreeView .rtLines .rtBot::before {
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            top: 12px;
            left: 8px;
            width: 16px;
            border-top: 1px dotted var(--textColor);
        }

    .RadTreeView .rtPlus,
    .RadTreeView .rtMinus {
        color: var(--textColorInfo) !important;
        border: 1px solid var(--textColorInfo) !important;
        background: var(--backgroundWhite) !important;
        display: inline-block;
        margin: 0 0 0 -24px !important;
        width: 14px !important;
        height: 14px !important;
        font-size: 10px !important;
        line-height: 14px !important;
        text-align: center !important;
        vertical-align: middle !important;
        font-family: 'spark-icon-fill' !important;
        position: relative;
        z-index: 2;
    }

        .RadTreeView .rtPlus::before {
            content: "\F142";
        }

        .RadTreeView .rtMinus::before {
            content: "\F143";
        }

    .RadTreeView label {
        min-height: 20px;
        display: inline-block !important;
    }

    .RadTreeView .rtChk, .RadTreeView .rtChecked, .RadTreeView .rtUnchecked, .RadTreeView .rtIndeterminate {
        margin: 0 0 0 8px !important;
    }

    .RadTreeView .rtIn {
        margin: 0 0 0 8px !important;
        padding: 0 !important;
        border: 0 !important;
        text-decoration: none;
    }

    .RadTreeView .rtUL .rtUL {
        padding-left: 3px !important;
    }

    .RadTreeView .rtSp {
        display: none !important;
    }