div.file_dialog {
    width: auto;
    height: auto;
    background-color: white;
    padding: 1px 20px 20px 20px;
}

div.file_dialog #dialog_fileTree {
    width: 787px;
    height: 280px;
    margin: 35px auto 0px auto;
    border: 2px solid #929292;
    border-radius: 4px;
    font-size: 1.2em;
}

div.file_dialog .Header {
    float: left;
    font-size: 1.2em;
    font-weight: 600;
    color: #393939;
    margin: 0;
    height: 34px;
}

div.file_dialog .Header .Path {
    display: inline;
    font-weight: 400;
}

div.file_dialog .jstree {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: auto;
}

div.file_dialog .jstree.jstree-focused {
//    background-color: #F1F1F1;
}

div.file_dialog .jstree > ul {
//    background: url("/img/jstree/bg.png") left top repeat;
}

div.file_dialog .jstree li, div.file_dialog  .jstree ins {
    background-image: url("/img/jstree/d.png");
    background-repeat: no-repeat;
    background-color: transparent;
}

div.file_dialog .jstree li {
    background: none;

/*
    background-position: -140px 0; !!!!!!!!!!!!! - Не ставить
    background-repeat: repeat-y; !!!!!!!!!!!!! - Не ставить
*/

    display: block;
    min-height: 28px;
    line-height: 28px;
}

div.file_dialog .jstree li.jstree-last {
    background: transparent;
}

div.file_dialog .jstree .jstree-open > ins {
    background-position: -112px 0;
}

div.file_dialog .jstree .jstree-closed > ins {
    background-position: -84px 0;
}

div.file_dialog .jstree .jstree-leaf > ins {
    background-position: -56px 0;
}

div.file_dialog .jstree a .jstree-icon {
    background-position: -84px -28px;
}

div.file_dialog .jstree .jstree-open > a .jstree-icon {
    background-position: -84px -55px
}

div.file_dialog .jstree li {
    min-height: 28px;
    line-height: 28px;
}

div.file_dialog .jstree a {
    line-height: 28px;
    height: 28px;
    display: inline-block;
    width: 100%;
}

div.file_dialog .jstree a ins {
    background-position: -88px -32px;
}

div.file_dialog .jstree .jstree-hovered {
    background-color: #f9ba6e;
}

div.file_dialog .jstree .jstree-clicked {
    background-color: #F9D9A5;
}

div.file_dialog .jstree .jstree-icon {
    width: 28px;
    height: 28px
}

div.file_dialog .jstree a.jstree-loading .jstree-icon {
    background: url("/img/l.gif") center center no-repeat !important;
}

div.file_dialog .jstree .jstree-no-dots li,
div.file_dialog .jstree .jstree-no-dots .jstree-leaf > ins {
    background: transparent;
}

div.file_dialog .jstree .jstree-no-dots .jstree-open > ins {
    background-position: -28px 0;
}

div.file_dialog .jstree .jstree-no-dots .jstree-closed > ins {
    background-position: 0 0;
}

div.file_dialog .jstree .jstree-no-icons a .jstree-icon {
    display: none;
}

div.file_dialog .jstree .jstree-search {
    font-style: italic;
}

div.file_dialog .jstree .jstree-no-icons .jstree-checkbox {
    display: inline-block;
}

div.file_dialog .jstree .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

div.file_dialog .jstree .jstree-checked > a > .jstree-checkbox {
    background-position: -54px -30px;
}

div.file_dialog .jstree .jstree-unchecked > a > .jstree-checkbox {
    background-position: -2px -19px;
}

div.file_dialog .jstree .jstree-undetermined > a > .jstree-checkbox {
    background-position: -20px -19px;
}

div.file_dialog .jstree .jstree-checked > a > .jstree-checkbox:hover {
    background-position: -38px -37px;
}

div.file_dialog .jstree .jstree-unchecked > a > .jstree-checkbox:hover {
    background-position: -2px -37px;
}

div.file_dialog .jstree .jstree-undetermined > a > .jstree-checkbox:hover {
    background-position: -20px -37px;
}

div.file_dialog #vakata-dragged.jstree ins {
    background: transparent !important;
}

div.file_dialog #vakata-dragged.jstree .jstree-ok {
    background: url("/img/jstree/d.png") -4px -82px no-repeat !important;
}

div.file_dialog #vakata-dragged.jstree .jstree-invalid {
    background: url("/img/jstree/d.png") -28px -82px no-repeat !important;
}

div.file_dialog #jstree-marker.jstree {
    background: url("/img/jstree/d.png") -60px -88px no-repeat !important;
}

div.file_dialog .jstree a.jstree-search {
    color: aqua;
}

div.file_dialog #vakata-contextmenu.jstree-context,
div.file_dialog #vakata-contextmenu.jstree-context li ul {
    background: #f0f0f0;
    border: 1px solid #979797;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
}

div.file_dialog #vakata-contextmenu.jstree-context li {
}

div.file_dialog #vakata-contextmenu.jstree-context a {
    color: black;
}

div.file_dialog #vakata-contextmenu.jstree-context a:hover,
div.file_dialog #vakata-contextmenu.jstree-context .vakata-hover > a {
    padding: 0 5px;
    background: #e8eff7;
    border: 1px solid #aecff7;
    color: black;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

div.file_dialog #vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a,
div.file_dialog #vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a:hover {
    color: silver;
    background: transparent;
    border: 0;
    padding: 1px 4px;
}

div.file_dialog #vakata-contextmenu.jstree-context li.vakata-separator {
    background: white;
    border-top: 1px solid #e0e0e0;
    margin: 0;
}

div.file_dialog #vakata-contextmenu.jstree-context li ul {
    margin-left: -4px;
}

div.file_dialog .jstree li[item_kind="folder"] > a > .jstree-icon {
}

div.file_dialog .jstree li[item_kind="activity"] > a > .jstree-icon {
    background-position: -117px -86px
}


div.file_dialog input[type="text"] {
    margin: 15px auto 0 auto;
    width: 782px;
    height: 29px;
    display: block;
    border: 2px solid #929292;
    border-radius: 4px;
}

div.file_dialog select {
    width: 176px;
    height: 42px;
    padding-right: 36px;
    padding-left: 16px;
    border: none;
    margin: 0;
    color: #126ab2;
    font-size: 18px;
    background-color: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

div.file_dialog .but_ok {
    margin: 15px 0;
    float: right;
    width: 175px;
    height: 40px;
    border: none;
    background-color: #19a951;
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 19px -3px rgba(0, 0, 0, 0.7);
}

#vakata-contextmenu li a {
    color: #333;
}

div.file_dialog .jstree ul {
    margin: 2px 0 0 0;
}

div.file_dialog button {
    width: 120px;
}
div.file_dialog .Selectar::before {
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 42px;
    background-image: url(/css/new/arrow_select.svg);
    background-size: 36px 36px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}
div.file_dialog .Selectar {
    float: left;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    width: 176px;
    height: 46px;
    border: 2px solid #929292;
    border-radius: 4px;
}
div.file_dialog .Selectar:nth-child(2) {
    margin-left: 10px;
}
div.file_dialog .ui-multiselect-header {
    border: none;
}

div.file_dialog .filename {
    width: 295px
}

div.file_dialog .qq-uploader {
    width: 197px;
    margin: 5px 0 0 0;
    float: left;
}

div.file_dialog .qq-upload-button {
    display: block;
    background: url(/img/upload.png) no-repeat 0 0;
    border: none;
    width: 77px;
    height: 32px;
    position: relative;
    top: 0;
    margin: 0;
    left: 0px;
}

div.file_dialog .qq-upload-list {
    z-index: 200;
    position: absolute;
    top: 55px;
    padding: 0;
    list-style: none;
    width: 400px;
    left: 115px;
    font-size: 14px;
    height: 16px;
    overflow: hidden;
}

div.file_dialog .qq-upload-list li {
    background-color: #FFF;
}

div.file_dialog .FileNameA {
    position: absolute;
    left: 115px;
    font-size: 15px;
    top: 68px;
    z-index: 100;
}

@media screen and (max-width: 830px) {
    div.file_dialog #dialog_fileTree {
        width: 81vw;
        height: 37vh;
    }
    div.file_dialog input[type="text"] {
        width: 81vw;
    }
    div.file_dialog .Selectar {
        display: none;
    }
    div.file_dialog .Header {
        width: 81vw;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }
}