@charset "UTF-8"; /* CSS Document */ /* Generic Styles */ @font-face { font-family: 'open_sansregular'; src: url('../font/opensans-regular.eot'); src: url('../font/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular.woff') format('woff'), url('../font/opensans-regular.ttf') format('truetype'), url('../font/opensans-regular.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } .clear { clear: both } .float_lt { float: left } .float_rt { float: right } /* Block styles - HTML5 */ header, footer, nav, section, aside, article, menu { display: block } .wrapper { width: 1000px; } header, footer, nav, section, aside, article, menu { display: block; } footer { width: 800px; } .head_cont { width: 800px; } .leftnav { width: 180px; position: relative; top: 0; } .content { margin-left: 0; margin-top: 0!important; float: right; width: 800px; } .content.account { margin-top: 148px; } /* Container styles */ .head_cont { float: right; } .head_links { float: right; width: 100%; text-align: right } .head_search { width: 100%; float: left; position: relative } body { margin: 0px auto; padding: 0px; font-family: 'open_sansregular', tahoma; font-size: 12px; line-height: 18px; color: #333; background: #e9f2f7 url(../images/background.png) repeat-x 0px -2px fixed; opacity: 1 !important; } img { border: 0px; outline: none; } a { cursor: pointer; } /* Container Styles */ .wrapper { margin: 0px auto; position: relative; height: 100%; } header { margin: 0px auto; z-index: 9; background: #e9f2f7 url(../images/background.png) repeat-x 0px -2px fixed; min-width: 100%; float: left; } .content { padding: 0px 0 0px; } /* Header styles */ h1 { text-indent: -3500px; overflow: hidden; padding: 0px; margin: 20px 0px 0px; height: 75px; width: 180px; float: left } h2 { color: #6096bc; font-size: 15px; font-weight: normal; margin: 5px 0px 15px; padding: 0px; letter-spacing: 0.2px } h3 { color: #5087ae; font-size: 14px; font-weight: bold; margin: 0; } h4 { color: #656e7f; font-size: 18px; margin: 60px 0 0; } h6 { color: #5187ad; font-size: 12px; font-weight: normal; margin: 10px 0; float: left; width: 100%; } /* Logo styles */ h1 a { height: 80px; width: 139px; float: left; margin-left: 20px; background: url(../images/idrive_logo.png) no-repeat; } h1 a.synology_logo { background: url(../images/synology_logo.png) no-repeat; } h1 a.asustor_logo{background: url(../images/asustor_logo.png) no-repeat;} h1 a.qnap_logo { background: url(../images/qnap_logo.png) no-repeat; } h1 a.netgear_logo { background: url(../images/netgear_logo.png) no-repeat; } header h1 { position: absolute; left: 0px; } input[type="radio"], input[type="checkbox"] { vertical-align: text-top; } /* Header Links Styles */ .head_search .float_lt { width: 40%; } .head_search .float_lt h4 { font-size: 14px; margin: 60px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; word-wrap: normal; } .head_links ul { float: right; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .head_links li { font-size: 14px; color: #41586a; list-style-type: none; float: left; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px } .head_links li a { color: #41586a; text-decoration: none; float: left; line-height: 23px; padding: 6px 16px 0px 30px } .head_links li a#toplink_upgrade { background: url(../images/upgrade.png) no-repeat 0px 3px; } .head_links li a:hover { color: #6196B9; } .head_links li a.head_user { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #fff url(../images/user_arrow.png) no-repeat right 13px; padding: 6px 37px 6px 13px; outline: none; } .head_links li a.head_user.active { background: #fff url(../images/user_arrow.png) no-repeat right 13px; } .head_links li a.head_user:hover { color: #6196b9; } .head_links li a.head_user_encryption { background: url(../images/download-apps.png) no-repeat scroll 56px -1647px #ffffff!important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 6px 37px 6px 13px; outline: none; } .head_links li a.head_user_encryption.active { background: #fff url(../images/user_arrow.png) no-repeat right 13px; } .head_links li a.head_user_encryption:hover { color: #6196b9; } /* Breadcrumbs related styles */ .wrap_table .breadcrumb { border-bottom: 1px solid #DEDEDE; width: 100%; margin: 0 0px 0 0px !important; } .breadcrumb { height: 36px; margin: 0px 0px 0 0px; float: left; line-height: 30px; white-space: pre; } .breadcrum_menu { margin: 0px; padding: 1px 0 5px; top: 0px; width: 795px; /* z-index: 9; */ position: relative !important; overflow: hidden; } .edit_work .breadcrum_menu { width: 800px !important; } #fullPathBreadCrumb { width: 99%; overflow: hidden; text-overflow: ellipsis; } .breadcrumb a { height: 18px; line-height: 37px; font-size: 13px; color: #41586a; text-decoration: none; background: url(../images/brdcrumb_arrow.png) no-repeat 0px 12px; padding: 10px 5px 9px 16px; overflow: hidden; text-overflow: ellipsis; white-space: pre; max-width: 200px; } .breadcrumb .home, .excludeContainer .breadcrumb .home { background: url(../images/idrive_home.png) no-repeat -3px 3px; padding: 3px 5px 0 33px; float: left; height: 30px; line-height: 30px; } /*text-indent: -3500px;*/ .popContent .excludeContainer .breadcrumb .home, .edit_work .breadcrumb .home { padding-left: 29px; } .breadcrumb a:hover { color: #6196B9; text-decoration: none; } /* Left Nav Menu Styles */ .leftnav ul { width: 100%; text-align: left; padding: 0px; margin: 52px 0 0px; float: left; } .leftnav li { list-style-type: none; font-size: 14px; letter-spacing: 0.10em; margin: 0px; padding: 0px; height: 48px } .leftnav li a { color: #5187ad; text-decoration: none; padding: 15px 0px 15px 0px; height: 18px; float: left; width: 100%; line-height: 22px; text-indent: 20px; } .leftnav li a:hover { color: #5187ad; text-decoration: none; background: rgba(88, 139, 176, 0.2); } .leftnav li a.act { color: #fff; text-decoration: none; background: rgba(88, 139, 176, 0.6) url(../images/leftnav_active.png) no-repeat 0px 18px; line-height: 22px } .leftnav li a.act:hover { color: #fff; text-decoration: none; background: rgba(88, 139, 176, 0.6) url(../images/leftnav_active.png) no-repeat 0px 18px; opacity: 1 } .menu { background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #DEDEDE; height: 45px; margin-left: 0px; padding: 1px 0; position: relative !important; top: 0px; width: 800px; /* z-index: 9; */ float: left; } /* Footer Related styles */ footer { text-align: center; float: left; line-height: 35px; color: #5187ad; margin-left: 180px; } .storage_space { width: 136px; height: 18px; float: left; background: url(../images/download-apps.png) no-repeat -1px -1202px; margin: 5px 0px; } .storage_space span { text-indent: -2500px; height: 9px; float: left; background: url(../images/download-apps.png) no-repeat -1px -1170px; } .head_cont { margin-left: 0; display: inline-block; white-space: nowrap; } .storage_used { float: right; margin: 60px 0px 0 0; width: 55%; } .storage_used ul { list-style: none; display: inline-block; width: auto; float: right; margin: 0; padding: 0; } .storage_used li { float: left; margin-right: 5px; } .storage_used .percentage { color: #69904d; font-size: 15px; font-weight: bold; margin: 0 0px 0 2px; } .container .folderBackup, .container .folderBackupContent, .qnap_container .folderBackup { margin: 20px auto; border: 1px solid #ebebeb; } .container .folderBackup td, .qnap_container .folderBackup td, .container .folderBackupContent td { border-bottom: 0px solid #ebebeb; padding: 10px 0 9px 10px; } .qnap_container .heading { background-color: #f4f4f4; } .qnap_container .folderBackupContent { background-color: #f4f4f4; } .qnap_container .folderBackupContent td { padding: 6px 10px; border-bottom: 1px solid #EBEBEB; } .container .folderBackup .topHeading, .qnap_container .folderBackup .topHeading { color: #5e96b1; background-color: #edf2f5; font-size: 16px; } .container .folderBackup .heading, .qnap_container .folderBackup .heading { color: #69615f; font-weight: bold; } .container .folderBackupContent, .qnap_container .folderBackupContent { margin: 0 auto; float: left; width: 780px; } .container .folderBackup, .qnap_container .folderBackup { margin-bottom: 0px; border-bottom: none; } .container .backupwrapper, .qnap_container .backupwrapper { height: 150px; margin: 0 auto; overflow: auto; width: 95%; } .container .folderBackupContent .cont_heading a, .qnap_container .folderBackupContent .cont_heading a { color: #1374AB; font-size: 14px; text-decoration: none; } .container .folderBackupContent .cont_heading img, .qnap_container .folderBackupContent .cont_heading img, .popContent .folderBackupContent .cont_heading img { margin-top: 2px; margin-right: 7px; vertical-align: middle; float: left; } .backuptime { color: #292d2e; font-size: 15px; padding-right: 7px; } .backuptime img { vertical-align: middle; } select { border: 1px solid #93b6ca; padding: 3px; color: #252525; } .backupsetInput { width: 165px; border: 1px solid #93b6ca; padding: 3px; color: #252525; line-height: 22px; } .setname .backupsetInput { height: 22px; width: 215px; } .notfiy_txtbox .backupsetInput { width: 330px; height: 22px; } .removeRow { cursor: pointer; } .setname { background-color: #e8e9ed; height: auto; padding: 10px; margin: 20px auto 0; width: 97%; margin-left: 0px; } .qnapschedule_container p { margin-bottom: 6px; margin-top: 0px; } .qnapschedule_container, .qnap_container { width: 570px; } .qnap_container .backupwrapper { width: 100%; height: 175px; } .scheduleBtn { margin-right: 5px; height: 30px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-family: tahoma; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .scheduleBtn:hover { background: none repeat scroll 0 0 #5eafe5; } .scheduleBtn:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .scheduleday ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .qnapschedule_container .scheduleday { background-color: #E8E9ED; padding: 5px; height: auto; margin-top: 15px; } .qnapschedule_container .monthly { background-color: #E8E9ED; padding: 5px; height: auto; margin-top: 20px; } .scheduleday li { display: inline-block; float: left; padding-right: 8px; line-height: 20px } .setname .float_rt img { vertical-align: middle; } .setname .float_rt a { text-decoration: none; color: #5f95bb; } .scheduleChangeBtn span { cursor: pointer; } .sliding { width: 110px; height: 60px; position: absolute; right: 0; top: -4px; display: none; padding-top: 29px; z-index: 9999; } .sliding ul { text-align: left; margin-top: 5px; padding: 0 0 8px 0px; background-color: white; -webkit-border-radius: 0 0 7px 7px; -ms-border-radius: 0 0 7px 7px; -o-border-radius: 0 0 7px 7px; border-radius: 10px 0 7px 7px; float: left; width: 100%; border-color: #F8F8F8; border-style: solid; border-width: 0 1px 1px 1px; } .sliding li { width: 100%; margin-left: 0px; padding: 3px 0 3px 2px; } .sliding li a { padding-left: 0px; padding-top: 0px; clear: both; padding-bottom: 0px; } /*pop up*/ .master_wrapper { width: 100%; height: 100%; position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: 99; } .shadow_container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .9; -moz-opacity: .9; -webkit-opacity: .9; -khtml-opacity: .9; filter: alpha(opacity=90); } .popup_wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .first_pos_container { display: table; overflow: hidden; margin: 0px auto; height: 100%; width: 550px; } *:first-child+html .first_pos_container { position: relative; } * html .first_pos_container { position: relative; } .popup_wrapper .sec_pos_container { display: table-cell; vertical-align: middle; } *:first-child+html .popup_wrapper .sec_pos_container { position: absolute; top: 50%; } * html .popup_wrapper .sec_pos_container { position: absolute; top: 50%; } *:first-child+html .popup_wrapper .popup_container { position: relative; top: -50%; } * html .popup_wrapper .popup_container { position: relative; top: -50%; } .popup_container h2 { letter-spacing: normal; font-weight: bold; } .popup_wrapper .popup_container { background: #f9f9f9; border: 4px solid #6ea5ce; border-radius: 2px; padding: 15px; position: relative; } .popup_container { background-color: #F9F9F9; border: 4px solid #6EA5CE; border-radius: 6px; height: auto; margin: 0 auto; max-height: 600px; overflow: auto; padding: 20px; position: relative; width: 700px; } #qnapschedule_container h4 { margin: 0 0 10px; padding: 0 0 0px; width: 100%; } .master_wrapper .popLeft { left: 0; } /* .popup_close_btn { position:absolute; right:-2px; top:-10px; display:block; background: url(../images/popup_close_btn.png) no-repeat; width:16px; height:16px; cursor:pointer; } */ /* .popup_container .popup_header { position:relative; background:none; margin-bottom:10px; border-bottom:1px solid #d2dae0; } */ .popup_container .popup_footer { position: relative; margin: 10px 0 0; } .popup_container .popup_footer input { float: right; width: auto; } .qnapschedule_container .popup_footer input { float: right; width: auto; } .popup_container .popup_content { margin: 0; padding: 0; } .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/Loader.gif) no-repeat center; display: none } .head_usercont:hover .sliding { display: block; } .head_usercont a.head_user { min-width: 100px; height: 27px; } .head_usercont { position: relative; } .sliding a { float: right !important; } #qnap_container { background-color: #000; opacity: 0.7; display: none; position: fixed; height: 100%; width: 100%; z-index: 99; } #qnapschedule_container { display: none; height: 100%; margin: 0 auto; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 9; left: 0px; } .excludefiles table tr td span.blue { color: #296d94; font-size: 13px; line-height: 20px; letter-spacing: 1px; } .excludefiles table tr td span.red { color: #de584c; font-size: 13px; line-height: 20px; letter-spacing: 1px; } .excludefiles table tr td span.green, .logs_notes .green { color: #5ab70e; font-size: 13px; line-height: 20px; letter-spacing: 1px; } .logs-section .blue { color: #296d94; font-size: 13px; line-height: 20px; letter-spacing: 1px; } .logs-section .red { color: #de584c; font-size: 13px; line-height: 20px; letter-spacing: 1px; } .logs-section .green { color: #5ab70e; font-size: 13px; line-height: 20px; letter-spacing: 1px; } .preference { margin: 0px 0px 0px 0px; padding: 0px; width: 100%; min-width: 600px } .exclude { background: #f8f8f8; padding: 0px 0px 0px 0px; } .input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #5E96B1; border-radius: 3px; box-shadow: 0 0 5px #EFEEEE inset; font-size: 12px; height: 22px; line-height: normal; padding: 2px; width: 200px } .exclude { margin: 20px 0px; float: left } .excludeContainer td { border-bottom: 0px solid #EBEBEB; padding: 10px 0 10px 10px; } .excludeContainer { margin: 0px 0px 0px; float: left; width: 100%; position: relative; } .excludeheader { background-color: #F4F4F4; color: #333; font-size: 14px; border-bottom: 1px solid #EBEBEB; padding: 10px 0 10px 10px; } .excludecontent { background: #F7F7F7 } .excludecontent tr { position: relative } .excludecontent tr:hover { background: #EFF9FF; cursor: pointer; color: #333 } .manage_exclude .excludeContainer td { height: 25px; text-align: left; } #job_list_table .folderBackup.jobs_table .excludecontent img { margin-right: 7px; vertical-align: middle } .excludecontent span { color: #1374AB } .backup_page .excludefiles, .localbackup_page .excludefiles ,.restore_page .excludefiles { height: 162px; overflow: hidden; line-height: 19px; } .preference .excludefiles, .preferences .excludefiles { height: 200px; overflow: hidden;line-height: 19px; } .excludefiles.selected_items { max-height: 200px; height: 200px } #selectedBackupsetFiles { width: 665px; } #newBackupSetForm { float: left; height: 200px; } .selectbox { border: 1px solid #B2C8D6; border-radius: 3px; height: 34px; margin-bottom: 10px; padding: 7px 6px 7px 2px; width: 49%; float: left } .submitbtn { position: absolute; left: 177px; top: 2px; outline: none; overflow: hidden; padding: 0 5px; width: 28px; background: url(../images/add_new.png) no-repeat scroll 4px 1px; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer; height: 33px; border: 0px } .selectController, .addController { float: right; width: 26%; margin-right: 10px } .displayController { float: left; width: 100% } .addController { position: relative; margin-top: 10px; } .addController .input { margin-right: 3px } .browsebtn { float: right; height: 33px; margin: 0px 0px 0px 10px; overflow: hidden; padding: 0px; width: 34px; background: url("../images/plus.png") no-repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer } .browsebtn p { color: #FFFFFF; margin: 4px 0 0 22px; padding: 0 !important; position: absolute; } .fileupload { cursor: pointer; margin: 0; opacity: 0; padding: 0; right: 0; top: 0; width: 28px; height: 28px; } .opaqueLayer { background-color: #000000; float: left; height: 100%; opacity: 0.7; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; display: none; } .popStage { display: none; height: 100%; margin: 0 auto; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 9; } .popStage .popup_close_btn { right: 24px; top: 3px; } .popStage .excludeContainer { border: 1px solid #EBEBEB; } .popStage .bcrumbs { float: left; width: 100%; min-height: 35px; } .wrap_table .popup_close_btn { right: 13px; top: 3px; } .wrap_table .popup_tabs { background-color: #EDF2F5; font-size: 16px; border: 1px solid #CCC; } .wrap_table .exclude { border: 1px solid #EBEBEB; } .excludeheader.header_part td.fname { text-indent: 0px; } .popWrapper { display: none; height: 100%; vertical-align: middle; width: 100%; } .downPop { width: 550px; display: none; overflow: hidden!important; } .popContent { background-color: #F9F9F9; border: 4px solid #6EA5CE; border-radius: 6px; height: auto; margin: 0 auto; max-height: 600px; overflow: auto; padding: 20px; position: relative; width: 700px; } .exclude a, .popContent a { color: #0088CC; text-decoration: none } .exclude a, .popContent a:hover { color: #333; text-decoration: none } .popContent h4 { border-bottom: 1px solid #CCCCCC; margin: 0 0 20px; padding: 0 0 10px; width: 100%; } .popContent .exclude { width: 100%; } .popup_close_btn { background: url("../images/popup_close_btn.png") repeat scroll 0 0; cursor: pointer; display: block; height: 16px; position: absolute; right: 16px; top: 12px; width: 16px; } .requirements { cursor: pointer } #fileName { float: left } .heading { color: #69615F; font-weight: bold; } .hsize, .hdate { padding-left: 0px !important } .left { float: left } .right { float: right; margin: 10px 10px 0 0; } .bcrumbs { font-size: 12px; } .subinner { background: url("../images/breadcrumbs_1.png") no-repeat scroll 0 3px; margin: 0 0 0 3px; padding: 0 0 0 15px; } .size, .date { font-size: 11px; } .nfiles { background: none repeat scroll 0 0 #FAFAFA; display: none; height: 20px; padding: 70px 0; text-align: center; font-size: 14px; border-bottom: 1px solid #EBEBEB; } #log_list_table { border-left: 1px solid #EBEBEB; height: 380px; } .scheduler_page .nfiles { border-left: 1px solid #EBEBEB; } .popup_container .nfiles { border-bottom: 0px solid #EBEBEB; } #selectedFiles .nfiles { padding: 102px 0; } /* .newBkpSet .ajax_loader{ margin: 102px auto;} */ #noBackupsetFiles { height: 29px; padding: 81px 0; } .addnew { background: url("../images/add_new.png") no-repeat scroll 0 3px; margin: 0 0 0 3px; padding: 5px 0 0 30px; float: left; height: 30px } .remove { background: url("../images/remove_new.png") no-repeat scroll 0 3px; margin: 0 0 0 3px; padding: 5px 0 0 30px; float: left; height: 30px; cursor: pointer } .divider { float: left; margin: 0px 0px 0px 5px } .add_btn { background: url("../images/greenbtn_bg.png") repeat scroll 0 0 #8BA82B; border: 1px solid #8BA82B; border-radius: 2px; box-shadow: 0 0 3px #FFFFFF inset; color: #FFFFFF !important; cursor: pointer; float: left; font-size: 13px; font-weight: bold; height: 36px; line-height: 18px; margin: 10px 0 0; padding: 0 15px; text-align: center; width: auto; } .requirements { cursor: pointer } .btncontainer { float: left; margin: 20px 0px; } #archiveAbortPopup .btncontainer { float: right; margin: 0px 0px; } .nofiles_cleanup_popup .btncontainer { margin: 0px 0px; } #deleteConfirmArchive .btncontainer { float: right; margin: 0px 0px; } .prefer.content { margin-top: 149px } /* Backup set name */ .removeRow { display: none; } #folderBackupadding tr:hover .removeRow { display: block; } .backupset_chk_delete span { background: url(../images/menu_icons.png) no-repeat 0px -504px; position: relative; float: right; width: 55px; height: 25px; padding: 0px 0 0 20px; overflow: hidden; cursor: pointer; display: none; line-height: 28px; margin-right: 5px; text-align: left; } .schedule_wrap { padding: 0px; margin: 30px; overflow: hidden; float: left; width: 90%; font-size: 14px; } .schedule_wrap .setname { margin: 0px; width: auto; } .schedule_wrap .scheduleBtn { margin-top: 20px; } .schedule_wrap .backupsetInput { width: 160px; } .schedule_job { margin: 10px 0; padding: 0px 10px; } .schedule_wrap .float_rt { padding-top: 3px; } .schedule_wrap .float_rt img { float: left; padding: 5px; cursor: pointer; } .schedule_wrap .float_rt a { line-height: 24px; float: left } .body_wrap { margin: 0px 0px 0px 0px; padding: 0px; width: 100%; min-width: 600px; position: relative; } .body_wrap .exclude { float: none; margin: 0px 0 0px; overflow: hidden; clear: both; } .body_wrap .main_chk { padding-left: 0px; } .folderBackupContent { border: 0px !important; } .folderBackupContent span { color: #1374AB; font-size: 14px; float: left; padding-top: 3px; } .body_wrap .folderBackupContent td:first-child { border-top: 0px; } /* .body_wrap .folderBackupContent tr:last-child td{border-bottom:0px;} */ .header_part { float: left; } .excludeheader.header_part { float: left; display: inline-block; width: 97%; font-size: 12px; background: #F4F4F4; padding: 0 3% 0 0; } .excludeheader.header_part:hover { background: #F4F4F4 } .excludeheader.header_part td { border: 0px; padding: 0px 0 0 10px; height: 27px; font-size: 13px; } .excludeheader .left { color: #5087AE; font-size: 14px; font-weight: bold; } .pref_mainHeader .excludeheader { background: #FFF; } .folderBackupContent tr:hover, #folderBackupadding tr:hover { background: #EFF9FF; color: #333 } .sheduler_backup { font-size: 14px; } .sheduler_backup .excludeContainer { border: 0px; } .sheduler_backup .backupsetInput { width: 165px } .sheduler_backup h3 { margin: 8px 0 3px 8px; } .sheduler_backup .float_rt { float: right; margin: 5px; line-height: 21px; width: 140px; } .sheduler_backup .float_rt img { padding: 0px 4px 0 0; float: left; cursor: pointer; } .sheduler_backup .float_rt a { float: left; line-height: 10px; padding-top: 2px; } .sheduler_backup .setname { background: none; margin: 5px auto; } .sheduler_backup .scheduler_row { background: #fff; border: 1px solid #E8E9ED; float: left; width: 98%; height: auto; padding: 10px; margin: 0 0 20px -1px; } .select_month, .additional_mail { float: left; width: 95%; margin: 15px 0 5px; } .additional_mail ul { float: left; margin: 0px; padding: 0px; list-style: none; } .additional_mail ul li { float: left; margin: 0 5px 0 0; } .scheduleday_inner { float: left; padding-left: 10px; } .schedule_time { float: left; margin: 10px 0; padding: 0px; list-style: none; } .schedule_time li { float: left; margin: 0 10px; } .scheduler_row.scheduleday li { display: inline-block; float: left; padding-right: 13px; line-height: 20px } .scheduler_btn_wrap { width: 100%; min-height: 60px; float: left; } .sheduler_backup .scheduleTimeBtn { display: block; margin: 0 auto; width: 160px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-family: tahoma; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 8px 10px; } .body_wrap .exclude { margin-bottom: 25px; } .restore_page .restoreSetSelected { margin-bottom: 0px !important; } #backupset_list { margin-bottom: 0px; } .excludeheader.backupsetTitle { background: none repeat scroll 0 0 #F9F9F9; } .excludeheader.backupsetTitle td { border-bottom: 1px solid #EBEBEB; } .excludeheader.backupsetTitle td { padding: 10px; } .login_details .controls { background: #FFE9EB; color: #B33E3E; display: none; height: 40px; margin: 12px 0px 10px; font-size: 13px; line-height: 18px; position: relative; left: 0px; top: 0px; border: 1px solid #DEDEDE; width: 85%; letter-spacing: 0.6px; } .common_msg { height: 40px; margin: 12px 0px 10px; font-size: 13px; line-height: 18px; position: absolute; left: 0px; top: 0px; border: 1px solid #DEDEDE; width: 99%; letter-spacing: 0.6px; } .common_msg p { margin: 11px 0px; text-indent: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 96%; } .close_info { position: absolute; right: 8px; top: 12px; } .error_msg, #excludeFullError, #popupError, #popupError1, #searchError, #permissionError { background: #FFE9EB; color: #B33E3E; display: none } .version_error_msg { position: relative; margin: 0 0 20px; } .alert { background: #FFFDDF; display: none; color: #656E7F; } .welcome_message { background: #EDFCD6; display: none } /* .prefer.content{background: #F4F4F4;padding: 0px 0 30px;} */ .logs_wrap { background: #F9F9F9; padding-bottom: 13px; } .logs_wrap .logos_exclude { padding: 35px; overflow: hidden; position: relative; margin-bottom: 0; } /* height: 365px; */ .body_wrap .exclude.manage_exclude { padding: 35px 35px 0; overflow: hidden; margin-bottom: 0px; } .scheduler_page { min-height: 600px; } .scheduler_page #scheduler_div { margin-top: 50px; } .logs_wrap .folderBackup { margin: 0px; } /*.account_wrap { background: #F9F9F9; }*/ .account_wrap .account_exclude { padding: 20px 35px; overflow: hidden; } .account_wrap .folderBackup { margin: 0px; border: 0px; float: left } .account_wrap .scheduleBtn { height: 30px; width: 80px; } .account_wrap .folderBackup td { border: 0px; } .account_wrap .acc_txtbox { border: 1px solid #5E96B1; box-shadow: 0 0 5px #EFEEEE inset; font-size: 14px; height: 22px; line-height: normal; padding: 2px; width: 200px; } .account_wrap .backupsetInput { width: 205px; border: 1px solid #5E96B1; height: 28px; } .account_wrap .folderBackup a img { text-align: center; } .manage_wrap { padding: 35px; overflow: hidden; } .backup_start_time { float: left; width: 20%; overflow: hidden; line-height: 24px; } .backup_set_time { float: left; width: 50%; overflow: hidden; } .manage_schedule { overflow: hidden;} .manage_schedule .setname { float: left; width: 100%;/* border-bottom:2px solid #fff; */ margin-top: 0px; margin-bottom: 20px; } .manage_schedule .scheduleday p, .manage_schedule .scheduleday ul { padding: 0px 0px; margin: 0px; } .manage_schedule .scheduleday input[type="checkbox"] { vertical-align: bottom; } .manage_schedule .monthly input[type="checkbox"] { vertical-align: sub; } .manage_schedule .monthly ul { padding: 0px; margin: 0px; list-style: none; } .manage_schedule .monthly ul li { list-style: none; float: left; padding-right: 20px; line-height: 30px; } .manage_schedule .monthly .backupsetInput { width: 80px; } .manage_schedule .scheduleBtn { padding: 3px 10px; float: right; } .manage_schedule .manage_submit { border-bottom: 0px; } .jobs_heading td { border-bottom: 0px !important } .logs_wrap .jobs_heading { border-bottom: 1px solid #EBEBEB } .jobs_table tr { cursor: pointer; } .jobs_table tr:hover, .jobs_table tr.active { background: #EFF9FF; } .excludeContainer .breadcrumb { height: 35px; margin: 0 5px 0 5px; } .excludeContainer .breadcrumb a { padding-top: 5px; background: url(../images/brdcrumb_arrow.png) no-repeat 0px 7px; } .account_lft { float: left; width: 60%; } .account_rgt { float: right; width: 40%; } .switch_account { margin-right: 20px; float: right; color: #5187AD; } .logout_account { float: right; color: #5187AD; } .backupnow_btm { padding: 20px; float: left; overflow: hidden; } .backupnow_btm .scheduleBtn { width: 120px; height: 35px; } .scheduler_part { border-bottom: 1px solid #EBEBEB; } .manage_exclude .scheduler_part { border-bottom: 0px solid #EBEBEB; } .popStage .exclude { border-bottom: 0px; } .restorenow_btm { padding: 20px; float: left; overflow: hidden; width: 95%; } .restorenow_btm .scheduleBtn { width: 120px; height: 35px; float: right; } .restorenow_rgt { float: right; width: 24%; } .restorenow_lft { float: left; width: 50%; } .restorenow_lft label { float: left; margin-right: 10px; line-height: 25px; font-size: 14px; } .restorenow_lft input[type="text"] { float: left; margin-right: 10px; } .restore_txtbox { background: none repeat scroll 0 0 #FFF; border: 1px solid #5E96B1; box-shadow: 0 0 5px #EFEEEE inset; font-size: 12px; height: 22px; padding: 2px; width: 200px; color: #9F9F9F; line-height: 22px; } #file_browse { height: 29px; background: url(../images/browse_file.png) no-repeat 0 1px; width: 30px; cursor: pointer; border: none; text-indent: -3500px; margin: 1px 0 0; } .bkplocation #file_browse { margin: 0 0 0 5px; } .exclude.logos_exclude .folderBackup { border-right: 0px solid #EBEBEB; border-top: 0px solid #EBEBEB; } .exclude.logos_exclude .folderBackup tr:hover { background: #EFF9FF; } #log_list_table.folderBackup tr td { padding: 5px 0 5px 10px; border-bottom: 0px; } #logRows { border-right: 0px solid #EBEBEB; float: left; } /* width:710px; */ .popup_tabs td { cursor: pointer; text-align: center; border-bottom: 0px; font-size: 14px; } .popup_tabs td.active { background-color: #5E96C6; color: #fff; } .selected_before { border-left: 1px solid #5E96B1; border-top: 1px solid #5E96B1; } .selected_after { border-right: 1px solid #5E96B1; border-top: 1px solid #5E96B1; } .selected_empty { border-top: 0px solid #5E96B1; } .selected_bdr { border: 1px solid #5E96C6; } /* .ajax_loader{background:url(../images/Loader.gif) no-repeat 0 0; height:20px; width:22px; margin: 71px auto; display:none;} */ .ajax_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; } .page_loader { background: url("../images/qnap_loader_bg.png") repeat scroll 0 0; display: none; height: 100%; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 9999; } .ajax_loader p { background: url("../images/qnap_loader_40.gif") no-repeat scroll center center; height: 100%; margin: 0 auto; text-indent: -3500px; width: 100%; } .page_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; } /*.cancel_job{background:url(../images/idq_ico_remove.png) no-repeat 45px 12px; text-indent:-1500px;}*/ .cancel_job { background: url(../images/idq_ico_remove.png) no-repeat 0px 4px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 40px; } .delete_job { background: url(../images/menu_icons.png) no-repeat 35px -498px; text-indent: -1500px; } .logs_notes { padding: 20px 0 0; bottom: 20px; } .manage_exclude .excludeContainer { border-right: 1px solid #EBEBEB; } .excludeContainer .job_delete span { padding-right: 20px; } .logos_exclude .delete_job { background: url(../images/menu_icons.png) no-repeat 45px -498px; text-indent: -1500px; cursor: pointer; } .logos_exclude .disable_job { background: url(../images/disable_job.png) no-repeat 45px 16px; text-indent: -1500px; } .logos_exclude .job_delete span { padding-right: 20px; } .table_footer .scheduleBtn { margin-right: 20px; float: left; } /* Check box styles */ .file_check { position: relative; width: 3%; } .excludeheader .header_part .file_check, .file_check_disabled { position: relative; } .container .header_part .file_date { padding-left: 12px; } .popup_body .header_part .file_date { padding-left: 9px; } .excludeContainer .file_check, .file_check_disabled { position: relative; width: 2%; } .excludeContainer .file_size { width: 11%; } .excludeContainer .file_date { width: 20%; } .excludeContainer .cont_heading { width: 61%; } .search_popup .excludeContainer .file_date { width: 22%; } .search_popup .excludeContainer .cont_heading { width: 64%; } .partial_header .header_part .file_check { padding: 0 5px 0 10px; } .file_check label, .file_check_disabled label { text-indent: -3500px; font-size: 1px; height: 14px; width: 14px; background: url(../images/checkboxes.png) 0px 0px no-repeat; float: left; position: relative; margin: 0px 0px 0px; } .file_check input[type='checkbox'] { visibility: hidden; opacity: 0; height: 18px; width: 18px; float: left; position: absolute; left: 22px; margin: 7px 0px 0px; } .file_check label.label_checked { background: url(../images/checkboxes.png) 0px -20px; } .label_semi_checked { background: url(../images/checkboxes.png) 0px -40px !important; } .file_check label { margin: 0px 0px 0px 0px; } .file_check input[type='checkbox'] { margin: 22px 0px 0px; } .storage_calculate img { visibility: hidden; } .storage_calculate { background-image: url(../images/calculator.png); height: 22px; width: 18px; float: left; padding: 0 5px 0 0; margin: 0 0 0 5px; cursor: pointer; } .storage_calculate:hover { background: url(../images/calculator.png) repeat scroll -29px 0 transparent; } .storage_calculate:active { background: url(../images/calculator.png) repeat scroll -58px 0 transparent; } .shedule_time { float: left; background-color: #E8E9ED; height: auto; padding: 10px; margin: 20px auto 15px; width: 97%; margin-left: 0px; } .shedule_time input[type="checkbox"] { vertical-align: text-bottom; } .shedule_time ul { padding: 0px; margin: 0px; list-style: none; } .shedule_time ul li { list-style: none; float: left; padding-right: 20px; line-height: 30px; } .shedule_time .backupsetInput { width: 80px; } .popup_body .mail_notify { margin: 0px auto 10px; float: left; } .popup_set_exclude .selected_bdr { height: 230px; } .popup_set_exclude .excludeContainer { border: 0px; } /*login page related css*/ .login_cont { margin: 50px 20px 20px; background-color: #f9f9f9; clear: both; color: #888888; border-radius: 3px; box-shadow: 0 0px 3px #adcfe8; overflow: hidden; padding: 60px 0px; } .login_cont .brand_img h2 { font-size: 30px; color: #666; margin: 0px auto 10px; line-height: 30px; } .login_cont .brand_img { float: left; margin: 0px 0px; text-align: center; width: 54%; } .login_cont .brand_img img { width: 367px; margin-top: 15px; } .login_cont .brand_img .login_btn { margin-top: 15px; } .login_details { padding: 32px 0px 0; float: left; width: 44% } .login_details .input { width: 339px; padding: 0 10px; float: left; clear: both; margin: 0px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px #EFEEEE inset; font-size: 16px; height: 40px; line-height: normal; } .input_field input { margin: 0px !important; width: 339px !important; } .input_field label { display: block; float: left; margin: 0px 0px 5px; } .login_head { width: 427px; overflow: hidden; } #forgotPass .login_head { margin-bottom: 20px } .login_head span { float: left; font-size: 16px; color: #333; line-height: 24px; } .login_head a { float: right; color: #0071BA; text-decoration: none; } .login_details form { padding: 0; margin: 0; } .remem_box { clear: both; padding: 10px 0 0; overflow: hidden; font-size: 12px; width: 361px } .remem_box a { color: #0071BA; text-decoration: none; float: right } .login_btn { margin: 20px 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: 40px; cursor: pointer } .login_btn:hover { background: #358f68 url(../images/greenbtn_bg_hover.png); border: 1px solid #358f68; box-shadow: inset 0px 0px 10px #b3ddc5 } .login_btn:active { background: #358f68 url(../images/greenbtn_bg_hover.png); box-shadow: inset 0px 0px 10px #03535d; } .input_field p { margin: 0; padding: 10px 0 0; clear: both; } .error_msg_cont { margin: 0 0 15px; } .err_main { margin: 0 0 20px; width: 100%; } .login_details .select_body { margin: 15px 0 0px; } .login_details .select_option { top: 40px; right: 15px; width: 400px; } .success_msg { background-color: #FFFDDF; border: 1px solid #b5b284; width: 389px; color: #666666; clear: both; padding: 20px; margin: 30px 0 0; } .success_msg p { margin: 0; padding: 0px 0px 10px 0px; } .success_msg div { color: #67632d; font-size: 20px; margin-bottom: 15px; } .login_cont .select_body { width: 360px; } .uname label, .pwd label { display: block; margin: 15px 0px 5px 0px; } .uname, .pwd { width: 100%; float: left } .login_body footer { margin-left: 0px; float: left; width: 100%; } .folderBackupContent td { padding-left: 6px; } .first_pos_container_new { display: table; overflow: hidden; margin: 0px auto; height: 100%; width: 450px; } .newBkpSet { display: none; overflow: hidden; } .qnapschedule_container, .Backuplocation_popup { display: none; } .popup_container h4 { border-bottom: 1px solid #CCC; margin: 0 0 20px; padding: 0 0 10px; width: 100%; } .Backuplocation_popup { width: 600px; } .Backuplocation_popup .excludeContainer, .downPop .excludeContainer { border: 1px solid #EBEBEB; } .Backuplocation_popup .excludeContainer .folderBackupContent tr:last-child td { border: 0px; } .Backuplocation_popup h4 { margin-bottom: 0px; } .Backuplocation_popup .excludefiles { height: 162px; } .remem_box .file_check label { margin: 2px 0px 0px -15px; } .remem_box .file_check label { left: 0px; } .remem_box .file_check input[type='checkbox'] { margin: 0px 0px 0px; position: relative; left: 0px; } .sheduled_view img { padding-left: 12px; } .popup_container .excludeheader.header_part .file_check { padding-left: 6px; } .hr_line { border-bottom: 1px solid #f3f3f3; width: 99%; height: 1px; margin: 10px auto; display: block; } .schedule_title { margin-top: 0px; } .scheduler_page .schedule_title span { margin-top: 0px; font-weight: bold; } #scheduler_div .schedule_title span { margin-top: 0px; font-weight: bold; } .popup_container.qnapschedule_container h4 { margin-bottom: 10px; } /* .master_wrapper.popup_header {margin-bottom: 10px;} */ .popup_container .btncontainer { float: right; } .setname.backuptimes { margin-top: 5px !important; } .excludefiles table tr td span { color: #333; } .excludefiles table tr td a { color: #1374AB; outline: medium none; } .excludefiles table tr td a span { color: #1374AB; } /* trackbar */ table.trackbar div, table.trackbar td { margin: 0; padding: 0; } table.trackbar { border-collapse: collapse; border-spacing: 0; } table.trackbar img { border: 0; } table.trackbar { width: 250px; margin: 10px 30px; background: repeat-x url(../images/b_bg_on.gif) top left; } table.trackbar .l { width: 1%; text-align: right; font-size: 1px; background: repeat-x url(../images/b_bg_off.gif) top left; } table.trackbar .l div { position: relative; width: 0; text-align: right; /* z-index:500; */ white-space: nowrap; } table.trackbar .l div img { cursor: pointer; } table.trackbar .l div span { position: absolute; top: -12px; right: 6px; /*z-index:1000;*/ font: 11px tahoma; color: #000; } table.trackbar .l div span.limit { text-align: left; position: absolute; top: -12px; right: 100%; /*z-index:100;*/ font: 11px tahoma; color: #D0D0D0; } table.trackbar .r { position: relative; width: 1%; text-align: left; font-size: 1px; background: repeat-x url(../images/b_bg_off.gif) top right; cursor: default; } table.trackbar .r div { position: relative; width: 0; text-align: left; /*z-index:500;*/ white-space: nowrap; } table.trackbar .r div img { cursor: pointer; } table.trackbar .r div span { position: absolute; top: -12px; left: 6px; /*z-index:1000;*/ font: 11px tahoma; color: #000; } table.trackbar .r div span.limit { position: absolute; top: -12px; left: 100%; /*z-index:100;*/ font: 11px tahoma; color: #D0D0D0; } table.trackbar .c { font-size: 1px; width: 100%; } .tabs_section { float: left; width: 100%; background: #FFF; border-color: #DAE4EA; border-width: 1px 1px 0px 1px; border-style: solid; } .tabs_section ul { list-style: none; width: 100%; display: block; margin: 0px; padding: 0px; } .tabs_section ul li { width: 33%; float: left; padding: 15px 0px; cursor: pointer; } .tabs_section ul li:last-child { border-right: 0px; } .tabs_section ul li >div { text-align: center; font-size: 16px; } .tabs_section li:hover { background: #DAE4EA; color: #2F607A; border-bottom: 1px solid #F8F8F8; } .tabs_section .general_tab:hover { border-left: 0px solid #FFF; border-right: 1px solid #FFF; } .tabs_section .advance_tab:hover { border-left: 1px solid #FFF; padding-right: 6px !important; } .general_tab { border-bottom: 1px solid #DAE4EA; border-right: 1px solid #DAE4EA; } .general_tab.selected { border-bottom: 1px solid #F8F8F8; background: #DAE4EA; color: #2F607A; border-right: 1px solid #FFF; } .excludes_tab { border-bottom: 1px solid #DAE4EA; } .excludes_tab.selected { border-bottom: 1px solid #F8F8F8; background: #DAE4EA; color: #2F607A; } .advance_tab { border-bottom: 1px solid #DAE4EA; padding-right: 6px !important; border-left: 1px solid #DAE4EA; } .advance_tab.selected { border-bottom: 1px solid #F8F8F8; background: #DAE4EA; color: #2F607A; border-left: 1px solid #FFF; } .tab1_wrap { float: left; width: 100%; border-color: #DAE4EA; border-width: 0px 0px 0px 0px; border-style: solid; } /* .tab1_wrap, */.tab2_wrap, .tab3_wrap { display: none; } .proxy_wrap { float: left; width: 100%; background: #F8F8F8; padding-bottom: 0px; } .proxy_wrap input[type=textbox], .proxy_wrap input[type=password] { padding: 5px; background: none repeat scroll 0 0 #FFF; border: 1px solid #5E96B1; border-radius: 1px; box-shadow: 0 0 5px #EFEEEE inset; } .proxy_inner { padding: 20px; } .proxy_inner h3 { float: left; width: 100%; margin: 0 0 10px; } .proxy_option { margin: 10px 0 10px; padding: 0px; list-style: none; width: 15%; float: left; } .proxy_option li { width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; display: block; } header h1 { height: 105px; } .version { margin: -7px 0 0 0px; padding: 0px 0 0 22px; font-size: 10px; float: left; width: 100%; text-indent: 0px; color: #5187AD; font-weight: normal; } .opt_list { height: 30px; } .opt_list input { vertical-align: middle; float: left; margin: 3px 5px 0 0; } .opt_list label { vertical-align: middle; padding: 1px 0 0; float: left; margin: 0 0 0 0; } .proxy_set { float: left; width: 75%; margin: 8px 0 20px 0; padding-left: 5%; border-left: 1px solid #fff; position: relative; } .proxy_set_disable { background: #EDEDED; height: 175px; position: absolute; width: 500px; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; bottom: 0; } .proxy_set1 input { width: 160px; } .proxy_set1 label { padding: 0 10px 0 0; } .proxy_set1 label.proxy_label2 { margin-left: 30px; } .proxy_set2 { margin: 20px 10px 20px 0px; float: left; width: 100%; } .proxy_set2 input { vertical-align: middle; float: left; margin: 3px 5px 0 0; } .proxy_set2 label { vertical-align: middle; padding: 1px 0 0; float: left; margin: 0 0 0 0; } .proxy_set3 { float: left; width: 100%; margin: 0px 0 0 0; padding: 0 0 0 0; } .proxy_set3 p { float: left; width: 100%; margin: 5px 0; padding: 0 0; } .proxy_set3 label { width: 70px; float: left; line-height: 30px; } .proxy_set3 input[type=textbox], .proxy_set3 input[type=password] { width: 375px; float: left; } .proxy_col { float: left; width: 95%; background: #EDEDED; padding: 40px 20px 20px; margin: 0 0 30px; } .throttle_col { float: left; width: 95%; background: #EDEDED; padding: 40px 20px 20px; margin: 0px 0 20px; min-height: 50px; } .tab2_wrap { float: left; padding-top: 0px; width: 100%; } .tab2_wrap .exclude.exclude_backup1, .tab2_wrap .exclude.exclude_backup2 { float: left; } .mirror_path { padding: 10px 20px 0px 0; float: left; width: 95%; } .mirror_ul { margin: 0px; padding: 0px; list-style: none; } .mirror_ul li { float: left; list-style: none; } .mirror_lbl label { margin: 1px 2px 0; line-height: 18px; display: block; } .mirror_selectbox { width: 120px; } .mirror_selectbox select { width: 110px; height: 26px; margin: 0px 5px 0px 0px; } .bkplocation { background: #EDEDED; float: left; width: 95%; padding: 20px; } .backup_innerwrap { display: table; padding: 20px; width: 95%; } .backup_innerwrap h3 { margin: 0 0 10px 0; } #rcalcprg { margin: 0 5px; display: none; } .storage_box { width: 30px; display: block; height: 25px; } .prefer .body_wrap .exclude { margin-bottom: 0px; width: 100%; } .prefer.content .table_header { padding: 0px 0 0px 10px !important; } .prefer .partial_header { margin-top: 25px; } .mirror_txt { line-height: 28px; } .body_wrap .preference .exclude { margin-bottom: 0px; width: 100%; } .preference .table_header { padding: 0px 0 0px 10px !important; border-bottom: 1px solid #EBEBEB; } .preference .partial_header { margin-top: 25px; } .nocancel_job { background: url(../images/qnap_ico_close_grey.png) no-repeat 45px 12px; text-indent: -1500px; } /* trackbar - End */ #removeSelectedFiles span { font-size: 13px; color: #333; line-height: 22px; float: right; } #accountSettingsForm { font-size: 14px; } .select-drop { border: 1px solid #93b6ca; padding: 3px; color: #252525; } .sec_pos_container {/* border: 1px solid #EBEBEB; */ overflow: hidden; } .sec_pos_container .setname { float: left; width: 97%;/* border-bottom:2px solid #fff; */ margin-top: 0px; margin-bottom: 20px; } .sec_pos_container .scheduleday p, .sec_pos_container .scheduleday ul { padding: 1px 0px; margin: 0px; } .sec_pos_container .scheduleday input[type="checkbox"] { vertical-align: bottom; } .sec_pos_container .monthly input[type="checkbox"] { vertical-align: text-bottom; } .sec_pos_container .monthly ul { padding: 0px; margin: 0px; list-style: none; } .sec_pos_container .monthly ul li { list-style: none; float: left; padding-right: 20px; line-height: 30px; } .sec_pos_container .monthly .backupsetInput { width: 80px; } .sec_pos_container .scheduleBtn { padding: 3px 10px; } .sec_pos_container .manage_submit { border-bottom: 0px; } /*search */ .right_menu { float: right; width: 300px; height: 46px; overflow: hidden; } .right_menu div { color: #5E95BB; font-size: 14px; height: 32px; padding: 6px 0 0; cursor: pointer; line-height: 30px; white-space: pre; } .backupset { height: 46px; margin: 0 25px 0 5px; float: right; width: 165px; } .search_menu { float: left; width: 90px; background: url(../images/menu_icon_divider.png) no-repeat center right; } .right_menu img { vertical-align: middle; margin-right: 10px; } /* search popup */ .search_input { border: 1px solid #93B6CA; padding: 8px; color: #252525; width: 300px; float: left; } .head_srch_btn { width: 80px; height: 32px; margin: 3px 0px 0px 5px; float: left; text-align: center; color: #fff; font-size: 14px; background: #6196b9; font-family: tahoma; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 0px 0px 4px; } .head_srch_btn:hover { background: none repeat scroll 0 0 #5EAFE5; cursor: pointer; } .search_popup .selected_bdr { height: 195px; } .search_popup .disable_save { margin: 2px 20px 0 3px; display: none; } /* #localDirSearchList{ height:202px; overflow:hidden;} #localDirSearchListWrapper{height: 230px;} #remoteDirSearchList{ height:166px; overflow:hidden;} #addToBackupSet,#addToRestoreSet{display:none;} */ /* .excludefiles .chk{ background: #EFF9FF; cursor: pointer; color: #333;} */ .search_popup { display: none; height: 438px; overflow: hidden; } .scheduling_job { background: url(../images/job_scheduling.gif) no-repeat 45px 12px; text-indent: -1500px; } .nocancel_job { background: url(../images/qnap_ico_close_grey.png) no-repeat 45px 12px; text-indent: -1500px; } .body_wrap .clear_margin { margin: 0px; } .popup_body .common_msg { position: relative; } .search_popup .nfiles { padding: 85px 0 0; } .manage_exclude .excludefiles { overflow-x: visible !important; overflow-y: auto; max-height: 135px; background-color: #FFF; border-bottom: 1px solid #EBEBEB; } .logos_exclude .logs_table { width: 710px; float: left; } .popup_container .backupset_table, #selectedRestoreSetFiles { width: 680px; } #loadRestoreLocation #excludeFilesPath, #loadBackupLocation #excludeFilesPath { width: 580px; } .logos_exclude .excludefiles { background-color: #FFF; border-right: 1px solid #EBEBEB; } .manage_exclude .jobs_table { border-right: 0px; border-top: 0px; width: 730px; } .exclude.backup_location { min-height: 200px; } .logs_list_table { max-height: 275px !important; overflow: hidden; } /* Scheduled page filed sizes */ #job_list_table { overflow-x: hidden !important; } #job_list_table .folderBackup tr { border-bottom: 1px solid #EBEBEB; } #job_list_table .folderBackup td { float: left; line-height: 25px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .action_jobname { width: 15%; white-space: nowrap; max-width: 112px; } .action_jobtype { width: 10% } .action_jobweekly { width: 29%; white-space: pre; } .action_jobtime { width: 12% } .action_cancel { width: 12% } .action_delete { width: 12% } .nocancel_job, .cancel_job { width: 8% } .delete_job { width: 10% } /* log page filed sizes */ .job_status { width: 14% } .scheduled_type { width: 30%; text-overflow: ellipsis; white-space: nowrap; max-width: 212px; word-wrap: normal; overflow: hidden; } .scheduled_time { width: 26% } .sheduled_view { width: 14% } .delete_job.clearLog { width: 15% } .folderBackupContent .getDirList { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } /* width: 300px; */ .folderBackupContent .cont_heading span a { text-overflow: ellipsis; white-space: nowrap; max-width: 380px; word-wrap: normal; display: block; overflow: hidden; } .folderBackupContent .cont_heading span { text-overflow: ellipsis; white-space: nowrap; max-width: 380px; word-wrap: normal; display: block; overflow: hidden; } #excludeFullPath .cont_heading { padding-right: 0px; } #excludeFullPath .cont_heading span { max-width: 720px; } #fullPathForm { overflow: hidden; } #restoreSetFiles .cont_heading span, #backupsetFiles .cont_heading span { max-width: 673px; } #backupLocationBreadCrumb, #bkpBreadCrumb, #restoreLocationBreadCrumb { width: 98%; overflow: hidden; text-overflow: ellipsis; } #Backuplocation_popup #restoreLocationBreadCrumb, .newBkpSet .folderBackupContent tr, .downPop .folderBackupContent tr, .Backuplocation_popup .folderBackupContent tr { border-top: 1px solid #EBEBEB; } .downPop .exclude { margin: 0px; } .addButton { margin-right: 5px; height: 30px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-family: tahoma; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .addButton:hover { background: none repeat scroll 0 0 #5eafe5; } .addButton:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .newBkpSet .exclude { margin: 0px; } .delete_job_popup, .logs_clear_popup, .logs_clearall_popup, .cancel_job_popup { display: none; } .delete_job_popup p, .logs_clear_popup p, .logs_clearall_popup p, .cancel_job_popup p { font-size: 14px; } .logsDeleteJob { background: url(../images/menu_icons.png) no-repeat 0px -507px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 35px; } .logsDeleteJob:hover { cursor: pointer; } .logsDisableJob { background: url(../images/disable_job.png) no-repeat 0px 7px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 35px; } .shdeuledDelete_job { background: url(../images/menu_icons.png) no-repeat 0px -507px; text-indent: -1500px; float: left; height: 25px; width: 18px; white-space: normal !important; margin: 0px 0px 0px 34px; } .DisableCancelJob { background: url(../images/qnap_ico_close_grey.png) no-repeat 0px 4px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 34px; } .DisableCancelJob { background: url(../images/qnap_ico_close_grey.png) no-repeat 0px 4px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 34px; } .DisableCancelJob:hover { cursor: auto; } .ScheduledCancel_job { background: url(../images/idq_ico_remove.png) no-repeat 0px 4px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 34px; } .ScheduledCanceling_job { background: url(../images/loader_small.gif) no-repeat 0px 4px; text-indent: -1500px; float: left; height: 25px; width: 18px; margin: 0px 0px 0px 34px; } .view_content { float: left; width: 100%; min-height: 100px; background-color: #F7F7F7; margin: 10px 0 0; } .view_page header { float: left; width: 100%; height: 100px; } .viewContent_wrap { padding: 30px; font-size: 14px; } .view_page footer { width: 100%; margin-left: 0px; } #logRows tr td { padding: 5px 0 5px 10px; height: 36px; } .disable_calc { background-image: url(../images/cal_disable.png); height: 20px; width: 15px; float: left; padding: 0 5px 0 0; margin: 0 0 0 5px; cursor: default; } .disable_login { margin: 20px 0 0; line-height: 18px; text-align: center; background: url(../images/qnap_login_dis.png); color: #fff !important; font-size: 18px; width: 185px; height: 40px; cursor: default; border: 0px; float: left; } .disable_img { margin: 20px 0 0; } .disable_save, .disable_logoff { margin: 0px 20px 0 0; width: 40px; cursor: default; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #999; font-family: tahoma; font-weight: normal; border: 1px solid #666; border-radius: 2px; letter-spacing: 0.07em; padding: 5px 20px; float: left; } #logoff { float: left; } #backupset_list .topHeading.scheduleChangeBtn, #RestoreSchedule { text-align: right; } .restore_page .excludefiles, .backup_page .excludefiles { position: relative; } .restore_page .excludefiles table, .backup_page .excludefiles table { position: absolute; } .cutofftime select, .pvtKey_grey { background: #C0C0C0; } .job_bold { font-weight: bold; } .brand_img p { margin: 0 auto; width: 425px; font-size: 14px; line-height: 22px; } .loading_icon { background: url(../images/loader_small.gif) no-repeat 0 12px; height: 30px; width: 40px; float: left; text-indent: -3000px; } .restorenow_rgt .loading_icon { margin-right: 23px; position: absolute; right: 94px; } .backup_page .loading_icon { margin-right: 23px; position: absolute; right: 75px; display: none; } .search_loading { background: url(../images/loader_small.gif) no-repeat center; height: 30px; width: 40px; display: none; } .archiveLazyLoader { background: rgba(0, 0, 0, 0) url("../images/loader_small.gif") no-repeat scroll center center; display: none; height: 30px; margin: -27px 0; width: 100%; } .log_title_row td { background: #edf2f5; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .scheduler_page .jobs_heading .action_jobtime { padding-left: 0px !important; } .getBackupDirList span { width: auto !important; max-width: 380px; } #loadRestoreLocation .excludeFilesPath td span, #loadRestoreLocation .excludeFilesPath td a { width: auto !important; max-width: 380px; } #loadRestoreLocation .folderBackupContent td span, #loadRestoreLocation .folderBackupContent td a, #loadBackupLocation .folderBackupContent td a #loadBackupLocation .folderBackupContent td span { width: auto !important; max-width: 380px; } .left_menu { float: left; width: 450px; height: 45px; overflow: hidden; } .menu_ul { list-style: none; padding: 0px; margin: 0px; } .menu_ul li { list-style: none; margin: 0px; padding: 0px 3px 0px 0px; float: left; background: url(../images/menu_divider.png)no-repeat right; height: 45px; } .menu_ul li a { float: left; text-decoration: none; text-indent: -3500px; overflow: hidden; padding: 0px 15px; background-image: url(../images/menu_icons.png); background-color: #F9F9F9; background-repeat: no-repeat; height: 45px; } .menu_ul li a:hover { background-image: url(../images/menu_icons.png); background-color: #DFE6EB; background-repeat: no-repeat; } .menu_newfolder { width: 22px; background-position: 15px -45px; } /*.menu_rename { background-position: 8px -51px; width: 22px; }*/ .menu_delete { width: 22px; background-position: 15px -225px; } .menu_share { width: 21px; background-position: 15px -180px; } .menu_copy { width: 19px; background-position: 15px -270px; } .menu_move { width: 22px; background-position: 15px -315px; } .menu_details { width: 22px; background-position: 15px -1962px; } .file_menu_list { width: 30px; height: 20px; margin-top: 5px; } .drop_list { width: 30px; height: 20px; margin-top: 5px; } .file_menu_list_head { width: 30px; } .msg_option { display: none; } .edit_work .menu { height: auto !important; } .edit_work .msg_option { width: 100%; display: block; height: 45px; border-bottom: 1px solid #ebebeb; } .edit_work .content { margin-top: 219px; } .option_msg p { display: inline-block; margin: 0; } .option_msg { height: 35px; padding: 0px 0px 0 10px; } .heading_option { float: left; font-size: 18px; line-height: 40px; color: #1374ab; } .msg_wrap .scheduleBtn { height: 25px; line-height: 16px; } .msg_display { display: none; } .bc_table tr:hover .file_menu_list, .bc_table tr.row_selected .file_menu_list { background: url(../images/file_menu_arrow.png) no-repeat 10px 8px; } .bc_table tr:hover .drop_list, .bc_table tr.row_selected .drop_list { background: url(../images/file_menu_arrow.png) no-repeat 0 8px; } /*.bc_table tr.row_selected .file_menu_list{ background: url(../images/file_menu_arrow.png) no-repeat 0 8px; } . bc_table .rename_selected:hover .file_menu_list {background-position:0 18px;} .bc_table .createFolder_selected:hover .file_menu_list {background-position:0 18px;} */ .dropdown { margin: 0; padding: 0; background: #FFF; display: table; -moz-box-shadow: 2px 0 10px #78a5c5; -webkit-box-shadow: 0px 0px 10px #78A5C5; box-shadow: 0 0 10px #78A5C5; position: absolute; z-index: 999; } .dropdown li { display: block; list-style: none; } .dropdown li a { width: 100px; text-decoration: none; color: #666; display: block; border: 1px solid #FFF; padding: 4px 10px 4px 37px; font-size: 12px; line-height: 18px; height: 20px; margin: 0px 0px; background-image: url(../images/menu_icons.png); background-repeat: no-repeat; background-color: #FFF; } .dropdown li a:hover { text-decoration: none; color: #6096BA; background-image: url(../images/menu_icons.png); background-repeat: no-repeat; background-color: #F0F4F7; } .file_menu_rename { background-position: 10px -413px; } .file_menu_putback { background-position: 10px -1356px; } .file_menu_version { background-position: 10px -860px; } .file_menu_details { background-position: 10px -2011px; } /* .file_menu_search { background-position: 8px -2838px } */ .file_menu_search { background-position: 8px -2856px; } .file_menu_share { background-position: 10px -1044px; } .file_menu_download { background-position: 8px -2080px; } .file_menu_copy { background-position: 10px -818px; } .file_menu_move { background-position: 10px -548px; } .file_menu_delete { background-position: 10px -594px; } .file_menu_newfolder { background-position: 10px -459px; } .file_menu_upload { background-position: 10px -686px; position: relative; overflow: hidden; } .file_menu_trash { background-position: 10px -505px; } .file_menu_refresh { background-position: 10px -775px; } .file_menu_restoreset { background-position: 10px -2584px; } .rgtclick_dropdown { display: none; } .row_dropdown { display: none; } .createFolder_selected { padding-top: 5px; } .rename_selected td, .createFolder_selected td { padding: 0px 0 3px 10px!important; } .rename_span img, .createfolder_span img { float: right !important; } .rename_selected img, .createFolder_selected img { margin-top: 10px !important; } .rename_txtbox, .newfolder_txtbox { border: 1px solid #93B6CA; height: 18px; padding: 7px 10px 7px 10px; line-height: 18px; outline: none; width: 200px; font-size: 14px; margin: 0px 5px 0px 0px; float: left; } .rename_span, .createfolder_span { position: relative; cursor: pointer; width: 255px; } /*tool tip styles*/ .tips { padding: 5px; font-size: 13px !important; position: absolute; z-index: 100000; white-space: nowrap; } .tips_inner { padding: 4px 8px 4px 8px; background-color: #fffef1; color: #000000; width: auto; text-align: center; } .tips_inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #afa375; } .tips_arrow { background: url(../images/tooltip_arrow.png) no-repeat top left; display: block; text-align: center; margin-left: -4px; position: absolute; height: 10px; width: 10px; bottom: 0; left: 50%; background-position: bottom left; } /* Archive Cleanup Menu */ .bodyScrollHide { overflow-y: hidden !important; } .restore_page .backup_menu .left_menu { width: 50%; } .restore_page .backup_menu .right_menu { width: 50%; } .localrestore_page .backup_menu .left_menu { width: 60%; } .localrestore_page .backup_menu .right_menu { width: 40%; } .backup_page .backup_menu .left_menu { width: 40%; } .backup_page .backup_menu .right_menu { width: 60%; } .backup_menu .search_menu { margin-left: 10px; width: 85px; float: right; } .archive_menu { float: right; width: 150px; padding: 12px 5px 0 0; color: #5E95BB; font-size: 14px; height: 32px; cursor: pointer; background: url(../images/menu_icon_divider.png) no-repeat center right; } .archive_menu img { vertical-align: middle; margin-right: 10px; } .cleanup-wrap { float: left; width: 100%; padding: 20px 0; margin: 0 0; height: 60px; } .cleanup-now { margin-right: 5px; min-height: 30px; cursor: pointer; text-align: center; border: 0px; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 8px 20px; } .cleanup-now:hover { background: none repeat scroll 0 0 #5eafe5; } .cleanup-now:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .cleanup-lft { width: 30%; max-width: 170px; float: left; padding: 0 0; margin: 0 0; box-sizing: border-box; } .cleanup-rgt { width: 70%; float: left; padding: 0 0; margin: 0 0; box-sizing: border-box; } .cleanup-value { box-sizing: border-box; padding: 3px 0; font-size: 14px; } .cleanup-consider { width: 60px; border: 1px solid #6196b9; padding: 0 0; margin: 0 5px; box-sizing: border-box; height: 30px; } .stop-cleanup { margin-right: 5px; min-height: 30px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 8px 20px; } .stop-cleanup:hover { background: none repeat scroll 0 0 #5eafe5; } .stop-cleanup:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .file-scan-wrap p { margin: 0px; padding: 0px; line-height: inherit; color: #148DDD; } .files-folders { min-height: 150px; max-height: 300px; overflow: auto; border: 1px solid #6EA5CE; } .files-folders p { color: #000000; padding-left: 5px; white-space: nowrap; margin: 5px 0; padding-bottom: 20px; } .delete_files_cleanup_popup, .nofiles_cleanup_popup { width: 400px; display: none; } .cleanup_operation_cleanup_popup { width: 500px; display: none; } .archive_folder_cleanup_popup, .archive_deleteing_folder_cleanup_popup { width: 600px; } .archive_deleteing_folder_cleanup_popup .btncontainer { width: 100%; margin-top: 10px; } .archive_deleteing_folder_cleanup_popup .btncontainer span { float: left; color: #0071bc; font-size: 15px; margin-top: 5px; } .ajax_loader { left: 0; background: rgba(47, 43, 43, 0.68); opacity: 0.4; } .archive_deleteing_folder_cleanup_popup .scheduleBtn { background-color: #9d9d9d; border-color: #9d9d9d; cursor: default; } #backToSelectLocation{cursor: pointer;float: right;height: 34px;padding: 7px 10px 8px 10px;cursor:pointer;background: #6196b9;border: 1px solid #6196b9;border-radius: 2px; margin-right: 15px;} #backToSelectLocation:hover{background: none repeat scroll 0 0 #5eafe5;} #adoptSelectedLocation{height:34px;} .ajax_loader { left: 0; } .archive_cleanup_popup { display: none; } .archive_cleanup_popup .btncontainer { clear: both; margin-top: 20px; } .prdcontainer { float: left; width: 100%; background-color: #ebeff6; padding: 20px; box-sizing: border-box; color: #333; } .period-cnt { margin-bottom: 10px; } .popup_container .popup_footer .prdcontainer input { float: left; } .select-container { float: left; width: 100%; box-sizing: border-box; padding: 10px 0; } .select-container select { margin-right: 10px; } .cleanup-file-scan { width: 100%; text-overflow: ellipsis; height: auto; overflow: hidden; display: inline-block; } .archive_cleanup_popup .setname { background-color: transparent; } /* .cleanup-wrap{padding: 20px 0;} */ .archive_cleanup_popup select[disabled="disabled"] { background: #B5B6B6; } .cleanup-know-more { background-color: #FFFFE1; border: 1px solid #646464; box-sizing: border-box; padding: 20px 20px 20px 20px; width: 700px; position: absolute; z-index: 999; text-align: justify; display: none; } .cleanup-know-more p { margin: 0px; padding: 5px 0 5px; } .know-more-click { color: #3970BC; cursor: pointer; } .know_more_close_btn { background: url(../images/popup_close_btn.png) repeat scroll 0 0; cursor: pointer; display: block; height: 16px; position: absolute; right: 3px; top: 3px; width: 16px; } .question-popup { background-color: #EAE7BA; border: 1px solid #938F65; box-sizing: border-box; padding: 10px; width: 500px; position: absolute; z-index: 999; text-align: justify; display: none; top: 41px; right: 0px; } .question-popup p { margin: 0px; padding: 0px; } .cleanup-quetion-icon { display: inline-block; } .cleanup-quetion-icon span { background: url(../images/tool-tips-icon.png) no-repeat 0px 0px; width: 12px; height: 12px; display: inline-block; margin-left: 5px; cursor: pointer; } .arrow-icon { background: url(../images/ide_tooltip_arrow.png) no-repeat 0px 0px; width: 20px; height: 12px; display: inline-block; margin-left: 5px; cursor: pointer; bottom: -12px; position: absolute; left: 212px; } .set_relative { position: relative; } .restore_menu .left_menu { width: 120px; } .restore_menu .right_menu { width: 500px; } .restore_menu .backupset, .backup_menu .backupset { margin-left: 10px; } .restore_menu .search_menu { float: right; padding-left: 10px; } .restore_trash_menu { text-decoration: none; float: right; width: 80px; padding: 8px 0 0; color: #5E95BB; font-size: 14px; height: 32px; cursor: pointer; background: url(../images/menu_icon_divider.png) no-repeat center right; } .restore_trash_menu span { background: url(../images/menu_icons.png) no-repeat 2px -1224px; width: 20px; height: 30px; display: inline-block; margin-left: 5px; cursor: pointer; vertical-align: middle; margin-right: 5px; text-indent: -5000px; } .cancel_btn_loader { z-index: 999999; height: 335px; top: 0px; } .cancel_progress { float: left; width: 80px; margin: 8px; height: 32px; cursor: pointer; text-align: center; border: 1px; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .cancel_progress:hover { background: none repeat scroll 0 0 #5eafe5; } .cancel_progress:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .edit_work .restore_menu .left_menu { width: 250px; } .cance_delete_btn .loading_icon { height: 45px; background-position: 0 18px; } .Cancel_wrap { float: left; margin: 0px 0px; width: 100%; padding: 10px; border-top: 1px solid #E2E2E2; box-sizing: border-box; } .Cancel_wrap .scheduleBtn { float: right; } .Cancel_wrap .deleting { float: left; padding: 5px 0 0; font-size: 13px; width: 560px; overflow: hidden; text-overflow: ellipsis; white-space: pre; } /* Version Popup */ .body header, .body .leftnav, .body .restore_set { position: relative; } .folderBackupContent .rename_Selected .cont_heading img { margin-top: 10px; } .rename_Selected td { padding: 0px 0 3px 10px!important; } .edit_shadow { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .4; -moz-opacity: .4; -webkit-opacity: .4; -khtml-opacity: .4; filter: alpha(opacity=70); z-index: 99; } .edit_work .menu { z-index: 999; } .edit_work .restorset_top { z-index: 999; position: absolute; width: 800px; } .edit_work .restore_set { /* margin-top: 217px; */ position: absolute; } .option_menu, .option_menu_disable{ outline: none; float: left; width: 85px; height: 40px; padding: 12px 0 0 10px; color: #5E95BB; font-size: 14px; height: 32px; cursor: pointer; line-height: 20px; background: url(../images/menu_divider.png)no-repeat right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .option_menu img,.option_menu_disable img { vertical-align: middle; padding: 0 5px 0 0; } .option_menu_disable{ color: #929598; cursor: text;} /* Delete popup */ .account_cancel { font-weight: bold; margin-bottom: 10px; letter-spacing: 0px; } .account_cancel_box { display: block; padding: 0px 20px 0px 0px; } .popup_footer .cancelAccount { padding-left: 20px !important; padding-right: 20px !important; height: 30px !important; margin-left: 10px !important; } .popup_delete { display: none; width: 550px; } .popup_delete .popup_header { position: relative; background: none; margin-bottom: 10px; border-bottom: 1px solid #D2DAE0; } .popup_delete .popup_close_btn { right: 0px; top: 0px; } .share_container .share_settings_btn { visibility: hidden; width: 50px; padding-left: 25px; line-height: 22px; margin: 0; cursor: pointer; border: none; font-weight: normal; color: #367095; background: url(../images/setting.png) -1px 0 no-repeat; position: absolute; z-index: 99; top: 0px; right: 30px; } .share_container .sharePopup_close_btn { top: 6px; right: 0; background: url(../images/popup_close_btn.png) repeat scroll 0 0; cursor: pointer; display: block; height: 16px; position: absolute; width: 16px; } .share_body { position: relative; } .share_shadow_cont { background: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; z-index: 9; width: 100%; display: none; } .share_settings_body { background: none repeat scroll 0 0 #EDF2F5; clear: both; display: none; float: left; margin: 0; padding: 10px; position: relative; width: 528px; z-index: 99; border: 1px solid #C5D6DB; height: 80px; border-top: 0px; } .share_h1 { float: left; font-weight: bold; } .share_settings_head { display: block; } .share_h1 .smtext { font-size: 11px; font-weight: normal; } .share_settings_body .share_settings_cont { position: relative; float: left; margin: 0 0px 5px; } .share_container .red { color: #F00; display: none; font-weight: normal; margin: 5px 0 0; width: 100%; font-size: 11px; } .share_settings_body ul { margin: 0px; padding: 0; max-height: 140px; float: left; margin-top: 8px; } .share_container .share_settings_body li:last-child { border-bottom: none; } .share_container .share_settings_body li { list-style: none; border-bottom: 1px solid #E0E6EB; margin: 0; padding: 5px 0; position: relative; } .share_pw { padding-right: 8px; float: left; line-height: 23px; } .share_container .inputbox { padding: 1px 5px !important; } .share_container .inputbox { border: 1px solid #93B6CA; width: 200px; outline: none; height: 19px; } .share_settings_body select { float: left; height: 23px; margin-right: 10px; } .share_container .button { visibility: visible; background: #6196B9; border-radius: 2px; color: #FFF; text-align: center; border: 1px solid #6196B9; font-family: tahoma; font-weight: normal; letter-spacing: 0.1em; padding: 0px 15px 4px; cursor: pointer; } .share_settings_body input { float: left; margin-right: 10px; } .share_settings_cancel_btn { height: 28px; width: 16px; background: url(../images/popup_close_btn.png) no-repeat 0px !important; cursor: pointer; border: 0px !important; float: left; padding: 0 !important; box-shadow: 0 0 0 !important; } .share_container { display: none; width: 550px; } .share_container .popup_header { position: relative; background: none; margin-bottom: 0px; border-bottom: 1px solid #D2DAE0; } .share_popup_wraper { overflow: hidden; position: relative; clear: both; } .share_popup_divcont { margin-top: 10px; } .share_popup_wraper .sharelink_txt { background: #FEE18B; border: 1px solid #DFA53A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #313131; float: left; height: 33px; width: 525px; padding: 0 10px; } .share_popup_wraper .sharelink_txt input { color: #313131; float: left; text-indent: 0; margin: 8px 0 0; background: none; height: auto; width: 375px; border: 0 none; outline: none; font-size: 13px; } .share_popup_wraper a.copylink_btn { float: right; text-indent: -9999px; background: url(../images/share_preview.png) no-repeat 0 5px; height: 33px; width: 24px; } .share_viewfiles_cont { overflow: hidden; margin-top: 5px; color: #6196B9; font-size: 11px; } .share_viewfiles_body { margin: 0px 0 0 !important; padding: 0 !important; clear: both !important; border: 1px solid #D2DAE0 !important; max-height: 82px !important; overflow-y: auto !important; overflow-x: hidden !important; width: 543px !important; display: block !important; } .share_viewfiles_body li:nth-child(odd) { background: #F4F4F4; } .share_viewfiles_body li { margin: 0 !important; padding: 3px 0px !important; list-style: none !important; float: left !important; font-size: 12px !important; position: relative !important; width: 100%; } .share_viewfiles_body li span { /*background: url(../images/share_icons.png) no-repeat -2px -260px !important;*/ float: right !important; margin: 3px 0 0 !important; height: 12px !important; width: 20px !important; display: block !important; cursor: pointer !important; position: absolute !important; right: 10px !important; top: 10px !important; } .f_name_view p { float: left !important; padding: 0px 5px !important; margin: 0px !important; clear: both !important; white-space: pre; } .f_name_view div { float: left !important; padding: 0px 5px !important; margin: 0px !important; clear: both !important; font-size: 11px !important; color: #AAA !important; } .share_viewfiles_cont .share_viewfiles_btn { background: #D9E5ED; float: left; height: 23px; line-height: 23px; padding: 0 0 0 5px; color: #666; width: 540px; font-size: 13px; margin: 5px 0px 0px; font-weight: normal; cursor: default !important; } .share_container .share_column { overflow: visible !important; } .share_container .share_column, .share_container .message_column { margin: 10px 0 0; overflow: hidden; width: 100%; } .shareviamail_tab .tab_body { padding: 0; overflow: visible !important; clear: both; } .tab_body { overflow: hidden; clear: both; padding: 10px; } .pop_mainHead { overflow: hidden; margin-bottom: 5px; clear: both; font-weight: bold; } .share_container .share_divColumn { position: relative; } .share_divColumn div:first-child { margin-right: 1px; } .share_container .share_btns { float: right; display: block; width: 30px; height: 30px; margin: 0 1px 0 0; border: 1px solid #7F9DB9; } .share_container .share_column p, .share_container .message_column p { margin: 0; } .share_container .message_column textarea { resize: none; border: 1px solid #93B6CA; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #777; width: 532px; height: 50px; display: block; padding: 3px 5px; } .share_divColumn textarea { color: #777; } .tab_body .submit { float: right; margin: 10px 0px 0px 10px; } .share_container .submit, .addressbook_container .button { height: 32px; cursor: pointer; padding: 0 15px; } .share_container .button { visibility: visible; background: #6196B9; border-radius: 2px; color: #FFF; text-align: center; border: 1px solid #6196B9; font-family: tahoma; font-weight: normal; letter-spacing: 0.1em; padding: 0px 15px 4px; cursor: pointer; } .share_email { width: 539px; height: 26px; border: 1px solid #93b6ca; } .share_body .common_msg { position: relative; margin-bottom: 0px; } .message_column .submit { margin-right: 6px; } .tooltip { cursor: pointer; font-size: 15px; font-weight: bold; background: #D8E1E7; border-radius: 50%; height: 20px; width: 20px; text-align: center; display: inline-block; } .details_container { width: 550px; display: none; } .details_container.popup_container { border-radius: 0px; } .details_container .popup_header { overflow: hidden; border: none; } .details_container .fldr_img { padding: 5px; width: 30px; height: 40px; float: left; margin: 0 8px 5px 0; background-color: #000; background: url(../images/file_icons.png) 0 -10px; } .details_container h2 { margin: 0 0 8px; width: 440px !important; float: left; white-space: nowrap; } .details_container .fldr_path { font-size: 11px; width: 440px !important; float: left; white-space: nowrap; } .details_container .fldr_path { font-size: 11px; width: 440px !important; float: left; white-space: nowrap; } .details_container .popup_close_btn { position: absolute; right: 18px; top: 20px; display: block; background: url(../images/popup_close_btn.png) no-repeat; width: 16px; height: 16px; cursor: pointer; } .details_container .details_body { margin: 0; padding: 0; border-right: 1px solid #E0E6EB; border-bottom: 1px solid #E0E6EB; } .details_container .details_body li { margin: 0; padding: 0; list-style: none; clear: both; overflow: hidden; border-left: 0px solid #e0e6eb; border-top: 1px solid #e0e6eb; } .details_container .details_body li.details_head { background: #F0F4F7; } .details_container .details_body div { float: left; display: block; width: 33%; } .details_container .details_body div b, .details_container .details_body div span { border-left: 1px solid #E0E6EB; display: block; padding: 8px; } .details_container .details_body div b, .details_container .details_body div span { display: block; padding: 8px; } .close_menu { cursor: pointer; float: right; padding: 5px 5px 0 0; display: none; } .close_menu img { height: 16px; padding: 10px 10px 0 0; width: 16px; } .option_heading { height: 45px; width: 100%; float: left; display: none; } .donot_ask { float: left; } .donot_ask input[type="checkbox"] { float: left; } .popup_delete .popup_footer { height: 35px; margin: 10px 0 0; overflow: hidden; } .search_menu { float: left; width: 30%; height: 35px; border: 0px solid #EBEBEB; border-bottom: 0px solid #EBEBEB; } .search_popup .selected_bdr { height: 240px; } .edit_work .menu { height: auto !important; } .edit_work .msg_option { width: 100%; display: block; height: 45px; border-bottom: 1px solid #ebebeb; } .edit_work .content { margin-top: 219px; } .edit_work .menu { z-index: 999; } .edit_work .restorset_top { z-index: 999; position: absolute; width: 800px; background: none repeat scroll 0 0 #f8f8f8; /* margin: 95px 0px 25px; */ margin: 0 0 0; position: absolute; top: 172px; min-height: 191px; } .edit_work .restore_set { /* margin-top: 357px; */ position: absolute; width: 800px; } .edit_work .breadcrum_menu { background: none repeat scroll 0 0 #f9f9f9; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; position: absolute; top: 133px; z-index: 999; } /*search pop-up */ .search_popup .folderBackupContent .cont_heading span { max-width: 330px; } .search_popup .selected_bdr { height: 220px; } .search_popup .excludefiles { height: 190px; } .edit_work .body_wrap { min-height: 612px; } .edit_work .msg_option .error_msg1 { margin: 2px 0 0px 2px; background: #FFE9EB; color: #B33E3E; display: none; z-index: 100000;} .edit_work .breadcrumb { height: 31px; margin: 0px 25px 0 2px; } .edit_work .ajax_loader { /* height: 465px; */ height: 324px; z-index: 9999 !important; top: 49px;} .search_popup .common_msg { left: 3px; z-index: 999; top: -10px; } .search_popup .popup_body { position: relative; } .search_loader { background: url(../images/qnap_loader_bg.png) repeat scroll 0 0; display: none; height: 95%; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 9999; } .search_loader p { background: url("../images/qnap_loader_40.gif") no-repeat scroll center center; height: 100%; margin: 0 auto; text-indent: -3500px; width: 100%; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color:#FFF !important; } /*Show/Hide hidden file/folders */ .show_files { background: none repeat scroll 0 0 #ededed; float: left; padding: 25px 20px; width: 95%; margin-bottom: 20px } .show_files span { padding: 5px 0; float: left; width: 100%; } .body .folderBackupContent tr.hideData, #verficationText.hideData, .remem_box.hideData { display: none; } .body .folderBackupContent tr.showData, #verficationText.showData, .remem_box.showData { display: block; } /*2-Step verification */ .remem_box { clear: both; font-size: 12px; overflow: hidden; padding: 10px 0 0; width: 361px; } .enable { background: none repeat scroll 0 0 #f5f4e2; margin-top: 15px; padding: 15px 10px 10px !important; width: 341px !important; } .qnap-lock { background: url("../images/qnap-lock.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0); float: right; height: 29px; width: 29px; } .brd-top { border-top: 1px solid #dddad1; } label.Diti { color: #515149 !important; display: block; font-size: 12px; } .digit-content { font-size: 12px !important; } .span-common { float: left; padding-top: 5px; } .pad-left { padding-left: 7px; } .code { background: none repeat scroll 0 0 #ffffff; border: 1px solid #c0c0be; border-radius: 3px; clear: both; float: left; font-size: 14px; height: 32px; line-height: normal; margin: 5px 0 15px; padding: 0 10px; width: 170px; outline: none; } .file_check.span-common { width: 20px; } .span-common.pad-left { width: 80%; } @media not all { .span-common { float: none; } .pad-left { padding-left: 0 !important; } } /* IE8,9,10 */ @media screen\0 { #enable { margin-top: -22px !important; margin-left: 3px !important; } } /*#verficationText{display: none;font-size:14px; margin-top:0px;}*/ /* New styles started here - Feb10,2015*/ .createAccount { color: #646464; font-size: 20px; font-weight: normal; letter-spacing: 0px; text-align: center; } .signup-btn { background-color: #dd5b14; border: 0 none; border-radius: 2px; color: #fff; cursor: pointer; font-size: 16px; padding: 12px 40px; text-decoration: none; width: 115px; margin: 20px auto; display: block; } .forgotSpan { display: block; text-align: right; width: 250px; } .forgotPWD { text-decoration: none; font-size: 11px; color: #5187AD; } .saveBtn { background: #c0c0c0 !important; border: #c0c0c0 solid 1px } .account_wrap .acc_txtbox.txtBg { background: #c0c0c0; } .bgLiner { background: url(../images/qanp_divider.png) no-repeat 0 0; padding-left: 40px; min-height: 310px; } .paddingNone td { padding: 0 0 0 15px !important } .paddingBtmNone td { padding-bottom: 0px !important } .brdBtm { border-bottom: solid 0px red } .account_wrap .account_exclude.newAccount { padding-top: 35px; } .newAccount .account_lft { width: 51%; padding-right: 15px } .newAccount .account_rgt { width: 41%; text-align: justify } .newAccount .scheduleBtn { width: 91px; margin-top: 5px; } .newAccount .folderBackup td { font-size: 14px; } .account_rgt p { font-size: 13px; text-align: center; } .account_rgt { display: block; } /*New version Notification - Start*/ .display-notify { background-color: #f8f5d0; border: 1px solid #fff; border-radius: 5px; bottom: 20px; box-shadow: 0 0 10px #919191; padding: 10px 0; position: fixed; right: 20px; width: 370px; z-index: 999999; } .notify-icon { float: left; padding: 6px 5px 0 10px; } .notify-details { float: left; font-size: 12px; line-height: 22px; padding: 15px 0 0 5px; width: 80%; } .notify-Btn { margin-top: 10px; margin-right: 5px; height: 26px; cursor: pointer; text-align: center; border: 0px; color: #fff; font-size: 12px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; text-decoration: none; float: left; box-sizing: border-box; } .notify-Btn:hover { background: none repeat scroll 0 0 #5eafe5; } .notify-Btn:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .notify-close { position: absolute; top: 10px; right: 10px; cursor: pointer; } /* Account configure page */ .config-container { margin: 0px 0px 0px 0px; padding: 0px 0 20px; width: 100%; min-width: 600px; background: #F9F9F9; } .sub_h1 { margin: 20px 0px; text-indent: 15px; color: #256C9A; border-bottom: 1px solid #DDD; padding-bottom: 15px; font-size: 20px; display: inline-block; width: 100%; } .encry-content { padding: 0 20px; font-size: 12px; line-height: 18px; } .radio-btn { float: left; width: 100%; padding: 5px 0; } .radio-btn input[type="radio"] { vertical-align: top; /* margin-top:4px; */ } .radio-btn label { font-size: 14px; padding-left: 0px; line-height: 22px; } .default-key { padding: 0 0 30px 20px; } .private-key { padding: 0 0 1px 20px; } .key_password { padding: 20px 0 0px 20px; display: inline-block; } .key_password p { float: left; width: 100%; margin: 7px 0; } .key_password label { width: 170px; float: left; line-height: 34px; } .key_password .input { float: left; width: 390px; background: none repeat scroll 0 0 #FFF; border: 1px solid #93B6CA; border-radius: 0 0 0 0; box-shadow: none; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; height: 30px; text-indent: 10px; outline: none; } .encrypt-warning { padding: 20px; text-align: justify; display: inline-block; } .encrypt-warning .red { color: #F00; margin: 0; padding: 0; float: none; } .encrypt-btn { margin-right: 5px; height: 30px; cursor: pointer; text-align: center; border: 0px; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .encrypt-btn:hover { background: none repeat scroll 0 0 #5eafe5; } .encrypt-btn:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .encrypt-submit { padding: 0 20px 20px; display: inline-block; } /* After login enter the encrypt password*/ .encryptionkey_cont { padding: 20px; } .encrypt-img img { display: block; margin-left: auto; margin-right: auto; } .encrpt-wrap-box { width: 450px; margin: 0px auto; } .encrpt-wrap-box h2 { text-align: center; font-size: 22px; font-weight: bold; letter-spacing: 0.05em; } .encrpt-wrap-box p { text-align: center; } .encrpt-wrap-box label { text-align: center; padding: 10px 0 20px; display: block; font-size: 14px; } .encryption_key { float: left; width: 340px; background: none repeat scroll 0 0 #FFF; border: 1px solid #93B6CA; border-radius: 0 0 0 0; box-shadow: none; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; height: 30px; text-indent: 10px; outline: none; } .encrypt-pwdbtn { margin-left: 5px; height: 34px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .encrypt-pwdbtn:hover { background: none repeat scroll 0 0 #5eafe5; } .encrypt-pwdbtn:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } /* Aftet create a account to redirect nas login */ .login-wrap { width: 51%; padding: 0px 0 0 0; float: left; min-height: 220px; } .account_wrap .login-section { margin: 15px 0; padding: 20px; overflow: hidden; background: #F9F9F9; margin-top: 15px; } .account_wrap .login-table td { font-size: 14px; padding-bottom: 20px; } .login-bgliner { background: url(../images/qanp_divider.png) no-repeat 0 0; padding-left: 25px; margin-left: 20px; } .login-wrapper { margin: 10px 0 0 135px; float: left; } .display-btn { background: #999!important; border: 1px solid #666!important; cursor: default !important } .account_wrap .login-wrap .acc_txtbox { width: 250px; } .login-wrap select { height: 29px!important; } /* New logs - added multiple check box deletion option */ .logs_wrap .logs-section { padding: 0px 0 0 } .logos_exclude .excludeContainer { border: 1px solid #ebebeb; } .exclude.logos_exclude .folderBackup tr td { padding: 12px 0 12px 10px; border-bottom: 1px solid #ebebeb; } /* .exclude.logos_exclude .folderBackup tr:last-child td{ border-bottom: 1px solid transparent;} */ .exclude.logos_exclude .folderBackup { border-bottom: 1px solid #ebebeb; } .logos_exclude .logs_table { width: 800px; } .exclude.logos_exclude .excludefiles { overflow-x: hidden !important; } .logs_notes { padding: 30px 0 20px 20px; display: inline-block; } .exclude.logos_exclude .folderBackup.logs_table { border: 1px solid transparent; } .logs_table .sheduled_view img { padding-left: 26px; } .logs_table .logsDeleteJob, .logs_table .logsDisableJob { margin-left: 35px; } .logs-section .excludeContainer { border-top: 1px solid transparent; } .exclude.logos_exclude .folderBackup.disable-hover tr:hover { background: #edf2f5; } /* #logs-list-height{height:320px} */ .logs-icon-row { list-style: none; padding: 0px; margin: 0px; display: none; } .delete_all_disabled { list-style: none; padding: 0px; margin: 0px; } .logs-icon-row li, .delete_all_disabled li { cursor: pointer; list-style: none; margin: 0px; padding: 0px 30px 0px 10px; float: left; background: url(../images/menu_divider.png)no-repeat right; height: 35px; } .logs-icon-row li a, .delete_all_disabled li a { float: left; text-decoration: none; text-indent: -3500px; overflow: hidden; padding: 0px 15px; background-image: url(../images/logo-delete-icon.png); background-color: #F9F9F9; background-repeat: no-repeat; height: 45px; } .logs-icon-row li a:hover, .delete_all_disabled li a:hover { background-image: url(../images/logo-delete-icon.png); background-color: #DFE6EB; background-repeat: no-repeat; } .logs-icon-row li span:hover, .delete_all_disabled li span:hover { background-position: 16px 15px; background-image: url(../images/logo-delete-icon.png); background-color: #DFE6EB; background-repeat: no-repeat; } .logs_wrap .menu_deleteall, .logs_wrap .disable_deleteall { position: relative; width: 100%; background-position: 1px 9px; } .logs_wrap .menu_delete_all span, .logs_wrap .disable_deleteall span { padding: 9px 0 10px 0; position: absolute; left: -5px; width: 100%; text-indent: 40px; cursor: pointer; } /* .logs_wrap .menu{background: transparent;border-bottom: none !important;height:0px; display:block} */ .logs_wrap .logs-icon-row li, .logs_wrap .delete_all_disabled li { background: transparent; margin-top: 9px; right: 0px; } .logs_wrap .logs-icon-row li span:hover, .logs_wrap .delete_all_disabled li span:hover { background: transparent; } .logs_wrap .logs-icon-row li a, .logs_wrap .delete_all_disabled li a { background-color: transparent; } .logs_wrap .logs-icon-row li a:hover, .logs_wrap .delete_all_disabled li a:hover { background-color: transparent; } .delete_all_disabled li a, .delete_all_disabled li a:hover, .delete_all_disabled li span:hover { background-image: url(../images/disabled-delete-icon.png); } .logs_wrap .disable_deleteall span { cursor: text; } /* New styles ended here - Feb10,2015*/ #log_list_table .nfiles { padding: 20% 0 0; background-color: transparent; border-bottom: 0px solid #EBEBEB; } .logs-section .header_part { float: none; background-color: #edf2f5; border: none; } .logs-section .header_part td { height: auto; } /*Hiding last TD of each row in new backup set*/ .backup_page #newBackupSet .folderBackupContent td:nth-child(5) { display: none; } .excludeBackupFilePath .fname.cont_heading { width: 64%; } .excludeBackupFilePath #excludeFilesPath .file_check { width: 3%; } .excludeBackupFilePath #excludeFilesPath .cont_heading { width: 64.8%; } .excludeBackupFilePath #excludeFilesPath .file_date { width: 23%; padding-left: 2px; } .popLeft.preferences #cancel_full_path { margin-right: 15px; } #selectedBackupsetFiles, #selectedRestoreSetFiles { width: 100%; } #selectedBackupsetFiles .cont_heading, #selectedRestoreSetFiles .cont_heading { width: 98%; box-sizing: border-box; } #selectedBackupsetFiles .cont_heading span, #selectedRestoreSetFiles .cont_heading span { max-width: 640px; } .version-no { float: left; height: 20px; } .update-btn { background: rgba(0, 0, 0, 0) url("../images/ide_version_update.png") no-repeat scroll 0 2px; cursor: pointer; float: left; height: 20px; margin-left: 5px; width: 44px; } h1 span.update-btn > a { background: transparent none repeat scroll 0 0; height: 100%; margin: 0; width: 100%; outline: none; } .file-scan-wrap .scanning_wrap { float: left; width: 100%; height: 40px; overflow: hidden; } /* Time and Date on Device */ .time-innerwrap { box-sizing: border-box; width: 100%; padding: 10px 0px; margin: 0px; float: right; border: 0px solid red; } .time-disp, .current-date-wrap { padding-left: 5px; } .time-disp { padding-bottom: 0px; margin: 0px; float: left; } .time-disp .hours-disp, .time-disp .colon-disp, .time-disp .minutes-disp { color: #0E0E0E; font-size: 12px; } .meridiem-disp { text-transform: uppercase; font-size: 12px; } .current-date-wrap { margin: 1px 0 0 5px; padding: 0px; color: #333; font-size: 12px; text-transform: capitalize; overflow: hidden; float: left; } .device-time-wrap { position: relative; bottom: 0; width: 330px; } p.heading_time { float: left; color: #333; padding: 0px; margin: 0; font-size: 12px; } /* Device datetime styles */ .container-time-wrap { position: relative; } .device-time-wrap { position: fixed; right: 8px; background-color: rgba(106,146,96,0.8); width: auto; height: 60px; bottom: 0px; cursor: pointer; } .device-time-wrap-w { width: auto; } .device-time-wrap p { color: #fff } p.heading_time { float: none; margin-bottom: 4px; } .time-disp .hours-disp, .time-disp .colon-disp, .time-disp .minutes-disp { color: #fff; font-size: 16px; } .current-date-wrap { font-size: 14px; margin: 1px 0 0 15px; } .device-time-wrap div { float: left; } .time-innerwrap { width: 240px; height: 50px; } .time-clock { width: 60px; text-align: center; } .device-time-wrap div.time-arrow { float: right; width: 30px; background-color: #335b25; height: 60px; text-align: center; } .slide-arrow-close { display: block; background: url(../images/ide_timearrow-sprite.png) no-repeat no-repeat -4px -34px; width: 9px; height: 19px; text-indent: 9999px; margin: 22px auto; } .slide-arrow-open { background-position: -4px -6px; } footer { margin: 0px 0; width: 100%; } /* Time slot */ #clock { background: url(../images/ide_timeicon_bg.png) no-repeat; list-style: none; width: 36px; height: 36px; position: relative; left: 20px; } #sec, #min, #hour { position: absolute; top: 0px; left: 17px; width: 2px; height: 36px; } #sec { background: url(../images/ide_timeicon_second.png) no-repeat; z-index: 3; } #min { background: url(../images/ide_timeicon_minute.png) no-repeat; z-index: 2; } #hour { background: url(../images/ide_timeicon_hour.png) no-repeat; z-index: 1; } .version_container { width: 550px; } .version_container .popup_header { overflow: hidden; border: none; } .version_container .fldr_img { padding: 5px; width: 30px; height: 40px; float: left; margin: 0 8px 5px 0; background-color: rgba(0, 0, 0, 0); background: url(../images/file_icons.png) 0 -10px; } .version_container .genr_img { padding: 5px; width: 30px; height: 40px; float: left; margin: 0 8px 5px 0; background-color: rgba(0, 0, 0, 0); background: url(../images/file_icons.png) 0 -189px; } .version_container h2 { margin: 0 0 8px; width: 440px !important; float: left; white-space: nowrap; } .version_container .fldr_path { font-size: 11px; width: 440px !important; float: left; white-space: nowrap; } .version_container .fldr_path { font-size: 11px; width: 440px !important; float: left; white-space: nowrap; } .version_container .popup_close_btn { position: absolute; right: 18px; top: 20px; display: block; background: url(../images/popup_close_btn.png) no-repeat; width: 16px; height: 16px; cursor: pointer; } .version_container .details_body { margin: 0; padding: 0; border-right: 1px solid #E0E6EB; border-bottom: 1px solid #E0E6EB; } .version_container .details_body li { margin: 0; padding: 0; list-style: none; clear: both; overflow: hidden; border-left: 0px solid #e0e6eb; border-top: 1px solid #e0e6eb; } .version_container .details_body li.details_head { background: #F0F4F7; } .version_container .details_body div { float: left; display: block; width: 33%; } .version_container .details_body div b, .version_container .details_body div span { border-left: 1px solid #E0E6EB; display: block; padding: 8px; } .version_container .details_body div b, .version_container .details_body div span { display: block; padding: 8px; } .version_restore_cnt #folderDetailsPath, .version_container #folderDetailsPath { overflow: hidden; text-overflow: ellipsis; max-width: 413px; float: left; padding: 0px 0 0 10px; box-sizing: border-box; } .version_restore_cnt #folderDetailsPath { max-width: 640px; } .version_list { border-top: 0px; } .version_list li { cursor: pointer; } .version_list li:hover, .version_list li.active { background-color: #EFF9FF; } .version_master_wrap { z-index: 99999; } table.main_chk_table1.version_restore_cnt #folderDetailsName { color: #5E95BB; } .versionnew_set .fldr_img { } .ver-no { padding-left: 10px !important; width: 241px } .versionnew_set { display: none; } .versionnew_set .fldr_path { font-size: 13px; margin-top: -10px; } #deleteConfirmArchive { position: absolute; top: 40%; left: 20%; z-index: 99999; } #archiveAbortPopup { position: absolute; top: 33%; left: 15%; z-index: 9999999; } #forDeletion { max-height: 300px; min-height: 150px; height: 100%; overflow-y: scroll; } #ajaxLoaderDeleteConfirm_loader { float: left; min-height: 300px; width: 100%; display: block; position: relative; } #ajaxLoaderDeleteConfirm_loader .ajax_loader { background: url("../images/qnap_loader_bg.png") repeat scroll 0 0; display: block; height: 100%; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 9999; } #ajaxLoaderDeleteConfirm_loader .ajax_loader p { background: url("../images/qnap_loader_40.gif") no-repeat scroll center center; height: 100%; margin: 0 auto; text-indent: -3500px; width: 100%; display: block; } /* .newBkpSet .cont_heading{width: 55%;} Commented by Senthil on 26/04/2016*/ .newBkpSet .file_date { width: 25%; } #archiveCleanupJobName { color: #333; font-size: 12px; } #vaultCancelJob { display: none; } #disableDelete { background: #abb3b9 none repeat scroll 0 0; border: 1px solid #b7b7b7; color: #555; display: block; height: 22px; line-height: 22px; width: 123px; cursor: unset; margin-right: 20px; } .manage_submit #delete_scheduler { margin-right: 23px; } /* For cancel button in backup page */ .stop_bkp { position: relative; } .stop_bkp .cancel_loading_icon { background: url(../images/loader_gray.gif) no-repeat 0 12px; height: 30px; width: 40px; float: left; text-indent: -3000px; margin-right: 23px; position: absolute; right: 102px } #cancellingBackup { background: #abb3b9 none repeat scroll 0 0; border: 1px solid #b7b7b7; color: #555; height: 27px; line-height: 25px; width: 138px; cursor: unset; display: none; padding: 3px 1px 3px 29px; } /* .restorenow_btm .scheduleBtn{width:120px; height:35px;float: right;} */ .scheduleBtn { margin-right: 5px; height: 30px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-family: tahoma; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .scheduleBtn:hover { background: none repeat scroll 0 0 #5eafe5; } .scheduleBtn:active { background: none repeat scroll 0 0 #5eafe5; box-shadow: 0 0 5px #10608c inset; } .restorenow_rgt .loading_icon { margin-right: 23px; position: absolute; right: 94px; } .backup_page .loading_icon { margin-right: 38px; position: absolute; right: 75px; display: none; } #cancelBackup, #cancelRestore { padding: 0px 0px 0px 26px !Important; width: 135px; color: #fff; height: 35px; display: none;background: #6196b9 url(../images/loader_small.gif) 7px 12px no-repeat; } /* Cancel button in restore page */ .stop_restore { position: relative; float: right; } .restore_loading_gray { background: url(../images/loader_gray.gif) no-repeat 0 12px; height: 30px; width: 40px; float: left; text-indent: -3000px; margin-right: 23px; position: absolute; right: 109px } .scheduleBtn { margin-right: 5px; height: 30px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-family: tahoma; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 3px 10px; } .restorenow_btm .scheduleBtn { width: 120px; height: 35px; float: right; } #cancellingRestore { background: #abb3b9 none repeat scroll 0 0; border: 1px solid #b7b7b7; color: #555; display: block; height: 27px; line-height: 25px; width: 150px; cursor: unset; padding: 3px 0px 3px 25px; } /*.popup_container .folderBackupContent tr:hover{background:#cddae1 !important}*/ span#folderDetailsName { text-overflow: ellipsis; white-space: nowrap; max-width: 470px; word-wrap: normal; display: block; overflow: hidden; } input#backupLocation { color: #9F9F9F; } /* Schedule Manage page - Update check box and radio button */ .row, .schedule-Daily-row { display: inline-block; } .schedule_checkbox { position: relative; width: 15px; height: 15px; float: left; padding-right: 5px; padding-top: 2px; } .schedule_checkbox label { text-indent: -3500px; font-size: 1px; height: 14px; width: 14px; background: url(../images/vault_icons_green.png) 0px 0px no-repeat; float: left; position: relative; margin: 0px 0px 0px 0px; } /*.schedule_checkbox input[type='checkbox'] { visibility: hidden; opacity: 0; height: 18px; width: 18px; float: left; position: absolute; left: 22px; margin: 22px 0px 0px; } */ .schedule_checkbox input[type='checkbox'] { visibility: hidden; opacity: 0; height: 14px; width: 14px; float: left; position: absolute; left: 0px; margin: 0px 0px 0px; } .schedule_checkbox label.label_checked { background: url(../images/vault_icons_green.png) 0px -20px; } .schedule_checkbox .label_semi_checked { background: url(../images/vault_icons_green.png) 0px -40px !important; } #scheduler_div .monthly ul li { line-height: inherit; } .email-notification { float: left; } .manage_schedule .setname { background-color: #E8E8E8; } .schedule_radiobtn { position: relative; width: 15px; height: 15px; float: left; padding-right: 5px; padding-top: 2px; } .schedule_radiobtn label { text-indent: -3500px; font-size: 1px; height: 14px; width: 14px; background: url(../images/vault_icons_green.png) 0px -60px no-repeat; float: left; position: relative; margin: 0px 0px 0px 0px; } .schedule_radiobtn input[type='radio'] { visibility: hidden; opacity: 0; height: 18px; width: 18px; float: left; position: absolute; left: 22px; margin: 22px 0px 0px; } .schedule_radiobtn label.label_checked { background: url(../images/vault_icons_green.png) 0px -80px; } .Notify-always-row, .Notify-failure-row { float: left; padding-right: 15px; padding-left: 15px; } .notify_box { float: left; width: 100%; padding-bottom: 5px; padding-top: 10px; } .notify_box + .hr_line { float: left; } .schedule-monthly-row { float: left; padding: 0 15px 0 0; } #scheduler_div .schedule_checkbox input[disabled="disabled"] { visibility: visible; opacity: 1; z-index: 1; } /* refresh button */ .edit_work .menu_refresh_icon { display: none; } .menu_refresh_icon { background: url(../images/ide_menu_refresh.png) no-repeat center left; height: 16px; width: 44px; float: right; margin: 10px 0px 0 0px; cursor: pointer; padding-left: 20px; } .menu_wrap #fullPathBreadCrumb { width: 97%; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 80px); } .file_missing { background-color: #F9E7E7; } .file_missing td { border-bottom: 1px solid #FFF; } span.file_missing_text { float: right; color: #B30000 !important; font-size: 12px; } span.file_missing_text:first-letter { text-transform: uppercase; } /* Make the first letters uppercase */ /*log Page*/ .view_page .viewContent_wrap { padding: 0; font-size: 14px; float: left; width: 100%; box-sizing: border-box; border: 1px solid #DEDDDD; border-top-width: 0px; } .view_page .download_log { margin-bottom: 0; margin-top: 10px; width: 100%; float: left; padding: 10px 20px 10px 20px; border-bottom: 1px solid #DEDDDD; box-sizing: border-box; } .downloadButton { margin-right: 5px; height: 20px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9 url(../images/idr_report_icon.png) no-repeat 8px 9px; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; text-decoration: none; padding: 8px 10px 8px 30px; float: right } .navsection a { margin-right: 8px; height: 20px; cursor: pointer; text-align: center; font-size: 13px; line-height: 18px; background: #fff; font-weight: normal; border: 1px solid #DADADC; border-radius: 2px; text-decoration: none; padding: 6px 13px; float: left; color: #333333 } .navsection { width: 100%; float: left; margin: 0; padding: 20px 20px; box-sizing: border-box; padding-right: 0; } .navsection a.previous { background: #fff url(../images/previous.png) no-repeat 6px 7px; padding: 6px 14px 6px 22px; } .navsection a.next { background: #fff url(../images/next.png) no-repeat 50px 7px; padding: 6px 28px 6px 13px; } .navsection a.previous:hover { background: #ECEBEB url(../images/previous.png) no-repeat 6px 7px; padding: 6px 14px 6px 22px; } .navsection a.next:hover { background: #ECEBEB url(../images/next.png) no-repeat 50px 7px; padding: 6px 28px 6px 13px; } .navsection a.previous.disableBtn { background: #ECEBEB url(../images/previous_disable.png) no-repeat 6px 7px; padding: 6px 14px 6px 22px; } .navsection a.previous.disableBtn:hover { background: #ECEBEB url(../images/previous_disable.png) no-repeat 6px 7px; padding: 6px 14px 6px 22px; } .navsection a.next.disableBtn { background: #ECEBEB url(../images/next-disable.png) no-repeat 50px 7px; padding: 6px 28px 6px 13px; } .navsection a.next.disableBtn:hover { background: #ECEBEB url(../images/next-disable.png) no-repeat 50px 7px; padding: 6px 28px 6px 13px; } .navsection a:hover { background: #ECEBEB } .downloadButton:active { background: #5eafe5 url(../images/idr_report_icon.png) no-repeat 8px 9px; box-shadow: 0 0 5px #10608c inset; } .downloadButton:hover { background: #5eafe5 url(../images/idr_report_icon.png) no-repeat 8px 9px; } .download_log { margin-bottom: 20px; width: 96%; float: left; padding: 20px; border-bottom: 1px solid #DEDDDD; } .download_log h2 { color: #6096bc; font-size: 18px; font-weight: normal; padding: 0px; float: left; letter-spacing: normal } .navsection .disableBtn { color: #C7C7C7; background: #ECECEC; cursor: no-drop; } .report-wrapper { height: 340px; overflow-y: auto; width: 100%; float: left; padding-left: 20px; box-sizing: border-box; padding-top: 20px; } .loading-report { float: left; width: 150px; padding-top: 6px; } span.lr-img { float: left; padding-right: 10px; } span.lr-text { font-size: 13px; padding: 3px 0 0; float: left; } .navsection div.pagination-wrapper { float: right; width: 300px; } .pagination-wrapper #last { margin-right: 0; } .view_page .download_log h2 { color: #6096bc; font-size: 18px; font-weight: normal; padding: 10px 0 0 0px; float: left; letter-spacing: normal; margin: 0; } .wrapper .excludeheader.header_part .fname { width: 61%; } .wrapper .excludeheader.header_part .file_size { padding-left: 0px; } .wrapper .excludeheader.header_part .file_date { padding-left: 0px; } .scheduler_page .body_wrap, .logs_wrap { margin-top: -20px; } .container.body_wrap.preference_page { margin-top: -20px; } .view_page .viewContent_wrap { border-left: 0px; border-right: 0px; } /* Added 28-04 */ .bckheader .file_size, .restorset_new .file_size, .excludeheader_part .file_size { padding-left: 5px !important; } .backexcludeheader .file_size { padding-left: 14px !important; } .backexcludeheader .fname { width: 51% !important; } .backexcludeheader .file_date { padding-left: 2px !important; } .bckheader .file_date, .excludeheader_part .file_date { padding-left: 8px !important; } .restorset_new .file_date { padding-left: 12px !important; } .prefexcludeheader .file_size { padding-left: 30px !important; } .prefexcludeheader .file_date { padding-left: 28px !important; } .excludeContainer_new .excludDetail { padding-left: 20px !important; } /* New features update to preference logs */ .added_logs { background: #FFFFFF; } .logint_option_text { background: #FFF; width: 760px; box-sizing: border-box; margin: 20px auto 20px; padding: 40px 20px 70px; float: none; display: block; min-height: 140px; } .lot-wrap { float: left; width: 100%; min-height: 30px; } .lotw_name { float: left; display: inline-block; height: 100%; width: 100%; } .lotw_user { font-size: 14px; color: #333; } span.lotw_id { font-size: 14px; color: #2E7FB4; font-weight: normal; padding: 0 5px; } span.lotw_logout { border: 1px solid #6196b9; min-width: 80px; padding: 5px; display: inline-block; border-radius: 2px; text-align: center; background-color: #6196b9; font-size: 14px; color: #FFF; cursor: pointer; margin-left: 30px; } span.lotw_logout:hover { background-color: #5eafe5; } .added_logs h3 { color: #0675C3; font-size: 16px; font-weight: normal; margin: 0 0 15px 0; } .lot_description { display: inline-block; padding: 0 0 20px; margin: 0; } .added_logs .backup_innerwrap, .exclude.backup_location.added_logs { min-height: 300px; } .sliding li:first-child { display: none !important; } .network_in_con .bthrotle { margin-bottom: 20px; } .account_wrap .scheduleBtn { height: 36px; font-size: 17px; width: 110px; margin: 0 0; float: none; } .login-wrapper { margin: 0px 0 0 135px; float: left; width: 250px; } .reindex-icon { background: url(../images/reindex-icon.png) no-repeat 0px 0px; height: 16px; width: 16px; float: none; margin: 55px 0px 0 0px; cursor: pointer; padding-left: 19px; text-indent: -3500px !important; color: #fff; } .reindex-menu { width: 124px; height: 46px; overflow: hidden; position: absolute !important; left: 353px !important; top: 14px !important; } .localbackup_page .restorenow_btm { padding: 3px 7px 12px 9px !important; } .localbackup_page .restorenow_rgt { float: right; width: 48%; margin-top: 10px; } .restoreSetSelected .restorenow_rgt .loading_icon { background-color: transparent; border-top: none; } .reindex_menu { display: none; } .right_menu .reindex_menu {margin-top: 13px; float: right;} /* Send Error Report */ .send_error_report * { box-sizing: border-box; } .send_error_report { width: 500px; } .send_error_report ul { list-style: none; padding: 0px; margin: 20px 0; } .send_error_report ul li { padding: 0 0 10px; } .send_error_mand { color: #F00; font-size: 11px; } .ser_ul label { display: inline-block; width: 100%; padding: 0 0 5px; font-size: 14px; } .ErrorReport_input { background: none repeat scroll 0 0 #FFF; border: 1px solid #5E96B1; box-shadow: 0 0 5px #EFEEEE inset; font-size: 16px; padding-left: 5px; color: #0A0A0A; line-height: 22px; height: 30px; width: 100%; } .ErrorReport_textarea { background: none repeat scroll 0 0 #FFF; border: 1px solid #5E96B1; box-shadow: 0 0 5px #EFEEEE inset; font-size: 16px; padding: 10px; color: #0A0A0A; line-height: 22px; height: 120px; width: 100%; font-family: inherit; resize: none; } .sliding { width: 150px; height: 145px; position: absolute; right: 0; top: 2px; display: none; padding-top: 29px; z-index: 99999999; } .sliding ul { padding-top: 10px; } .topnavbutton1.breadcrum_menu { z-index: 8; } #resultDiv { display: block; top: 0px; left: 3px; position: absolute; } .send_error_report .btncontainer { margin: 0px; } .sendingLoader { background: rgba(0, 0, 0, 0) url(../images/loader_small.gif) no-repeat 0 12px; height: 30px; width: 40px; float: left; text-indent: -3000px; } #sendingmessage { background: #abb3b9 none repeat scroll 0 0; border: 1px solid #b7b7b7; color: #555; height: 27px; line-height: 25px; width: 138px; padding: 4px 9px 4px 39px; disable: disable; cursor: text; display: none; } #send-error-btn-con .sendingLoader { right: 62px; top: -6px; position: absolute; } /* Next scheduled event style */ .next-schdule-box { margin-left: 0; width: 172px; border: 1px solid #6195ba; margin-top: 0; position: absolute; } .s_blu_txt { color: #1374AB } .next-schdule-box .no_event { text-align: center; width: 100%; float: left; } .next-schdul-con { padding: 5px 5px 25px 5px; font-size: 10px; } .next-schdule-box-hdr { background: #cde0ee; padding: 10px; font-size: 14px; } .next-more-txt { float: right; } .next-more-txt a { text-decoration: none; color: #1374AB; } /*.time-disp .hours-disp, .time-disp .colon-disp, .time-disp .minutes-disp { color: #6196B9; font-size: 28px; }*/ /* Next scheduled event style*/ #loginForm input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size:13px; color: #cac8c8; } #loginForm input::-moz-placeholder { /* Firefox 19+ */ font-size:13px; color: #ABA9A9; } #loginForm input:-ms-input-placeholder { /* IE 10+ */ font-size:13px; color: #ABA9A9; } #loginForm input:-moz-placeholder { /* Firefox 18- */ font-size:13px; color: #ABA9A9; } /* NAS user permission warning*/ .noshell_msg,.nas_warning { font-size: 14px; } /* NAS user permission warning*/ .goto-pre-requites { color: #5E95BB; font-size: 14px; text-decoration: none; } /* Root level display */ .clear_both { clear: both; } #log_list_table .ajax_loader { position: static; } .log_date_selector { list-style: none; position: absolute; right: 0px; } /* Trash Page CSS - 04/07/2016 */ .trash-wrap .excludefiles table tr td span { color: #1374AB; font-size: 13px; } .trash-wrap a.putback { background-position: 18px -1260px; } .trash-wrap .left_menu { width: 40%; } .trash-right-menu { width: 60%; float: right; } .trash-wrap .restore_trash_menu { float: left; margin-right: 10px; padding-left: 8px; background: none; padding-top: 9px; } .trash-wrap .trash-search { float: right; } .trash-wrap .search_box_inpt { height: 14px; margin-top: 7px; } .trash-wrap .search_box_trash_btn { margin-top: 5px; cursor: pointer; } .search_box_trash_cancel_btn { background: #abb3b9 none repeat scroll 0 0; border: 1px solid #b7b7b7; color: #555; 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; margin-top: 5px; } .trash-wrap .excludeContainer .cont_heading { width: 59%; } .trash-wrap .search-file-date { width: 20%; } .trash-wrap .excludeContainer .file_size { width: 13%; } .trash-wrap .tab_loader p { margin-top: 18%; } .trash-wrap .excludefiles { height: 300px; overflow: auto; } .trash-wrap .back { background-position: 15px -362px; } .trash-wrap .nfiles { height: 300px; line-height: 300px; float: none; } .container.body_wrap.trash-wrap { margin-top: -30px !important; } .trash-wrap .menu { z-index: 9 !important; } .trash-wrap .back { padding: 0 22px; } .trash-wrap .restore_trash_menu { padding: 0px 3px 0px 0px; float: left; background: url(../images/menu_divider.png)no-repeat right; height: 45px; width: 40px; } .trash-wrap .restore_trash_menu span { margin-left: 10px; margin-top: 10px; } .trash-wrap .restore_trash_menu:hover { background-color: #DFE6EB; background-repeat: no-repeat; } .trash-wrap .nfiles { overflow: hidden; } .edit_work .restore_trash_menu { display: none; } .body_wrap { padding-top: 10px; } .sliding { padding-top: 25px; } /* New features update to preference logs */ /*Progress bar css*/ .progress_box { width: 423px; box-shadow: 0px 0px 5px #888888; position: fixed; right: 10px; bottom: 20px; font-size: 14px; bottom: 0px; background: #fff; z-index: 1; } .progress_hdr { background: #5f95bb; padding: 10px 15px; color: #fff; } .drag_body_con { height: 130px; overflow-y: scroll; } .progress_hdr_lft { float: left; } .progress_hdr_rht { float: right; } .clear { clear: both; } .minimize-icon { background: url(../images/minimize_btn.png) no-repeat -1px 0px; width: 16px; height: 16px; cursor: pointer; float: left; margin-right: 20px; } .close-icon { background: url(../images/close_btn.png) no-repeat -1px 0px; width: 16px; height: 16px; cursor: pointer; float: left; color: white; } .progress_body_con { background: #fff; padding: 15px 15px; font-size: 13px; border-bottom: 1px solid #cfcfcf; } .restore_body_con { background: #fff; padding: 15px 15px 20px 15px; font-size: 13px } .prog_bkp_lft { float: left; color: #5f95bb; font-size: 13px; font-weight: bold; margin-bottom: 3px; } .prog_bkp_rht { float: right; margin-bottom: 10px; } #progress_cancel { background: #fcfcf; border: none; border-radius: 2px; color: #747474; padding: 4px 6px; font-size: 13px; cursor: pointer; display: none; } .green_bar_con { border: 1px solid #75ab27; width: 330px; height: 8px; float: right; margin-left: 2px; margin-top: 4px; } .green_bar { width: 80px; height: 8px; background: #75ab27 } .green-txt { float: left; color: #75ab27; } .btn_con { float: left; margin-top: -3px; display: none; } .green_btn { /*background: url(../images/buttons.png)*/ no-repeat -136px 0; width: 24px; height: 24px; cursor: pointer; float: left; margin-left: 10px; } .green_btn:hover { background-position: -170px 0px; } .pause_btn { /*background: url(../images/buttons.png)*/ no-repeat 0 0; width: 24px; height: 24px; cursor: pointer; float: left; margin-left: 10px; } .pause_btn:hover { background-position: -34px 0px; } .play_btn { /*background: url(../images/buttons.png)*/ no-repeat -102px 0; width: 24px; height: 24px; cursor: pointer; float: left; margin-left: 10px; } .play_btn:hover { background-position: -68px 0px; } .backup_txt_con { margin-top: 10px; font-size: 12px; } .prog_file_path { word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 299px; font-size: 12px; } .prog_file_size { float: right; } .prog_green_con { margin-top: 10px; } .activity_prog_con { box-shadow: none; width: 178px; margin-top: 10px; margin-left: 0; position: relative; padding: 12px; border: none; display: none; float: left; } .act_title { float: left; font-weight: bold; } .min_act_icon { background: url(../images/arrow_minimize_btn.png) no-repeat 0px 0; width: 24px; height: 24px; cursor: pointer; float: left; margin-left: 10px; } .left_status_bar { border: 1px solid #75ab27; width: 98px; height: 8px; float: left; margin-top: 4px; margin-left: 10px; } .left_status_bar_bg { width: 20px; height: 8px; background: #75ab27 } .restore_prog_con { box-shadow: none; width: 140px; margin-top: 343px; position: absolute; padding: 12px; border: none; } #activity_progress_for_restore { clear: both; box-shadow: 0 -5px 2px -5px #333; padding-top: 10px; margin-left: -10px; padding-left: 10px; } div#progress_status_backup { margin-bottom: 34px; } div#activity_progress_for_backup { padding-top: 10px; } @supports (-ms-ime-align:auto) { #activity_progress_for_backup { padding-top: 10px;margin-bottom:0px;float:left;} .green-txt{width:35px;float:left;} .next-schdule-box{border:1px solid #6195ba;} #activity_progress_for_restore{box-shadow:none !important;} #activity_progress_for_backup{border-bottom:1px solid #333;} } @media screen and (-webkit-min-device-pixel-ratio:0) { .span-common { float: none } .pad-left { padding-left: 0px !important; } } .pad-left { padding-left: 7px; } .code { background: #ffffff; border: 1px solid #c0c0be; border-radius: 3px; clear: both; float: left; font-size: 14px; height: 32px; line-height: normal; margin: 5px 0 15px; padding: 0 10px; width: 170px; } /* Left Menu Bar and other alignments for Synology Page - 15/11/2016 */ .scheduler_page.body_wrap.syno-oly { margin-top: 10px; } .syno-oly .ajax_loader { z-index: 1; } /* .syno-oly .next-schdule-box {bottom: 10px; } */ .syno-oly .scheduler_page .body_wrap, .logs_wrap { margin-top: 10px; } .syno-oly #log_list_table { border-left: none; } .syno-oly .reindex-menu { top: 0px !important; left: 310px !important; } .syno-oly .close_menu img { padding: 0px; } .syno-oly .close_menu { padding: 5px 2px 0 0; } .syno-oly .restorset_top { top: 182px; } .syno-oly .trash-wrap .menu_ul .putback { width: 22px; } .syno-oly .trash-wrap .excludefiles { height: 380px; } #nav_express, .restore-dropdown { display: block; } .sizeLoadingIcon { background: url(../images/loader_small.gif) no-repeat 0 7px; height: 30px; width: 40px; float: left; text-indent: -3000px; display: none; } .viwlog-txt { margin-right: 10px; } .preference_page .bkplocation { margin-bottom: 20px; padding: 20px 20px 0px 20px; } .tab1_wrap .logint_option_text { background: #ededed; margin: 20px auto 0px; clear: both; } #log_date_selection { margin-right: 10px; } .restore_page .close_menu { position: absolute; right: 5px; z-index: 99999 !important; } .Backuplocation_popup .btncontainer { margin: 10px 0px; } .popup_container.Backuplocation_popup .popup_footer { float: left; width: 100%; } /*First Screen select popup 15/5/17*/ .select-path-popup .proced-btn { margin-right: 5px; height: 27px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 8px 9px 0px 9px; width: 100%; max-width: 500px; margin: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .select-path-popup .or-txt { text-align: center; color: #008ad3 } .select-path-popup .link-btn { margin-right: 5px; height: 27px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 8px 9px 0px 9px; width: 366px; margin: auto; } .select-path-popup .questmark-icon { position: absolute; right: 89px; top: 202px; cursor: pointer } .select-path-popup .question-popup { background-color: #EAE7BA; border: 1px solid #938F65; box-sizing: border-box; padding: 0px 17px; width: 344px; position: absolute; z-index: 999; text-align: justify; display: none; top: 134px; right: 3px; } .select-path-popup .arrow-icon { background: url(https://www.idrive.com/qnap/include/images/ide_tooltip_arrow.png) no-repeat 0px 0px; width: 20px; height: 12px; display: inline-block; margin-left: 5px; cursor: pointer; bottom: -12px; position: absolute; left: 235px; } /*SecondScreen select popup 15/5/17*/ .location-name-popup .desc-txt-blk { color: #333 } .location-name-popup .prd-btn { margin-right: 5px; height: 25px; cursor: pointer; text-align: center; color: #fff; font-size: 14px; line-height: 18px; background: #6196b9; font-weight: normal; border: 1px solid #6196b9; border-radius: 2px; letter-spacing: 0.07em; padding: 7px 9px 0px 9px; width: 78px; float: right } .location-name-popup .pc-name { margin-left: 10px; } .location-name-popup .prd-btn:hover, .select-path-popup .link-btn:hover, .select-path-popup .proced-btn:hover { background: none repeat scroll 0 0 #5eafe5; } /*LastScreen popup 15/5/17*/ .table-popup .excludeheader.header_part td.fname { padding-left: 8px; } .table-popup .folderBackupContent td { width: 110px; } .table-popup .excludeheader.header_part td { width: 147px !important; padding: 0px 0 0 14px; } .table-popup .folderBackupContent span { font-size: 13px; } .table-popup .popup_footer { margin: 0px 0 0 !important; } .table-popup .pop-footer-txt { float: left; margin-top: 7px; } .table-popup .questmark-icon { float: right; margin: 8px 0px 0px 10px; cursor: pointer } .table-popup .question-popup2 { background-color: #EAE7BA; border: 1px solid #938F65; box-sizing: border-box; padding: 0px 17px; width: 344px; position: absolute; z-index: 999; text-align: justify; display: none; right: -11px; top: 155px; } .table-popup .arrow-icon { left: 310px; } .table-popup .table-act { background: #cfd5d8 } .table-popup .exclude a, .popContent a { color: #1374AB; } .table-popup .folderBackupContent span { color: #333; font-weight: bold; } .table-popup .folderBackupContent tr:hover, .table-popup #folderBackupadding tr:hover { cursor: default; } .table-popup .popup_cancelBtn { margin-right: 5px; } .select-loc-tbl tr:hover { cursor: pointer !important; } .dedup_left_menu { width: 60% !important; } .dedup_right_menu { width: 40% !important; } .dedup_left_menu .restore-dropdown { display: block; } .restoreDropdown-txtbox { margin: 10px 0px 0px 13px;max-width: 40%; } .user-search { background: transparent; } .user-bkpst { display: none; } .table-popup .btncontainer { margin: 4px 0px 7px; } .table-popup .list-width { width: 120px; float: left; padding: 10px 10px 10px 7px; } .table-popup .excludefiles { clear: both } .table-popup .name-list {width: 111px; float: left; padding: 10px 7px 10px 7px; } .table-popup .link-list { width: 92px; float: left; padding: 10px 6px 10px 10px; } .table-popup .id-list {width:230px; float: left; padding: 10px 7px 10px 20px;} .table-popup .os-list {width: 46px; float: left; padding: 10px 7px 10px 5px; } .table-popup .time-list { width: 97px; float: left; padding: 10px 10px 10px 10px; } .table-popup .ip-list { position: ABSOLUTE;right: -26px; } /* POP-up CSS */ .popup_set_exclude .scrolable-row { height: 190px; overflow: auto; } .popContent.table-popup { overflow: hidden; } .select-loc-tbl td:nth-child(1) {width: 132px; } .select-loc-tbl td:nth-child(2) {width: 234px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .select-loc-tbl td:nth-child(3) {width:56px;} .select-loc-tbl td:nth-child(4) {width: 140px;} .select-loc-tbl td:nth-child(5) {width: 105px;} .select-loc-tbl td:nth-child(6) { width: 90px; } .highlight { background-color: #daeefb; } .folderBackupContent tr:hover { background-color: #EFF9FF; } .folderBackupContent tr.highlight:hover { background-color: #daeefb; } .select-loc-tbl td span.truncate-txt { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:106px; font-weight: normal; font-size:12px; } /* Local backup part */ .localbackup_page .restorenow_rgt .loading_icon{margin-right: 23px;position: absolute;right: 79px;} .localbackup_page #startBackupForm .restorenow_btm:before { border-top: 0px solid #ebebeb; top: 0;} .localbackup_page .restorenow_lft{ margin-top: 13px;} /*.localbkp-menu,.localbkp-menu .left_menu{ display:block;}*/ .localbkp_lft{float:left;padding:15px 0 14px 10px;} .localbkp_lft label{padding-left: 5px; float:left;margin-right:10px;line-height:32px;font-size: 13px;} .localbkp_txtbox{float:left;margin:2px 10px 0 0;background: none repeat scroll 0 0 #FFF;border: 1px solid #5E96B1;box-shadow: 0 0 5px #EFEEEE inset;font-size: 13px;height: 29px;padding: 0px 0px 0px 5px;width: 150px;color:#000000;line-height:22px; outline:none;} .localbkp_txtbox option {background: #F4F4F4;} #localbkp_path{ text-decoration:underline;} .localbkp_path {display:none;} .localbkp_path .excludeContainer,.downPop .excludeContainer {border: 1px solid #EBEBEB;} .localbkp_path .excludeContainer .folderBackupContent tr:last-child td{border:0px;} .localbkp_path h4{margin-bottom:0px;} .localbkp_path .excludefiles{height:162px;} .localbkp_path .folderBackupContent tr{border-top: 1px solid #EBEBEB;} .localbkp_brows tr:hover, #folderBackupadding tr:hover {background-color: #E6EDF2 !important;cursor: pointer;color: #333;} .localbkp-menu{height:60px;} .localbkp-menu .backupset{display:none;} .localbkp-menu .search_menu{background-position:left center; padding-top:15px; float:left; padding-bottom:14px; width:80px; padding-left:20px;} .localbkp-menu .right_menu{ height:60px; width:100px; } .localbkp-menu .left_menu{width:85%; height:60px;} .localbkp_rgt{float:left; padding-left:20px; width:300px;} .localbkp_rgt_box{width:100%; height:100%;} .top-bath p{color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; margin:12px 0 0;} .top-bath span{color: #5187AD; padding-left:5px;} .btm-refresh p{margin:6px 0 0; color: #333;} .btm-refresh{height: 30px;display: inline-block;} .btm-refresh span{padding-left:5px;} .btm-refresh span.refresh-btn, .btm-refresh span.refresh_all_list{background:url(../images/ide_refresh.png) no-repeat 5px 0; height:18px; width:30px; display: inline-block; position: absolute; cursor:pointer;} .btm-refresh .space_container span.refresh-btn { width:20px; position:relative;} .space_container{ float: left; width: 100%; padding-top:5px;} .space_used,#refreshLoader,.space_used_value{float:left;} .btm-refresh { width: 100%; } .restorebtn_wrapper{padding:20px; overflow: hidden;} .excludeContainer .header_part .cont_heading { width: 51%;} .folder_capacity{ width:100%;} .folder_capacity p{text-align:right; padding-right:10px; margin:0px; height:30px; line-height:30px;float:left;} .restore_page .menu, .restore_page .left_menu{display:block;} .restore_page .menu .option_menu{display:none;} .restorenow_btm.folder_wrap{ padding:0px !important; width: 100%;} .restore-dropdown { float: left; padding: 7px 0 7px 10px;} .restore-dropdown label { float: left; font-size: 13px; line-height: 32px; margin-right: 10px; padding-left: 5px;} .restore-dropdown .restoreDropdown-txtbox { background: none repeat scroll 0 0 #fff; border: 1px solid #5e96b1; box-shadow: 0 0 5px #efeeee inset; color: #000000; float: left; font-size: 13px; height: 29px; line-height: 22px; margin: 2px 10px 0 0; outline: medium none; padding: 0 0 0 5px; width: 130px; } .restore-dropdown .restoreDropdown-txtbox option { background: none repeat scroll 0 0 #f4f4f4; height: 20px;} #disabledRemoveScheduler{margin:0px 20px 0 0;width:auto; cursor:default;text-align: center; border: 0px; color: #fff; font-size: 14px; line-height: 18px; background: #999;font-family: tahoma; font-weight: normal;border:1px solid #666;border-radius: 2px;letter-spacing: 0.07em; padding:5px 20px; -bracket-:hack[; letter-spacing: 0.1em; padding:5px 25px;]; float:right; } .sizeLoadingIcon{background:url(../images/loader_small.gif) no-repeat 0 7px; height:30px; width:40px; float:left; text-indent:-3000px;display:none;} .localbkp-menu .reindex_menu { text-decoration: none; float: right; width: 98px; padding: 15px 0 14px 5px; color: #5E95BB; font-size: 14px; height: 32px; cursor: pointer; background: url(../images/menu_icon_divider.png) no-repeat 0px 10px; display:block;} .select-dropdown{background: #f4f4f4; border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; padding: 15px 0px 15px 2px;font-size: 14px; } .select-dropdown input[type=radio]{float:left;margin-top:6px;} .restore-acc{float:left;width:42%; cursor:pointer} .radio-restore, .rest-txt {cursor: pointer;} .rest-txt{float:left;margin:3px 0px 0px 4px;color: #1374AB; font-size:17px} /* adding continuous data backup */ .cdploaction {background: #EDEDED;padding: 20px;float: left;margin: 0px 0px 20px 0px;width: 95%;position:relative;} .cdploaction .file_check{width:100%;float:left;} .cdploaction .file_check label{margin-right:10px;margin-top:2px;} .cdp_tooltip{ position: ABSOLUTE;width: 17px; height: 13px; border-radius: 50%; background-color: #6095ba; display: inline-block; color: #ffffff; padding: 2px 0px 2px 0px; text-align: center; margin: 21px 6px 0px 0px; font-size: 12px; line-height: 14px; top:1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 442px; top: 0px;} .cdp_tooltip_block{display:none;} .cdp_tooltip_block p{ display: block; width: 290px; position: absolute; color: #333; background: white; top: -142px; left: -38px; z-index: 101; padding: 10px; border: 1px solid #4FB8CD; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); text-align: left; line-height: 20px;} .cdp_tooltip_block span.cdp_tooltip_block_arrow { height: 10px; width: 10px; background: white; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg); position: absolute; left: 1px; top: -13px; border-left: 1px solid #4987D0; border-bottom: 1px solid #4987d0; z-index: 102;} .cdploaction h3{display:none;}