body {
    font-family: Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default !important;
    padding:0;
    margin:0;
    background:#FFF;
    height:100%;
    width:100%;
    overflow: hidden;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}

#wraper{
    height:100%;
}

#wraper, #menuDir, #menuFile, #pnlEmptyDir, #pnlDirList ul{
    display:none;
}

.scrollPane{
    height:400px;
    overflow-x: hidden;
    overflow-y: auto;
}
.scrollPane.noScroll { overflow-y: hidden; }

a {text-decoration:none; color:#DD7700; }

select:focus, input:focus { outline-width: 0; }
select { border: 1px solid rgb(168, 168, 168); }
input::-moz-focus-inner { border: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

#dirActions { min-width: 228px; }
#fileActions { }
#dirActions.selected, #fileActions.selected {}
.actions { margin-bottom: 5px; white-space: nowrap; overflow-y: hidden; border-bottom: 1px solid #D0D0D0; background-color: #fafbfc; }
.pnlDirs { overflow-x: hidden; overflow-y: auto;border-right:1px solid #D0D0D0; }

#copyright { position: absolute; bottom: 0; left: 0; font-size: 15px; z-index: 50; padding-bottom: 10px; padding-left: 10px; }
.hc #copyright { color: white; }

.si_btn {
    width: 76px;
    padding: 10px;
    height: 74px;
    line-height: 100px;
    font-size: 12px;
    background-position: 21px 10px;
    background-repeat: no-repeat;
    background-color: #fafbfc;
    cursor: pointer;
    border: 1px solid #fafbfc;
}
.si_btn:hover, .si_btn:focus { background-color: #f3f3f3; }
.si_toolbar_item.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; cursor: default; }
#btnSearch.disabled input, #btnOrder.disabled select { pointer-events:none; }

.si_btn.si_separator {
    width: 0px;
    border: none;
    background-color: white;
    cursor: default;
    display: inline-block;
    height: 55px;
    padding: 0;
    margin: 0 3px;
    border-right: 1px solid #D0D0D0;
}
.si_toolbar_item { }
.si_toolbar_item:last-child { margin-right: 0; }

.si_btns_choose {
    border: none;
    paddnig-left: 4px;
    display: inline-block;
}
.si_btns_choose:before {
    content: '';
    width: 0px;
    border: none;
    background-color: white;
    cursor: default;
    display: inline-block;
    height: 55px;
    padding: 0;
    margin: 0 3px;
    border-right: 1px solid #D0D0D0;

}
.si_btns_choose .si_btn { border: none; height: 72px; }
.si_btns_choose .si_btn:first-child { }
.si_btns_choose .si_btn:last-child { border-right: none; }
.si_btns_choose .si_btn.selected { background-color: #F3F3F3; }

#btnAddDir { background-image: url(img/folder-add.png); }
#btnRenameDir { background-image: url(img/folder-rename.png); }
#btnDeleteDir { background-image: url(img/folder-delete.png); }
#btnDownloadDir { background-image: url(img/folder-download.png); }
#btnDirCut { background-image: url(img/cut.png); }
#btnDirCopy { background-image: url(img/copy.png); }
#btnDirPaste { background-image: url(img/paste.png); }

#btnSelectFile { background-image: url(img/select.png); }
#btnAddFile { background-image: url(img/upload.png); }
#btnEditFile { background-image: url(img/edit.png); }
#btnAddFile.cancel { background-image: url(img/cancel.png); }
#btnPreviewFile { background-image: url(img/preview.png); }
#btnRenameFile { background-image: url(img/file-rename.png); }
#btnDownloadFile { background-image: url(img/file-download.png); }
#btnDeleteFile { background-image: url(img/file-delete.png); }
#btnCutFile { background-image: url(img/cut.png); }
#btnCopyFile { background-image: url(img/copy.png); }
#btnPasteFile { background-image: url(img/paste.png); }

#btnListView {  background-image: url(img/list.png); }
#btnThumbView {  background-image: url(img/thumbnails.png); }

.si_pnl_order {
    display: inline-block;
    padding: 0;
    height: 52px;
    font-size: 12px;
    background-image: url(img/order.png);
    background-position: 21px 5px;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.si_pnl_order:before {
    content: '';
    width: 0px;
    border: none;
    background-color: white;
    cursor: default;
    display: inline-block;
    height: 55px;
    padding: 0;
    margin: 0 3px;
    border-right: 1px solid #D0D0D0;
}
.si_pnl_order_desc {
    padding-left: 5px;
    display: inline-block;
    line-height: 100px;
    width: 55px;
    text-align: center;
}
.si_pnl_order_select {
    display: inline-block;
    margin: 12px 8px 0 15px;
    vertical-align: top;
}
.si_pnl_order_select > select {
    background: white;
    font-size: 18px;
}

.si_pnl_find {
    display: inline-block;
    padding: 0 5px;
    height: 52px;
    font-size: 12px;
    background-image: url('img/find.png');
    background-position: 28px 5px;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.si_pnl_find:before {
    content: '';
    width: 0px;
    border: none;
    background-color: white;
    cursor: default;
    display: inline-block;
    height: 55px;
    padding: 0;
    margin: 0 2px;
    border-right: 1px solid #D0D0D0;
}
.si_pnl_find_desc {
    display: inline-block;
    line-height: 100px;
    width: 55px;
    text-align: center;
    padding-left: 7px;
}
.si_pnl_find_box {
    display: inline-block;
    margin: 12px 8px 0 15px;
    vertical-align: top;
}
#txtSearch {
    font-size: 18px;
    width: 180px;
    margin-top: 0;
    margin-right: 4px;
    border: 1px solid rgb(168, 168, 168);
}

.si_tree_item { display:block; padding:6px 3px 3px 3px; cursor:pointer; height: 20px; margin-bottom:3px; border: 1px solid white; }
.si_tree_item.cut { opacity: 0.5; }
.si_tree_item > div { float: left; }
.si_tree_item:hover, .si_tree_item.selected { background: #fafbfc; border: 1px solid #dedede; }
#pnlDirList { margin-left:4px; padding: 0 4px 0 1px }
#pnlDirList ul{ padding:0 0 0 20px; }
#pnlDirList.disabled .si_tree_item { pointer-events:none; cursor: default; opacity: 0.6; }
#pnlDirList.disabled .si_tree_item:hover { background: transparent; }

#pnlDirList.hide-root > li > .si_tree_item { display: none; }
#pnlDirList.hide-root > li > ul { padding-left: 0; }

#pnlFiles { padding: 0 5px; }


.si_tree_item_dir { display: inline-block; background-image: url(img/folder.png); background-repeat: no-repeat; width: 24px; height: 24px; margin-top: -4px; margin-left: 3px; }
.si_tree_item_plus { background-image: url(img/plus.png); background-repeat: no-repeat; background-position: 0 5px; width: 13px; height: 18px; margin-top: -2px; }
.si_tree_item_plus.si_tree_item_plus_minus { background-image: url(img/minus.png); }
.si_tree_item_plus.si_tree_item_plus_blank { background-image: none; }
.si_tree_item .name { font-size: 14px; line-height: 18px; margin-left: 4px; margin-right: 4px; }
.si_tree_item_count {
    float: right !important;
    position: relative;
    right: 0;
    font-size: 14px;
    width: 40px;
    color: #727272;
    text-align: center;
    height: 21px;
    margin-top: -2px;
    line-height: 23px;
    background-color: #fafbfc;
}

.si_tree_item.selected { font-weight: bold; }
.si_tree_item.selected .si_tree_item_count { font-weight: normal; }
#dirActions.selected .si_tree_item.selected .si_tree_item_count { background-color: transparent; color: #444; }
.si_tree_item.selected .si_tree_item_dir { background-image: url(img/folder-selected.png); }

#pnlEmptyDir, #pnlSearchNoFiles { display: none; width: 100%; height: 98%; color: #AAA; font-size: 16px; }
#pnlEmptyDir > div, #pnlSearchNoFiles > div { display: table-cell; vertical-align: middle; text-align: center; }


.contextMenu{
    position:absolute;
    z-index:1000 !important;
    background-color:white;
    border:1px solid #D0D0D0;
    font-size: 14px;
    min-width:140px;
    color: #EEE;
}
.contextMenu a {
    padding: 5px 25px 5px 20px;
    display: block;
    background-repeat:no-repeat;
    background-position: 4px 6px;
    color:#000;
}
.contextMenu a:last-child { border-bottom: none; }
.contextMenu a:hover { background-color: #f3f3f3; }
.contextMenu a.disabled { color: #CCC; cursor: default; }

#alphamanager_preview { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; }
#alphamanager_preview img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
#alphamanager_preview_close { position: relative; right: 0; top: 4px; padding: 2px 6px; background-color: #333; color: white; display: inline-block; cursor: default; font-size: 12px; }


#pnlUploadFiles { width: 100%; display: none; }
.alphaUploader-dropArea {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    font-size: 18px;
}
.alphaUploader-elements { padding: 0 50px; }
.alphaUploader-or {
    padding: 25px;
    font-size: 16px;
    color: #666;
}
.alphaUploader-dropArea input { font-size: 16px; }
.alphaUploader-files { display: none; width: 100%; height: 100%; padding: 30px 0; position: relative; }
.alphaUploader-files table { margin: 0 auto; }
.alphaUploader-header { font-size: 16px; font-weight: bolder; padding-bottom: 5px; }
.alphaUploader-header > div { background-image: url(img/loading.gif); background-position: left 0px; background-repeat: no-repeat; padding-left: 28px; display: inline-block; line-height: 24px; }
.alphaUploader-total { font-size: 16px; padding-bottom: 15px; }
.alphaUploader-cancelInput { background: white; border: #AAA 1px solid; padding: 3px 10px; font-size: 14px; cursor: pointer; }
.alphaUploader-cancelInput:hover { background-color: #EEE; }
.alphaUploader-cancelInput-disabled { cursor: default; background-color: #F8F8F8 !important; border-color: #C8C8C8; opacity: 0.3;}
.alphaUploader-cancelInput-disabled:hover, .alphaUploader-cancelInput-disabled:focus { background-color: white; }

.alphaUploader-filesList { position: absolute; top: 135px; bottom: 0; overflow-y: auto; left:0; right: 0; }

.alphaUploader-file { border-bottom: 1px solid #AAA; font-size: 15px; }
.alphaUploader-file:last-child { border-bottom: none; }
.alphaUploader-status { width: 30px; background-repeat: no-repeat; }
.alphaUploader-status.alphaUploader-status-ok { background-image: url(img/upload_ok.png); }
.alphaUploader-status.alphaUploader-status-fail { background-image: url(img/upload_fail.png); }
.alphaUploader-filename { text-align: right; }
.alphaUploader-filesize { text-align: right; }
.alphaUploader-progressOuter { width: 200px; border: 1px solid #BBB; text-align: left; height: 20px; overflow: hidden; margin: 0 15px;}
.alphaUploader-progressInner { display: inline-block; height: 20px; background-color: #b9def0; width: 0; }

#pnlLoading { width: 100%; display: none; }
#pnlLoading.visible { display: table; opacity: 1; }
#pnlLoading > div { width: 100%; height: 100%; font-size: 18px; padding-bottom: 15px; display: table-cell; vertical-align: middle; text-align: center; }
#pnlLoading > div > div { background-image: url(img/loading.gif); background-position: left -1px; background-repeat: no-repeat; padding-left: 30px; height: 26px; display: inline-block; line-height: 26px; }

.dlg-bg { background-color: #000000; opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 49999; display: none; }
.dlg-outer {
    z-index: 50000;
    position: absolute;
    left: 0; top: 0; width: 100%; height: 100%;
    display: none;
}
.dlg-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.dlg {
    background-color: white;
    border: 6px solid #444;
    display: inline-block;
}
.dlg .title { border-bottom: 1px solid #444; font-size: 18px; padding: 8px 40px 7px 40px; }
.dlg .content { padding: 40px; font-size: 16px; }
.dlg input { width: 300px; font-size: 16px; border: 1px solid rgb(168, 168, 168); }

.dlg-btn { border: 1px solid #666; padding: 3px 0 3px 0; display: inline-block; color: #444; font-size: 15px; margin-bottom: 20px; width: 90px; text-align: center; }
.dlg-btn.disabled { opacity: 0.3; cursor: default; }

#dlgAlert .buttons { text-align: center; }

#dlgAlert { z-index: 50002; }
#dlgAlertBg { z-index: 50001; }
#dlgConfirm, #dlgText { z-index: 49996; }
#dlgConfirmBg, #dlgTextBg { z-index: 49995; }

#pnlViewList { display: none; width: 99%; border-spacing: 0; font-size: 14px; margin: 1px 0 0 1px; }
#pnlViewList td { cursor: pointer; padding-bottom: 0; height: 28px; line-height: 21px; margin-bottom: 1px;}
#pnlViewList .file.cut { opacity: 0.5; }
#pnlViewList .file-icon { width: 26px; text-align: left; background-position: 0 2px; background-repeat: no-repeat; }
#pnlViewList .file-size { width: 110px; text-align: right; }
#pnlViewList .file-date { width: 170px; text-align: right; padding-right: 8px; }
#pnlViewList .file:hover { background-color: #F2F9FF; outline: 1px solid #dedede; }
#pnlViewList .file.selected { background-color: #F2F9FF; outline: 1px solid #dedede; color: black; }
#pnlViewList .file.selected .file-icon { }
#fileActions.selected #pnlViewList .file.selected { background: #F2F9FF; color: black; }

#pnlViewThumbs { display: none; }
#pnlViewThumbs table { width: 100%; border-spacing: 0; }
#pnlViewThumbs td { width: 200px; }
#pnlViewThumbs .file { height: 191px; width: 159px; display: inline-block; cursor: pointer; font-size: 14px; padding: 2px; overflow: hidden; border: 1px solid white; }
#pnlViewThumbs .file.cut { opacity: 0.5; }
#pnlViewThumbs .file:hover { background-color: #F2F9FF; }
#pnlViewThumbs .file-icon { background-position: center; background-repeat: no-repeat; }
#pnlViewThumbs .file-name { padding-top: 14px; text-align: center; white-space: nowrap; }
#pnlViewThumbs .file-size { padding-top: 3px; text-align: center; white-space: nowrap; color: #555; }
#pnlViewThumbs .file-date { display: none; }
#pnlViewThumbs .file.selected { border-color: #aaa; }
#fileActions.selected #pnlViewThumbs .file.selected {}


/* Icons set 2 */
.mod_icons2 #btnAddDir { background-image: url(img/folder-add2.png); }
.mod_icons2 #btnDownloadDir { background-image: url(img/folder-download2.png); }

.mod_icons2 #btnSelectFile { background-image: url(img/select2.png); }
.mod_icons2 #btnAddFile { background-image: url(img/upload2.png); }
.mod_icons2 #btnAddFile.cancel { background-image: url(img/cancel.png); }
.mod_icons2 #btnRenameFile { background-image: url(img/file-rename2.png); }
.mod_icons2 #btnDeleteFile { background-image: url(img/file-delete2.png); }
.mod_icons2 #btnDownloadFile { background-image: url(img/file-download2.png); }

.mod_icons2 .si_pnl_find { background-image: url('img/find2.png'); }


.mod_white-toolbar .si_btn.actions { background-color: white; }
.mod_white-toolbar .actions { background-color: white; border-color: white; }