@font-face {
    font-family: "Roboto";
    font-weight: 300;
    font-style: normal;
    src: url(/v3_menu/fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    src: url(/v3_menu/fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    src: url(/v3_menu/fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
    src: url(/v3_menu/fonts/Roboto/Roboto-Bold.ttf);
}

@font-face {
    font-family: "Noto Sans TC";
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans TC";
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans TC";
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans TC";
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans TC";
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans TC";
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 100;
    src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Light.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans SC";
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Black.woff) format("woff"),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format("opentype");
}

.fs6-icon-info {
    background-image: url(../resources/images/icons/ic_info.svg);
}

.fs6-icon-help {
    background-image: url(../resources/images/icons/ic_help.svg);
}

.fs6-icon-warning {
    background-image: url(../resources/images/icons/ic_warning.svg);
}

.fs6-icon-error {
    background-image: url(../resources/images/icons/ic_error.svg);
}

.fs6-icon-dedup-file {
    background-image: url(../resources/images/icons/ic_dedup_file.svg);
}

.fs6-icon-dedup-folder {
    background-image: url(../resources/images/icons/ic_dedup_folder.svg);
}

.fs6-icon-folder {
    background-image: url(../resources/images/icons/ic_folder.svg);
}

.fs6-icon-snapshot {
    background-image: url(../resources/images/icons/ic_snapshot.svg);
}

.fs6-icon-gdoc {
    background-image: url(../resources/images/icons/ic_gdoc.svg);
}

.fs6-icon-gsheet {
    background-image: url(../resources/images/icons/ic_gsheet.svg);
}

.fs6-icon-gslides {
    background-image: url(../resources/images/icons/ic_gslides.svg);
}

.fs6-icon-photo {
    background-image: url(../resources/images/icons/ic_image.svg);
}

.fs6-icon-iso {
    background-image: url(../resources/images/icons/ic_iso.svg);
}

.fs6-icon-keynote {
    background-image: url(../resources/images/icons/ic_keynote.svg);
}

.fs6-icon-audio {
    background-image: url(../resources/images/icons/ic_music.svg);
}

.fs6-icon-numbers {
    background-image: url(../resources/images/icons/ic_numbers.svg);
}

.fs6-icon-pages {
    background-image: url(../resources/images/icons/ic_pages.svg);
}

.fs6-icon-pdf {
    background-image: url(../resources/images/icons/ic_pdf.svg);
}

.fs6-icon-ppt {
    background-image: url(../resources/images/icons/ic_ppt.svg);
}

.fs6-icon-qenc {
    background-image: url(../resources/images/icons/ic_qenc.svg);
}

.fs6-icon-text {
    background-image: url(../resources/images/icons/ic_text.svg);
}

.fs6-icon-file {
    background-image: url(../resources/images/icons/ic_unknow.svg);
}

.fs6-icon-video {
    background-image: url(../resources/images/icons/ic_video.svg);
}

.fs6-icon-word {
    background-image: url(../resources/images/icons/ic_word.svg);
}

.fs6-icon-xls {
    background-image: url(../resources/images/icons/ic_xlxs.svg);
}

.fs6-icon-zip {
    background-image: url(../resources/images/icons/ic_zip.svg);
}

.fs6-icon-snapshot {
    background-image: url(../resources/images/icons/ic_snapshot.svg);
}

.fs6-icon-recyclebin {
    background-image: url(../resources/images/icons/ic_recycelbin.svg);
}

.fs6-icon-qsync {
    background-image: url(../resources/images/icons/ic_qsync.svg);
}

.fs6-icon-pc {
    background-image: url(../resources/images/icons/ic_pc.svg);
}

.fs6-icon-ftp {
    background-image: url(../resources/images/icons/ic_ftp.svg);
}

.fs6-icon-sftp {
    background-image: url(../resources/images/icons/ic_sftp.svg);
}

.fs6-icon-nfs {
    background-image: url(../resources/images/icons/ic_nfs.svg);
}

.fs6-icon-smb {
    background-image: url(../resources/images/icons/ic_smb.svg);
}

.fs6-icon-webdav {
    background-image: url(../resources/images/icons/ic_webdav.svg);
}

.fs6-icon-mounted-folder {
    background-image: url(../resources/images/icons/ic_mounted_folder.svg);
}

.fs6-icon-multiple {
    background-image: url(../resources/images/icons/ic_multiple.svg);
}

.fs6-icon-preparing {
    background-image: url(../resources/images/icons/ic_preparing.svg);
}

.fs6-icon-complete {
    background-image: url(../resources/images/icons/ic_complete.svg);
}

.fs6-icon-warning {
    background-image: url(../resources/images/icons/ic_warning.svg);
}

.fs6-icon-error {
    background-image: url(../resources/images/icons/ic_error.svg);
}

.fs6-icon-advance-settings {
    background-image: url(../resources/images/icons/ic_advance_settings.svg);
}

.fs6-icon-storage-snapshot {
    background-image: url(../resources/images/icons/ic_storage_snapshot.svg);
}

.fs6-icon-storage-snapshot-qts {
    background-image: url(../resources/images/icons/ic_storage_snapshot_qts.svg);
}

.fs6-icon-qpkg-storage-manager {
    background-image: url(../resources/images/icons/ic_qpkg_storage_manager.svg);
}

.fs6-icon-qpkg-snapshot-manager {
    background-image: url(../resources/images/icons/ic_qpkg_snapshot_manager.svg);
}

.fs6-icon-qfiling {
    background-image: url(../resources/images/icons/ic_qfiling.svg);
}

.fs6-icon-hybridmount {
    background-image: url(../resources/images/icons/ic_hybridmount.svg);
}

.fs6-icon-encrypt {
    background-image: url(../resources/images/icons/ic_decrypt.svg);
}

.fs6-icon-decrypt {
    background-image: url(../resources/images/icons/ic_encrypt.svg);
}

.fs6-icon-personal-vault-lock {
    background-image: url(../resources/images/icons/ic_personal_vault_lock.svg);
}

.fs6-icon-personal-vault-unlock {
    background-image: url(../resources/images/icons/ic_personal_vault_unlock.svg);
}

.fs6-icon-tb-create {
    background-image: url(../resources/images/icons/ic_tb_create.svg);
}

.fs6-icon-tb-create-folder {
    background-image: url(../resources/images/icons/ic_tb_create_folder.svg);
}

.fs6-icon-tb-sort {
    background-image: url(../resources/images/icons/ic_tb_sort.svg);
}

.fs6-icon-tb-page-view {
    background-image: url(../resources/images/icons/ic_tb_page_view.svg);
}

.fs6-icon-tb-infinite {
    background-image: url(../resources/images/icons/ic_tb_infinite.svg);
}

.fs6-icon-tb-action {
    background-image: url(../resources/images/icons/ic_tb_action.svg);
}

.fs6-icon-tb-thumbnail-list {
    background-image: url(../resources/images/icons/ic_tb_thumbnail_list.svg);
}

.fs6-icon-tb-thumbnail-tiles {
    background-image: url(../resources/images/icons/ic_tb_thumbnail_tiles.svg);
}

.fs6-icon-tb-thumbnail-small {
    background-image: url(../resources/images/icons/ic_tb_thumbnail_small.svg);
}

.fs6-icon-tb-thumbnail-medium {
    background-image: url(../resources/images/icons/ic_tb_thumbnail_medium.svg);
}

.fs6-icon-tb-thumbnail-large {
    background-image: url(../resources/images/icons/ic_tb_thumbnail_large.svg);
}

.fs6-icon-tb-copy {
    background-image: url(../resources/images/icons/ic_tb_copy.svg);
}

.fs6-icon-tb-paste {
    background-image: url(../resources/images/icons/ic_tb_paste.svg);
}

.fs6-icon-tb-share {
    background-image: url(../resources/images/icons/ic_tb_share.svg);
}

.fs6-icon-tb-stopshare {
    background-image: url(../resources/images/icons/ic_tb_stopshare.svg);
}

.fs6-icon-tb-clear {
    background-image: url(../resources/images/icons/ic_tb_clear.svg);
}

.fs6-icon-tb-download {
    background-image: url(../resources/images/icons/ic_tb_download.svg);
}

.fs6-icon-tb-upload {
    background-image: url(../resources/images/icons/ic_tb_upload.svg);
}

.fs6-icon-tb-open {
    background-image: url(../resources/images/icons/ic_tb_open.svg);
}

.fs6-icon-tb-group {
    background-image: url(../resources/images/icons/ic_tb_group.svg);
}

.fs6-icon-tb-play {
    background-image: url(../resources/images/icons/ic_tb_play.svg);
}

.fs6-icon-ct-arrow-gotop {
    background-image: url(../resources/images/icons/ic_ct_arrow_gotop.svg);
}

.fs6-icon-ct-arrow-left {
    background-image: url(../resources/images/icons/ic_ct_arrow_left.svg);
}

.fs6-icon-ct-arrow-right {
    background-image: url(../resources/images/icons/ic_ct_arrow_right.svg);
}

.fs6-icon-ct-favorite {
    background-image: url(../resources/images/icons/ic_ct_favorite.svg);
}

.fs6-icon-ct-favorite-select {
    background-image: url(../resources/images/icons/ic_ct_favorite_select.svg);
}

.fs6-icon-popup-infotip {
    background-image: url(../resources/images/icons/ic_popup_infotip.svg);
}

.fs6-icon-popup-show {
    background-image: url(../resources/images/icons/ic_popup_show.svg);
}

.fs6-icon-popup-hide {
    background-image: url(../resources/images/icons/ic_popup_hide.svg);
}

.fs6-icon-popup-close {
    background-image: url(../resources/images/icons/ic_popup_close.svg);
}

.fs6-icon-popup-task-cancel {
    background-image: url(../resources/images/icons/ic_popup_task_cancel.svg);
}

.fs6-icon-popup-task-play {
    background-image: url(../resources/images/icons/ic_popup_task_play.svg);
}

.fs6-icon-popup-task-stop {
    background-image: url(../resources/images/icons/ic_popup_task_stop.svg);
}

.fs6-icon-ct-rewind {
    background-image: url(../resources/images/icons/ic_ct_rewind.svg);
}

.fs6-icon-ct-previous {
    background-image: url(../resources/images/icons/ic_ct_previous.svg);
}

.fs6-icon-ct-next {
    background-image: url(../resources/images/icons/ic_ct_next.svg);
}

.fs6-icon-ct-forward {
    background-image: url(../resources/images/icons/ic_ct_forward.svg);
}

.fs6-icon-ct-refresh {
    background-image: url(../resources/images/icons/ic_ct_refresh.svg);
}

.fs6-icon-ct-cloud-only {
    background-image: url(../resources/images/icons/ic_ct_cloud_only.png);
}

.fs6-icon-ct-downloading {
    background-image: url(../resources/images/icons/ic_ct_downloading.svg);
}

.fs6-icon-ct-download-error {
    background-image: url(../resources/images/icons/ic_ct_download_error.svg);
}

.fs6-icon-ct-cached-and-uploading {
    background-image: url(../resources/images/icons/ic_ct_cached_and_uploading.svg);
}

.fs6-icon-ct-cached-wait-for-uploading {
    background-image: url(../resources/images/icons/ic_ct_cached_wait_for_uploading.svg);
}

.fs6-icon-ct-upload-error {
    background-image: url(../resources/images/icons/ic_ct_upload_error.svg);
}

.fs6-icon-ct-high-priority-cache {
    background-image: url(../resources/images/icons/ic_ct_high_priority_cache.svg);
}

.fs6-icon-ct-normal-priority-cache {
    background-image: url(../resources/images/icons/ic_ct_normal_priority_cache.svg);
}

.fs6-icon-ct-low-priority-cache {
    background-image: url(../resources/images/icons/ic_ct_low_priority_cache.svg);
}

.fs6-icon-ct-cached-and-downloading{
    background-image: url(../resources/images/icons/ic_ct_cached_and_downloading.svg);
}

.fs6-icon-ct-insufficient-storage {
    background-image: url(../resources/images/icons/ic_ct_insufficient_storage.svg);
}

.fs6-icon-ct-ignored {
    background-image: url(../resources/images/icons/ic_ct_ignored.svg);
}

.fs6-icon-ct-filetiers-feature {
    background-image: url(../resources/images/icons/ic_ct_filetiers_feature.svg);
}

.fs6-icon-ft-nas {
    background-image: url(../resources/images/icons/ic_ft_nas.svg);
}

.fs6-icon-ft-snapshot {
    background-image: url(../resources/images/icons/ic_ft_snapshot.svg);
}

.fs6-icon-ft-snapshot-2 {
    background-image: url(../resources/images/icons/ic_ft_snapshot_2.svg);
}

.fs6-icon-ft-vault {
    background-image: url(../resources/images/icons/ic_ft_vault.svg);
}

.fs6-icon-ft-datavol {
    background-image: url(../resources/images/icons/ic_ft_datavol.svg);
}

.fs6-icon-ft-sidemenu-recyclebin {
    background-image: url(../resources/images/icons/ic_ft_sidemenu_recyclebin.svg);
}

.fs6-icon-ft-sidemenu-share {
    background-image: url(../resources/images/icons/ic_ft_sidemenu_share.svg);
}

.fs6-icon-ft-locked {
    background-image: url(../resources/images/icons/ic_ft_locked.svg);
}

.fs6-icon-ft-unlocked {
    background-image: url(../resources/images/icons/ic_ft_unlocked.svg);
}

.fs6-icon-ft-cache {
    background-image: url(../resources/images/icons/ic_ft_cache.svg);
}

.fs6-icon-ft-ok {
    background-image: url(../resources/images/icons/ic_ft_ok.svg);
}

.fs6-icon-ft-nook {
    background-image: url(../resources/images/icons/ic_ft_nook.svg);
}

.fs6-icon-ft-recents {
    background-image: url(../resources/images/icons/ic_ft_recents.svg);
}

.fs6-icon-ft-qtier {
    background-image: url(../resources/images/icons/ic_ft_qtier.svg);
}

.fs6-icon-ft-usb {
    background-image: url(../resources/images/icons/ic_ft_usb.svg);
}

.fs6-icon-ft-personal-vault {
    background-image: url(../resources/images/icons/ic_ft_personal_vault.svg);
}

.fs6-icon-ft-folder {
    background-image: url(../resources/images/icons/ic_ft_folder.svg);
}

.fs6-icon-ft-recycle-bin {
    background-image: url(../resources/images/icons/ic_ft_recycle_bin.svg);
}

.fs6-icon-ft-recycle-folder {
    background-image: url(../resources/images/icons/ic_ft_recycle_folder.svg);
}

.fs6-icon-ft-team-folder {
    background-image: url(../resources/images/icons/ic_ft_team_folder.svg);
}

.fs6-icon-ft-sync-folder {
    background-image: url(../resources/images/icons/ic_ft_sync_folder.svg);
}

.fs6-icon-ft-qsync-backup {
    background-image: url(../resources/images/icons/ic_ft_qsync_backup.svg);
}

.fs6-icon-h-cast {
    background-image: url(../resources/images/icons/ic_h_cast.svg);
}

.fs6-icon-h-filter {
    background-image: url(../resources/images/icons/ic_h_filter.svg);
}

.fs6-icon-h-filter-on {
    background-image: url(../resources/images/icons/ic_h_filter_on.svg);
}

.fs6-icon-h-more {
    background-image: url(../resources/images/icons/ic_h_more.svg);
}

.fs6-icon-h-refresh {
    background-image: url(../resources/images/icons/ic_h_refresh.svg);
}

.fs6-icon-h-task {
    background-image: url(../resources/images/icons/ic_h_task.svg);
}

.fs6-icon-h-task-fill {
    background-image: url(../resources/images/icons/ic_h_task_fill.svg);
}

.fs6-icon-h-qsirch {
    background-image: url(../resources/images/icons/ic_h_Qsirch.svg);
}

.fs6-icon-h-close {
    background-image: url(../resources/images/icons/ic_h_close.svg);
}

.fs6-icon-h-b-search {
    background-image: url(../resources/images/icons/ic_h_b_search.svg);
}

.fs6-icon-h-app-n {
    background-image: url(../resources/images/icons/ic_h_app_n.svg);
}

.fs6-icon-h-open {
    background-image: url(../resources/images/icons/ic_h_open.svg);
}

.fs6-icon-loading {
    background-image: url(../resources/images/loading.svg);
}
.fs6-icon-calculator {
    background-image: url(../resources/images/icons/ic_popup_calculate.svg);
}

.fs6-icon-fs5 {
    background-image: url(../resources/images/icon_file_68.png);
}

.fs6-btn-over .fs6-icon-ct-arrow-gotop {
    background-image: url(../resources/images/icons/ic_ct_arrow_gotop_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-arrow-left {
    background-image: url(../resources/images/icons/ic_ct_arrow_left_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-arrow-right {
    background-image: url(../resources/images/icons/ic_ct_arrow_right_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-favorite {
    background-image: url(../resources/images/icons/ic_ct_favorite_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-favorite-select {
    background-image: url(../resources/images/icons/ic_ct_favorite_select_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-rewind {
    background-image: url(../resources/images/icons/ic_ct_rewind_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-previous {
    background-image: url(../resources/images/icons/ic_ct_previous_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-next {
    background-image: url(../resources/images/icons/ic_ct_next_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-forward {
    background-image: url(../resources/images/icons/ic_ct_forward_hover.svg);
}

.fs6-btn-over .fs6-icon-ct-refresh {
    background-image: url(../resources/images/icons/ic_ct_refresh_hover.svg);
}

.fs6-btn-over .fs6-icon-h-cast {
    background-image: url(../resources/images/icons/ic_h_cast_hover.svg);
}

.fs6-btn-over .fs6-icon-h-filter {
    background-image: url(../resources/images/icons/ic_h_filter_hover.svg);
}

.fs6-btn-over .fs6-icon-h-more {
    background-image: url(../resources/images/icons/ic_h_more_hover.svg);
}

.fs6-btn-over .fs6-icon-h-refresh {
    background-image: url(../resources/images/icons/ic_h_refresh_hover.svg);
}

.fs6-btn-over .fs6-icon-h-task {
    background-image: url(../resources/images/icons/ic_h_task_hover.svg);
}



.fs6-icon {
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.fs6-link-text,
.fs6-link-text * {
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}



.x-body {
    --fs6-font-family: 'Roboto', 'Open Sans', 'Arial', 'Verdana', 'Tahoma', 'Helvetica', 'Noto Sans TC', 'PingFang TC', 'Lantinghei TC', '微軟正黑體', 'Microsoft JhengHei', '文泉驛正黑', 'WenQuanYi Zen Hei', 'sans-serif';
}

.x-body.lang-SCH {
    --fs6-font-family: 'Roboto', 'Open Sans', 'Arial', 'Verdana', 'Tahoma', 'Helvetica', 'Noto Sans SC', 'PingFang SC', 'Lantinghei SC', '微軟正黑體', 'Microsoft JhengHei', '文泉驛正黑', 'WenQuanYi Zen Hei', 'sans-serif';
}

.x-body.lang-JPN {
    --fs6-font-family: 'Roboto', 'Open Sans', 'Arial', 'Verdana', 'Tahoma', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', '文泉驛正黑', 'WenQuanYi Zen Hei', 'sans-serif';
}



.fs6-main {
    user-select: none;
}

.fs6-main {
    color: #2f2f2f;
    font: 400 13px/19px var(--fs6-font-family);
}

.fs6-main .fs6-main-toolbar-tip {
    border-radius: 4px;
    z-index: 9999 !important;
}

.fs6-main .fs6-main-toolbar-tip * {
    color: #f0f0f0;
}

.fs6-main #ext-quicktips-tip {
    overflow-wrap: break-word;
}



.fs6-help * {
    color: #2f2f2f;
    font-family: Roboto, Open Sans, Arial, Verdana, Tahoma, Helvetica, PingFang SC, Lantinghei SC, 微軟正黑體, Microsoft JhengHei, 文泉驛正黑, WenQuanYi Zen Hei, sans-serif;
}

.fs6-help > * {
    background-color: #fff;
}

.fs6-help .x-panel-header,
.fs6-help .x-panel-body {
    border: none;
}

.fs6-help .x-tree-panel .x-panel-header {
    padding: 0 0 0 66px;
    background-image: url(../resources/images/FS_icon_svg.svg);
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: 22px;
}

.fs6-help .x-tree-panel .x-title {
    height: 72px;
    line-height: 72px;
    font-size: 24px;
}

.fs6-help .x-tree-panel * {
    background-color: transparent;
}

.fs6-help .x-tree-panel {
    background-color: #ebf3fa;
}

.fs6-help .x-tree-icon::before {
    content: none;
}

.fs6-help .x-grid-cell-inner *:not(.x-tree-node-text) {
    display: none;
}

.fs6-help .x-grid-item-selected,
.fs6-help .x-grid-item-focused,
.fs6-help .x-grid-item-over {
    background-color: transparent;
    border: none;
}

.fs6-help .x-grid-cell-inner {
    height: 40px;
    padding: 0;
    padding-left: 22px;
}

.fs6-help .x-grid-item-selected {
    box-shadow: 6px 0 0 0 #2f2f2f inset;
}

.fs6-help .x-grid-item-over {
    box-shadow: 6px 0 0 0 #6b6e6e inset;
}

.fs6-help .x-tree-node-text {
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
}

.fs6-help .x-grid-item-focused .x-grid-cell-inner::before {
    content: none;
}

.fs6-help .title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.fs6-help .subtitle {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px;
}

.fs6-help .content {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.fs6-help hr {
    border-top: 1px solid #d8d8d8;
    margin: 16px 0;
}



.fs6-panel .fs6-panel-body {
    position: relative;
    overflow: hidden;
}

.fs6-panel .fs6-toolbar-footer {
    padding: 20px 35px 24px 35px;
}



.fs6-toolbar {
    padding: 0;
    background-color: transparent;
}

.fs6-toolbar .x-box-inner {
    overflow: visible;
}

.fs6-toolbar:not(.fs6-toolbar-footer) .fs6-toolbar-item {
    margin-left: 0;
    margin-right: 8px;
}

.fs6-toolbar.fs6-toolbar-footer .fs6-toolbar-item.fs6-btn {
    margin-left: 8px;
    margin-right: 0;
}



.fs6-toolbar-paging.fs6-toolbar .fs6-toolbar-item.fs6-btn {
    padding: 0 4px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.fs6-toolbar-paging.fs6-toolbar .fs6-field .x-form-field {
    min-height: 24px;
    height: 24px;
}

.fs6-toolbar-paging.fs6-toolbar .fs6-field .x-form-field {
    text-align: right;
    padding: 0 5px;
}



.fs6-toolbar-text {
    color: #2f2f2f;
    font: 400 13px/17px var(--fs6-font-family);
}



.fs6-btn {
    padding: 6px 9px;
    border-radius: 4px;
    border: 1px solid #2f2f2f;
    cursor: pointer;
}

.fs6-btn .x-btn-inner {
    color: #2f2f2f;
    font: 400 13px/17px var(--fs6-font-family);
}

.fs6-btn.fs6-btn-over {
    border-color: #6b6e6e;
}

.fs6-btn.fs6-btn-over .x-btn-inner {
    color: #6b6e6e;
}

.fs6-btn.fs6-btn-pressed {
    border-color: #000000;
}

.fs6-btn.fs6-btn-pressed .x-btn-inner {
    color: #000000;
}

.fs6-btn.fs6-btn-disabled {
    border-color: #aeaeae;
}

.fs6-btn.fs6-btn-disabled .x-btn-inner {
    color: #aeaeae;
}

.fs6-btn.fs6-btn-disabled .x-btn-icon-el,
.fs6-btn.fs6-btn-disabled .fs6-btn-arrow::after {
    opacity: 0.6;
}

.fs6-btn .fs6-btn-arrow::after {
    content: '';
    display: block;
    width: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../resources/images/icons/ic_tb_dropdown.svg);
}

.fs6-btn .x-btn-icon {
    padding: 0;
}

.fs6-btn .fs6-btn-arrow-right > .x-btn-icon {
    padding-right: 0;
}

.fs6-btn .x-btn-icon-el {
    background-size: contain;
    height: 24px;
    width: 24px;
}



.fs6-btn.fs6-btn-secondary {
    border-color: #ff7a39;
    background-color: #ff7a39;
}

.fs6-btn.fs6-btn-secondary .x-btn-inner {
    color: #fff;
}

.fs6-btn.fs6-btn-secondary.fs6-btn-over {
    border-color: #ff9561;
    background-color: #ff9561;
}

.fs6-btn.fs6-btn-secondary.fs6-btn-pressed {
    border-color: #d64e0c;
    background-color: #d64e0c;
}

.fs6-btn.fs6-btn-secondary.fs6-btn-disabled {
    border-color: #aeaeae;
    background-color: #aeaeae;
}



.fs6-field .x-form-field {
    padding: 0 10px;
}

.fs6-field .x-form-trigger-wrap {
    border-radius: 4px;
    overflow: hidden;
    border-color: #aaa;
}

.fs6-field .x-form-trigger-wrap.x-form-trigger-wrap-invalid {
    border-color: #c1272d;
}

.fs6-field .x-form-trigger-wrap.x-form-trigger-wrap-focus {
    border-color: #4a90e2;
}

.fs6-field .x-form-trigger {
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 24px !important;
    width: 24px;
}

.fs6-field .x-form-trigger::before {
    content: none;
}

.fs6-field .x-form-trigger.fs6-form-arrow-trigger {
    background-image: url(../resources/images/icons/ic_popup_fold_down.svg);
}

.fs6-field .x-pickerfield-open .x-form-trigger.fs6-form-arrow-trigger {
    background-image: url(../resources/images/icons/ic_popup_fold_up.svg);
}

.fs6-field .x-form-trigger.fs6-form-date-trigger {
    width: 34px;
    background-image: url(../resources/images/icons/normal.svg);
}

.fs6-field .x-pickerfield-open .x-form-trigger.fs6-form-date-trigger {
    background-image: url(../resources/images/icons/normal_copy_8.svg);
}

.fs6-field .x-form-cb::before {
    content: none;
}

.fs6-field .x-form-cb {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-top: 8px;
}

.fs6-field .x-form-label,
.fs6-field .x-form-cb-label,
.fs6-field .x-form-item-label .x-form-item-label-inner,
.fs6-field .x-form-display-field,
.fs6-field .x-form-text {
    color: #2f2f2f;
    font: 400 13px/20px var(--fs6-font-family);
}

.fs6-field .x-form-checkbox {
    background-image: url(../resources/images/icons/ic_cheakbox.svg);
}

.fs6-field.x-form-cb-checked .x-form-checkbox {
    background-image: url(../resources/images/icons/ic_cheakbox_select.svg);
}

.fs6-field .x-form-radio {
    background-image: url(../resources/images/icons/ic_radiobt.svg);
}

.fs6-field.x-form-cb-checked .x-form-radio {
    background-image: url(../resources/images/icons/ic_radiobt_select.svg);
}

.fs6-field .x-form-trigger-spinner .x-form-spinner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fs6-field .x-form-trigger-spinner .x-form-spinner::before {
    content: none;
}

.fs6-field.x-form-type-checkbox .x-form-cb-wrap-inner *,
.fs6-field.x-form-type-radio .x-form-cb-wrap-inner *  {
    cursor: pointer;
}

.fs6-field .x-form-file-wrap .x-form-trigger-wrap .x-form-text {
    border-radius: 4px;
    border-color: #aaa;
}

.fs6-field .x-form-file-wrap .x-form-trigger-wrap.x-form-trigger-wrap-invalid .x-form-text {
    border-color: #c1272d;
}

.fs6-field .x-form-file-wrap .x-form-trigger-wrap.x-form-trigger-wrap-focus .x-form-text {
    border-color: #4a90e2;
}

.fs6-field.x-form-type-password input::-ms-reveal,
.fs6-field.x-form-type-password input::-ms-clear {
    display: none;
}



.fs6-form-fieldcontainer .x-form-item-label .x-form-item-label-inner {
    color: #2f2f2f;
    font: 400 13px/20px var(--fs6-font-family);
}



.fs6-boundlist {
    border: 1px solid #c8c8c8;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
    border-radius: 6px;
    color: #2f2f2f;
    background-color: #fff;
}

.fs6-boundlist .fs6-boundlist-item {
    border: none;
    padding: 0 10px;
    line-height: 30px;
}

.fs6-boundlist .fs6-boundlist-item-over {
    background-color: #edf2f8;
}



.fs6-picker {
    border: 1px solid #c8c8c8;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #fff;
}



.fs6-datepicker {
    padding: 16px 27px;
    display: flex;
    flex-direction: column;
}

.fs6-datepicker .fs6-datepicker-text {
    text-align: center;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 4px 6px;
}

.fs6-datepicker .fs6-datepicker-text-month {
    width: 100px;
}

.fs6-datepicker .fs6-datepicker-text-year {
    width: 50px;
    outline: 1px solid #3c3c3c;
    border-radius: 4px;
}

.fs6-datepicker .fs6-datepicker-prev {
    background-image: url(../resources/images/icons/ic_ct_arrow_left.svg);
}

.fs6-datepicker .fs6-datepicker-next {
    background-image: url(../resources/images/icons/ic_ct_arrow_right.svg);
}

.fs6-datepicker .fs6-datepicker-prev:hover {
    background-image: url(../resources/images/icons/ic_ct_arrow_left_hover.svg);
}

.fs6-datepicker .fs6-datepicker-next:hover {
    background-image: url(../resources/images/icons/ic_ct_arrow_right_hover.svg);
}

.fs6-datepicker .fs6-datepicker-header {
    display: flex;
}

.fs6-datepicker .fs6-datepicker-header > * {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.fs6-datepicker .fs6-datepicker-header .fs6-datepicker-arrow {
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.fs6-datepicker .fs6-datepicker-subheader {
    text-align: center;
    padding: 10px;
}

.fs6-datepicker .fs6-datepicker-subheader .x-btn {
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
}

.fs6-datepicker .fs6-datepicker-subheader .x-btn.fs6-btn-over {
    background-color: #dedcea;
}

.fs6-datepicker .fs6-datepicker-inner {
    margin: auto;
}

.fs6-datepicker .fs6-datepicker-column-header {
    border-bottom: 2px solid #cecece;
    width: 36px;
    padding-bottom: 8px;
}

.fs6-datepicker .fs6-datepicker-inner thead::after {
    content: '';
    display: block;
    height: 8px;
}

.fs6-datepicker .fs6-datepicker-column-header .fs6-datepicker-column-header-inner {
    text-align: center;
    color: #848484;
    font: 500 10px/24px var(--fs6-font-family);
}

.fs6-datepicker .fs6-datepicker-cell .fs6-datepicker-date {
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.fs6-datepicker .fs6-datepicker-column-header:is(:first-child, :last-child) .fs6-datepicker-column-header-inner,
.fs6-datepicker .fs6-datepicker-cell:is(:first-child, :last-child) .fs6-datepicker-date {
    color: #922121;
}

.fs6-datepicker .fs6-datepicker-cell.fs6-datepicker-prevday .fs6-datepicker-date {
    opacity: 0.6;
}

.fs6-datepicker .fs6-datepicker-cell .fs6-datepicker-date::before {
    content: '';
    height: 24px;
    width: 24px;
    display: block;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.fs6-datepicker .fs6-datepicker-cell .fs6-datepicker-date:hover::before {
    background-color: #dbdfe9;
}

.fs6-datepicker .fs6-datepicker-cell.fs6-datepicker-selected .fs6-datepicker-date {
    color: #fff;
}

.fs6-datepicker .fs6-datepicker-cell.fs6-datepicker-selected .fs6-datepicker-date::before {
    background-color: #332f49;
}



.fs6-menu {
    border: 1px solid #c8c8c8;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
    border-radius: 6px;
    color: #2f2f2f;
    background-color: #fff;
}

.fs6-menu .x-menu-item-focus,
.fs6-menu .x-menu-item-active {
    background-color: #edf2f8;
}

.fs6-menu .x-menu-item {
    padding: 0px 16px;
}

.fs6-menu .x-menu-item-icon {
    left: 16px;
}

.fs6-menu .x-menu-item-text,
.fs6-menu .x-menu-item-focus .x-menu-item-text {
    color: #2f2f2f;
    font: 400 13px/31px var(--fs6-font-family);
}

.fs6-menu .x-menu-item-checked .x-menu-item-checkbox,
.fs6-menu .x-menu-item-unchecked .x-menu-item-checkbox {
    font: unset;
}

.fs6-menu .x-menu-item-arrow::before,
.fs6-menu .x-menu-item-checked .x-menu-item-checkbox::before,
.fs6-menu .x-menu-item-unchecked .x-menu-item-checkbox::before {
    content: none;
}

.fs6-menu .x-menu-item-arrow,
.fs6-menu .x-menu-item-checkbox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    width: 24px;
    height: 100%;
}

.fs6-menu .x-menu-item-checked .x-menu-item-checkbox {
    background-image: url(../resources/images/icons/ic_ct_check.svg);
}

.fs6-menu .x-menu-item-arrow {
    background-image: url(../resources/images/icons/ic_ct_arrow_right.svg);
}

.fs6-menu .x-menu-item-separator {
    border-color: #e3eaf1;
}

.fs6-menu .x-menu-item-text:last-child,
.fs6-menu .x-menu-item-text.x-menu-item-indent-right-arrow {
    margin-left: 0;
}

.fs6-menu .x-menu-item.deviceItem{}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon{background-color:transparent; background-repeat:no-repeat; background-position:center center; background-image: url("../resources/images/icons/ic_multizone_unknown_n.svg"); background-size:80%;}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.CHROMECAST{background-image: url("../resources/images/icons/ic_multizone_chromecast_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.DLNA{background-image: url("../resources/images/icons/ic_multizone_dlna_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.ALSAANALOG{background-image: url("../resources/images/icons/ic_multizone_analog_line_out_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.ALSAHDMI{background-image: url("../resources/images/icons/ic_multizone_hdmi_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.ALSAUSB{background-image: url("../resources/images/icons/ic_multizone_usb_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.HDPLAYER{background-image: url("../resources/images/icons/ic_multizone_hdplayer_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.AIRPLAY{background-image: url("../resources/images/icons/ic_multizone_tv_n.svg");}
.fs6-menu .x-menu-item.deviceItem .x-menu-item-icon.BLUETOOTH{background-image: url("../resources/images/icons/ic_multizone_bluetooth_n.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied{}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-text{color:#F77130 !important;}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon{background-image: url("../resources/images/icons/ic_multizone_unknown_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.CHROMECAST{background-image: url("../resources/images/icons/ic_multizone_chromecast_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.DLNA{background-image: url("../resources/images/icons/ic_multizone_dlna_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.ALSAANALOG{background-image: url("../resources/images/icons/ic_multizone_analog_line_out_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.ALSAHDMI{background-image: url("../resources/images/icons/ic_multizone_hdmi_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.ALSAUSB{background-image: url("../resources/images/icons/ic_multizone_usb_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.HDPLAYER{background-image: url("../resources/images/icons/ic_multizone_hdplayer_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.AIRPLAY{background-image: url("../resources/images/icons/ic_multizone_tv_s.svg");}
.fs6-menu .x-menu-item.deviceItem.occupied .x-menu-item-icon.BLUETOOTH{background-image: url("../resources/images/icons/ic_multizone_bluetooth_s.svg");}

.fs6-menu .x-box-scroller:not(.x-box-scroller-disabled) {
    opacity: 1;
}

.fs6-menu .x-box-scroller::before {
    content: none;
}

.fs6-menu .x-box-scroller-top {
    background-image: url(../resources/images/icons/ic_ft_expand.svg);
}

.fs6-menu .x-box-scroller-bottom {
    background-image: url(../resources/images/icons/ic_ft_narrow.svg);
}

.fs6-menu .fs6-menu-body > .x-box-inner {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
}



.fs6-menu-custom-item .fs6-btn {
    padding: 0 10px;
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2;
}

.fs6-menu-custom-item .fs6-menu-custom-item-link {
    display: block;
}

.fs6-menu-custom-item.fs6-menu-custom-item-disabled::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: block;
    position: absolute;
    z-index: 1;
    opacity: 0.6;
}

.fs6-menu-custom-item.fs6-menu-custom-item-focus {
    background-color: #edf2f8;
}

.fs6-menu-custom-item .fs6-menu-custom-item-icon {
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
}

.fs6-menu-custom-item .fs6-menu-custom-item-text {
    margin: 0 25px 0 35px;
    padding: 5px 0;
    display: inline-block;
}

.fs6-menu-custom-item .fs6-menu-custom-item-text .title {
    color: #2f2f2f;
    font: 500 13px/20px var(--fs6-font-family);
}

.fs6-menu-custom-item .fs6-menu-custom-item-text .subtitle {
    color: #2f2f2f;
    font: 400 12px/20px var(--fs6-font-family);
}



.fs6-menu.fs6-menu-copyfile .fs6-field {
    left: 0px !important;
}

.fs6-menu.fs6-menu-copyfile .x-menu-item {
    padding: 0 0 0 22px;
}



.fs6-tooltip {
    border: 1px solid #c8c8c8;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
    border-radius: 4px;
    color: #2f2f2f;
    background-color: #fff;
    padding: 14px 20px;
}

.fs6-tooltip .fs6-tip-body {
    color: #2f2f2f;
}

.fs6-tooltip .fs6-tip-header .x-tool-close {
    background-image: url(../resources/images/icons/ic_popup_close.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.fs6-tooltip .fs6-tip-header .x-tool-close::before {
    content: none;
}



.fs6-grid-header-ct .x-column-header,
.fs6-grid-header-ct .x-column-header .x-column-header-inner {
    background-color: transparent;
    border-color: transparent;
}

.fs6-grid-header-ct .x-column-header.x-column-header-focus .x-column-header-inner::after {
    content: none;
}

.fs6-grid-header-ct .x-column-header-inner {
    padding: 0 14px;
}

.fs6-grid-header-ct .x-column-header-inner .x-column-header-text {
    margin: 0;
}

.fs6-grid-header-ct .x-column-header-inner .x-column-header-text-inner {
    text-overflow: ellipsis;
    overflow: hidden;
}

.fs6-grid-header-ct .x-column-header-inner .x-column-header-checkbox {
    text-align: start;
}

.fs6-grid-header-ct .x-column-header-inner .x-column-header-text-inner,
.fs6-grid-header-ct .x-column-header-inner .x-column-header-checkbox {
    display: block;
    height: 24px;
    color: #2f2f2f;
    font: 400 13px/24px var(--fs6-font-family);
}

.fs6-grid-header-ct .x-column-header-text-inner::after,
.fs6-grid-header-ct .x-column-header-inner .x-column-header-checkbox::after {
    content: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
}

.fs6-grid-header-ct .x-column-header-sort-ASC .x-column-header-text-inner::after {
    content: '';
    background-image: url(../resources/images/icons/ic_ct_sort_up.svg);
}

.fs6-grid-header-ct .x-column-header-sort-DESC .x-column-header-text-inner::after {
    content: '';
    background-image: url(../resources/images/icons/ic_ct_sort_down.svg);
}

.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-trigger::before,
.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-trigger::after,
.fs6-grid-header-ct .x-column-header-focus .x-column-header-inner::after {
    content: none;
}

.fs6-grid-header-ct .x-column-header-checkbox .x-column-header-inner .x-column-header-checkbox::after {
    content: '';
    background-image: url(../resources/images/icons/ic_cheakbox.svg);
}

.fs6-grid-header-ct .x-column-header-checkbox.x-grid-hd-checker-on .x-column-header-inner .x-column-header-checkbox::after {
    content: '';
    background-image: url(../resources/images/icons/ic_cheakbox_select.svg);
}

.fs6-grid-header-ct .x-selmodel-column .x-column-header-text,
.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-text-container {
    display: none;
}

.fs6-grid-header-ct .fs6-column-header-tip-trigger,
.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-trigger {
    display: block;
    border: none;
    width: 24px;
    height: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-inner {
    padding: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-inner .x-column-header-trigger {
    display: table-cell;
}

.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-trigger {
    background-image: url(../resources/images/icons/ic_ct_add.svg);
}

.fs6-grid-header-ct .fs6-menu-trigger-column .x-column-header-over .x-column-header-trigger {
    background-image: url(../resources/images/icons/ic_ct_add_hover.svg);
}

.fs6-grid-header-ct .x-selmodel-column + .x-column-header .x-column-header-inner {
    padding-left: 0px;
}

.fs6-grid-header-ct .x-selmodel-column .x-column-header-inner .x-column-header-checkbox {
    cursor: pointer;
}



.fs6-grid > .fs6-panel-bodyWrap > div {
    border: none;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-inner {
    padding: 0 14px;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-inner .x-grid-checkcolumn {
    text-align: start;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-inner .x-grid-checkcolumn {
    display: block;
    height: 24px;
    line-height: 24px;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-inner .x-grid-checkcolumn::after {
    content: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item-focused .x-grid-cell-inner::before {
    content: none;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-inner .x-grid-checkcolumn::after {
    content: '';
    background-image: url(../resources/images/icons/ic_cheakbox.svg);
}

.fs6-grid .x-grid-with-row-lines .x-grid-item-selected .x-grid-cell-inner .x-grid-checkcolumn::after {
    content: '';
    background-image: url(../resources/images/icons/ic_cheakbox_select.svg);
}

.fs6-grid .x-grid-with-row-lines .x-grid-item-container {
    min-height: 0;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item-container:has(.x-grid-item) {
    padding-bottom: 2px;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item {
    background-color: transparent;
    border: none;
    box-shadow: 0 1px 0 0 #d8d8d8 inset, 0 1px 0 0 #d8d8d8, -1px 0 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over {
    background-color: #f4f7fa;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
    background-color: #fffaf7;
    box-shadow: 0 1px 0 0 #ffc6aa inset, 0 1px 0 0 #d8d8d8, -1px 0 0 0 #ffc6aa inset, 1px 0 0 0 #ffc6aa inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item {
    box-shadow: 0 1px 0 0 #ffc6aa inset, 0 1px 0 0 #d8d8d8, -1px 0 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item {
    box-shadow: 0 1px 0 0 #ffc6aa inset, 0 1px 0 0 #d8d8d8, -1px 0 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item + .x-grid-item.x-grid-item-selected {
    box-shadow: 0 1px 0 0 #ffc6aa inset, 0 1px 0 0 #d8d8d8, -1px 0 0 0 #ffc6aa inset, 1px 0 0 0 #ffc6aa inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item:last-child {
    box-shadow: 0 1px 0 0 #ffc6aa inset, 0 1px 0 0 #d8d8d8, -1px 0 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected:last-child,
.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item + .x-grid-item.x-grid-item-selected:last-child,
.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item-selected:last-child {
    box-shadow: 0 1px 0 0 #ffc6aa inset, 0 1px 0 0 #ffc6aa, -1px 0 0 0 #ffc6aa inset, 1px 0 0 0 #ffc6aa inset;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-group-hd {
    border: none;
    padding: 8px 18px;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-group-hd .x-grid-group-title::before {
    content: none;
}

.fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-group-hd .x-grid-group-title {
    color: #1e3c9a;
    font: 500 13px/17px var(--fs6-font-family);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url(../resources/images/icons/ic_ft_expand.svg);
}

.fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-group-hd-collapsed .x-grid-group-hd .x-grid-group-title {
    background-image: url(../resources/images/icons/ic_ft_narrow.svg);
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-special {
    border: none;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell {
    vertical-align: middle;
}

.fs6-grid .x-grid-with-row-lines .x-grid-cell-inner {
    height: 24px;
    color: #2f2f2f;
    font: 400 13px/24px var(--fs6-font-family);
}

.fs6-grid .x-grid-with-row-lines .x-selmodel-column + .x-grid-cell .x-grid-cell-inner {
    padding-left: 0px;
}

.fs6-grid .x-grid-with-row-lines .x-selmodel-column .x-grid-cell-inner .x-grid-checkcolumn {
    cursor: pointer;
}

.fs6-grid .x-grid-with-row-lines .fs6-menu-trigger-column .x-grid-cell-inner {
    display: none;
}

.fs6-grid .fs6-mask.x-mask {
    background-color: #fff;
}

.fs6-grid .fs6-mask.x-mask .x-mask-msg {
    background-color: transparent;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.fs6-grid .fs6-mask.x-mask .x-mask-msg-text {
    color: #2f2f2f;
    font-size: 13px;
    padding: 0 0 0 30px;
    height: 24px;
    line-height: 24px;
    background-image: url(../resources/images/loading.svg);
    background-position: 0 center;
}



.fs6-dd-drag-proxy {
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    padding: 12px 10px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
}

.fs6-dd-drag-proxy .fs6-dd-drag-ghost {
    float: left;
}

.fs6-dd-drag-proxy .x-grid-dd-wrap {
    line-height: 20px;
}

.fs6-dd-drag-proxy .fs6-dd-drop-icon,
.fs6-dd-drag-proxy .x-grid-dd-wrap .icon {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.fs6-dd-drag-proxy.fs6-dd-drop-ok .fs6-dd-drop-icon {
    background-image: url(../resources/images/icons/ic_ft_ok.svg);
}

.fs6-dd-drag-proxy.fs6-dd-drop-nodrop .fs6-dd-drop-icon {
    background-image: url(../resources/images/icons/ic_ft_nook.svg);
}




.fs6-tabpanel .x-tab {
    padding: 8px 25px 8px 25px;
    background-color: transparent;
    outline: none;
}

.fs6-tabpanel .x-tab .x-tab-inner {
    color: #2f2f2f;
    font: 400 13px/17px var(--fs6-font-family);
}

.fs6-tabpanel .x-tab.x-tab-focus {
    outline: none;
}

.fs6-tabpanel .x-tab.x-tab-active,
.fs6-tabpanel .x-tab.x-tab-active.x-tab-focus {
    box-shadow: 0 -3px 0 0 #ff7a39 inset;
}

.fs6-tabpanel .x-tab.x-tab-active .x-tab-inner {
    font-weight: 700;
    color: #2f2f2f;
}

.fs6-tabpanel .x-tab-bar-horizontal .x-tab-bar-body {
    min-height: 40px;
    padding: 4px 0 0 0;
    box-shadow: 0 1px 0 0 #d8d8d8;
}



.fs6-explorer {
    background-color: transparent;
}



.fs6-explorer-action-toolbar.fs6-toolbar {
    background-color: transparent !important;
}


.fs6-explorer-action-toolbar + div {
    border-radius: 8px 8px 0 0;
}


.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > div {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent;
    margin-bottom: 2px;
}

.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > .fs6-toolbar-docked-top .fs6-toolbar-item.fs6-btn {
    background-color: #fff;
    border-radius: 20px;
    padding: 3px 9px;
    box-shadow: none;
    min-width: 52px;
}

.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > .fs6-toolbar-docked-top .fs6-toolbar-item.fs6-btn.fs6-btn-over {
    outline: 1px solid #d0d6e0;
    outline-offset: -1px;
}

.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > .fs6-panel-body {
    border-radius: 8px 8px 0 0;
}

.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > .fs6-panel-body {
    border-radius: 0 0 8px 8px;
}

.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > .x-docked-top > div {
    box-shadow: none;
}

.fs6-explorer-viewerowner > .fs6-panel-bodyWrap > .x-docked-top:not(.fs6-toolbar) {
    background-color: #fff;
}
.fs6-explorer-viewerowner .x-docked-top:not(.fs6-toolbar) ~ .fs6-panel-body .x-docked-top {
    border-radius: 0;
}

.fs6-explorer-viewerowner .icon.thumb-target {
    position: relative;
}

.fs6-explorer-viewerowner .icon.thumb-target[thumb-status="loading"] {
    background-image: url(../resources/images/loading.svg);
}

.fs6-explorer-viewerowner .icon.thumb-target[thumb-status="success"] {
    background-image: none;
}

.fs6-explorer-viewerowner .icon.thumb-target[thumb-status="fail"][thumb-type="media"] {
    background-image: url(../resources/images/icons/ic_image_fail.svg);
}

.fs6-explorer-viewerowner .icon.thumb-target[thumb-status="fail"][thumb-type="document"] {
    background-image: url(../resources/images/icons/ic_file_fail.svg);
}

.fs6-explorer-viewerowner .icon.thumb-target img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.fs6-explorer-viewerowner .icon.thumb-target > img + .fs6-icon {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 50%;
}

.fs6-explorer-viewerowner .text-list-quick {
    cursor: pointer;
}

.fs6-explorer-viewerowner .text-list-quick:hover {
    text-decoration: underline;
}



.fs6-explorer-banner {
    background-color: #fff;
}

.fs6-explorer-banner .fs6-explorer-banner-body {
    border: none;
    position: relative;
    overflow: hidden;
}



.fs6-explorer-toolbar.fs6-toolbar:not(.fs6-toolbar-footer) .fs6-toolbar-item.fs6-btn {
    border-radius: 20px;
    padding: 3px 9px;
    border: none;
    background-color: #fff;
}



.fs6-explorer-toolbar-breadcrumb.fs6-explorer-toolbar .fs6-toolbar-item {
    margin-right: 0;
    padding: 0;
}

.fs6-explorer-toolbar-breadcrumb.fs6-explorer-toolbar .fs6-toolbar-item.fs6-btn {
    padding: 3px 0 3px 6px !important;
}

.fs6-explorer-toolbar-breadcrumb.fs6-explorer-toolbar .fs6-toolbar-item.fs6-btn .x-btn-inner {
    color: #2f2f2f;
    font-weight: 500;
}

.fs6-explorer-toolbar-breadcrumb.fs6-explorer-toolbar .fs6-toolbar-item.fs6-explorer-toolbar-breadcrumb-info-btn.fs6-btn.fs6-btn-disabled {
    opacity: 1;
}

.fs6-explorer-toolbar-breadcrumb.fs6-explorer-toolbar .fs6-toolbar-item.fs6-explorer-toolbar-breadcrumb-arrow-btn.fs6-btn .x-btn-inner {
    color: #808080;
    font-weight: 400;
}

.fs6-explorer-toolbar-breadcrumb.fs6-explorer-toolbar .fs6-toolbar-item.fs6-explorer-toolbar-breadcrumb-arrow-btn.fs6-btn .x-btn-icon-el {
    background-image: url(../resources/images/icons/ic_ct_arrow_right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}



.fs6-explorer-toolbar-history.fs6-explorer-toolbar .fs6-toolbar-item {
    margin-right: 0;
    padding: 0 4px;
}



.fs6-explorer-toolbar-favorite.fs6-explorer-toolbar .fs6-toolbar-item {
    margin-right: 0;
    padding: 0 4px;
}



.fs6-explorer-toolbar-paging .fs6-explorer-toolbar-paging-tipicon {
    height: 16px;
    width: 16px;
    float: right;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5px;
}



.fs6-explorer-tilesviewer {
    background-color: #fff;
}

.fs6-explorer-tilesviewer .fs6-tilesview-item {
    width: 260px;
    height: 60px;
    border-radius: 6px;
    margin: 12px 10px;
    outline: none !important;
    outline-offset: -1px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.fs6-explorer-tilesviewer .fs6-tilesview-item-over {
    background-color: #f4f7fa;
    outline: 1px solid #babfce !important;
}

.fs6-explorer-tilesviewer .fs6-tilesview-item-selected {
    background-color: #fffaf7;
    outline: 1px solid #ffc6aa !important;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content {
    height: 100%;
    width: 100%;
    position: relative;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .icon {
    display: inline-block;
    width: 72px;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 6px;
    background-size: auto 36px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .icon.has-badge::after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .icon.badge-filetiers::after {
    background-image: url(../resources/images/icons/ic_ct_filetiers_thumbnail.svg);
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .icon.badge-symlink::after {
    background-image: url(../resources/images/icons/ic_ct_symbolic_thumbnail.svg);
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .summary {
    display: inline-block;
    position: absolute;
    left: 60px;
    padding: 3px 5px 3px 24px;
    line-height: 18px;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .summary > .text {
    overflow: hidden;
    white-space: nowrap;;
    text-overflow: ellipsis;
    line-break: anywhere;
    width: 100%;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .summary > .text.title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content > .summary > .text.subtitle {
    color: #808080;
}

.fs6-explorer-tilesviewer .fs6-tilesview-content .icon > img + .fs6-icon {
    width: 25%;
    height: 25%;
}

.fs6-explorer-tilesviewer .fs6-tilesview-item .fs6-tilesview-item-checkbox {
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.fs6-explorer-tilesviewer .fs6-tilesview-item-over .fs6-tilesview-item-checkbox {
    background-image: url(../resources/images/icons/ic_cheakbox.svg);
}

.fs6-explorer-tilesviewer .fs6-tilesview-item-selected .fs6-tilesview-item-checkbox {
    background-image: url(../resources/images/icons/ic_cheakbox_select.svg);
}

.fs6-explorer-tilesviewer .fs6-mask.x-mask {
    background-color: #fff;
}

.fs6-explorer-tilesviewer .fs6-mask.x-mask .x-mask-msg {
    background-color: transparent;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.fs6-explorer-tilesviewer .fs6-mask.x-mask .x-mask-msg-text {
    color: #2f2f2f;
    font-size: 13px;
    padding: 0 0 0 30px;
    height: 24px;
    line-height: 24px;
    background-image: url(../resources/images/loading.svg);
    background-position: 0 center;
}



.fs6-explorer-iconsviewer {
    background-color: #fff;
}

.fs6-explorer-iconsviewer .fs6-iconsview-item {
    width: 100px;
    height: 132px;
    border-radius: 6px;
    margin: 12px 10px;
    outline: none !important;
    outline-offset: -1px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.fs6-explorer-iconsviewer .fs6-iconsview-item-over {
    background-color: #f4f7fa;
    outline: 1px solid #babfce !important;
}

.fs6-explorer-iconsviewer .fs6-iconsview-item-selected {
    background-color: #fffaf7;
    outline: 1px solid #ffc6aa !important;
}

.fs6-explorer-iconsviewer .fs6-iconsview-content {
    height: 100%;
    width: 100%;
}

.fs6-explorer-iconsviewer .fs6-iconsview-content > .icon {
    width: 100%;
    height: 80px;
    border: 1px solid transparent;
    border-radius: 6px;
    background-size: auto 40px;
    background-position: top 25px left 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.fs6-explorer-iconsviewer .fs6-iconsview-content > .icon.has-badge::after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fs6-explorer-iconsviewer .fs6-iconsview-content > .icon.badge-filetiers::after {
    background-image: url(../resources/images/icons/ic_ct_filetiers_thumbnail.svg);
}

.fs6-explorer-iconsviewer .fs6-iconsview-content > .icon.badge-symlink::after {
    background-image: url(../resources/images/icons/ic_ct_symbolic_thumbnail.svg);
}

.fs6-explorer-iconsviewer .fs6-iconsview-content > .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-break: anywhere;
    width: 100%;
    padding: 0 5px;
    margin-top: 10px;
    line-height: 18px;
}

.fs6-explorer-iconsviewer .fs6-iconsview-item .fs6-iconsview-item-checkbox {
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.fs6-explorer-iconsviewer .fs6-iconsview-item-over .fs6-iconsview-item-checkbox {
    background-image: url(../resources/images/icons/ic_cheakbox.svg);
}

.fs6-explorer-iconsviewer .fs6-iconsview-item-selected .fs6-iconsview-item-checkbox {
    background-image: url(../resources/images/icons/ic_cheakbox_select.svg);
}

.fs6-explorer-iconsviewer .fs6-iconsview-content .icon > img + .fs6-icon {
    width: 25%;
    height: 25%;
}

.fs6-explorer-iconsviewer.small .fs6-iconsview-item {
    width: 80px;
    height: 112px;
    margin: 8px 10px;
}

.fs6-explorer-iconsviewer.large .fs6-iconsview-item {
    width: 120px;
    height: 152px;
    margin: 20px 10px;
}

.fs6-explorer-iconsviewer.small .fs6-iconsview-content > .icon {
    width: 100%;
    height: 60px;
    background-size: auto 32px;
    background-position: top 19px left 50%;
}

.fs6-explorer-iconsviewer.large .fs6-iconsview-content > .icon {
    width: 100%;
    height: 100px;
    background-size: auto 50px;
    background-position: top 30px left 50%;
}

.fs6-explorer-iconsviewer .fs6-mask.x-mask {
    background-color: #fff;
}

.fs6-explorer-iconsviewer .fs6-mask.x-mask .x-mask-msg {
    background-color: transparent;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.fs6-explorer-iconsviewer .fs6-mask.x-mask .x-mask-msg-text {
    color: #2f2f2f;
    font-size: 13px;
    padding: 0 0 0 30px;
    height: 24px;
    line-height: 24px;
    background-image: url(../resources/images/loading.svg);
    background-position: 0 center;
}



.fs6-explorer-empty {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fs6-explorer-empty .text,
.fs6-explorer-empty .subtitle {
    text-align: center;
}

.fs6-explorer-empty > * {
    margin-bottom: 10px;
}

.fs6-explorer-empty .subtitle {
    font-weight: 500;
    color: #435d77;
    padding-bottom: 5px;
}

.fs6-explorer-empty .photo {
    width: 240px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.fs6-explorer-empty.fs6-explorer-empty-lock .photo {
    background-image: url(../resources/images/img_empty_lock.svg);
}

.fs6-explorer-empty.fs6-explorer-empty-folder .photo {
    background-image: url(../resources/images/ic_empty_create_folder.svg);
}

.fs6-explorer-empty.fs6-explorer-empty-folder .upload-btn {
    background-color: #ff7a39;
    border: 1px solid #ff7a39;
    border-radius: 4px;
    padding: 6px 22px;
    color: #fff;
    cursor: pointer;
}

.fs6-explorer-empty.fs6-explorer-empty-folder .upload-btn:hover {
    background-color: #ff9561;
    border-color: #ff9561;
}

.fs6-explorer-empty.fs6-explorer-empty-folder .upload-btn:active {
    background-color: #d64e0c;
    border-color: #d64e0c;
}

.fs6-explorer-empty.fs6-explorer-empty-filter .photo {
    background-image: url(../resources/images/ic_empty_filter.svg);
}

.fs6-explorer-empty.fs6-explorer-empty-search .photo {
    background-image: url(../resources/images/ic_empty_search.svg);
}
.fs6-explorer-empty.fs6-explorer-empty-recent .photo {
    background-image: url(../resources/images/img_empty_no_data.svg);
}

.fs6-explorer-empty.fs6-explorer-empty-recent-home-folder-not-enabled .photo {
    background-image: url(../resources/images/img_empty_recently_file.svg);
}



.fs6-explorer-drop-upload {
    height: 100%;
    width: 100%;
    padding: 10px;
    background-color: #fff;
}

.fs6-explorer-drop-upload .content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #f7844d;
    border-radius: 8px;
}

.fs6-explorer-drop-upload .photo {
    width: 120px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../resources/images/ic_empty_darg.svg);
}



.fs6-explorer-tooltip-cache .title,
.fs6-explorer-tooltip-cache .row {
    padding: 2px 16px;
    white-space: nowrap;
}

.fs6-explorer-tooltip-cache .row > div {
    display: inline-block;
    vertical-align: middle;
}

.fs6-explorer-tooltip-cache .title {
    color: #808080;
    border-bottom: 1px solid #e3eaf1;
    margin: 4px 0;
}

.fs6-explorer-tooltip-cache .title,
.fs6-explorer-tooltip-cache .description {
    font-size: 13px;
}

.fs6-explorer-tooltip-cache .icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-right: 16px;
}



.fs6-explorer-tableviewer > .fs6-panel-bodyWrap > .fs6-panel-body {
    border-radius: 0 0 8px 8px;
}

.fs6-explorer-tableviewer > .fs6-panel-bodyWrap > div {
    margin-bottom: 2px;
    background-color: #fff;
}

.fs6-explorer-tableviewer > .fs6-panel-bodyWrap > .x-docked-bottom {
    background-color: transparent;
}

.fs6-explorer-tableviewer .fs6-grid-header-ct .x-column-header {
    height: 35px;
}

.fs6-explorer-tableviewer .fs6-grid-header-ct .x-column-header:not(.x-selmodel-column, :last-child) {
    border-color: #f2f5f8;
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-row {
    height: 38px;
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner > * {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner .icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner .icon.has-badge::after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner .icon.badge-filetiers::after {
    background-image: url(../resources/images/icons/ic_ct_filetiers_list.svg);
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner .icon.badge-symlink::after {
    background-image: url(../resources/images/icons/ic_ct_symbolic_list.svg);
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner .text {
    display: inline;
}

.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-cell-inner .link-text:hover {
    cursor: pointer;
    text-decoration: underline;
}

.fs6-explorer-tableviewer .fs6-panel-header {
    background-color: #fff;
    margin-bottom: 2px;
}

.fs6-explorer-tableviewer .fs6-panel-header .fs6-panel-header-title {
    padding: 8px 18px;
}

.fs6-explorer-tableviewer .fs6-panel-header .x-title-text {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item {
    box-shadow: none;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item + .x-grid-item.x-grid-item-over {
    background-color: #f4f7fa;
    box-shadow: 0 2px 0 0 #babfce inset, -2px 0 0 0 #babfce inset, 2px 0 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item + .x-grid-item.x-grid-item-selected {
    background-color: #fffaf7;
    box-shadow: 0 2px 0 0 #ffc6aa inset, -2px 0 0 0 #ffc6aa inset, 2px 0 0 0 #ffc6aa inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item:last-child {
    box-shadow: 0 2px 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item:last-child {
    box-shadow: 0 2px 0 0 #ffc6aa inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item.x-grid-item-over {
    box-shadow: 0 2px 0 0 #babfce inset, -2px 0 0 0 #babfce inset, 2px 0 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item-over {
    box-shadow: 0 2px 0 0 #ffc6aa inset, -2px 0 0 0 #babfce inset, 2px 0 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item.x-grid-item-selected,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item-selected {
    box-shadow: 0 2px 0 0 #ffc6aa inset, -2px 0 0 0 #ffc6aa inset, 2px 0 0 0 #ffc6aa inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over:last-child,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item + .x-grid-item.x-grid-item-over:last-child,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item.x-grid-item-over:last-child {
    box-shadow: 0 2px 0 0 #babfce inset, 0 2px 0 0 #babfce, -2px 0 0 0 #babfce inset, 2px 0 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item-over:last-child {
    box-shadow: 0 2px 0 0 #ffc6aa inset, 0 2px 0 0 #babfce, -2px 0 0 0 #babfce inset, 2px 0 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected:last-child,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item + .x-grid-item.x-grid-item-selected:last-child,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item.x-grid-item-selected:last-child,
.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item.x-grid-item-selected:last-child {
    box-shadow: 0 2px 0 0 #ffc6aa inset, 0 2px 0 0 #ffc6aa, -2px 0 0 0 #ffc6aa inset, 2px 0 0 0 #ffc6aa inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over colgroup + tbody .x-grid-row {
    box-shadow: 0 -2px 0 0 #babfce;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected colgroup + tbody .x-grid-row {
    box-shadow: 0 -2px 0 0 #ffc6aa;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item .x-grid-group-hd {
    box-shadow: 0 2px 0 0 #babfce inset;
}

.fs6-explorer-tableviewer.fs6-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected + .x-grid-item .x-grid-group-hd {
    box-shadow: 0 2px 0 0 #ffc6aa inset;
}



.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-row {
    height: 44px;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-recent-filename .x-grid-cell-inner {
    height: 36px;
    line-height: 18px;
    display: flex;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-recent-filename .icon {
    height: 22px;
    min-width: 22px;
    margin: 7px 12px 7px 0;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-recent-filename .info {
    width: 0;
    flex: 1;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-recent-filename .info * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-recent-filename .location {
    font-size: 12px;
    color: #5a5a5a;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-item .x-grid-row.target-not-exist {
    opacity: 0.7;
}

.fs6-explorer-tableviewer-recent.fs6-explorer-tableviewer .fs6-explorer-banner .x-autocontainer-innerCt{
    font-size: 15px;
    font-weight: 500;
}



.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .x-grid-row {
    height: 44px;
}

.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-qsirch-filename .x-grid-cell-inner {
    height: 36px;
    line-height: 18px;
    display: flex;
}

.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-qsirch-filename .icon {
    height: 22px;
    min-width: 22px;
    margin: 7px 12px 7px 0;
}

.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-qsirch-filename .info {
    width: 0;
    flex: 1;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-qsirch-filename .info * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-qsirch-filename .content,
.fs6-explorer-tableviewer-qsirch.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-qsirch-filename .content * {
    font-size: 9px;
    color: #5a5a5a;
}



.fs6-explorer-tableviewer-sharedlink.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-sharedlink-download .x-grid-cell-inner {
    display: flex;
}

.fs6-explorer-tableviewer-sharedlink.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-sharedlink-download .x-grid-cell-inner .text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fs6-explorer-tableviewer-sharedlink.fs6-explorer-tableviewer .x-grid-with-row-lines .fs6-sharedlink-download .x-grid-cell-inner .copy-trigger {
    width: 20px;
    cursor: pointer;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



.fs6-explorer-noticebar {
    padding: 8px 16px;
}

.fs6-explorer-noticebar > * {
    min-height: 20px;
    line-height: 20px;
}

.fs6-explorer-noticebar .x-tool {
    top: 0 !important;
}

.fs6-explorer-noticebar .x-tool .x-tool-close::before {
    content: none;
}

.fs6-explorer-noticebar .x-tool .x-tool-close {
    background-image: url(../resources/images/icons/ic_popup_close.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
}



.fs6-explorer-noticebar .fs6-notice-icon {
    float: left;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
}



.fs6-explorer-noticebar-thumbnail {
    background-color: #e5f2fb;
}

.fs6-explorer-noticebar-thumbnail .fs6-notice-icon {
    background-image: url(../resources/images/icons/ic_info.svg);
}



.fs6-explorer-noticebar-smartfilter > * {
    font-weight: 500;
    line-height: 18px;
}

.fs6-explorer-noticebar-smartfilter .row2 {
    color: #4a90e2;
}



.fs6-explorer-noticebar-cachemount {
    color: #eb6123;
    background-color: #f9f0ed;
}

.fs6-explorer-noticebar-cachemount .fs6-notice-icon {
    background-image: url(../resources/images/icons/ic_warning.svg);
}



.fs6-explorer-banner-search .fs6-btn {
    border-radius: 15px;
}



.fs6-explorer-banner-search-condition-window.fs6-window .fs6-window-body {
    padding: 16px 0;
}

.fs6-explorer-banner-search-condition-window.fs6-window .fs6-window-header {
    display: none;
}



.fs6-explorer-banner-search-condition-window-row {
    padding: 0 16px;
}



.fs6-explorer-banner-search-condition-button-more {
    height: 25px;
    padding: 0 5px;
    background-color: #e2e2e2;
    border: none;
}

.fs6-explorer-banner-search-condition-condition-button {
    height: 25px;
    padding: 0 5px;
}

.fs6-explorer-banner-search-condition-window-row .x-autocontainer-innerCt > * {
    float: left;
    margin: 2px 8px 2px 0;
}

.fs6-explorer-banner-search-condition-condition-button-name {
    background-color: #0070e0;
    border: none;
    opacity: 1 !important;
}

.fs6-explorer-banner-search-condition-condition-button-name.fs6-btn-disabled .x-btn-inner,
.fs6-explorer-banner-search-condition-condition-button-name .x-btn-inner {
    color: #fff;
}

.fs6-explorer-banner-search-condition-condition-button-value {
    background-color: #e2e2e2;
    border: none;
}



.fs6-view-selector {
    position: absolute;
    border: 1px solid #babfce;
    background-color: #f4f7fa;
    opacity: 0.5;
}



.fs6-tree-panel .x-tree-view .x-grid-item-container {
    float: left;
    width: auto !important;
}

.fs6-tree-panel .x-tree-view .x-grid-item-container .x-grid-item {
    width: 100% !important;
    background-color: transparent;
}

.fs6-tree-panel .x-tree-view .x-grid-cell-inner::before {
    content: none;
}

.fs6-tree-panel .x-tree-view .x-grid-cell-inner {
    padding: 5px 10px 4px 6px;
}

.fs6-tree-panel .x-tree-view .x-grid-cell-inner > * {
    height: 22px;
    line-height: 22px;
    margin: 0;
    vertical-align: top;
}

.fs6-tree-panel .x-tree-view .fs6-tree-elbow-img,
.fs6-tree-panel .x-tree-view .fs6-tree-icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.fs6-tree-panel .x-tree-view .fs6-tree-elbow-img {
    width: 14px;
}

.fs6-tree-panel .x-tree-view .fs6-tree-icon {
    display: inline-block;
    width: 24px;
    margin-left: 3px;
}

.fs6-tree-panel .x-tree-view .fs6-tree-elbow-plus,
.fs6-tree-panel .x-tree-view .fs6-tree-elbow-end-plus {
    background-image: url(../resources/images/icons/ic_ft_fold_right.svg);
}

.fs6-tree-panel .x-tree-view .x-grid-tree-node-expanded .fs6-tree-elbow-plus,
.fs6-tree-panel .x-tree-view .x-grid-tree-node-expanded .fs6-tree-elbow-end-plus {
    background-image: url(../resources/images/icons/ic_ft_fold_down.svg);
}

.fs6-tree-panel .x-tree-view .fs6-tree-checkbox {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../resources/images/icons/ic_cheakbox.svg);
    width: 24px;
}

.fs6-tree-panel .x-tree-view .fs6-tree-checkbox.fs6-tree-checkbox-checked {
    background-image: url(../resources/images/icons/ic_cheakbox_select.svg);
}

.fs6-tree-panel .x-tree-view .fs6-tree-expander {
    cursor: pointer;
}

.fs6-tree-panel .x-tree-view .x-grid-item.x-grid-item-over {
    background-color: #edf2f8;
}

.fs6-tree-panel .x-tree-view .x-grid-item.x-grid-item-selected {
    background-color: #ffeee5;
}

.fs6-tree-panel .x-tree-view .x-grid-row:not(.x-grid-tree-loading) .fs6-tree-loading {
    display: none;
}

.fs6-tree-panel .x-tree-view .x-grid-item {
    color: #2f2f2f;
    font: 400 13px/22px var(--fs6-font-family);
}



.fs6-sharedfolder.fs6-tree-panel .x-tree-view .x-grid-cell-inner {
    cursor: pointer;
}

.fs6-sharedfolder.fs6-tree-panel .x-tree-view .x-grid-cell-inner .x-tree-node-text ~ *:is(.fs6-host-menu-button, .fs6-volume-menu-button) {
    cursor: pointer;
}

.fs6-sharedfolder.fs6-tree-panel .x-tree-view .x-grid-item:not(.x-grid-item-over) *:is(.fs6-host-menu-button, .fs6-volume-menu-button) {
    visibility: hidden;
    cursor: pointer;
}



.fs6-navigator {
    background-color: #fff;
}

.fs6-navigator > .fs6-panel-bodyWrap > div {
    background-color: transparent;
}

.fs6-navigator .x-tree-view .x-grid-cell-inner .fs6-tree-elbow-img:not(.x-tree-elbow-line) + .fs6-tree-icon:not(.fs6-tree-elbow-line ~ .fs6-tree-icon, .fs6-tree-elbow-empty ~ .fs6-tree-icon) {
    display: none;
}

.fs6-navigator .x-tree-view .x-grid-cell-inner .fs6-tree-elbow-img:not(.x-tree-elbow-line) + .fs6-tree-icon:not(.fs6-tree-elbow-line ~ .fs6-tree-icon, .fs6-tree-elbow-empty ~ .fs6-tree-icon) + .x-tree-node-text {
    font-weight: 700;
}

.fs6-navigator .x-docked-bottom {
    background-color: #fff;
}

.fs6-navigator .x-docked-bottom .fs6-btn,
.fs6-navigator .x-docked-bottom .fs6-btn.fs6-btn-focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 5px 20px;
}

.fs6-navigator .x-docked-bottom .fs6-btn.fs6-btn-over {
    background-color: #f4f7fa;
}

.fs6-navigator .x-docked-bottom .fs6-btn .x-btn-icon-el {
    height: 22px;
    width: 22px;
}

.fs6-navigator .fs6-panel-header {
    background-color: transparent;
    padding: 0;
}

.fs6-navigator .fs6-panel-header .title {
    background-image: url(../resources/images/FS_icon_svg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    line-height: 35px;
    padding-left: 40px;
    font-size: 24px;
    color: #FF7A39;
    margin: 10px 0 10px 10px;
}

.fs6-navigator .fs6-panel-body {
    border: none;
    border-bottom: 2px solid #f2f5f8;
}

.fs6-navigator .fs6-navigator-bottom-menu .fs6-panel-header {
    height: 12px;
}

.fs6-navigator .fs6-navigator-bottom-menu .fs6-panel-header .x-tool .x-tool-tool-el {
    width: 100%;
    height: 12px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
    background-color: #edf2f8 !important;
}

.fs6-navigator .fs6-navigator-bottom-menu .fs6-panel-header .x-tool .x-tool-tool-el::before {
    content: none;
}

.fs6-navigator .fs6-navigator-bottom-menu .fs6-panel-header .x-tool .x-tool-collapse-top {
    background-image: url(../resources/images/icons/ic_ft_narrow.svg) !important;
}

.fs6-navigator .fs6-navigator-bottom-menu .fs6-panel-header .x-tool .x-tool-expand-bottom {
    background-image: url(../resources/images/icons/ic_ft_expand.svg) !important;
}

.fs6-navigator .fs6-navigator-bottom-menu .x-tool:not(.x-tool-over) .x-tool-tool-el {
    visibility: hidden;
}

.fs6-navigator .x-tree-view .fs6-tree-icon {
    position: relative;
}

.fs6-navigator .x-tree-view .fs6-tree-icon.has-badge::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fs6-navigator .x-tree-view .fs6-tree-icon.badge-symlink::after {
    background-image: url(../resources/images/icons/ic_ft_symbolic.svg);
}




.fs6-toolbar-search.fs6-toolbar {
    background-color: #fff;
    border-radius: 8px;
}

.fs6-toolbar-search.fs6-toolbar .fs6-toolbar-item  {
    margin: 0 !important;
    padding: 0 !important;
}

.fs6-toolbar-search.fs6-toolbar .fs6-field .x-form-field  {
    min-height: unset;
}

.fs6-toolbar-search.fs6-toolbar .x-form-trigger-wrap {
    border: none;
}

.fs6-toolbar-search.fs6-toolbar .x-toolbar-separator {
    height: 22px;
    border-right: 1px solid #f2f5f8;
}



.fs6-window-properties.fs6-window .fs6-window-header {
    background-color: #ff7a39;
}

.fs6-window-properties.fs6-window .fs6-window-header .x-title .x-title-text,
.fs6-window-properties.fs6-window .fs6-window-header .x-title .x-title-text * {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fs6-window-properties.fs6-window .fs6-window-header .x-title .x-title-icon {
    height: 36px;
    width: 36px;
    background-size: cover;
    border-radius: 6px;
    margin-right: 15px;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-field {
    margin-bottom: 4px;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-field .x-form-item-body * {
    min-height: 20px;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-item-label-inner {
    position: relative;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-item-label-inner .fs6-tipbox {
    position: absolute;
    bottom: 0;
    display: inline-block;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field {
    position: relative;;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field .fs6-calc-progress {
    position: absolute;
    white-space: nowrap;
    bottom: 0;
    line-height: 24px;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field .fs6-field-inner-icon.fs6-icon {
    width: 20px;
    height: 100%;
    margin-left: 10px;
    position: absolute;
    display: inline-block;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field .fs6-calc-trigger {
    position: absolute;
    border: 1px solid #2f2f2f;
    border-radius: 12px;
    white-space: nowrap;
    bottom: 0;
    line-height: 24px;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field .fs6-calc-trigger:hover {
    border-color:  #6b6e6e;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field .fs6-calc-trigger:hover .fs6-calc-trigger-inner {
    color:  #6b6e6e;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-display-field-calculate .x-form-display-field .fs6-calc-trigger .fs6-calc-trigger-inner {
    padding: 0 10px 0 35px;
    pointer-events: none;
}

.fs6-window-properties.fs6-window .fs6-panel-properties .fs6-component.fs6-link-text {
    line-height: 20px;
}

.fs6-window-properties.fs6-window .fs6-panel .fs6-toolbar-footer {
    padding: 20px 0 24px 0;
}



.fs6-window-search.fs6-window .fs6-window-header .x-title {
    display: none;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar {
    box-shadow: none;
    margin: 15px 0;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab-bar-body {
    min-height: 30px;
    box-shadow: none;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab {
    padding: 0;
    margin: 0;
    height: 24px;
    width: 84px;
    background-color: #e5e5e5;
    text-align: center;
    box-shadow: none;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab:first-child {
    border-radius: 10px 0 0 10px;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab:last-child {
    border-radius: 0 10px 10px 0;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab .x-tab-inner {
    display: block;
    font-weight: 500 !important;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab-inner {
    color: #2f2f2f;
    font: 400 13px/20px var(--fs6-font-family);
    border-radius: 10px;
    margin: 2px;
}

.fs6-window-search.fs6-window .fs6-tabpanel .x-tab-bar .x-tab.x-tab-active .x-tab-inner {
    background-color: #ff8403;
    color: #fff;
}

.fs6-window-search.fs6-window .fs6-hint-qsirch {
    padding: 0 20px;
}

.fs6-window-search.fs6-window .fs6-form-separator {
    border-top: 1px solid #d5d5d5;
    margin: 5px 0;
}

.fs6-window-search.fs6-window .fs6-hint-qsirch .icon {
    margin: 15px 0;
    height: 66px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.fs6-window-search.fs6-window .fs6-label-qsirch .extra-block {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
}

.fs6-window-search.fs6-window .fs6-label-qsirch .extra-block .tip-trigger {
    height: 30px;
    width: 30px;
    float: right;
    background-image: url(../resources/images/icons/ic_popup_infotip.svg);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
}



.fs6-menu-qsirchtype.fs6-menu .x-form-checkboxgroup {
    margin: 0;
    padding: 0 6px 0 16px;
}



.fs6-picker-search-history .fs6-picker-search-history-title {
    padding: 16px 16px 4px 16px;
    color: #969696;
}

.fs6-picker-search-history .fs6-boundlist-item {
    padding: 0 16px;
}

.fs6-picker-search-history .fs6-boundlist-item-trigger {
    background-image: url(../resources/images/icons/ic_popup_close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 24px;
    float: right;
}


.fs6-search-modal.fs6-window {
    background-color: #125ed2;
}

.fs6-search-modal.fs6-window .fs6-search-modal-icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../resources/images/loading.svg);
}

.fs6-search-modal.fs6-window .fs6-search-modal-content {
    padding: 0 24px 0 18px;
}

.fs6-search-modal.fs6-window .fs6-search-modal-content .title {
    color: #e7ffff;
    font-size: 18px;
    line-height: 30px;
}

.fs6-search-modal.fs6-window .fs6-search-modal-content .title:not(:last-child) {
    margin-top: -7px;
}

.fs6-search-modal.fs6-window .fs6-search-modal-content .content {
    color: #86c4f0;
    line-height: 20px;
}

.fs6-search-modal.fs6-window .fs6-btn {
    border-color: transparent;
    background-color: #0048b7;
}

.fs6-search-modal.fs6-window .fs6-btn .x-btn-inner {
    color: #fff;
}



.fs6-familyapp-menu.fs6-menu .fs6-menu-header .x-title-text {
    size: 21px !important;
    font-weight: 500 !important;
    line-height: 30px;
    padding: 0 0 0 20px;
}



.fs6-familyapp-item.fs6-menu-custom-item .fs6-menu-custom-item-text {
    margin: 0 60px 0 72px;
}

.fs6-familyapp-item.fs6-menu-custom-item .fs6-menu-custom-item-text:last-child {
    margin: 0 24px 0 72px;
}

.fs6-familyapp-item.fs6-menu-custom-item .fs6-menu-custom-item-icon {
    height: 36px;
    width: 36px;
    left: 24px;
}

.fs6-familyapp-item.fs6-menu-custom-item .fs6-new-tab-trigger {
    background-image: url(../resources/images/icons/ic_h_open.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 24px;
}

.fs6-familyapp-item.fs6-menu-custom-item .fs6-menu-custom-item-extra-container {
    cursor: pointer;
    position: relative;
    height: 40px;
}

.fs6-familyapp-item.fs6-menu-custom-item .fs6-menu-custom-item-extra-container .fs6-btn {
    height: 26px;
    border-radius: 15px;
    top: 6px;
    left: 72px;
    right: unset;
}



.fs6-main-headertoolbar.fs6-toolbar .fs6-toolbar-item.fs6-btn {
    margin-right: 0;
    padding: 0 6px;
    border-radius: 20px;
    border: none;
    background-color: transparent;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-toolbar-item.fs6-btn.fs6-btn-focus {
    background-color: transparent;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-toolbar-item.fs6-btn .x-btn-icon-el {
    height: 30px;
    width: 30px;
}

.fs6-main-headertoolbar.fs6-toolbar .x-toolbar-separator {
    height: 20px;
    border-left: solid 1px #d0d0d0;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-avatar {
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    text-align: end;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-avatar:not(:has(img)) {
    background-image: url(../resources/images/icons/ic_h_user.svg);
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-avatar img {
    height: 100%;
    width: 30px;
    border-radius: 4px;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-avatar.default-admin::after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 0;
    right: -3px;
    background-image: url(../resources/images/icons/ic_h_user_crown.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-avatar.admin::after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 0;
    right: -3px;
    background-image: url(../resources/images/icons/ic_h_user_star.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-avatar.delegated::after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 0;
    right: -3px;
    background-image: url(../resources/images/icons/ic_h_user_diamond.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-btn-user.fs6-btn {
    padding: 0 6px 0 0;
}

.fs6-main-headertoolbar.fs6-toolbar .fs6-btn-user.fs6-btn .x-btn-inner {
    font-size: 14px;
    font-weight: 500;
}



.fs6-main.x-border-layout-ct {
    background-color: #f2f5f8;
}

.fs6-main > .x-border-layout-ct {
    background-color: transparent;
}

.fs6-main > .x-mask,
.fs6-main > .fs6-mask.x-mask {
    background-color: transparent;
}



.fs6-mask.x-mask.x-focus {
    border-color: transparent;
}

.fs6-mask.x-mask .x-mask-msg {
    top: 20px !important;
    background-color: #125ed2;
    border-radius: 6px;
    padding: 18px 0;
}

.fs6-mask.x-mask .x-mask-msg-text {
    background-position: 30px;
    height: 35px;
    padding: 0 55px 0 80px;
    color: #fff;
    font: 400 16px/35px var(--fs6-font-family);
    background-image: url(../resources/images/loading.svg);
    background-position: 30px center;
}



.fs6-window {
    border: none;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
}

.fs6-window .x-mask {
    z-index: 3;
}

.fs6-window .x-mask .x-mask-msg {
    top: 58px !important;
}

.fs6-window.fs6-window-ghost {
    opacity: 0.5;
}

.fs6-window .fs6-window-body {
    position: relative;
    overflow: hidden;
}

.fs6-window > div,
.fs6-window .fs6-window-bodyWrap > div {
    border-color: transparent;
    background-color: transparent;
}

.fs6-window .fs6-window-header {
    border: none;
    padding: 10px 10px 0 35px;
    z-index: 4;
}

.fs6-window .fs6-window-header .x-box-inner {
    min-height: 24px;
}

.fs6-window .fs6-window-header .x-title-text {
    font-weight: 700 !important;
    font-size: 18px !important;
    height: 48px;
}

.fs6-window .fs6-window-header .x-tool {
    top: 0 !important;
}

.fs6-window .fs6-window-header .x-tool-tool-el {
    width: 24px;
    height: 24px;
}

.fs6-window .fs6-window-header .x-tool-close {
    background-image: url(../resources/images/icons/ic_popup_close.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.fs6-window .fs6-window-header .x-tool-close::before {
    content: none;
}

.fs6-window .fs6-window-header .x-title-icon-left {
    width: 48px;
}

.fs6-window .fs6-window-header .x-title-icon {
    float: left;
    height: 32px;
    width: 32px;
    background-size: contain;
    background-position: center;
}

.fs6-window .fs6-window-header .fs6-title-icon-trigger {
    cursor: pointer;
}

.fs6-window .x-resizable-handle::before,
.fs6-window .x-resizable-handle-over::before {
    content: none;
}

.fs6-window .fs6-toolbar-footer {
    padding: 20px 35px 24px 35px;
}

.fs6-window > .fs6-window-bodyWrap > .fs6-window-body > .x-mask {/*for maskBody*/
    /*background-color: transparent;*/
}
.fs6-window > .fs6-window-bodyWrap > .fs6-window-body > .x-mask .x-mask-msg {/*for maskBody*/
    /*
    top: -20px !important;
    background-color: #125ed2;
    border-radius: 6px;
    padding: 18px 0;
    */
}
.fs6-window > .fs6-window-bodyWrap > .fs6-window-body > .x-mask .x-mask-msg .x-mask-msg-text {/*for maskBody*/
    /*
    background-position: 30px;
    height: 35px;
    line-height: 35px;
    padding: 0 55px 0 80px;
    font-size: 16px !important;
    color: #fff !important;
    background-image: url("../resources/images/loading.svg");
    */
}

.fs6-window-about .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px 35px 24px 35px;
}

.fs6-window-about .content {
    flex: auto;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100px;
    background-image: url(../resources/images/FS_icon_svg.svg);
    padding-top: 100px;
    text-align: center;
}

.fs6-window-about .about-name {
    color: #ff7a39;
    font: 500 24px var(--fs6-font-family);
    margin: 7px;
}

.fs6-window-about .about-version {
    color: #2f2f2f;
    font: 400 14px/17px var(--fs6-font-family);
}

.fs6-window-about .footer {
    display: flex;
}

.fs6-window-about .footer-right {
    flex: none;
    width: 68px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/cgi-bin/images/desktop/about/icon.svg);
}

.fs6-window-about .footer-left {
    flex: auto;
}

.fs6-window-about .about-qnap {
    height: 12px;
    padding-left: 76px;
    margin-bottom: 6px;
    background-size: auto;
    background-position: 0 -30px;
    background-repeat: no-repeat;
    background-image: url(/cgi-bin/images/desktop/about/slice.png);
}

.fs6-window-about .about-qnap * {
    font-size: 12px !important;
}


.fs6-window-fs5 .fs6-window-header .x-title {
    display: none;
}

.fs6-window-fs5 .fs6-window-body .title {
    font-weight: 700px !important;
    font-size: 24px !important;
    line-height: 48px;
    text-align: center;
    margin-bottom: 18px;
}

.fs6-window-fs5 .fs6-window-body .icon {
    height: 68px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 18px;
}



.fs6-message-box .x-message-box-icon {
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
}

.fs6-message-box .fs6-window-text {
    line-height: 28px;
    word-break: break-word;
}

.fs6-message-box .fs6-toolbar-footer {
    padding: 20px 24px 24px 24px;
}



.fs6-toast {
    max-width: min(60vw, 960px);
    background-color: #125ed2;
    padding: 5px 25px;
}

.fs6-toast .fs6-window-body * {
    color: #e7ffff;
    font: 400 16px/35px var(--fs6-font-family);
}



.fs6-task-btn .x-btn-icon-el.warning::after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../resources/images/icons/ic_warning.svg);
}



.fs6-extract.fs6-window .fs6-grid .fs6-grid-header-ct {
    box-shadow: 0 1px 0 0 #e6e6e6 inset, 0 -1px 0 0 #e6e6e6 inset, 1px 0 0 0 #e6e6e6 inset, -1px 0 0 0 #e6e6e6 inset;
    border-radius: 4px 4px 0 0;
}

.fs6-extract.fs6-window .fs6-grid .x-grid-with-row-lines {
    box-shadow: 0 1px 0 0 #e6e6e6, 1px 0 0 0 #e6e6e6 inset, -1px 0 0 0 #e6e6e6 inset;
    border-radius: 0 0 4px 4px;
}

.fs6-extract.fs6-window .fs6-grid .fs6-grid-header-ct .x-column-header:not(:last-child) {
    border-color: #e6e6e6;
}

.fs6-extract.fs6-window .fs6-grid .x-grid-with-row-lines .x-grid-item {
    height: 40px;
}

.fs6-extract.fs6-window .fs6-grid .fs6-toolbar-paging {
    box-shadow: 0 1px 0 0 #e6e6e6 inset, 0 -1px 0 0 #e6e6e6 inset, 1px 0 0 0 #e6e6e6 inset, -1px 0 0 0 #e6e6e6 inset;
    border-radius: 0 0 4px 4px;
}

.fs6-extract.fs6-window .fs6-grid .fs6-grid-header-ct .x-column-header-inner,
.fs6-extract.fs6-window .fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-cell-inner {
    padding: 0 8px;
}

.fs6-extract.fs6-window .fs6-grid .x-mask,
.fs6-extract.fs6-window .fs6-grid .x-mask .x-mask-msg {
    background-color: transparent;
}

.fs6-extract.fs6-window .fs6-grid .x-mask .x-mask-msg-text {
    padding: 0 0 0 30px;
    height: 24px;
    line-height: 24px;
    background-image: url(../resources/images/loading.svg);
    background-position: 0 center;
}

.fs6-extract.fs6-window .fs6-grid .x-grid-cell .itemicon {
    padding: 0 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
}



.fs6-storage-info.fs6-window .fs6-grid .fs6-grid-header-ct {
    box-shadow: 0 1px 0 0 #d8d8d8 inset, 0 -1px 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset, -1px 0 0 0 #d8d8d8 inset;
    border-radius: 4px 4px 0 0;
}

.fs6-storage-info.fs6-window .fs6-grid .x-grid-with-row-lines {
    box-shadow: 0 1px 0 0 #d8d8d8, 1px 0 0 0 #d8d8d8 inset, -1px 0 0 0 #d8d8d8 inset;
    border-radius: 0 0 4px 4px;
}

.fs6-storage-info.fs6-window .fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-cell-inner  {
    height: 40px;
    display: flex;
    align-items: center;
}

.fs6-storage-info.fs6-window .fs6-grid .fs6-grid-header-ct .x-column-header:not(:last-child) {
    border-color: #d8d8d8;
}



.fs6-window-task.fs6-window .fs6-window-header .x-title {
    display: none;
}



.fs6-window-video-open.fs6-window .fs6-window-header .x-title {
    display: none;
}

.fs6-window-video-open.fs6-window .fs6-text-box-title {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.fs6-window-video-open.fs6-window .fs6-text-box-subtitle {
    font-size: 12px !important;
    font-weight: 600 !important;
}



.fs6-task-manager {
    background-color: #fff;
}

.fs6-task-manager .fs6-toolbar .fs6-toolbar-item.fs6-btn {
    border-radius: 20px;
}

.fs6-task-manager .fs6-grid .fs6-grid-header-ct {
    box-shadow: 0 1px 0 0 #d8d8d8 inset, 0 -1px 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset, -1px 0 0 0 #d8d8d8 inset;
    border-radius: 4px 4px 0 0;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines {
    box-shadow: 0 1px 0 0 #d8d8d8, 1px 0 0 0 #d8d8d8 inset, -1px 0 0 0 #d8d8d8 inset;
    border-radius: 0 0 4px 4px;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines .x-grid-item .x-grid-cell-inner  {
    height: 48px;
    display: flex;
    align-items: center;
}

.fs6-task-manager .fs6-grid .fs6-grid-header-ct .x-column-header:not(:last-child) {
    border-color: #d8d8d8;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines .fs6-task-failed * {
    color: #c1272d;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines .fs6-task-status .x-grid-cell-inner .container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px 0;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines .fs6-task-status .x-grid-cell-inner .container > * {
    display: flex;
    align-items: center;
    flex: 1;
    line-height: initial;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines .fs6-task-actions .x-grid-cell-inner .container {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 4px 0;
    align-items: center;
    overflow: hidden;
}

.fs6-task-manager .fs6-grid .x-grid-with-row-lines .fs6-task-actions .x-grid-cell-inner .container > * {
    align-items: center;
    line-height: initial;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin-right: 8px;
    cursor: pointer;
}

.fs6-task-manager .fs6-panel-header .x-title-text {
    font-weight: 700 !important;
    font-size: 18px !important;
    height: 24px;
}



.fs6-panel-share .fs6-grid > .fs6-panel-bodyWrap > * {
    box-shadow: 1px 0 0 0 #d8d8d8 inset, -1px 0 0 0 #d8d8d8 inset;
}

.fs6-panel-share .fs6-grid > .fs6-panel-bodyWrap > .x-docked {
    box-shadow: 0 1px 0 0 #d8d8d8 inset, 0 -1px 0 0 #d8d8d8 inset, 1px 0 0 0 #d8d8d8 inset, -1px 0 0 0 #d8d8d8 inset;
}

.fs6-panel-share .fs6-grid > .fs6-panel-bodyWrap > .x-docked:first-child {
    border-radius: 4px 4px 0 0;
}

.fs6-panel-share .fs6-grid > .fs6-panel-bodyWrap > .x-docked:last-child {
    border-radius: 0 0 4px 4px;
}

.fs6-panel-share .fs6-grid .x-grid-with-row-lines .x-grid-item {
    height: 40px;
}



.fs6-tipbox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}



.fs6-index-sidebar {
    --big-indicator-width: 58px;
    --small-indicator-width: 24px;
    --indicator-color: #FF8400;
    --tag-color: #A9A9A9;
    --cursor-color: #767676;
    --tag-height: 20px;
    --label-width: 56px;
    --label-height: 22px;
    --indicator-height: 3px;
    --sidebar-width: 64px;
    --cursor-visibility: hidden;
}

.fs6-index-sidebar-tip{
    --index-sidebar-tip-color: #f0f0f0;
}

.fs6-index-sidebar {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.fs6-index-sidebar.fs6-index-sidebar-fade-out{
    opacity: 1;
}

.fs6-index-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--sidebar-width);
    background: #fff;
    right: 0;
    z-index: 1;
}

.fs6-index-sidebar-scroll-indicator ,
.fs6-index-sidebar-cursor{
    height: var(--indicator-height);
    width: var(--big-indicator-width);
    position: absolute;
    right: 0;
    will-change: top;
}

.fs6-index-sidebar-scroll-indicator {
    background: linear-gradient(to right, transparent 0%, transparent 50%, var(--indicator-color) 50%, var(--indicator-color) 100%);
    z-index: 1;
    pointer-events: none;
}

.fs6-index-sidebar-cursor{
    background: var(--cursor-color);
    z-index: 1;
    pointer-events: none;
    visibility: var(--cursor-visibility);
}

.fs6-index-sidebar-cursor-tag-wrap{
    height: 100%;
    pointer-events: none;
}

.fs6-index-sidebar-tag-ct{
    width: var(--big-indicator-width);
    position: absolute;
    height: 0;
    right: 0;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* transform: translate3d(0, -50%, 0); */
}

.fs6-index-sidebar-tag-ct-invisible{
    visibility: hidden;
    height: var(--tag-height);
    background-color: #A9A9A9;
}

.fs6-index-sidebar-tag-indicator,
.fs6-index-sidebar-tag-label{
    pointer-events: none;
}

.fs6-index-sidebar-tag-indicator{
    line-height: var(--tag-height);
    height: var(--indicator-height);
    width: var(--small-indicator-width);
    background: var(--tag-color);
}

.fs6-index-sidebar-tag-label{
    font-size: 12px;
    color: #2F2F2F;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: var(--label-width);
    height: var(--label-height);
    outline: 1px solid #E2E2E2;
    border-radius: 10px;
    padding: 0 8px;
    line-height: var(--label-height);
}

.fs6-index-sidebar-tag-label-slim{
    pointer-events: auto;
}

.fs6-index-sidebar-tag-label-slim:active{
    pointer-events: none;
}

.fs6-index-sidebar-tag-label-slim::after{
    content: '';
    display: block;
    width: var(--label-width);
    height: 2px;
    background: linear-gradient(to right, transparent 0%, transparent 72%, #A9A9A9 28%, #A9A9A9 100%);
}

.fs6-index-sidebar-tag-label-slim:hover::after{
    background: linear-gradient(to right, transparent 0%, transparent 58%, #D5D5D5 42%, #D5D5D5 42%);
}

.fs6-index-sidebar-content-view {
    --scrollbar-width: 10px;
    --scrollbar-height: 10px;
    --scrollbar-thumb-color: #d1d1d1;
    --scrollbar-thumb-hover-color: #9b9b9b;
    --scrollbar-thumb-active-color: #898989;
    --scrollbar-thumb-radius: 20px;
    --scrollbar-track-color: transparent;
    --scrollbar-track-radius: 20px;
}

.fs6-index-sidebar-content-view::-webkit-scrollbar {
    width: var(--scrollbar-width);
}

.fs6-index-sidebar-content-view::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-height);
}

.fs6-index-sidebar-content-view::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: var(--scrollbar-thumb-radius);
}

.fs6-index-sidebar-content-view::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover-color);
}

.fs6-index-sidebar-content-view::-webkit-scrollbar-thumb:active {
    background: var(--scrollbar-thumb-active-color);
}

.fs6-index-sidebar-content-view::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
    border-radius: var(--scrollbar-track-radius);
}

.fs6-index-sidebar-content-view:hover {
    --cursor-visibility: visible;
}



.fs6-share {
    background-color: #fff;
}

.fs6-share .fs6-mask.x-mask {
    background-color: transparent;
}


/*overwrite button*/
/*
.x-btn{
    border: 1px solid #2F2F2F;
    border-radius: 4px;
}
.x-btn-default-small{
    background-color: #FFFFFF;
}
.x-btn-over.x-btn-default-small{
    border-color: #2F2F2F;
    background-color: #FFFFFF;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small,
.x-keyboard-mode .x-btn-focus.x-btn-pressed.x-btn-default-small{
    border-color: #2F2F2F;
    background-color: #FFFFFF;
    box-shadow: none;
}
.x-btn.orange{
    border-color: #FF7A39;
}
.x-btn-default-small.orange{
    background-color: #FF7A39;
}
.x-btn.orange .x-btn-inner-default-small{
    color: #FFFFFF !important;
}
.x-keyboard-mode .x-btn-focus.x-btn-default-small.orange,
.x-keyboard-mode .x-btn-focus.x-btn-over.x-btn-default-small.orange{
    border-color: #FF7A39;
    background-color: #FF7A39;
}
*/
/* for field trigger */
.x-form-reveal-trigger{
    background:transparent url("../resources/images/icons/ic_popup_show.svg") no-repeat center center !important;
}
.x-form-reveal-trigger:before{
    content: none;
}
.x-form-conceal-trigger{
    background:transparent url("../resources/images/icons/ic_popup_hide.svg") no-repeat center center !important;
}
.x-form-conceal-trigger:before{
    content: none;
}
.x-form-edit-trigger{
    background:transparent url("../resources/images/icons/ic_popup_edit.svg") no-repeat center center !important;
}
.x-form-edit-trigger:before{
    content: none;
}
.x-form-search-trigger{
    background:transparent url("../resources/images/icons/ic_h_b_search.svg") no-repeat center center !important;
}
.x-form-search-trigger:before{
    content: none;
}
/* overwrite numberfield */
.x-form-trigger-spinner-default{
	display:none;
}
/* special checkbox */
.x-form-type-checkswitch .x-form-checkbox-default:before{
    content: none;
}
.x-form-type-checkswitch .x-form-checkbox-default{
    width: 45px;
    height: 26px;
    margin-top: 4px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
.x-form-type-checkswitch .x-form-checkbox-default{
    background-image: url("../resources/images/icons/ic_popup_switch_c.svg");
}
.x-form-type-checkswitch.x-form-cb-checked .x-form-checkbox-default{
    background-image: url("../resources/images/icons/ic_popup_switch_o.svg");
}
/* overwrite border layout */
body.x-border-layout-ct, div.x-border-layout-ct{
    background-color: #ffffff;
}
/* overwrite tab panel */
.x-tab-bar-default,
.x-tab-over.x-tab-default,
.x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default{
    /*border-bottom: 3px solid transparent;*/
    background-color: #ffffff;
}
.x-box-scroller-tab-bar-default.x-box-scroller-left:before{
	content: none;
}
.x-box-scroller-tab-bar-default.x-box-scroller-left{
    background:transparent url("../resources/images/icons/ic_ct_arrow_left.svg") no-repeat center center;
}
.x-box-scroller-tab-bar-default.x-box-scroller-right:before{
	content: none;
}
.x-box-scroller-tab-bar-default.x-box-scroller-right{
	background:transparent url("../resources/images/icons/ic_ct_arrow_right.svg") no-repeat center center;
}
/*
.x-tab-bar-default-scroller .x-box-scroller-body-horizontal{
    border-bottom: 1px solid #aaa;
}
.x-tab-default-top{
    padding: 5px 10px 8px 10px;
    border-bottom: 3px solid transparent;
}
.x-tab.x-tab-active.x-tab-default,
.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default{
    border-bottom: 3px solid #FF7A39 !important;
}
.x-keyboard-mode .x-tab-focus.x-tab-default{
    outline: none;
}
*/
/* overwrite fieldset */
.x-fieldset{
    border:0 !important;
    background: unset;
    padding: 20px 0px 10px;
}
.x-fieldset legend.x-fieldset-header{
    font-weight: 700;
    padding: 0px 0px;
    padding-inline-start: 0px;
}
/* overwrite "under" error msg for field */
.x-form-invalid-under-default{
    background: none;
    padding: 6px 0px;
}
.x-form-invalid-under-default ul li{
    color: #C1272D !important;
    font-weight: 400;
}

/* overwrite all mask */
.x-form-text-field-body .x-mask .x-mask-msg{
    top: 0px !important;
    left: 0px !important;
    width: 100%;
    background-color: rgba(0,0,0,0.1);
    border-radius: 0px;
    padding: 0;
}
.x-form-text-field-body .x-mask .x-mask-msg .x-mask-msg-text {
    background-size: 25px 25px;
    background-position: 5px center;
    background-image: url("../resources/images/loading.svg");
    height: 30px;
    color: #2f2f2f !important;
}

/* special mask for boundlist on combobox */
.fs6-boundlist-loadmask {
    padding-left: 35px;
    background: transparent url("../resources/images/loading.svg") no-repeat 3px 3px;
    background-size: 24px 24px;
    line-height: 30px;
}

/* special boundlist item */
.socialsite{
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 20px 20px;
    padding-left: 30px !important;
    background-position: 5px center;
}
.socialsite.facebook{
	background-image: url("data:image/webp;base64,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");
}
.socialsite.twitterx{
	background-image: url("data:image/webp;base64,UklGRl4BAABXRUJQVlA4TFIBAAAvM8AMAIWc29qOPbqin5E2pW2ULm07Y1fT2bZt27Zt29YZvHzKVBH9nwB15y3u02XZo9xFXs+uHn29S8G+zVE5wFTv1Mfup5Ow38Ay+bkBvg2bcBzuO/gEHJK/d2Gf9BQ22jwBbsjv7zBKIUBvi0vAC/leC6RpIPz+bxfwVQYugvfSNngszQNIMkGX4az0EDb3A2iSmZ9gpvQLy+EyNBcoUk+LZTJ2EnyRNgB7ZPAJuC7dg20m6Q2skH7AUJPCf0OrWoAwg3QXfkqr4KVBJwEeSrfgoDHrsdwmfYNhhkwEqPsFQ1QDxBnRC6C/egGhWgJvTMgFmCppPbyQrsFxA74Dm/T/HTgsfYFxvr0Fzsj6O4xSMZDt013gvmyrgUxNg3f+nATeyeFCeLty8Qc47cd64EeIE13Gdop3cwEK5fyTDbWeDejR1TNHLiN7dVn28q57LA==");
}
.socialsite.weibo{
	background-image: url("data:image/webp;base64,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");
}
.socialsite.plurk{
	background-image: url("data:image/webp;base64,UklGRlACAABXRUJQVlA4TEQCAAAvM8AMAO/koI0kR2r+gO/TdvsTiPl32LaNJOn673e/G0vzr7ZtG8ZOn5Q3LPnziIxGhJDI5O8+U4qMJpEfAQI1EUB+UDMgMiERQmpGBBx/x0FG5PgjNTUgAlAdNYNIBERADQJzlEbHgQgBEULI5RIpkZnR8Xl4vRx3NwaEQPwgEvlB/n5EEUBAJIJA5K+GwBwIMBGAQGSGzN8kRBiOUkw9QvNHAACQddvWsTc7tm3btu3abnP6fLHt2nb3rw3e87x3uYvo/wTIOe7kpNumDz6T5JcDj2vMDl+0FKdHR6cVN7/nlnHFErvjccb4Xi664O/NKDiMvv3HlmENFGtpxzAfqmVUm/aIHNXmJKmghErfnu49l8VPZKsKOt+pvK0B2tnjhWomqng/mFMwDABiLyASuN6nguz/06uO3lwOAPITZpiF0pc6mF/vW3Cw2Q8AIaGRs5cQTy8df3j9M2f7XHgMQM0zxNNbB2h8JWdfmQBiYgBU3EX6DygXUJwe3RveeBKG8OUmNN3SmlhzJHOrHiaSDMb9Kq2uXWci5nVqPVOQyHCt1kON+SvjALyWR6Ddtq+x3HenDJFXGaE2sKGxcDGdJHOg7XVzXsPQN/fGUBzUAyiq/3NhNf+XztJVO9eWdIRBNuIour/yYLNS62tysA2MLesY+lgZXdWR78U2yinKhskITNBJKaKoT60OPmSds4ausBs/xaJnbdZ8PMzxO4tf7vaHfS6L9Wk+6siI8ga8ozM7H3NaXDqz/5sn/tqbFncbI+fq");
}

/*FS6 customized*/
.fs6-togglebutton{
    display: inline-block;
}
.fs6-togglebutton .x-btn-inner{
    color: #0063D6 !important;
}
.fs6-linkbutton{
    display: inline-block;
}
.fs6-linkbutton .x-btn-inner{
    color: #0000FF !important;
    text-decoration: underline;
}
.fs6-rotatebutton-ccw{
    width: 20px;
    height: 20px;
    background:transparent url("../resources/images/icons/ic_popup_img_left.svg") no-repeat center center;
}
.fs6-rotatebutton-ccw:hover{
    background-image: url("../resources/images/icons/ic_popup_img_left_hover.svg");
}
.fs6-rotatebutton-cw{
    width: 20px;
    height: 20px;
    background:transparent url("../resources/images/icons/ic_popup_img_right.svg") no-repeat center center;
}
.fs6-rotatebutton-cw:hover{
    background-image: url("../resources/images/icons/ic_popup_img_right_hover.svg");
}
.fs6-rotatebutton-delete{
    width: 20px;
    height: 20px;
    background:transparent url("../resources/images/icons/ic_popup_trash.svg") no-repeat center center;
}
.fs6-rotatebutton-delete:hover{
    background-image: url("../resources/images/icons/ic_popup_trash_hover.svg");
}
.fs6-Msg .fs6-window-header-default-top{padding:10px 14px 0px 31px;}
.fs6-Msg .x-title-icon{background-color: transparent; background-position:center center; background-repeat: no-repeat;}
.fs6-Msg.fs6-Msg-Info .x-title-icon.default{background-image:url("../resources/images/icons/ic_info.svg");}
.fs6-Msg.fs6-Msg-Warn .x-title-icon.default{background-image:url("../resources/images/icons/ic_warning.svg");}
.fs6-Msg.fs6-Msg-Error .x-title-icon.default{background-image:url("../resources/images/icons/ic_error.svg");}
.fs6-Msg.fs6-Msg-Query .x-title-icon.default{background-image:url("../resources/images/icons/ic_help.svg");}.fs6-help * {
    color: #2f2f2f;
    font-family: Roboto, Open Sans, Arial, Verdana, Tahoma, Helvetica, PingFang SC, Lantinghei SC, 微軟正黑體, Microsoft JhengHei, 文泉驛正黑, WenQuanYi Zen Hei, sans-serif;
}

.fs6-help > * {
    background-color: #fff;
}

.fs6-help .x-panel-header,
.fs6-help .x-panel-body {
    border: none;
}

.fs6-help .x-tree-panel .x-panel-header {
    padding: 0 0 0 66px;
    background-image: url(../resources/images/FS_icon_svg.svg);
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: 22px;
}

.fs6-help .x-tree-panel .x-title {
    height: 72px;
    line-height: 72px;
    font-size: 24px;
}

.fs6-help .x-tree-panel * {
    background-color: transparent;
}

.fs6-help .x-tree-panel {
    background-color: #ebf3fa;
}

.fs6-help .x-tree-icon::before {
    content: none;
}

.fs6-help .x-grid-cell-inner *:not(.x-tree-node-text) {
    display: none;
}

.fs6-help .x-grid-item-selected,
.fs6-help .x-grid-item-focused,
.fs6-help .x-grid-item-over {
    background-color: transparent;
    border: none;
}

.fs6-help .x-grid-cell-inner {
    height: 40px;
    padding: 0;
    padding-left: 22px;
}

.fs6-help .x-grid-item-selected {
    box-shadow: 6px 0 0 0 #2f2f2f inset;
}

.fs6-help .x-grid-item-over {
    box-shadow: 6px 0 0 0 #6b6e6e inset;
}

.fs6-help .x-tree-node-text {
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
}

.fs6-help .x-grid-item-focused .x-grid-cell-inner::before {
    content: none;
}

.fs6-help .title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.fs6-help .subtitle {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px;
}

.fs6-help .content {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.fs6-help hr {
    border-top: 1px solid #d8d8d8;
    margin: 16px 0;
}