.TcHmi_Controls_Helpers_DirectoryBrowser-path-display {
    background-color: #fff;
    height: 35px;
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.02), inset 0px 0px 3px 2px rgba(0,0,0,0.3);
}

ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list {
    padding: 3px 1px 3px 1px;
}

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li a {
        color: #4794da;
        background: #d7d7d9;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        padding: 0px 30px 0px 0px;
        text-align: center;
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: right center;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li.folder a {
        background-image: url('Images/folder.svg');
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li.file a {
        background-image: url('Images/file.svg');
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:nth-child(even) a {
        background-color: #d7d7d9;
    }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:nth-child(even) a:before {
            border-color: #d7d7d9;
            border-left-color: transparent;
        }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:nth-child(even) a:after {
            border-left-color: #d7d7d9;
        }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:first-child a {
        padding-left: 15px;
        border-radius: 4px 0 0 4px;
    }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:first-child a:before {
            border: none;
        }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:last-child a {
        padding-right: 30px;
        border-radius: 0 4px 4px 0;
        background-color: #4794da;
        color: #fff;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li.folder:last-child a {
        background-image: url('Images/folder_active.svg');
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li.file:last-child a {
        background-image: url('Images/file_active.svg');
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:last-child a:after {
        border: none;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li a:before, ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li a:after {
        border: 0 solid #d7d7d9;
        border-width: 15px 10px;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:last-child a:before {
        border-color: #4794da;
        border-left-color: transparent;
        color: #fff;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li a:before {
        left: -20px;
        border-left-color: transparent;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li a:after {
        left: 100%;
        border-color: transparent;
        border-left-color: #d7d7d9;
    }

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:not(:last-child) a:hover {
        background-color: #c0c0c5;
    }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:not(:last-child) a:hover:before {
            border-color: #c0c0c5;
            border-left-color: transparent;
        }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-path-display-item-list li:not(:last-child) a:hover:after {
            border-left-color: #c0c0c5;
        }

ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display {
    padding: 5px;
    padding-bottom: 10px;
    margin: 0;
}

    ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li {
        height: 35px;
        line-height: 35px;
        background-color: #ededed;
        color: #000;
        padding: 3px 55px;
        padding-right: 3px;
        text-decoration: none;
        margin-bottom: 3px;
        background-repeat: no-repeat;
        background-size: 60px;
        background-position: 0px -10px;
    }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li:hover {
            background-color: #d7d7d9;
        }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.selected,
        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.current {
            background-color: #4794da;
            color: #fff;
        }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.folder {
            background-image: url(Images/folder.svg);
        }

            ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.folder[data-is-parent="true"] {
                background-image: url(Images/parent_folder.svg);
            }

            ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.folder.selected,
            ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.folder.current {
                background-image: url(Images/folder_active.svg);
            }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.file {
            background-image: url(Images/file.svg);
        }

            ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.file.selected,
            ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.file.current {
                background-image: url(Images/file_active.svg);
            }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.dragging {
            background-color: #4794da;
            color: #fff;
            opacity: 0.5;
        }

        ul.TcHmi_Controls_Helpers_DirectoryBrowser-browsing-display li.drop-zone {
            background-color: #4794da;
            color: #fff;
        }