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;
    color: rgb(0, 153, 255);
}
::selection { background: #7DCFFD; color: white; }

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 { padding: 0; min-width: 238px;  }
#fileActions { padding: 0; }
#dirActions.selected, #fileActions.selected {}
.actions { margin-bottom: 10px; white-space: nowrap; overflow-y: hidden; padding: 0; background-color: #526AB6; }
#dirActions .actions, #dirActions .scrollPane { padding-right: 5px; }
#fileActions .actions, #fileActions .scrollPane { }
.pnlDirs { overflow-x: hidden; overflow-y: auto; }

#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: 15px 10px;
    height: 84px;
    line-height: 100px;
    font-size: 12px;
    background-position: center 15px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: white;
}
.si_btn:hover, .si_btn:focus { background-color: #5F81EC; }

.si_toolbar_item.disabled {
    opacity: 0.3;
    cursor: default;
}
.si_toolbar_item.disabled:hover, .si_toolbar_item.disabled:focus { }
.si_btn.disabled:hover, .si_btn.disabled:focus { background-color: transparent; }
#btnSearch.disabled input, #btnOrder.disabled select { pointer-events:none; }

.si_btn.si_separator {
    width: 5px;
    border: none;
    background-color: transparent;
    cursor: default;
    display: inline-block;
    height: 45px;
    padding: 0;
    margin: 0;
}
.si_toolbar_item { margin-right: 5px; }
.si_toolbar_item:last-child { margin-right: 0; }

.si_btns_choose { display: inline-block; }
.si_btns_choose .si_btn { height: 84px; }
.si_btns_choose .si_btn:first-child { margin-left: 0; }
.si_btns_choose .si_btn:last-child { border-right: none; }
.si_btns_choose .si_btn.selected { background-color: #009BD8; }

#btnAddDir { background-image: url(img/add.png); }
#btnRenameDir { background-image: url(img/folder_rename.png); }
#btnDeleteDir { background-image: url(img/folder_delete.png); }
#btnDownloadDir { background-image: url(img/dir-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); }
#btnAddFile.cancel { background-image: url(img/cancel.png); }
#btnEditFile { background-image: url(img/edit.png); }
#btnPreviewFile { background-image: url(img/preview.png); }
#btnRenameFile { background-image: url(img/rename.png); }
#btnDownloadFile { background-image: url(img/download.png); }
#btnDeleteFile { background-image: url(img/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: 10px;
    height: 52px;
    font-size: 12px;
    background-image: url(img/order.png);
    background-position: 21px 10px;
    background-repeat: no-repeat;
    color: white;
}
.si_pnl_order_desc {
    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: #43BEEE;
    color: white;
    border: rgb(139, 201, 241) 1px solid;;
    font-size: 18px;
    margin-top: 0px;
}

.si_pnl_find {
    display: inline-block;
    padding: 10px;
    height: 52px;
    font-size: 12px;
    background-image: url('img/find.png');
    background-position: 21px 10px;
    background-repeat: no-repeat;
    color: white;
}
.si_pnl_find_desc {
    display: inline-block;
    line-height: 100px;
    width: 55px;
    text-align: center;
}
.si_pnl_find_box {
    display: inline-block;
    margin: 12px 8px 0 15px;
    vertical-align: top;
    background: #65CEE9;
    color: white;
    border: 1px solid #2BABCC;
    font-size: 18px;
}
#txtSearch {
    font-size: 18px;
    width: 180px;
    margin: 0;
    background: #43BEEE;
    color: white;
    border: rgb(139, 201, 241) 1px solid;
}

.si_tree_item { display:block; padding:6px 3px 3px 3px; cursor:pointer; height: 20px; margin-bottom:3px; color: rgb(0, 153, 255); }
.si_tree_item.cut { opacity: 0.5; }
.si_tree_item > div { float: left; }
.si_tree_item:hover, .si_tree_item.selected { background: #FF8500; color: white; }
#pnlDirList { margin-left:4px; }
#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; }


.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:hover .si_tree_item_dir, .si_tree_item.selected .si_tree_item_dir { background-image: url(img/folder-selected.png); }
.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:hover .si_tree_item_plus, .si_tree_item.selected .si_tree_item_plus { background-image: url(img/plus-selected.png); }
.si_tree_item_plus.si_tree_item_plus_minus { background-image: url(img/minus.png); }
.si_tree_item:hover .si_tree_item_plus.si_tree_item_plus_minus, .si_tree_item.selected .si_tree_item_plus.si_tree_item_plus_minus { background-image: url(img/minus-selected.png); }

.si_tree_item_plus.si_tree_item_plus_blank { background-image: none !important; }
.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;
    background-color: white;
    text-align: center;
    height: 21px;
    margin-top: -2px;
    line-height: 23px;

    margin-top: -6px;
    margin-right: -3px;
    height: 29px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 29px;
    color: #FF8500;
}

.si_tree_item.selected, .si_tree_item:hover { font-weight: normal; }
.si_tree_item:hover .si_tree_item_count, .si_tree_item.selected .si_tree_item_count { background-color: #DA7100; color: white; font-weight: normal; }
.si_tree_item.selected .si_tree_item_dir { background-image: url(img/folder-selected.png); }

#pnlEmptyDir, #pnlSearchNoFiles { display: none; width: 100%; height: 98%; color: #88B9F8; 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: #3FB3E0;
    font-size: 15px;
    min-width:140px;
}
.contextMenu a {
    padding: 5px 25px 5px 20px;
    display: block;
    background-repeat:no-repeat;
    background-position: 4px 6px;
    color:white;
}
.contextMenu a:last-child { border-bottom: none; }
.contextMenu a:hover { color: white; background-color: #FF8500; }
.contextMenu a.disabled { opacity: 0.4; 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: 99%;
    box-sizing: border-box;
    height: 100%;
    border: 3px dashed #ACD1FF;
    font-size: 18px;
}
.alphaUploader-elements { padding: 0 50px; }
.alphaUploader-or {
    padding: 25px;
    font-size: 16px;
    color: #66AAFF;
}
.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 2px; background-repeat: no-repeat; padding-left: 34px; line-height: 30px; display: inline-block; }
.alphaUploader-total { font-size: 16px; padding-bottom: 15px; }
.alphaUploader-cancelInput { background: white; border: #88B9F8 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.6;}
.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 #88B9F8; 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 #5D77FF; text-align: left; height: 20px; overflow: hidden; margin: 0 15px;}
.alphaUploader-progressInner { display: inline-block; height: 20px; background-color: #5D77FF; 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 2px; background-repeat: no-repeat; padding-left: 34px; line-height: 30px; display: inline-block; }

.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: #1DAEFF;
    border-radius: 6px;
    color: white;
    overflow: hidden;
    display: inline-block;
}
.dlg .title { font-size: 18px; padding: 8px 40px 7px 40px; background-color: #005BAF; color: white; }
.dlg .content { padding: 40px; font-size: 16px; }
.dlg input { width: 300px; font-size: 16px; border: 1px solid #02AEF1; padding: 5px; color: #3A6D81; }
.dlg a { color: white; text-decoration: none; border-bottom: white 1px dotted; }
.dlg a:hover, .dlg a:focus { text-decoration: none; }

.dlg-btn {
    margin: 0 10px;
    padding: 5px 0;
    display: inline-block;
    color: white;
    font-size: 15px;
    margin-bottom: 20px;
    width: 90px;
    text-align: center;
    border-radius: 3px;
}
#dlgTextBtnCancel, #dlgConfirmBtnCancel { background-color: #F14444; border-bottom: none; }
#dlgTextBtnCancel:hover, #dlgTextBtnCancel:focus, #dlgConfirmBtnCancel:hover, #dlgConfirmBtnCancel:focus { background-color: #D33232; border-bottom: none; }
#dlgTextBtnCancel.disabled:hover, #dlgTextBtnCancel.disabled:focus, #dlgConfirmBtnCancel.disabled:hover, #dlgConfirmBtnCancel.disabled:focus { background-color: #F14444;  border-bottom: none; }
#dlgTextBtnOK, #dlgConfirmBtnOK, #dlgAlertBtnOK { background-color: #00FFB8; border-bottom: none; }
#dlgTextBtnOK:hover, #dlgTextBtnOK:focus, #dlgConfirmBtnOK:hover, #dlgConfirmBtnOK:focus, #dlgAlertBtnOK:hover, #dlgAlertBtnOK:focus { background-color: #008661; border-bottom: none; }
#dlgTextBtnOK.disabled:hover, #dlgTextBtnOK.disabled:focus, #dlgConfirmBtnOK.disabled:hover, #dlgConfirmBtnOK.disabled:focus, #dlgAlertBtnOK.disabled:hover, #dlgAlertBtnOK.disabled:focus { background-color: #00FFB8; border-bottom: none; }
.dlg-btn.disabled { opacity: 0.6; 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: 100%; border-spacing: 0; font-size: 16px; }
#pnlViewList td { cursor: pointer; padding-bottom: 0; height: 28px; padding-top: 2px; line-height: 21px; }
#pnlViewList .file.cut { opacity: 0.5; }
#pnlViewList .file-icon { width: 26px; text-align: left; background-position: 0 3px; 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: #F4F4F4; }
#pnlViewList .file.selected { background-color: #FF9530; color: white; }
#pnlViewList .file.selected .file-icon { }
#fileActions.selected #pnlViewList .file.selected { background-color: #FF8500; color: white; }

#pnlViewThumbs { display: none; }
#pnlViewThumbs table { width: 100%; border-spacing: 0; }
#pnlViewThumbs td { width: 200px; }
#pnlViewThumbs .file { height: 193px; width: 159px; display: inline-block; cursor: pointer; font-size: 14px; padding: 6px; overflow: hidden; }
#pnlViewThumbs .file.cut { opacity: 0.5; }
#pnlViewThumbs .file:hover { background-color: #E4E6FF; }
#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: rgb(117, 200, 255); }
#pnlViewThumbs .file-date { display: none; }
#pnlViewThumbs .file.selected { background-color: #FF9530 !important; }
#fileActions.selected #pnlViewThumbs .file.selected { background-color: #FF8500; }
#pnlViewThumbs .file.selected .file-icon {}
#pnlViewThumbs .file.selected .file-icon.icon-ext {}
#pnlViewThumbs .file.selected .file-name { color: white; }
#pnlViewThumbs .file.selected .file-size { color: white; }

.mod_sea .actions { background-color: #007EAF; }
.mod_sea .si_btn:hover, .mod_sea .si_btn:focus { background-color: #009BD8; }