/* New Search UI - Start*/
.serverDts { float: right; width: 700px; position: fixed; top: 0px; background-color: #fff; right: -800px; padding: 0 40px 40px 40px; height: 600px; z-index: 10; box-shadow:0px 2px 6px #CCC; }
.serverDts .closeWin { cursor: pointer; margin-top: 7px; }
.right { float: right; }
.serTitle { display: block; margin-bottom: 10px; }
.searchBtn { background-color: #6196b9; border: 1px solid #6196b9; border-radius: 2px; color: #fff; font-size: 14px; font-weight: normal; padding: 5px 7px 5px 7px; text-align: center; float: left; cursor: pointer; }
.clear { clear: both; }
.center { text-align: center; }
.serverDts .headerTbrow { border: solid 1px #d0dde2; z-index: 4; border-bottom: solid 0px #d0dde2; }
.serverDts .headerTbrow table th { font-size: 13px; border-bottom: 0px solid #ccc; padding: 10px 10px 10px 5px; margin: 0 0 0 0; background-color: #f1f5f7; text-align: left; }
.serverDts .tableHght { height: 390px; overflow: auto; overflow-x: hidden; position: relative; z-index: 3; border: solid 1px #d0dde2; float: left; width: 598px; }
.serverDts .tableHght table { text-align: left; }
.serverDts .tableHght table tr td { padding: 10px 10px 10px 10px; }
.search_box { width: 100%; float: left; position: relative; margin: 5px 0px 15px 0px }
.search_box_inpt {margin-right: 10px; letter-spacing: 0.08em; width: calc(100% - 128px); border: 1px solid #93b6ca; height: 18px; padding: 7px 15px 7px 10px; line-height: 18px; outline: none; float: left; vertical-align: middle; color: #252525 }
.disabled_search_btn, .search_box_btn, .search_box_trash_btn { width:auto; float:left; text-align: center; color: #fff; font-size: 14px; font-weight: normal;  border-radius: 2px; letter-spacing: 0.05em; padding: 6px 13px 9px; -bracket-: hack[;letter-spacing: 0.1em; padding: 4px 0px 4px; ];}
.search_box_btn , .search_box_trash_btn{background: #6196b9; border: 1px solid #6196b9;} 
.disabled_search_btn{background: #999; border: 1px solid #3C3B3B; padding: 6px 13px 8px !important;}
.serverDts .cont_heading img { margin-top: 2px; margin-right: 7px; vertical-align: middle; float: left; }
.serverDts .selected_bdr { height: auto; position: relative; background:#f9f9f9 ; margin-bottom:80px;}
.serverDts .exclude { margin: 0px 0px; float:none;}
.serverDts .menu { width: 700px }
.serverDts .left_menu { width: 250px; }
.serverDts .folderBackupContent td { padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; }
.serverDts .menu_rename { background-position: 8px -421px; width: 22px; }
.serverDts .excludefiles{ height: 100px; border-bottom: 1px #dedede solid; }
.serverDts h4 { margin-top: 15px; padding-bottom: 6px; }
.serverDts .right_menu { width: 200px; float: right;height: 46px;overflow: hidden;position: absolute;right: 0;}
.serverDts .bckp_btn { margin: 5px 0 0; line-height: 18px; text-align: center; border: 1px solid #8ba82b; background: #8ba82b url(../images/greenbtn_bg.png); color: #fff !important; font-size: 18px; border-radius: 2px; box-shadow: inset 0px 0px 3px #fff; width: 185px; height: 35px; cursor: pointer }
.serverDts .currentLoad { margin: 0px 0px 5px }
.serverDts .rgtclk { background: url(../images/row_selected_bg.png) repeat-x !important; border-bottom: 1px solid #d0dde2; border-top-color: #f9f9f9; }
.serverDts .right_menu .addbckupset {width:185px; float: right; background: url(../images/menu_divider.png)no-repeat left; no-repeat; padding: 7px 0 0 15px; color: #5e95bb; font-size: 14px; height: 41px;cursor: pointer;line-height: 30px;white-space: pre;}
.serverDts .right_menu .addbckupset:hover{background-color: #dfe6eb;}
.addbckupset a.bckp_img{ text-decoration:none;width:130px;height: 41px;padding: 0px 0 0;cursor: pointer; margin:0px 0px; line-height:29px; display:block; padding:0px 25px 0px 35px; background:url(../images/menu_icons.png) 0px -2745px no-repeat; color: #5e95bb;}
.addbckupset a.restr_img { text-decoration: none; width: 130px; height: 41px; padding: 0px 0 0; cursor: pointer; margin: 0px 0px; line-height: 29px; display: block; padding: 0px 25px 0px 35px; background: url(../images/menu_icons.png) 0px -2745px no-repeat; color: #5e95bb; }

.serverDts table.folderBackupContent .excludeheader td.fname{ width:66%}
.serverDts table.folderBackupContent .excludeheader td.fsize{ width:12%}
.serverDts table.folderBackupContent .excludeheader td.fdate{ width:24%}

.serverDts table.folderBackupContent.selectedFiles_tab td.fname{ width:51%}
.serverDts table.folderBackupContent.selectedFiles_tab td.fsize{ width:12%}
.serverDts table.folderBackupContent.selectedFiles_tab td.fdate{ width:23%}

.dropdown.bkp_dropdown li a {width: 120px; }
.file_menu_backupset {background-position: 10px -2621px;}
.file_menu_exclude {background-position: 10px -2660px;}
.file_menu_detail{background-position: 10px -2009px;}

.serverDts .excludeContainer .cont_heading{width:66%}
.serverDts .common_msg { height: 40px; margin: 12px 0px 10px; font-size: 13px; line-height: 18px; position: relative !important; left: 0px; top: 0px; border: 1px solid #DEDEDE; width: 99%; letter-spacing: 0.6px; }
.serverDts .error_msg1 { background: #FFE9EB; color: #B33E3E; display: none; }
.serverDts .success_message { background: #EDFCD6; display: none; }
.serverDts .alert {background: #FFFDDF;display: none; color: #656E7F;}

.serverDts .excludeContainer .folderBackupContent .cont_heading {width: 57%;}
.serverDts .folderBackupContent .cont_heading span{max-width: 322px;}
.tab_loader {background: url(../images/qnap_loader_bg.png) repeat scroll 0 0;display: none; height: 100%; margin: 0 auto;     position: absolute; top: 0; width: 100%; z-index: 9999; }
.tab_loader  p {background: url(../images/qnap_loader_40.gif) no-repeat scroll center center;height: 50px;margin: 22% auto 0;text-indent: -3500px;width: 40px;}
.serverDts  .nfiles {background: none repeat scroll 0 0 #fafafa;border:none;display: none;font-size: 14px;height: 20px;margin: 100px 0px;padding: 71px 0;text-align: center;
}
.search_box_btn:hover,.search_box_trash_btn:hover{background: none repeat scroll 0 0 #5eafe5;}
.serverDts  .disable{background:#999; border:#666}
/* .disabled_search_btn{padding: 9px 20px; margin-left: 5px;height: 16px;} */

.search-chk-box{width:auto;}
.search-file-name{width:58%;}
.search-file-size{width:13%;}
.search-file-date{width:24%;}
.search-menu-icon{width:5%;}

@media screen and (max-width: 980px) {
  .serverDts { width: 80%; right: -350 }
  .serverDts .menu { width: 100%; }
}
@media screen and (max-width: 900px) {
 #localDirSearchList .folderBackupContent {min-width: 700px;}
 .serverDts .excludeContainer .folderBackupContent .cont_heading {/* width: 40%; */}
 .serverDts .folderBackupContent .cont_heading span {width: 75%;}
}
@media screen and (max-width: 780px) {
 .serverDts .excludeContainer .folderBackupContent .cont_heading {width: 30%;}
 .serverDts .folderBackupContent .cont_heading span {width: 65%;}
 .serverDts {width: 84%;}
}
@media screen and (max-width: 640px) {
 .search-file-date{display:none;}
}
@media screen and (max-width: 500px) {
 .search-file-size{display:none;}
  .serverDts .excludeContainer .folderBackupContent .cont_heading {width: 30%;}
 .serverDts .folderBackupContent .cont_heading span {width: 85%;}
 .serverDts {width: 65%;}
 .excludeContainer td {padding: 5px 0 5px 10px;}
}

.locationWrapper { width: 100%; padding-top: 12px; float:left;  }
.locationWrapper { width: 80%; height: auto; padding-top: 5px; float: left; width: calc(100% - 90px); }
.locationMain span:first-child { font-weight: bold; color: #656e7f; font-size: 13px; width: 60px; color: #656e7f; padding-left: 2px; }
.locationMain::before { content: '['; float: left; font-size: 16px; color: #656e7f; margin-top: -1px; margin-left: -7px; }
.locationWrapper::after { content: ']'; margin-left: -7px; margin-top: -1px; float: left; font-size: 16px; color: #656e7f; }
.locationMain { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; word-wrap: normal; display: inline-block; overflow: hidden; position: relative; word-wrap: break-word; font-family: inherit; font-size: 14px; float: left; padding: 0 10px; box-sizing: border-box; }
.locationMain > span { text-decoration: none; font-size: 12px; overflow: hidden; width: auto; padding-right: 5px; color: #656e7f; }
/* Next schedule relate */
.clear { clear: both; }
.syno-oly { height: 100%; float: left; width: 100%; }
/*.syno-oly .wrapper { display: table; }*/
.leftnav.trash-page-ltNav.syno-oly { height: 100%; width: 200px; position: absolute; min-height: 520px;}
.syno-oly .next-schdule-box.schedule-box-wrap-fixed,.next-schdule-box-hidden { position: absolute; margin-top: 0; bottom: 0px; transition: 0.6s all; }
.syno-oly .next-schdule-box.schedule-box-wrap-relative { margin-top: 282px; bottom: -1px;transition: 0.6s all; }
.syno-oly .next-schdule-box.schedule-box-wrap-relative.backup-progress-active { bottom: 0; position: absolute;transition: 0.6s all; }
.syno-oly .next-schdule-box.schedule-box-wrap-relative.restore-progress-active { bottom: 0; position: absolute;transition: 0.6s all; }
.syno-oly .next-schdule-box.schedule-box-wrap-relative.backup-progress-active.restore-progress-active { bottom: 0px; position: absolute; transition: 0.6s all;}
.syno-oly .next-schdule-box.backup-progress-active.restore-progress-active.schedule-box-wrap-top{ /*bottom: 0px;*/ position: absolute; transition: 0.6s all;}
.syno-oly .next-schdule-box.schedule-box-wrap-fixed.schedule-box-wrap-top { bottom: 0px; position: relative; }
section#body-wrapper { width: 100%; height: 100%; position: relative; display: table; }
.syno-oly .next-schdule-box.schedule-box-wrap-bottom{bottom: 0; position: absolute;transition: 0.6s all; }
.syno-oly .next-schdule-box.restore-progress-active.schedule-box-wrap-fixed.backup-progress-active{ bottom: 0px; position: absolute;transition: 0.6s all; }