@import "colors";

vn-treeview {
    ul {
        margin: 0;
        padding: 0;

        li {
            list-style: none;
            cursor: pointer;

            .actions {
                padding: 0.5em;
            }

            .description {
                padding: 0.5em
            }
        }

        li ul {
            padding: 0 1.8em;
        }

        li > vn-horizontal:hover {
            background-color: $hover
        }

        li.selected > vn-horizontal > .description .text,
        li.included > vn-horizontal > .description .text {
            font-weight: bold;
            color: $main-01;
        }

        li.included {
            & > vn-horizontal > .description > vn-horizontal > vn-check {
                .mdl-checkbox .mdl-checkbox__box-outline, {
                    border: 2px solid $main-01-05;
                }
                fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
                    border: 2px solid rgba(0,0,0,.26);
                }
                .mdl-checkbox .mdl-checkbox__tick-outline {
                    background: $main-01-05;
                }
            }
        }
    }
}