﻿
.folders-tree > ul > li > span {
    font-weight: bold
}

.folders-tree > ul > li.expanded > span {
    font-weight: bold;
    color: #ff6a00
}

.folders-tree ul > li.selected > span {
    font-weight: bold;
    color: #ff6a00
}

.folders-tree ul {
    margin: 0;
    padding: 0;
    display: none;
    border-left: dotted 1px #ddd
}

    .folders-tree ul > li {
        padding: 0 0 0 13px;
        margin: 0;
        cursor: pointer;
        list-style: none;
        position: relative
    }

.folders-tree > ul > li ul {
    border-left: dotted 1px #000
}

.folders-tree ul > li > i.exp {
    width: 24px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(img/plus.png) center center no-repeat;
    cursor: pointer
}

.folders-tree ul > li > i.line {
    height: 13px;
    width: 16px;
    border-top: dotted 1px #000;
    display: block;
    position: absolute;
    top: 11px;
    left: -1px
}

.folders-tree ul > li.parent > i.line {
    width: 6px
}

.folders-tree ul > li:last-child > i.line {
    background-color: #f7f7f7
}

.folders-tree ul > li.parent.expanded > i.exp {
    background-image: url(img/minus.png)
}

.folders-tree ul > li > span {
    cursor: pointer;
    color: #0076b2
}

.folders-tree ul > li:hover > span {
    color: #ff6a00
}

.folders-tree > ul, .folders-tree ul > li.parent.expanded > ul {
    display: block
}

.folders-tree ul > li > span {
    line-height: 16px;
    display: block;
    padding: 4px 6px 4px 12px
}

.folders-tree > ul > li > ul > li > ul {
    display: none
}

.browse-images > .images {
    width: calc(100% - 250px);
    float: right;
    height: 100vh;
    overflow-y: auto
}

.images > ul {
    margin: 0;
    padding: 0
}

    .images > ul > li {
        display: inline-block;
        margin: 5px;
        width: 120px;
        height: 100px;
        padding: 4px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: solid 2px #ddd;
        overflow: hidden;
        cursor: pointer
    }

        .images > ul > li > span {
            position: relative;
            display: block;
            height: 100%;
            width: 100%
        }

            .images > ul > li > span > img {
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }
.s_leftmenu {
    background: #1868dd;
    color: white;
    font: -webkit-control;
}
