.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}
.navbar-custom { background-color: #000000; }
.carousel-indicators li { background-color: grey;}
.carousel-indicators .active { background-color: green; }
.itemWidthAndHeight100 { width: 100%; height:auto;}
.imageWidthAndHeight100 { width: 100%; height:auto;}
.itemHeight100 {  }
.imageHeight100 {  }
.lightboxprev, .lightboxnext { cursor:pointer; position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6sease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}
.lightboxprev { left: 0;border-radius: 3px 0 0 3px; }
.lightboxnext {right: 0;border-radius: 3px 0 0 3px; }
.lightboxprev:hover,.lightboxnext:hover {background-color: rgba(0, 0, 0, 0.8);}
.lightboxmodal { display: none; position: fixed; z-index: 1; padding-top:45px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; }
.lightboxslides { height:100%; display: none; }
.lightboxmodal-content { position: relative; background-color: black; margin: auto; padding:0; width: 90%; max-width: 1200px; }
.numbertext {color: #f2f2f2;font-size: 12px;padding: 0px 12px;position: absolute;top: 0;}
.caption-container {text-align: center;background-color: black; padding: 2px 16px;color: white;}
.lightboxdemo { opacity: 0.6; }
.lightboxclose:hover, .lightboxclose:focus { color:#999; text-decoration:none; cursor:pointer; }
.lightboxclose { color: white; position: absolute; top:5px; right:25px; font-size: 35px; font-weight: bold; }
.lightboxcol { padding-left: 4px; padding-right: 4px; }
.cursor { cursor: pointer }
.active, .lightboxdemo:hover { opacity: 1;}
img.hover-shadow { transition: 0.3s}
.hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
.zoom2 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom2:hover,
.zoom2:active,
.zoom2:focus { -ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
position: relative;
z-index:100;}
.zoom3 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom3:hover,
.zoom3:active,
.zoom3:focus { -ms-transform: scale(3);
-moz-transform: scale(3);
-webkit-transform: scale(3);
-o-transform: scale(3);
transform: scale(3);
position: relative;
z-index:100;}
.zoom4 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom4:hover,
.zoom4:active,
.zoom4:focus { -ms-transform: scale(4.0);
-moz-transform: scale(4.0);
-webkit-transform: scale(4.0);
-o-transform: scale(4.0);
transform: scale(4.0);
position: relative;
z-index:100;}
.zoom5 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom5:hover,
.zoom5:active,
.zoom5:focus { -ms-transform: scale(5);
-moz-transform: scale(5);
-webkit-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
position: relative;
z-index:100;}
.zoom6 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom6:hover,
.zoom6:active,
.zoom6:focus { -ms-transform: scale(6.0);
-moz-transform: scale(6.0);
-webkit-transform: scale(6.0);
-o-transform: scale(6.0);
transform: scale(6.0);
position: relative;
z-index:100;}
.zoom10 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom10:hover,
.zoom10:active,
.zoom10:focus { -ms-transform: scale(10.0);
-moz-transform: scale(10.0);
-webkit-transform: scale(10.0);
-o-transform: scale(10.0);
transform: scale(10.0);
position: relative;
z-index:100;}
.zoom20 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom20:hover,
.zoom20:active,
.zoom20:focus { -ms-transform: scale(20.0);
-moz-transform: scale(20.0);
-webkit-transform: scale(20.0);
-o-transform: scale(20.0);
transform: scale(20.0);
position: relative;
z-index:100;}
.zoom30 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom30:hover,
.zoom30:active,
.zoom30:focus { -ms-transform: scale(30.0);
-moz-transform: scale(30.0);
-webkit-transform: scale(30.0);
-o-transform: scale(30.0);
transform: scale(30.0);
position: relative;
z-index:100;}
.zoom40 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.zoom40:hover,
.zoom40:active,
.zoom40:focus { -ms-transform: scale(40.0);
-moz-transform: scale(40.0);
-webkit-transform: scale(40.0);
-o-transform: scale(40.0);
transform: scale(40.0);
position: relative;
z-index:100;}
.50 { -webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}
.50:hover,
.50:active,
.50:focus { -ms-transform: scale(40.0);
-moz-transform: scale(40.0);
-webkit-transform: scale(40.0);
-o-transform: scale(40.0);
transform: scale(40.0);
position: relative;
z-index:100;}
.DivName { cursor: pointer}
.swTreeLevelAccordionLi:hover {
background-color: #eee;
}
.swTreeLevelAccordion ul li {
width: 311px;
list-style: none;
list-style: none;
list-style-type: none;
}
.swTreeLevelAccordion ul {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
.swTreeLevelAccordion ul ul{
display: none;
}
.swTreeLevelAccordion > ul > li {
background-color: #fff;
border-bottom: 2px solid #eaeaea;
margin-bottom:2px;
}
.swTreeLevelAccordion ul li span {
height: 30px;
line-height: 30px;
display: block;
font-size: 16px;
color: #82846f;
text-decoration: none;
outline: none;
padding-left:20px;
}
.swTreeLevelAccordion > ul > li > span {
height: 42px;
line-height: 42px;
padding-left: 0px;
}
/*.swTreeLevelAccordion > ul > li > ul > li > span {
padding-left: 70px;
}
.swTreeLevelAccordion > ul > li > ul > li > ul > li > span {
padding-left: 100px;
}
.swTreeLevelAccordion > ul > li > ul > li > ul > li > ul > li > span {
padding-left: 135px;
}*/
.swTreeLevelAccordion ul li span[data-option='on'] span {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+UCAQcHDuWXudEAAAAHdEVYdEF1dGhvcgCprsxIAAAADHRFWHREZXNjcmlwdGlvbgATCSEjAAAACnRFWHRDb3B5cmlnaHQArA/MOgAAAAl0RVh0U29mdHdhcmUAXXD/OgAAAAd0RVh0U291cmNlAPX/g+sAAAAIdEVYdENvbW1lbnQA9syWvwAAAAZ0RVh0VGl0bGUAqO7SJwAAAXhJREFUOE+VUTtygzAQ5SS5Ra7qEpILxI3doC5pURPPYAOuMJ7hcwTPaLNvn4STjIukWCTt++yHLIhYSAhZWENzCNG74UFx5UQuOKI5+wAAeTVIomRgJ3C+zUR5JqABTR5VuHeFHIuAF51JSu40QI4GrMY3cXJZAUAyAKAEnsizmlU0XrxrRNHdYLt9e9rt9xtXOnFlKaUrxTmnp5Pdbr8Bnjr85s5WfFWJ917q+ij1sWbUtRz19L6SSoPjoHKsSnHIQLgOgyzLYjHHGKdRhusgME/dWtXVIFaelLjM8ypeZpyzGVhlE8dfxeWwdYDjNMnrSy55UehZSJHnFsgD58wqTpvk7BB7qwDihBj1Pk6Wwxt46pItRwMTa9smhGgV3w2A88/Ebf8Wt10nfd/b4i6XXnpEf5GubXVhXsdlp/bB8Mng4/39+fB5uDan5ta2XTifz9J1bTg1zQ154KlgFP00sCWitTSS3YGTk3BekMAG/xkPk38Lyb4ARp8deKcg84UAAAAASUVORK5CYII=") left center no-repeat;
}

.swTreeLevelAccordion ul li span[data-option='off'] span {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+UCAQcHJD4scAcAAAAHdEVYdEF1dGhvcgCprsxIAAAADHRFWHREZXNjcmlwdGlvbgATCSEjAAAACnRFWHRDb3B5cmlnaHQArA/MOgAAAAl0RVh0U29mdHdhcmUAXXD/OgAAAAd0RVh0U291cmNlAPX/g+sAAAAIdEVYdENvbW1lbnQA9syWvwAAAAZ0RVh0VGl0bGUAqO7SJwAAAcJJREFUOE+VUr1Ow0AMvgwMvAMDL8BOHwAJIfVdwquAxJjQrZVaCZbyAKxVSf9SKZVSKZWSu2QDJCZi/Nk5YGBh+GKf/fmzfRfTEgmobU37DY4BxL7kW84zp+OCQxyTDxIgfwv4Ii8gFnk9iwjzpEAFVOSvDj9TIaZNwOuUleTVVQAxFdBueta8crUDEhxomvqiruvnum5mbAWN+M0bY4U8irU7F8sILGCdPXbWvjtnyTpHzgLwLTk+I2atQ/7YT6gjs5Om6VlZVVSVJVVsy7KiKI6orEr2EVOk2/RM10HnbuzpdHpeHAo6AAXsgeI4poKtohA8Mc9PK13hPDw+9PL9nvZ5ToNBRHEUsY25e0yD+5jyfS4AT4u7p8Lo4/Gkl2UZZTtgRzv2UbjL1AcQH0/GPd2Zi/3bDYfD3jZNeact9hKLzhJLNbbl2HA04uLuqfzyYXh9slouP9frNa03G9r8toINLVfLzzAMT/Rpu9uWmzPB0e3Nzd1sNntNFgtKkoQWwCKhhDGfv3wgHzAPhaiTj/xdKnAaGHPJhD7AZ4bpB4HpmyC44tipvyPh4/NbABACRutWUv+nyOe729bn+h/IfAGiJcnKrDx2tAAAAABJRU5ErkJggg==") left center no-repeat;
}
.slideShowImg {
max-width: 100%;
max-height: 100%;
max-height: 400px;
opacity: 0;
transition: opacity 300ms ease-in 0s;
}
.slideShowImg_active {
opacity: 1;
transition: opacity 100ms ease-in 0s;
}
.slideShowMoveButton {
position: absolute;
top: 50%;
width: 25px;
height: 35px;
line-height: 30px;
font-size: 22px;
font-weight: 500;
color: rgba(255, 255, 255, .8);
background-color: rgba(0, 0, 0, .15);
font-family: cursive;
}
.slideShowMoveButton:hover {
cursor: pointer;
}
.slideShowMoveLeft {
left: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.slideShowMoveRight {
right: 0;
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
}
.slideShowCaption {
position: absolute;
width: 100%;
height: auto;
color: white;
background: rgba(0, 0, 0, .4);
}
.slideShow_indicators {
position: absolute;
bottom: 15px;
width: 100%;
height: 10px;
}
.slideShow_indicators_button_Basic {
width: 15px;
height: 15px;
margin-right: 5px;
display: inline-block;
background: rgba(255, 255, 255, .4);
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 50%;
}
.slideShow_indicators_button_Basic_Active {
background-color: white;
border: 3px solid rgba(0, 0, 0, .05);
}
.slideShow_indicators_button_Square {
width: 15px;
height: 15px;
margin-right: 5px;
display: inline-block;
background: rgba(255, 255, 255, .4);
border: 1px solid rgba(0, 0, 0, .1);
}
.slideShow_indicators_button_Square_Active {
background-color: white;
border: 3px solid rgba(0, 0, 0, .05);
}
.slideShow_indicators_button_SquareAnimation {
width: 15px;
height: 15px;
margin-right: 5px;
display: inline-block;
background: rgba(255, 255, 255, .4);
border: 1px solid rgba(0, 0, 0, .1);
}
.slideShow_indicators_button_SquareAnimation_Active {
background-color: white;
border: 3px solid rgba(0, 0, 0, .05);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform .3s linear;
transition: transform .3s linear;
}
.slideShow_indicators_button_TriangleAnimation {
width: 10px;
height: 10px;
margin-right: 5px;
display: inline-block;
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color: transparent transparent rgba(200, 200, 200, .5) transparent;
}
.slideShow_indicators_button_TriangleAnimation_Active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: -webkit-transform .3s linear;
transition: transform .3s linear;
}
.swViewer_spliter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    line-height: 0px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: center;
}

    .swViewer_spliter:hover {
        background-color: #aaa;
    }

.swViewer_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:50%;
    overflow:auto;
    border-bottom: 1px solid #aaa;
}

.swViewer_player {
    position: absolute;
    top:50%;
    left: 0;
    bottom: 0;
    width: 100%;
}

.swViewer_playerItem {
    position: absolute;
    top: 25px;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none;
}

.swViewer_playerItemControl {
    max-width: 100%;
    max-height: 100%;
}

.swViewer_iconSelect {
    position: relative;
    top: 3px;
    right: 10px;
    width: 100%;
    text-align: right;
    height: 25px;
}

.swViewer_iconSelectItem {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #77e2ec;
    display: inline-block;
}

.swViewer_iconSelectItem:hover {
    background-color: #c6ebf2;
}

.swViewer_iconSelectItemActive {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #77e2ec;
    border: 1px solid #77e2ec;
    display: inline-block;
}




.als-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
    z-index: 0;
}

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

.als-wrapper {
    position: relative;
    list-style: none;
}

.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
    text-decoration: none !important;
    overflow: hidden;
}

.als-item .title {
    font-size: 14px;
    color: #333;
    margin-top: 3px;
    text-align: start !important;
    text-decoration: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: "Roboto","Arial",sans-serif;
    overflow: hidden;
}
.als-item .description {
    font-size: 10px;
    color: #999;
    text-align: start !important;
    text-decoration: none;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: "Roboto","Arial",sans-serif;
    overflow: hidden;
}

.als-prev,
.als-next {
    position: absolute;
    cursor: pointer;
    clear: both;
    z-index: 10;
    font-size:13px;
    color:#333;

}

.swListScroller {
    
}

.swListScroller .als-item {
    margin: 0px 5px;
    padding: 4px 0px;
    min-height: 120px;
    min-width: 100px;
    text-align: center;
}

.swListScroller .als-item img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.swListScroller .als-prev,
.swListScroller .als-next {
    top: 40px;
}

.swListScroller .als-prev {
    left: 2%;
}

.swListScroller .als-next {
    right: 2%;
}

.als-viewport ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}






.jstree-node, .jstree-children, .jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
}

.jstree-node {
    white-space: nowrap
}

.jstree-anchor {
    display: inline-block;
    color: black;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top
}

    .jstree-anchor:focus {
        outline: 0
    }

    .jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
        text-decoration: none;
        color: inherit
    }

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center
}

    .jstree-icon:empty {
        display: inline-block;
        text-decoration: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        text-align: center
    }

.jstree-ocl {
    cursor: pointer
}

.jstree-leaf > .jstree-ocl {
    cursor: default
}

.jstree .jstree-open > .jstree-children {
    display: block
}

.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children {
    display: none
}

.jstree-anchor > .jstree-themeicon {
    margin-right: 2px
}

.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden {
    display: none
}

.jstree-hidden, .jstree-node.jstree-hidden {
    display: none
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px
}

    .jstree-rtl .jstree-anchor > .jstree-themeicon {
        margin-left: 2px;
        margin-right: 0
    }

.jstree-rtl .jstree-node {
    margin-left: 0
}

.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%
}

    .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
        cursor: pointer
    }

    .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon {
        position: relative
    }

    .jstree-wholerow-ul .jstree-wholerow {
        width: 100%;
        cursor: pointer;
        position: absolute;
        left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.jstree-contextmenu .jstree-anchor {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none
}

.vakata-context {
    display: none
}

    .vakata-context, .vakata-context ul {
        margin: 0;
        padding: 2px;
        position: absolute;
        background: #f5f5f5;
        border: 1px solid #979797;
        box-shadow: 2px 2px 2px #999999
    }

        .vakata-context ul {
            list-style: none;
            left: 100%;
            margin-top: -2.7em;
            margin-left: -4px
        }

        .vakata-context .vakata-context-right ul {
            left: auto;
            right: 100%;
            margin-left: auto;
            margin-right: -4px
        }

        .vakata-context li {
            list-style: none
        }

            .vakata-context li > a {
                display: block;
                padding: 0 2em 0 2em;
                text-decoration: none;
                width: auto;
                color: black;
                white-space: nowrap;
                line-height: 2.4em;
                text-shadow: 1px 1px 0 white;
                border-radius: 1px
            }

                .vakata-context li > a:hover {
                    position: relative;
                    background-color: #e8eff7;
                    box-shadow: 0 0 2px #0a6aa1
                }

                .vakata-context li > a.vakata-context-parent {
                    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
                    background-position: right center;
                    background-repeat: no-repeat
                }

                .vakata-context li > a:focus {
                    outline: 0
                }

        .vakata-context .vakata-context-no-icons {
            margin-left: 0
        }

        .vakata-context .vakata-context-hover > a {
            position: relative;
            background-color: #e8eff7;
            box-shadow: 0 0 2px #0a6aa1
        }

        .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover {
            background: white;
            border: 0;
            border-top: 1px solid #e2e3e3;
            height: 1px;
            min-height: 1px;
            max-height: 1px;
            padding: 0;
            margin: 0 0 0 2.4em;
            border-left: 1px solid #e0e0e0;
            text-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            border-radius: 0
        }

        .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover {
            color: silver;
            background-color: transparent;
            border: 0;
            box-shadow: 0 0 0
        }

        .vakata-context .vakata-contextmenu-disabled > a > i {
            filter: grayscale(100%)
        }

        .vakata-context li > a > i {
            text-decoration: none;
            display: inline-block;
            width: 2.4em;
            height: 2.4em;
            background: transparent;
            margin: 0 0 0 -2em;
            vertical-align: top;
            text-align: center;
            line-height: 2.4em
        }

            .vakata-context li > a > i:empty {
                width: 2.4em;
                line-height: 2.4em
            }

        .vakata-context li > a .vakata-contextmenu-sep {
            display: inline-block;
            width: 1px;
            height: 2.4em;
            background: white;
            margin: 0 .5em 0 0;
            border-left: 1px solid #e2e3e3
        }

        .vakata-context .vakata-contextmenu-shortcut {
            font-size: .8em;
            color: silver;
            opacity: .5;
            display: none
        }

.vakata-context-rtl ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px
}

.vakata-context-rtl li > a.vakata-context-parent {
    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
    background-position: left center;
    background-repeat: no-repeat
}

.vakata-context-rtl .vakata-context-separator > a {
    margin: 0 2.4em 0 0;
    border-left: 0;
    border-right: 1px solid #e2e3e3
}

.vakata-context-rtl .vakata-context-left ul {
    right: auto;
    left: 100%;
    margin-left: -4px;
    margin-right: auto
}

.vakata-context-rtl li > a > i {
    margin: 0 -2em 0 0
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
    margin: 0 0 0 .5em;
    border-left-color: white;
    background: #e2e3e3
}

#jstree-marker {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

#jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px
}

    #jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy {
        display: inline-block;
        text-decoration: none;
        margin: 0 2px 0 0;
        padding: 0;
        width: 16px;
        height: 16px
    }

    #jstree-dnd .jstree-ok {
        background: green
    }

    #jstree-dnd .jstree-er {
        background: red
    }

    #jstree-dnd .jstree-copy {
        margin: 0 2px 0 2px
    }

.jstree-default .jstree-node, .jstree-default .jstree-icon {
    background-repeat: no-repeat;
    background-color: transparent
}

.jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow {
    transition: background-color .15s,box-shadow .15s
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc
}

.jstree-default .jstree-context {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999999
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
    display: none
}

.jstree-default .jstree-disabled {
    background: transparent;
    color: #666666
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
        box-shadow: none
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef
    }

    .jstree-default .jstree-disabled > .jstree-icon {
        opacity: .8;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%)
    }

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: bold
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: transparent;
    box-shadow: none
}

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
        background: #e7f4f9
    }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
    background: transparent
}

    .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #e7f4f9
    }

.jstree-default > .jstree-striped {
    min-width: 100%;
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked {
    background: transparent;
    box-shadow: none;
    border-radius: 0
}

.jstree-default .jstree-wholerow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);
    background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%)
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px
}

    .jstree-default .jstree-icon:empty {
        width: 24px;
        height: 24px;
        line-height: 24px
    }

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px
}

.jstree-default .jstree-wholerow {
    height: 24px
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
    background-image: url("jstree32px.png")
}

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y
}

.jstree-default .jstree-last {
    background: transparent
}

.jstree-default .jstree-open > .jstree-ocl {
    background-position: -132px -4px
}

.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -100px -4px
}

.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -68px -4px
}

.jstree-default .jstree-themeicon {
    background-position: -260px -4px
}

.jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -4px
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -4px
}

.jstree-default .jstree-disabled {
    background: transparent
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef
    }

.jstree-default .jstree-checkbox {
    background-position: -164px -4px
}

    .jstree-default .jstree-checkbox:hover {
        background-position: -164px -36px
    }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox {
    background-position: -228px -4px
}

    .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover {
        background-position: -228px -36px
    }

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: -196px -4px
}

    .jstree-default .jstree-anchor > .jstree-undetermined:hover {
        background-position: -196px -36px
    }

.jstree-default .jstree-checkbox-disabled {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default > .jstree-striped {
    background-size: auto 48px
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -132px -36px
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -100px -36px
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -68px -36px
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -36px
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -36px
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("jstreethrobber.gif") center center no-repeat
}

.jstree-default .jstree-file {
    background: url("32px.png") -100px -68px no-repeat
}

.jstree-default .jstree-folder {
    background: url("32px.png") -260px -4px no-repeat
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px
}

    #jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er {
        background-image: url("32px.png");
        background-repeat: no-repeat;
        background-color: transparent
    }

    #jstree-dnd.jstree-default i {
        background: transparent;
        width: 24px;
        height: 24px;
        line-height: 24px
    }

    #jstree-dnd.jstree-default .jstree-ok {
        background-position: -4px -68px
    }

    #jstree-dnd.jstree-default .jstree-er {
        background-position: -36px -68px
    }

.jstree-default .jstree-ellipsis {
    overflow: hidden
}

    .jstree-default .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 29px);
        text-overflow: ellipsis;
        overflow: hidden
    }

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==")
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    height: 18px
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px
}

    .jstree-default-small .jstree-icon:empty {
        width: 18px;
        height: 18px;
        line-height: 18px
    }

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px
}

.jstree-default-small .jstree-wholerow {
    height: 18px
}

.jstree-default-small .jstree-node, .jstree-default-small .jstree-icon {
    background-image: url("32px.png")
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y
}

.jstree-default-small .jstree-last {
    background: transparent
}

.jstree-default-small .jstree-open > .jstree-ocl {
    background-position: -135px -7px
}

.jstree-default-small .jstree-closed > .jstree-ocl {
    background-position: -103px -7px
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
    background-position: -71px -7px
}

.jstree-default-small .jstree-themeicon {
    background-position: -263px -7px
}

.jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -7px
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -7px
}

.jstree-default-small .jstree-disabled {
    background: transparent
}

    .jstree-default-small .jstree-disabled.jstree-hovered {
        background: transparent
    }

    .jstree-default-small .jstree-disabled.jstree-clicked {
        background: #efefef
    }

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px
}

    .jstree-default-small .jstree-checkbox:hover {
        background-position: -167px -39px
    }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox {
    background-position: -231px -7px
}

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
        background-position: -231px -39px
    }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
    background-position: -199px -7px
}

    .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
        background-position: -199px -39px
    }

.jstree-default-small .jstree-checkbox-disabled {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default-small > .jstree-striped {
    background-size: auto 36px
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -135px -39px
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -103px -39px
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -71px -39px
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -39px
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -39px
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("jstreethrobber.gif") center center no-repeat
}

.jstree-default-small .jstree-file {
    background: url("32px.png") -103px -71px no-repeat
}

.jstree-default-small .jstree-folder {
    background: url("32px.png") -263px -7px no-repeat
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px
}

    #jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er {
        background-image: url("32px.png");
        background-repeat: no-repeat;
        background-color: transparent
    }

    #jstree-dnd.jstree-default-small i {
        background: transparent;
        width: 18px;
        height: 18px;
        line-height: 18px
    }

    #jstree-dnd.jstree-default-small .jstree-ok {
        background-position: -7px -71px
    }

    #jstree-dnd.jstree-default-small .jstree-er {
        background-position: -39px -71px
    }

.jstree-default-small .jstree-ellipsis {
    overflow: hidden
}

    .jstree-default-small .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 23px);
        text-overflow: ellipsis;
        overflow: hidden
    }

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==")
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    height: 32px
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px
}

    .jstree-default-large .jstree-icon:empty {
        width: 32px;
        height: 32px;
        line-height: 32px
    }

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px
}

.jstree-default-large .jstree-wholerow {
    height: 32px
}

.jstree-default-large .jstree-node, .jstree-default-large .jstree-icon {
    background-image: url("32px.png")
}

.jstree-default-large .jstree-node {
    background-position: -288px 0;
    background-repeat: repeat-y
}

.jstree-default-large .jstree-last {
    background: transparent
}

.jstree-default-large .jstree-open > .jstree-ocl {
    background-position: -128px 0
}

.jstree-default-large .jstree-closed > .jstree-ocl {
    background-position: -96px 0
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
    background-position: -64px 0
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0
}

.jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px 0
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0 0
}

.jstree-default-large .jstree-disabled {
    background: transparent
}

    .jstree-default-large .jstree-disabled.jstree-hovered {
        background: transparent
    }

    .jstree-default-large .jstree-disabled.jstree-clicked {
        background: #efefef
    }

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0
}

    .jstree-default-large .jstree-checkbox:hover {
        background-position: -160px -32px
    }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox {
    background-position: -224px 0
}

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
        background-position: -224px -32px
    }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
    background-position: -192px 0
}

    .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
        background-position: -192px -32px
    }

.jstree-default-large .jstree-checkbox-disabled {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default-large > .jstree-striped {
    background-size: auto 64px
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -128px -32px
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -96px -32px
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -64px -32px
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px -32px
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0 -32px
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("jstreethrobber.gif") center center no-repeat
}

.jstree-default-large .jstree-file {
    background: url("32px.png") -96px -64px no-repeat
}

.jstree-default-large .jstree-folder {
    background: url("32px.png") -256px 0 no-repeat
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px
}

    #jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er {
        background-image: url("32px.png");
        background-repeat: no-repeat;
        background-color: transparent
    }

    #jstree-dnd.jstree-default-large i {
        background: transparent;
        width: 32px;
        height: 32px;
        line-height: 32px
    }

    #jstree-dnd.jstree-default-large .jstree-ok {
        background-position: 0 -64px
    }

    #jstree-dnd.jstree-default-large .jstree-er {
        background-position: -32px -64px
    }

.jstree-default-large .jstree-ellipsis {
    overflow: hidden
}

    .jstree-default-large .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 37px);
        text-overflow: ellipsis;
        overflow: hidden
    }

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==")
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent
}

@media (max-width:768px) {
    #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white
    }

        #jstree-dnd.jstree-dnd-responsive > i {
            background: transparent;
            width: 40px;
            height: 40px
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
            background-image: url("jstree40px.png");
            background-position: 0 -200px;
            background-size: 120px 240px
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-er {
            background-image: url("jstree40px.png");
            background-position: -40px -200px;
            background-size: 120px 240px
        }

    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px
    }
}

@media (max-width:768px) {
    .jstree-default-responsive .jstree-icon {
        background-image: url("jstree40px.png")
    }

    .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl {
        background: transparent
    }

    .jstree-default-responsive .jstree-node {
        min-height: 40px;
        line-height: 40px;
        margin-left: 40px;
        min-width: 40px;
        white-space: nowrap
    }

    .jstree-default-responsive .jstree-anchor {
        line-height: 40px;
        height: 40px
    }

    .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .jstree-default-responsive > .jstree-container-ul > .jstree-node {
        margin-left: 0
    }

    .jstree-default-responsive.jstree-rtl .jstree-node {
        margin-left: 0;
        margin-right: 40px;
        background: transparent
    }

    .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
        margin-right: 0
    }

    .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {
        background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
        background: transparent
    }

    .jstree-default-responsive .jstree-open > .jstree-ocl {
        background-position: 0 0 !important
    }

    .jstree-default-responsive .jstree-closed > .jstree-ocl {
        background-position: 0 -40px !important
    }

    .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
        background-position: -40px 0 !important
    }

    .jstree-default-responsive .jstree-themeicon {
        background-position: -40px -40px
    }

    .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover {
        background-position: -40px -80px
    }

    .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
        background-position: 0 -80px
    }

    .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
        background-position: 0 -120px
    }

    .jstree-default-responsive .jstree-anchor {
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white
    }

    .jstree-default-responsive > .jstree-striped {
        background: transparent
    }

    .jstree-default-responsive .jstree-wholerow {
        border-top: 1px solid rgba(255,255,255,0.7);
        border-bottom: 1px solid rgba(64,64,64,0.2);
        background: #ebebeb;
        height: 40px
    }

    .jstree-default-responsive .jstree-wholerow-hovered {
        background: #e7f4f9
    }

    .jstree-default-responsive .jstree-wholerow-clicked {
        background: #beebff
    }

    .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
        box-shadow: inset 0 -6px 3px -5px #666666
    }

    .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
        box-shadow: inset 0 6px 3px -5px #666666;
        border-top: 0
    }

    .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
        box-shadow: none
    }

    .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {
        background-image: url("jstree40px.png");
        background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-node {
        background-position: -80px 0;
        background-repeat: repeat-y
    }

    .jstree-default-responsive .jstree-last {
        background: transparent
    }

    .jstree-default-responsive .jstree-leaf > .jstree-ocl {
        background-position: -40px -120px
    }

    .jstree-default-responsive .jstree-last > .jstree-ocl {
        background-position: -40px -160px
    }

    .jstree-default-responsive .jstree-themeicon-custom {
        background-color: transparent;
        background-image: none;
        background-position: 0 0
    }

    .jstree-default-responsive .jstree-file {
        background: url("jstree40px.png") 0 -160px no-repeat;
        background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-folder {
        background: url("jstree40px.png") -40px -40px no-repeat;
        background-size: 120px 240px
    }

    .jstree-default-responsive > .jstree-container-ul > .jstree-node {
        margin-left: 0;
        margin-right: 0
    }
}





/*!

Split Pane v0.9.4

Copyright (c) 2014 - 2016 Simon Hagstr鰉

Released under the MIT license
https://raw.github.com/shagstrom/split-pane/master/LICENSE

*/
.split-pane {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

    .split-pane.fixed-top > .split-pane-component,
    .split-pane.fixed-bottom > .split-pane-component,
    .split-pane.horizontal-percent > .split-pane-component {
        position: absolute;
        left: 0;
        width: 100%;
        overflow: auto;
        top: auto;
        bottom: 0;
        z-index: 1;
    }

        .split-pane.fixed-top > .split-pane-component:first-child,
        .split-pane.fixed-bottom > .split-pane-component:first-child,
        .split-pane.horizontal-percent > .split-pane-component:first-child {
            top: 0;
            bottom: auto;
        }

    .split-pane.fixed-top > .split-pane-divider,
    .split-pane.fixed-bottom > .split-pane-divider,
    .split-pane.horizontal-percent > .split-pane-divider {
        position: absolute;
        width: 100%;
        left: 0;
        cursor: row-resize;
        z-index: 2;
    }

        .split-pane.fixed-top > .split-pane-divider > .split-pane-divider-inner,
        .split-pane.fixed-bottom > .split-pane-divider > .split-pane-divider-inner,
        .split-pane.horizontal-percent > .split-pane-divider > .split-pane-divider-inner {
            position: absolute;
            top: -5px;
            left: 0;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            padding: 5px 0;
        }

    .split-pane.fixed-left > .split-pane-component,
    .split-pane.fixed-right > .split-pane-component,
    .split-pane.vertical-percent > .split-pane-component {
        position: absolute;
        top: 0;
        height: 100%;
        overflow: auto;
        left: auto;
        right: 0;
        z-index: 1;
    }

        .split-pane.fixed-left > .split-pane-component:first-child,
        .split-pane.fixed-right > .split-pane-component:first-child,
        .split-pane.vertical-percent > .split-pane-component:first-child {
            left: 0;
            right: auto;
        }

    .split-pane.fixed-left > .split-pane-divider,
    .split-pane.fixed-right > .split-pane-divider,
    .split-pane.vertical-percent > .split-pane-divider {
        position: absolute;
        width:3px;
        border:1px solid #ccc;
        background-color:#ddd;
        height: 100%;
        top: 0;
        cursor: col-resize;
        z-index: 2;
    }

        .split-pane.fixed-left > .split-pane-divider > .split-pane-divider-inner,
        .split-pane.fixed-right > .split-pane-divider > .split-pane-divider-inner,
        .split-pane.vertical-percent > .split-pane-divider > .split-pane-divider-inner {
            position: absolute;
            top: 0;
            left: -5px;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            padding: 0 5px;
        }

.split-pane-resize-shim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.split-pane.fixed-left > .split-pane-resize-shim,
.split-pane.fixed-right > .split-pane-resize-shim,
.split-pane.vertical-percent > .split-pane-resize-shim {
    cursor: col-resize;
}

.split-pane.fixed-top > .split-pane-resize-shim,
.split-pane.fixed-bottom > .split-pane-resize-shim,
.split-pane.horizontal-percent > .split-pane-resize-shim {
    cursor: row-resize;
}



.pretty-split-pane-frame {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 5px;
    background: silver;
}

    .pretty-split-pane-frame .split-pane > .split-pane-divider.dragged.touch {
        background: blue;
        opacity: 0.25;
    }

.pretty-split-pane-component-inner {
    box-sizing: border-box;
    border: 1px solid gray;
    background: white;
    width: 100%;
    height: 100%;
    padding: 0 1em;
    overflow: auto;
}