body{overflow-x:hidden}#v5HeaderTable{width:100%;background:#fbfbfb}#user{float:right;clear:right;width:100%;color:#000;text-align:right;font-size:12px}A:link.topLink{margin:0 0 0 12px;color:#333;text-decoration:none;padding:3px 8px;border-radius:12px}A:visited.topLink{color:#333;text-decoration:none}A:active.topLink{color:#333;text-decoration:none}A:hover.topLink{color:#333;text-decoration:none;background:#e1e1e1}A:link.topLinkWBanner{margin:0 0 0 12px;color:#fff;text-decoration:none;text-overflow:ellipsis;text-rendering:optimizelegibility;text-shadow:0 0 5px rgba(0,0,0,1);padding:3px 8px;border-radius:12px}A:visited.topLinkWBanner{color:#fff;text-decoration:none;text-overflow:ellipsis;text-rendering:optimizelegibility;text-shadow:0 0 5px rgba(0,0,0,1)}A:active.topLinkWBanner{color:#fff;text-decoration:none;text-overflow:ellipsis;text-rendering:optimizelegibility;text-shadow:0 0 5px rgba(0,0,0,1)}A:hover.topLinkWBanner{color:#fff;text-decoration:none;text-overflow:ellipsis;text-rendering:optimizelegibility;text-shadow:0 0 5px rgba(0,0,0,1);background:#e1e1e1}A:link.topDropLink{margin-left:10px;color:#f9f9f9;text-decoration:none}A:visited.topDropLink{margin-left:10px;color:#f9f9f9;text-decoration:none}A:active.topDropLink{margin-left:10px;color:#f9f9f9;text-decoration:none}A:hover.topDropLink{margin-left:10px;color:#f9f9f9;text-decoration:underline}A:link.topTabLink{margin:0 10px 0 10px;color:#f9f9f9;text-decoration:none;white-space:nowrap}A:visited.topTabLink{margin:0 10px 0 10px;color:#f9f9f9;text-decoration:none;white-space:nowrap}A:active.topTabLink{margin:0 10px 0 10px;color:#f9f9f9;text-decoration:none;white-space:nowrap}A:hover.topTabLink{margin:0 10px 0 10px;color:#f9f9f9;text-decoration:underline;white-space:nowrap}#linkToolsDrop A:link{color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}#linkToolsDrop A:visited{color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}#linkToolsDrop A:active{color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}#linkToolsDrop A:hover{color:#999;font-weight:bold;text-decoration:underline;white-space:nowrap}#linkToolsDrop b{color:#999}#builderFromToolsDrop A:link{color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}#builderFromToolsDrop A:visited{color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}#builderFromToolsDrop A:active{color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}#builderFromToolsDrop A:hover{color:#999;font-weight:bold;text-decoration:underline;white-space:nowrap}#builderFromToolsDrop b{color:#999}#builderFromToolsDrop .dropdownOptionv6{margin:0;padding:10px 10px 10px 25px;min-height:20px;border-collapse:separate}#builderFromToolsDrop .formSettingTool{padding:5px 0 5px 63px}#builderFromToolsDrop .dropdownOptionv6>div{font_weight:bold}#builderFromToolsDrop .imgDiv{vertical-align:top}#builderFromToolsDrop .imgToolLarge{padding:0;margin:0 5px}.formToolsLargeIconDiv{width:50px;height:50px;margin-right:8px}.formToolsLargeIconDiv_linkAndLoad{background:url(/sims/img/icons/BuilderTool/FormPage/Sheet-Linking/link_and_load.svg) no-repeat}.formToolsLargeIconDiv_referenceFromExistingSheets{background:url(/sims/img/icons/BuilderTool/FormPage/Sheet-Linking/show_references_from_existing_sheets.svg) no-repeat}.formToolsLargeIconDiv_multipleVersions{background:url(/sims/img/icons/BuilderTool/FormPage/Sheet-Linking/multiple-versions.svg) no-repeat}.formToolsLargeIconDiv_newSheetFromSubtable{background:url(/sims/img/icons/BuilderTool/FormPage/Sheet-Linking/new_sheet_from_subtable.svg) no-repeat}.formToolsLargeIconDiv_linkFieldsFromParentSheets{background:url(/sims/img/icons/BuilderTool/FormPage/Sheet-Linking/link_fields_from_parent_sheets.svg) no-repeat}.formToolsLargeIconDiv_convertRecords{background:url(/sims/img/icons/BuilderTool/FormPage/Custom-Buttons/convert_records.svg) no-repeat}.formToolsLargeIconDiv_updateValues{background:url(/sims/img/icons/BuilderTool/FormPage/Custom-Buttons/update_values.svg) no-repeat}.formToolsLargeIconDiv_updateValueOnAnotherSheet{background:url(/sims/img/icons/BuilderTool/FormPage/Custom-Buttons/update_value_on_another_sheet.svg) no-repeat}.formToolsLargeIconDiv_sendCustomEmailButton{background:url(/sims/img/icons/BuilderTool/FormPage/Custom-Buttons/send_custom_e_mail.svg) no-repeat}.formToolsLargeIconDiv_sendCustomInstantMessageButton{background:url(/sims/img/icons/BuilderTool/FormPage/Custom-Buttons/send_custom_instant_message.svg) no-repeat}.formToolsLargeIconDiv_conditionalFormatting{background:url(/sims/img/icons/BuilderTool/ListingPage/conditional-formatting.svg) no-repeat}.formToolsLargeIconDiv_combineButtons{background:url(/sims/img/icons/BuilderTool/FormPage/Custom-Buttons/combine_buttons.svg) no-repeat}#builderFromToolsDrop .imgToolSmall{width:22px;height:22px}#builderFromToolsDrop .linkToolDesc{color:#999;white-space:normal;min-height:50px;max-height:100px;max-width:255px;min-width:255px;overflow:auto}#customButtonsDiv .linkToolDesc::-webkit-scrollbar,#customButtonsDiv2 .linkToolDesc::-webkit-scrollbar{width:6px}#builderFromToolsDrop .toolsDivSection{width:350px;padding:0;margin:0;min-width:350px;max-width:350px}#builderFromToolsDrop .toolsDivSectionName{font-size:16px;padding:0 0 5px 25px;margin:12px 0 5px 0}#builderFromToolsDrop .formToolTitle{font-weight:bold;max-width:255px}#builderFromToolsDrop .formSettingDesc{display:inline-block;padding:2px 0}.formSettingIconSmall{float:left;background:url(/sims/img/icons_formtools.png) no-repeat;width:22px;height:22px;position:relative;left:-10px}.formSettingIconSmall_formSetting{background:url(/sims/img/icons/BuilderTool/Form-Settings/form-settings.svg) no-repeat}.formSettingIconSmall_accessRights{background:url(/sims/img/icons/BuilderTool/Form-Settings/access-rights.svg) no-repeat}.formSettingIconSmall_action{background:url(/sims/img/icons/BuilderTool/Form-Settings/actions.svg) no-repeat}.formSettingIconSmall_reminder{background:url(/sims/img/icons/BuilderTool/Form-Settings/reminders.svg) no-repeat}.formSettingIconSmall_interactiveRules{background:url(/sims/img/icons/BuilderTool/Form-Settings/conditional-formatting.svg) no-repeat}.formSettingIconSmall_configApproval{background:url(/sims/img/icons/BuilderTool/Form-Settings/configure-approvals.svg) no-repeat}.formSettingIconSmall_custTheme{background:url(/sims/img/icons/BuilderTool/Form-Settings/theme.svg) no-repeat}.formSettingIconSmall_custAppSeq{background:url(/sims/img/icons/BuilderTool/Form-Settings/custom-app-seq.svg) no-repeat}.formSettingIconSmall_freeze{background:url(/sims/img/icons/BuilderTool/Form-Settings/freeze-rows-columns.svg) no-repeat}.formSettingIconSmall_quickTemplates{background:url(/sims/img/icons/BuilderTool/Form-Settings/quick-templates.svg) no-repeat}.formSettingIconSmall_searchField{background:url(/sims/img/icons/BuilderTool/Form-Settings/search-field.svg) no-repeat}#v5AddonContent{vertical-align:top}#v5TopTab{background:url(/sims/img/v5Tab.png)}.v5TopTab{border-collapse:collapse;height:25px;background:url(/sims/img/v5Tab.png)}.topTabDiv{position:relative;padding:5px 12px 3px 12px;font-size:12px;cursor:pointer}.topTabDiv:hover{text-decoration:underline}.topTabDivOpen{background:url(/sims/img/v5TabOpen.png)}#tabsContainer{min-height:33px;margin-bottom:1px;display:flex;justify-content:space-between;align-items:center}#tabsContainer>div:first-child{align-self:flex-end}.v6TabHR{height:2px;border:0;margin:-3px 0 0 0}#topTabs{white-space:nowrap;overflow:hidden;float:left;height:100%;width:70%}.topTabSep{width:1px;border-right:1px solid #ccc}#notificationBubble,#taskBubble{position:absolute;top:-5px;color:#fff;background-color:#fa3e3e;padding:1px 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:1px 1px 1px #555;-moz-box-shadow:1px 1px 1px #555;-webkit-box-shadow:1px 1px 1px #555;font-size:12px;font-weight:400}#notificationBubble{right:4px}#taskBubble{right:0}.notifIcon{width:28px;position:relative;text-align:center;margin:5px 8px}:root{--tabScrollBtnColor:#000}.tabScrollBtn,.tabScrollBtnOff{padding:1px 5px;font-size:18px;text-decoration:none;margin:0 8px 0 0;border-radius:12px}.tabScrollBtn{color:var(--tabScrollBtnColor);cursor:pointer}.tabScrollBtnOff{color:#ccc}.tabScrollBtn:hover{color:#000;background:#e1e1e1}#v5BorderTop{height:3px;background:#3152ad}#v5BorderMiddle{height:1px;background:#fff}#v5BorderBottom{height:8px;background:url(/sims/img/v5Border.png) repeat-x}#v5BodyTable{width:100%}#v5SidebarTD{width:180px;background:#f3f3f3;vertical-align:top;border-right:1px solid #ccc}#v5SidebarSep{width:3px;background:#fbfbfb;cursor:w-resize}#v5Sidebar{overflow-y:hidden;overflow-x:hidden;width:180px}#v5SearchBox{float:left;font-size:12px;margin:0 8px 12px 8px}.v5SideCategoryTable{width:100%}.v5SideCategoryIcon,.v5SideCategoryText{clear:left;background:url(/sims/img/v5SideCate.png) repeat-x;font-size:12px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer;overflow:hidden;white-space:nowrap}.sideEditButton{right:0;margin:0 3px 2px 4px;font-size:15px;height:10px;width:12px;position:absolute}.v5SideCategoryIcon{padding:3px 0 3px 8px;width:20px}.v5SideCategoryText{padding:3px 0 3px 3px}#v5Content{vertical-align:top;padding:0;background:#f8f8f8}.v5PageHeader{height:60px}#v5NUIHeader{height:85px}.v5NUIHeaderSubtext{float:left;font-size:11px;height:13px;margin:12px 0 0 12px;color:white}.v6NUIHeaderSubtext{position:absolute;top:75px;right:0;font-size:12px;height:22px;color:#000;border-radius:12px 0 0 0;background:#fbfbfb;padding:4px 15px 0 25px}.v5NUIHeaderText,.v5PageHeaderText{clear:left;float:left;font-size:24px}.v6NUIHeaderText{float:left;font-weight:bold;font-size:12px;height:15px;color:#aaa}.v5NUIHeaderText{margin:0 0 0 12px}.v6NUIHeaderText{margin:0 0 0 12px}.v5PageHeaderText{padding:30px 0 0 48px}a:link.v5PageHeaderLink,a:visited.v5PageHeaderLink,a:active.v5PageHeaderLink,a:hover.v5PageHeaderLink,.v5PageHeaderLink{clear:left;float:left;color:white;text-decoration:underline;margin:3px 0 0 12px;font-size:10px}#v5NUIHeaderBottom{float:right;margin:8px 12px 0 0}#v5NUIHeaderBottom a:link,#v5NUIHeaderBottom a:visited,#v5NUIHeaderBottom a:active,#v5NUIHeaderBottom a:hover{text-decoration:underline;color:white}.v5BannerOption,.v5IconOption,.v5IconOptionSmall,.v5TextOption{position:relative;cursor:pointer;float:left;margin:5px;border:1px solid #fbfbfb}.v5BannerOption,.v5TextOption{width:200px;height:30px;border:1px solid #ccc}.v5TextOption{padding:5px;font-size:12px;font-weight:bold}.v5IconOption{width:60px;height:45px}.v5IconOptionSmall{width:18px;height:15px}.v5BannerOption:hover,.v5IconOption:hover,.v5TextOption:hover{border:1px solid #333}#sampleIcon,#sampleIconSmall{position:absolute;top:0;left:0;width:100%;height:100%}#ctrlDiv{clear:left;float:left;width:100%;padding:14px 0 3px 25px;margin:0;box-sizing:border-box;background:#fafafa}#menu{clear:both;float:left;background-color:#eaeaea;border-top:1px solid #888;border-bottom:1px solid #888;margin:5px 0 0 0;padding-left:5px;width:100%;font-size:10px}.v5MainContentTable{width:100%;margin:0 0 100px 12px;table-layout:fixed;float:left}table.v5MainContentTable tr td{vertical-align:top}.v5MenupageDiv{margin:36px 80px 0 36px;max-width:1024px;white-space:nowrap}.v5MenupageIcon{vertical-align:top}.v5MenupageHeadline{padding:0 0 8px 18px;font-size:18px;font-weight:bold}.v5MenupageDetailDiv{padding:0 0 0 18px}.v5MenupageDetailDiv#backupListDiv{white-space:normal}.v5MenuPageAnchor{padding:5px 8px 0 2px;font-size:14px;cursor:pointer;white-space:nowrap}td.v5MenuPageAnchor span,td.v5MenupageHeadline span{margin:0 0 3px 6px;font-size:8px;color:#999}.v5MenupageDetailDiv#backupListDiv span{margin:0 0 3px 6px;font-size:12px;color:#999}#historyContainer .historyrecordAnchor{font-size:14px;color:#333;line-height:200%}.rightKeyDropDown{position:absolute;background:#f8f8f8;border:1px solid #aaa;z-index:200}.rightKeyDropDown div{padding:5px 25px 5px 25px;white-space:nowrap;font-size:13px;color:#08c;cursor:pointer}.rightKeyDropDown div:hover{background:#e8e8e8}.rightKeyDropDown a:hover{text-decoration:none}.v5MenuPageAnchorDetail.ragicSupportOnly{color:#dd4b36 !important}.achSheetItem .v5MenuPageAnchorDetail{display:block;width:260px;overflow-wrap:break-word}A:link.v5MenuPageAnchorDetail{text-decoration:none;font-size:14px}A:visited.v5MenuPageAnchorDetail{text-decoration:none;font-size:14px}A:active.v5MenuPageAnchorDetail{text-decoration:none;font-size:14px}A:hover.v5MenuPageAnchorDetail{text-decoration:underline;font-size:14px}#v5NUIQuery{padding:20px 0 0 20px}.v5NUIQueryTD{padding:3px 12px 3px 12px;font-size:12px}#v5NUIQueryForm{float:left;width:500px}#v5NUIQueryRight{float:left;width:240px}#v5AllQueries{float:left;clear:left;font-size:12px;padding:8px;min-width:150px;min-height:300px;margin:12px 0 0 0}.deleteCross{float:right;cursor:pointer;color:#666;display:none;font-size:12px}.dfsSetter{float:right;margin-right:10px;cursor:pointer;color:#011312;display:none;font-size:12px}.userFilter,.dateFilter{color:#07c;margin:0 0 6px 25px;cursor:pointer}.userFilter:hover,.dateFilter:hover,.specialSetterContent:hover{background:#e1e1e1}.specialSetterContent{color:#07c;margin:5px 0 0 25px;cursor:pointer}a.savedQueryDiv{display:inline-block;width:198px}a.savedQueryDiv span.queryGetter{clear:both;float:left;display:inline;font-size:12px;cursor:hand}a.savedQueryDiv:hover span.deleteCross{display:inline}a.savedQueryDiv:hover span.dfsSetter{display:inline}#searchResult{font-size:12px;min-width:500px}#searchResult th{font-weight:bold;border-bottom:1px solid #888;padding:1px 8px 1px 3px}#searchResult td{padding:1px 8px 1px 3px}#searchResult td a{color:#ccc}#searchResult td a.title{color:#369;font-weight:bold}.smallIcon{height:16px;width:21px;margin:0 3px 0 0}#mmailerTable tr th{color:black;font-weight:bold;font-size:13px}.fixedBox,.fixedBox2,.fixedBox3{position:fixed;_position:absolute;top:0;margin:0;padding:0}.fixedBox{right:20px;background:#fb2d22}.fixedBox2{left:50%;background:#f9edbe;padding:10px;border-left:1px solid #f0c36d;border-right:1px solid #f0c36d;border-bottom:1px solid #f0c36d;border-radius:0 0 5px 5px;font-size:14px;color:#000;font-weight:bold;margin-left:-70px}#ragicload{position:absolute;top:0;left:0;height:100%;width:100%;background-color:white;z-index:1100}#ragicloadbar{position:relative;top:-50px;height:5px;background-color:#CDE}#nuiform{position:absolute;top:0;left:0}#checkoutTable td,#checkoutTable th{border:1px solid #efefef;padding:10px;font-size:12px}#checkoutTable th{font-weight:bold}.notifDrop{position:absolute;max-height:800px;min-width:540px;max-width:540px;width:540px;border:1px solid #ccc;background-color:#f9f9f9;text-align:left;-webkit-box-shadow:0 4px 10px #8b8b8b;-moz-box-shadow:0 4px 10px #8b8b8b;box-shadow:0 4px 10px #8b8b8b;z-index:95}#notifyDropContent{margin:-25px 0 0 0}#notifyDropContent p{display:flex}.notifDrop h3{float:left;font-size:14px;margin:0 0 10px 0;color:#ccc}.notifDrop li{clear:left;padding:0 0 10px 0;font-weight:normal;font-size:14px;text-align:left;text-indent:0;color:black}#taskDropNewTask{padding:12px 15px;font-size:12px;background:#fff;border-bottom:1px solid #aaa;-webkit-box-shadow:0 2px 5px #ccc;-moz-box-shadow:0 2px 5px #ccc;box-shadow:0 2px 5px #ccc}#taskLongNewTask{padding:12px 12px;font-size:12px;background:#f3f3f3;border-bottom:1px solid #aaa;-webkit-box-shadow:0 2px 5px #ccc;-moz-box-shadow:0 2px 5px #ccc;box-shadow:0 2px 5px #ccc}#homeTaskManagementBlock .taskLongHeaderTitle,#homeTaskManagementBlock .taskLongHeaderControls{width:100%;max-width:700px;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.taskHomeCopyLink{float:right;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:8px 25px 0 0;padding:0;font-size:15px;border:0;border-radius:50%;background:transparent;color:#333;cursor:pointer;transition:color .15s,background .15s}.taskHomeCopyLink:hover{background:#e1e1e1}.taskDetailLink{color:#08c;display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0}#taskLongListDiv{margin:5px 0 5px 0}.taskDetailHeading{float:left;clear:left}.taskDetailDiv{float:left;margin:15px 0 0 0;box-sizing:border-box}.taskDetailTextarea{float:left;clear:left;width:95%;resize:none;outline:0;overflow:hidden;box-sizing:border-box;border:1px solid #CCC;border-radius:5px}#taskDetailTitle{border:1px solid transparent;padding:4px;font-size:24px;width:100%;height:45px;overflow:auto}.taskDetailTextarea:hover{border:1px solid #CCC !important}#taskDetailAsg{float:left;clear:left;width:150px;height:28px;border:1px solid #ccc;border-radius:5px;margin:5px 0 0 -2px;padding:4px}#taskDetailDueDate{font-size:13px;width:0;position:relative;clear:none;right:175px;top:4px;z-index:-1;height:28px}#taskDetailDueDateWF{margin:5px 0 0 -2px;padding:4px 3px 4px 4px;font-size:13px;height:28px;width:150px}#taskDetailURL{margin:5px 0 0 -2px;padding:4px 3px 4px 4px;font-size:13px;width:100%;height:28px;overflow-y:auto}.loadingSpinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;z-index:1000}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.loading-container.loading{min-height:200px;background-color:#f9f9f9;position:relative;overflow:auto;width:100%;margin:0}#taskDetailURL::-webkit-scrollbar,#taskDetailDesc::-webkit-scrollbar{display:none}#taskDetailDesc{margin:5px 0 0 -2px;padding:4px 3px 4px 4px;font-size:13px;width:100%;height:250px;overflow-y:auto}.taskCheckDiv{text-align:center;vertical-align:middle;width:50px;height:100%}.taskCheckDiv i{margin:25px 0 0 0;font-size:20px;color:#aaa}.taskCheckDiv i:hover{color:#08c}.notifyDropItem .taskTextDiv,.notifyDropItem .taskLinkDiv{max-width:300px}.taskTextDiv{padding:12px 0 0 0}.taskDropItem{height:55px;border-bottom:1px solid #ddd}.taskDropItem div{float:left;max-width:375px}.taskLinkDiv,.notifLinkDiv{float:left;line-height:140%;max-height:38px;overflow:hidden}.taskLinkDiv a:hover,.notifLinkDiv a:hover{text-decoration:none}.taskExtLink{margin:10px 0 0 3px !important;font-size:12px;text-align:center;vertical-align:middle;width:25px;color:#08c;padding:6px 0 !important}.taskExtLink:hover{text-decoration:underline;color:#08c}.notifyDropItem{float:left;height:65px;border-bottom:1px solid #ddd;width:100%}.notifyDropItem:hover{cursor:pointer;background:#eaeaea}.notifyDropItem div{float:left;max-width:325px}.notifTextDiv{float:left;padding:12px 18px 0 20px}.notifTextDiv a,.notifTextDiv a:active,.notifTextDiv a:hover,.notifTextDiv a:visited{color:#000 !important}.notifAgo{float:left;clear:left;white-space:nowrap;margin:5px 0 5px 0;font-size:11px;color:#aaa}.taskStatusP{background:#ecf2f6}.taskStatusP a{color:#000 !important}.taskStatusC a{color:#bbb !important;text-decoration:line-through !important}.taskStatusF a{color:#bbb !important;text-decoration:line-through !important}.notifyDropItemColor{background:#f3f3f3}#homeDrop div{position:absolute;border:1px solid #ccc;background-color:#f9f9f9;text-align:left;-webkit-box-shadow:0 4px 10px #8b8b8b;-moz-box-shadow:0 4px 10px #8b8b8b;box-shadow:0 4px 10px #8b8b8b;z-index:100;display:flex}#homeDrop h3{font-size:14px;margin:0;color:#AAA;font-weight:400}#homeDrop ul{margin:25px 75px 25px 50px}#homeDrop li{cursor:default;padding:0 0 10px 0;font-weight:normal;font-size:14px;text-align:left;text-indent:0;color:black}#homeDrop a,#homeDrop select{cursor:pointer}#homeDrop a{color:black}#homeDrop a:hover{text-decoration:none}#homeDrop span{margin:12px 0 0 12px;font-size:11px;color:#aaa}#notifyDrop li.highlight{font-weight:600;background:#ecf2f6;color:#333}.searchDropSelector{position:absolute;background:#fff;font-size:14px;line-height:22px;border:1px solid #aaa;z-index:1100;overflow:auto;box-sizing:border-box}.searchDropSelector div{padding:3px 15px 3px 15px;white-space:nowrap;cursor:pointer}.searchDropdiv2{background:#f6f6f6}.searchDropdiv:hover,.searchDropdiv2:hover,.searchDropdivSelected{background:#efefef}.searchDropSelector .match{color:#06c}.searchDropSelector.kbSearchDropSelector{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-color:#ccc #707070 #707070 #707070}.kbSearchDropSelector .titleSpan{color:#707070;font-weight:600}.sheetNameSpan{color:#aaa}#infoblock{margin:12px 0 0 0}#infoblock th,#infoblock td{font-size:12px;line-height:20px}#infoblock th{font-weight:800;padding:0 12px 0 0;text-align:right}.thebutton:visited,.thebutton:hover,.thebutton:active,.thebutton:link{color:white;text-decoration:none;cursor:pointer}.thebutton2:visited,.thebutton2:hover,.thebutton2:active,.thebutton2:link{color:white;text-decoration:none;cursor:pointer}.thebutton3:visited,.thebutton3:hover,.thebutton3:active,.thebutton3:link{text-decoration:none;cursor:pointer}.thebutton4:visited,.thebutton4:hover,.thebutton4:active,.thebutton4:link{text-decoration:none;cursor:pointer}.thebutton{background-color:#d14836;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #d83526;display:inline-block;color:#fff;font-size:17px;font-weight:600;padding:14px 30px;text-decoration:none;text-shadow:1px 1px 0 #b23e35}.thebutton:hover{background-color:#f70e0e}.thebutton:active{background-color:#d83526}.thebutton2{background-color:#4f4f4f;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #333;display:inline-block;color:#f0f0f0;font-size:17px;font-weight:600;padding:14px 30px;text-decoration:none}.thebutton2:hover{border:1px solid #555;background-color:#666}.thebutton2:active{background-color:#888}.thebutton3{background-color:#f3f3f3;border-radius:3px;margin:5px 0 0 8px;border:1px solid #ccc;color:#888;display:inline-block;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none}.thebutton3:hover{background-color:#dfdfdf}.thebutton3:active{background-color:#ccc}.thebutton4{background-color:#ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #bbb;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:3px 12px;text-decoration:none;text-shadow:1px 1px 0 #fff}.thebutton4:hover{background-color:#dfdfdf}.thebutton4_hidden{display:none}.thebutton5{background-color:#f8f8f8;border:1px solid rgba(0,0,0,0.1);border-radius:2px 2px 2px 2px;cursor:pointer;font-size:11px;font-weight:bold;height:27px;line-height:26px;margin:0;padding:0 10px;position:relative;text-align:center;vertical-align:middle}.thebutton5.selected{background-color:#eee;border-color:#b8b8b8;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#222}.thebuttonSmall{background-color:#007be8;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #06d;display:inline-block;color:#fff !important;font-size:12px;font-weight:600;padding:0 8px;margin:0 5px 0 5px;text-decoration:none;cursor:pointer}.thebuttonSmall:hover{border:1px solid #07e;background-color:#08f;text-decoration:none}.thebuttonSmall:active{background-color:#06d}.thebuttonBlue{background-color:#007be8;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #06d;display:inline-block;color:#fff;font-size:17px;font-weight:600;padding:14px 30px;text-decoration:none;text-shadow:1px 1px 0 #7d7c7d;cursor:pointer}.thebuttonBlue:hover{border:1px solid #07e;background-color:#08f}.thebuttonBlue:active{background-color:#06d}.thebuttonGreen,.thebuttonLightGreen,.thebuttonRed,.thebuttonLightRed{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;color:#fff;text-shadow:1px 1px 0 #7d7c7d;display:inline-block;font-size:17px;font-weight:600;padding:14px 30px;text-decoration:none;cursor:pointer}.thebuttonGreen{background-color:#72b244;border:1px solid #377206}.thebuttonLightGreen{background-color:#b7d675;border:1px solid #377206}.thebuttonGreen:hover,.thebuttonLightGreen:hover{border:1px solid #581;background-color:#82c255}.thebuttonGreen:active,.thebuttonLightGreen:active{background-color:#60a032}.thebuttonRed{background-color:#a00;border:1px solid #ce3131}.thebuttonLightRed{background-color:#e5677e;border:1px solid #ce3131}.thebuttonRed:hover,.thebuttonLightRed:hover{border:1px solid #df1e1e;background-color:#c80000}.thebuttonRed:active,.thebuttonLightRed:active{background-color:#e00}.thebuttonContainer{width:100%;padding:30px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.thebuttonApply,.thebuttonCancel{border-radius:5px;width:49%;height:35px;display:inline-flex;justify-content:center;align-items:center;font-size:13px;padding:8px 10px;text-decoration:none;outline:0;letter-spacing:1px;transition:background-color .2s}.thebuttonApply:hover{background-color:#085cd2}.thebuttonApply:active{background-color:#0c66e4}.thebuttonApply:visited,.thebuttonApply:hover,.thebuttonApply:active,.thebuttonApply:link{text-decoration:none;cursor:pointer}.thebuttonApply{background-color:#0c66e4;border:1px solid #0c66e4;color:#fff;padding:5px 15px}.thebuttonCancel{background-color:transparent;border:0;color:#5f5f5f}.thebuttonCancel:hover{background-color:#e3e3e3}.thebuttonCancel:active{background-color:#e3e3e3}.thebuttonCancel:visited,.thebuttonCancel:hover,.thebuttonCancel:active,.thebuttonCancel:link{text-decoration:none;cursor:pointer}.appSetupStep{margin:50px 0 0 180px;width:980px}.appSetupStepHeading{font-size:26px;margin:25px 0 25px 0;color:#aaa;font-weight:400}.appSetupStepContent{width:1000px;padding:0 0 100px 0}.appSetupStepContent h2{float:left;clear:left;font-size:25px;margin:0 0 12px 0;font-weight:400}.appSetupStepContent img{margin:0 0 3em 0}.appSetupDocSection{float:left;clear:left;text-align:left;width:750px;margin:25px 0 100px 0}.appSetupDocSection p{line-height:1.8em;margin:0 0 2em 0;font-weight:300}.appSetupTable{table-layout:fixed;font-size:18px}.appSetupTable td{padding:3px;text-align:right}.appSetupStepChoice h1{font-size:25px}.appSetupStepChoice h2{font-size:26px;font-weight:700;color:#222}.appSetupStepChoice h3{font-size:26px;font-weight:700;margin:0 0 0 36px;color:#222}.appSetupStepChoice p{height:100px;margin:15px 0 0 0;clear:left;color:#888}.appSetupStepChoice{text-align:left;margin:0 50px 25px 0;float:left;width:250px}.appSetupBack{clear:both;float:left}.appHomeSidebar{position:fixed;left:1000px;background:#f2f2f2;border-radius:8px;padding:25px;float:left;width:200px;margin:25px 0 0 0}.appHomeSidebar a{line-height:2em}#reportPivotContainer select{font-size:12px}#startMain{height:600px;width:680px;margin:.7em;background:#fff;border:1px solid #ccc;border-radius:.7em}.startMainSec{margin:1em 0 0 25px}.startText{height:0;overflow:hidden;margin:0 0 0 1em;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;width:500px;line-height:1.5em;color:#aaa}.startMainHeader,.startText,#startmain a,.achItem,#startv6 a{line-height:180%}#startv6 a{font-size:14px}.startMainHeader{font-size:1.1em;font-weight:bold;cursor:pointer;color:#333;border-bottom:1px dashed #dbdbdb}#startMain table td{height:1.5em}#startMain a{text-decoration:underline;font-size:1em}#dbBuildWizardBack{height:100%;width:100%;opacity:.7;background:#000;position:fixed;top:0;left:0;z-index:1100}#dbBuildWizard{display:flex;justify-content:left;align-items:left;position:fixed;font-size:15px;padding:50px 100px 50px 50px;border-radius:5px;top:10%;left:15%;background:#fff;color:#000;border:1px solid #000;overflow:auto;max-height:calc(90vh - 100px);text-align:left;z-index:1200}#dbBuildWizard .barSelect-selection{min-height:30px}#dbBuildWizard button{margin:15px 0 0 0}.question-label{margin:20px 0 5px 0;font-size:15px}#videoRoom{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;height:100%;width:100%;background:#000;text-align:center;z-index:1200}.videoClose,.videoClose:hover{color:#aaa;font-size:26px;position:absolute;top:25px;right:50px;cursor:pointer;text-decoration:none}.videoClose:hover{color:#dbdbdb}.marketSection{margin:0 0 40px 50px;float:left;width:280px}.startSection{margin:0 0 40px 30px;float:left;min-width:420px}.startTopText{margin:35px 0 25px 50px;font-size:26px;color:#000}.startIcon{display:inline}.startHeading{display:inline;vertical-align:top;font-size:18px;font-weight:bold;margin:6px 0 0 12px;color:#333}.startDivContent{margin:6px 0 0 51px;line-height:150%;font-size:14px}.tutorialContent span{visibility:hidden;color:green;margin-left:-11px}.achItem{padding:.5em 0 .5em 3.5em;font-size:12px}.achItem:hover{background:#f8f8f8}.achDone{color:#bbb;background:url(/sims/img/check.png) no-repeat 1em}.achDone:hover{background:url(/sims/img/check.png) no-repeat 1em}.v6TopTab,.v6TopTabOn{font-size:12px;font-weight:600;height:1rem;margin:0;padding:8px 23px 8px 23px;display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;vertical-align:bottom}.smallDownArrow{margin:0;padding:0;visibility:hidden;display:block;height:100%;text-decoration:none;font-size:12px}.v6TopTabOn .smallDownArrow{color:#fff}.v6TopTab{color:#000;border-radius:6px 6px 0 0}.v6TopTabWBanner .v6TopTab{color:#fff;text-rendering:optimizelegibility;text-shadow:0 0 5px rgba(0,0,0,1)}#tabsContainer:not(.v6TopTabWBanner) .v6TopTab:hover{background:#fbfbfb;opacity:.5}#tabsContainer:not(.v6TopTabBanner) .v6TopTab:hover{background:#000;opacity:.5;color:#fff}.v6TopTabDark:not(.v6TopTabOn):hover{background:#FFFFFFAA !important;opacity:1 !important}.v6TopTabOn{background:#333;color:#fff;border-radius:6px 6px 0 0;-moz-box-shadow:3px 0 5px -3px #999,-3px 0 5px -3px #999;-webkit-box-shadow:3px 0 5px -3px #999,-3px 0 5px -3px #999;box-shadow:3px 0 5px -3px #999,-3px 0 5px -3px #999}.drag{z-index:101;position:absolute;opacity:.50;filter:alpha(opacity=50);cursor:move}.undragTab{_height:35px}.undragTab,.undragPathItem{position:relative;opacity:1;filter:alpha(opacity=100);top:0;left:0;cursor:pointer}.outerSheetTriangleIcon,.outerQueryTriangleIcon{display:inline-block;text-align:center;border-radius:12px;padding:1px 3px 5px 3px}.outerSheetTriangleIcon:hover,.outerQueryTriangleIcon:hover{background:#d1d1d1}.outerTriangleIcon:hover{background:#888}.outerTriangleIcon{position:absolute;display:inline-block;text-align:center;border-radius:12px;padding:3px 5px 3px 5px;top:8px;right:5px}.outerSheetTriangleIcon{position:absolute;width:18px;right:0;top:4px;color:#999}.outerQueryTriangleIcon{position:absolute;width:18px;top:2px;color:#aaa;border-radius:12px;padding:4px 3px}.outerQueryTriangleIcon:hover{background:#d1d1d1}.v6TopTabTriangleIcon,.v6TopTabOnTriangleIcon,.v6DropSheetTriangleIcon{visibility:hidden;width:10px;height:12px;background-image:url(/sims/img/icons.png);display:inline-block}.v6TopTabTriangleIcon{background-position:-857px -3px;margin-left:3px}.v6TopTabOnTriangleIcon{background-position:-1900px -3px;margin-left:3px}.v6DropSheetTriangleIcon{background-position:-1881px -5px}.pathDrop{position:absolute;border-left:1.5px solid #dcdcdc;border-right:1.5px solid #dcdcdc;border-bottom:1.5px solid #dcdcdc;background-color:#fafafa;border-radius:0 0 5px 5px;text-align:left;box-shadow:0 6px 8px -4px #5c5c5c;z-index:101;padding:8px 0 15px 0;-moz-transition:max-height .3s ease-out;-webkit-transition:max-height .3s ease-out;-o-transition:max-height .3s ease-out;transition:max-height .3s ease-out;overflow:hidden}.pathDropItemTemplate{background-color:#f3f3f3}.pathDropItemSelected{color:#555 !important;font-weight:800;background-color:#e8e8e8}.pathDropItem:hover{background-color:#e8e8e8;text-decoration:none}.pathDropItemTemplate:hover{background-color:#e1e1e1}.pathDropItem{display:block;padding:6px 80px 6px 30px;font-size:13px !important}.pathDropItem .smallDownArrow{line-height:16px;margin:5px 0 0 0}a.pathDropItem:link,a.pathDropItem:visited,a.pathDropItem:hover,a.pathDropItem:active{color:#000}.pathDropItem .outerSheetTriangleIcon{right:6px}.pathDropItem span:empty:before{content:"\200b"}.pathDropItem.hiddenPathDropItem>span:first-child{opacity:.5}#v5Sidebar a:link,#v5Sidebar a:visited,#v5Sidebar a:hover,#v5Sidebar a:active{font-size:13px;text-decoration:none}#v6Query,#v6Recent{box-sizing:border-box}#v6SearchBtn{position:-webkit-sticky;position:sticky;top:1px}.homeLearnMenu{margin:20px 5px 10px 15px !important;font-size:14px;font-weight:400;cursor:pointer}.homeLearnMenu a:visited,.homeLearnMenu a:link,.homeLearnMenu a:active,.homeLearnMenu a:hover{color:#333}.homeLearnMenu>div{display:flex;align-items:baseline}.homeLearnMenu>div>i{flex-shrink:0}.homeLearnMenu i{margin:7px 6px 7px 6px;color:#333}.homeLearnMenu i.ytGuide{margin-right:4px}.v6AdminItem{white-space:nowrap;clear:left;padding:4px 0 0 23px}.v6AdminItem:hover{background:#e1e1e1;border-radius:0 12px 12px 0}.v6AdminItem a{display:inline-block;overflow:hidden}.v6RecentItem{white-space:nowrap;margin:0 2px 0 0;padding:2px 0 3px 22px;border-radius:0 12px 12px 0}.v6RecentItem:hover{background:#e1e1e1}.v6RecentItemNow{color:#dd4b36 !important;font-weight:bold}.v6RecentItem a{display:inline-block;width:140px;overflow:hidden}.v6RecentItem .smallDownArrow{line-height:22px;color:#888}.v6QueryItemNameOpened,.v6QueryItemName{clear:left;font-size:13px;cursor:pointer;padding:3px 0 1px 6px}.v6QueryItemNameOpened{background:#e3e3e3}.v6QueryItemName:not(.v6QueryItemNameOpened):hover{background:#e1e1e1}#selectQueryItems{font-size:14px;cursor:pointer}#selectQueryItems .cogIcon{color:#AAA}#selectQueryItems .cogIcon:hover{background:#e1e1e1}.v6QuerySection{font-size:13px;padding:8px 0 10px 0;background:#e3e3e3}.v6QueryArrow{font-size:8px;margin:0 2px 0 0;color:#888}.v6QueryTextLabel{cursor:pointer;color:#333;font-size:12px}.v6QueryOption{display:flex;font-size:13px;margin:0;white-space:nowrap;padding:1px 0 1px 25px}.v6QueryOption label{margin:0 0 0 5px}#sideCreateSearch{border-radius:6px}#sideCreateSearch:hover{background:#e1e1e1;text-decoration:none}.v6QueryGear{float:left;clear:left;font-size:13px;padding:5px;margin:0 0 0 35px;border-radius:2px;cursor:pointer}.v6QueryOption:hover{background:#d1d1d1}.v6QueryToggleBtn{margin:0 0 0 18px;padding:2px 8px;border-radius:3px;font-size:13px;color:#08c;display:inline-block;cursor:pointer}.v6QueryToggleBtn:hover,.cogIcon:hover{background:#d1d1d1}.cogIcon{padding:6px;border-radius:10px;color:#888;margin:-2px 0 -8px -7px;cursor:pointer}.v6SideList a:hover{text-decoration:none}.signerTd,.wfStatusTd{padding:5px 8px}.bgIcon,.bgIconDark{padding:5px;margin:-5px 0 0 -5px;border-radius:12px}.bgIcon:not(.disabled),.bgIconDark:not(.disabled){cursor:pointer}.bgIconText{padding:5px;border-radius:12px;cursor:pointer}.bgIcon:hover,.bgIconText:hover{background:#e1e1e1;text-decoration:none !important}.bgIconDark:not(.disabled):hover{background:#d1d1d1;text-decoration:none !important}.tinyBgIcon{padding:2px 6px;border-radius:10px}.tinyBgIcon:hover{background:#e1e1e1;text-decoration:none !important}.homeCreateSheet{float:left;clear:left;margin:20px 0 0 35px;border:4px dashed #ddd;border-radius:10px;width:230px;height:50px;cursor:pointer}.homeCreateSheet div{color:#ddd}.homeCreateSheet:hover{border:4px dashed #aaa}.homeCreateSheet:hover,.homeCreateSheet:hover div{color:#aaa}.v6QueryTextbox{font-size:13px;padding:0;margin:5px 0 0 25px}.dateFilterPart{font-size:13px;padding:0;margin:5px 0 0 25px}.v6QueryTextOption{display:none;margin:5px 0 0 25px}.v6QueryTextOption label{margin-left:5px}.v6QueryDatebox{font-size:10px;padding:0}.v6SideHeading{font-size:13px;padding:2px 5px 5px 16px;margin:0 0 3px 0;color:#555}.v6SideList li{position:relative}.v6SideList li ul{font-size:0}.v6SideList li ul li a{overflow:visible}.personalQueryString{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#draftDiv,#countDiv,#geoDiv{float:left;font-size:12px;margin:6px 12px 0 12px;color:#888}#geoDiv .fa-spinner{margin:0 5px}.nuiPageHeader_sheetName{display:inline-block;margin:25px 0 0 25px;font-size:1.5em;min-width:500px;border:1px solid transparent;white-space:nowrap}.nuiPageHeader_sheetDesc{margin:2px 0 6px 25px;font-size:.8em;width:800px;color:#555;border:1px solid transparent}.nuiPageHeader_sheetName[contenteditable="true"]:hover,.nuiPageHeader_sheetDesc[contenteditable="true"]:hover{border:1px solid #ccc}.nuiPageHeader_sheetName[contenteditable="true"],.nuiPageHeader_sheetDesc[contenteditable="true"]{border:1px solid #fafafa}.saveFooter{position:absolute}#mvpWinDiv .nuiPageHeader_sheetName{white-space:normal;word-break:break-word;overflow-wrap:break-word}#linkWizard{position:absolute;top:0;left:0;width:100%;background:#efefef}#linkWizardCanvas{position:absolute;z-index:110}#linkWizardTable{position:absolute;margin:110px 50px 0 12px;border:1px solid #ccc;border-radius:8px;background:#f8f8f8;width:99%;table-layout:fixed;float:left;z-index:100}#reportWizard{position:absolute;top:0;left:0;width:100%;background:#efefef;padding:0 0 25px 0;border-bottom:2px solid #888}#reportWizardCanvas{position:absolute;z-index:90}#reportWizardTable{position:absolute;margin:110px 50px 0 12px;border:1px solid #ccc;border-radius:8px;background:#f8f8f8;width:99%;table-layout:fixed;float:left;z-index:100}#sheetSelector{position:absolute;z-index:150;padding-bottom:20px}.startv6Engage{background:#efefef;width:600px;border:1px solid #ccc;border-radius:5px;padding:25px;margin:25px 0 0 50px;line-height:150%}.startv6EngageButton{float:left;display:inline;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;line-height:15px;font-size:12px;padding:5px 15px;margin:12px 12px 0 0;background:url(/sims/img/buttonBlue.png);color:white;border:1px solid #333}.embedConfigDiv{margin:12px 0}.embedConfigImg{float:left;clear:left;width:130px;height:90px;border:1px solid #aaa}.embedConfigItem{margin:0 0 25px 0}.embedConfigItem h1{font-size:16px;margin:0;font-weight:bold}.embedConfigItem p{font-size:13px;margin:5px 0}#newModuleDiv1>div{display:inline-block;float:left}.moduleDiv{display:inline-block;margin:0 1px 0 0;cursor:pointer;padding:12px;border:1px solid #ccc;border-top-left-radius:8px;border-top-right-radius:8px;font-size:12px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.moduleDiv:hover{background:#e8e8e8}.moduleDiv h3{width:120px;font-size:15px;text-align:center;margin:12px 0 0 0;text-shadow:none;cursor:pointer;color:#222}#newModuleDiv2>div,#newModuleDiv2>span{float:left;clear:left}.resources{font-size:12px}.resources span{color:#ccc;font-weight:normal}.appLi,.appLiText{line-height:25px;font-size:14px;color:#333 !important}.appLi:hover{color:#08c !important}.appButton,.appButtonInstalled{margin:1px 0;border-radius:3px;width:80px;text-align:center;cursor:pointer;float:right;clear:right}.appButton{border:1px solid #08c;color:#08c}.appButtonText{line-height:20px;font-size:12px;font-weight:600}.appButtonInstalled{border:1px solid #ccc;color:#ccc}.appButton:hover{background:#08c;color:#fff}.pbar{width:50px;height:6px;border:1px solid #ccc;border-radius:3px}.pbarinner{width:1px;height:4px;border-radius:2px;padding:1px;background:#08c}.pbartransition{transition:all .5s ease-in;-moz-transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s ease-in}#appIntro{position:absolute;background:#f8f8f8;border:1px solid #aaa;border-radius:8px;padding:25px;z-index:280}.transition{transition:all .15s ease-in;-moz-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in}.rButton{color:#888;margin:0 3px 0 3px}#rCanvas td,#rCanvas select,#rCanvas input{font-size:12px}#rCanvas td{padding:3px 8px;vertical-align:top}#reportGenerationTable{margin:25px 75px 25px 25px;table-layout:fixed}#reportGenerationTable td{white-space:nowrap}#generateReportProgressText{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.quickTime{color:#333;margin:0 0 25px 0}.quickFactName{color:#999}.quicktable{border-collapse:collapse;margin:0 0 25px 0}.quicktable td{padding:3px 25px 3px 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef}.dropboxPicker{margin:25px auto;width:980px;height:900px}.dbFolderDiv,.dbFileDiv{float:left;position:relative;width:300px;height:58px;margin:15px 25px 0 0;cursor:pointer}.dbFolderDiv:hover{background:#f2f2f2;border-radius:3px}.dbFolderdiv img,.dbFileDiv img{position:absolute;top:8px;left:8px}.dbFileDiv img{opacity:.5}.dbFolderNamediv,.dbFileNamediv{position:absolute;top:20px;left:68px;font-size:14px;width:230px;overflow:hidden}.dbFileNamediv{color:#ccc}.largeTabs div{float:left;border-width:0;border-bottom:1px solid #aaa;height:50px;border-radius:8px 8px 0 0;margin:0;cursor:pointer;background:linear-gradient(#fafafa 5%,#efefef 100%);border-top:1px solid #ccc !important;border-left:1px solid #ccc !important;border-right:1px solid #ccc !important;border-bottom:0 !important}.largeTabs div:hover{background:linear-gradient(#ffe7ab 10%,#fafafa 10%,#efefef 100%)}.largeTabOn{background:linear-gradient(#ffc73c 10%,#fafafa 10%,#fafafa 100%) !important}.largeTabs h2{margin:12px 15px 0 15px;font-size:16px;font-weight:500;color:#555}.largeTabs p{margin:0 12px 0 36px;font-size:14px;font-weight:300;color:#777}.largeTabContent{width:800px;background:#fafafa;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.largeTabApp{height:180px;border-bottom:1px solid #efefef;position:relative}.largeTabIcon{position:absolute;top:20px;left:20px;height:160px;width:160px;border:1px solid #efefef;border-radius:8px}.largeTabIndex{position:absolute;top:39px;left:29px;font-size:30px;font-weight:600;color:#aaa}.largeTabHeader{position:absolute;top:39px;left:80px;font-size:30px;font-weight:600;color:#333}.largeTabP{position:absolute;top:80px;left:82px;width:500px;font-size:22px;line-height:1.5em;font-weight:300;color:#888}.largeTabRating{position:absolute;top:120px;left:82px;width:500px;font-size:22px;line-height:1.5em;font-weight:300;color:#ffb64d}.largeTabButton{position:absolute;top:80px;left:600px}.nofloat{float:none !important}#showFieldNameCheckbox{display:none}#showFieldNameCheckbox+label:before,.barcodeFixedRatioCheckbox+label:before{font-family:'Font Awesome\ 5 Pro';font-weight:400;content:"\f0c8";font-size:13px;cursor:pointer;margin:0 10px 0 0;position:relative;top:1px;left:5px}#showFieldNameCheckbox:checked+label:before,.barcodeFixedRatioCheckbox:checked+label:before{font-family:'Font Awesome\ 5 Pro';font-weight:400;content:"\f14a"}.smallInputTable th,.smallInputTable td{padding:10px 10px;height:30px}.smallInputTable th{text-align:right;color:#333}.smallInputTable td{color:#333}.quickPriceTable{margin:15px auto 30px auto;background:#f8f8f8;border-radius:6px}.quickPriceTable td{padding:3px 50px;text-align:center;border:0 !important}.accessTable{border-collapse:collapse;border:1px solid #ccc}.accessTable td,.accessTable th{border:1px solid #ccc;padding:2px 5px;font-size:12px}.accessTable th{font-weight:700;background:#efefef;white-space:wrap;overflow:hidden}.accessTable .stickyTop{top:-1px}.accessTable .stickyLeft,.reportTable .stickyLeft{left:0}.accessTable .dragElement{cursor:col-resize;user-select:none;position:absolute;width:6px;z-index:16;background-color:#CCC}.hiddenSelection{visibility:hidden}.hiddenSelection:hover{visibility:visible}.rotateText{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.shortcut{margin:15px 15px 10px 15px;box-sizing:border-box;padding:3px 20px 3px 12px;width:162px;max-width:calc(100% - 30px);background:#fafafa;position:relative;border-radius:3px;font-size:12px;cursor:pointer;color:#666;word-break:break-word;box-shadow:0 0 0 1px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.08),0 1px 1.5px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08)}.shortcut:hover{color:#000;box-shadow:0 0 0 2px rgba(50,50,93,.1),0 4px 8px 0 rgba(50,50,93,.08),0 2px 3px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.08)}.shortcut i{margin:0 0 0 8px;position:absolute;right:8px;top:5px;color:#333}#collapseDiv{position:absolute;top:90px;left:180px;font-size:10px;color:#555;height:calc(100vh - 91px);padding:0;width:8px;cursor:ew-resize}#resizeSideBarButton{position:absolute;display:none;justify-content:center;align-items:center;left:1px;width:25px;height:50px;font-size:x-large;color:#666;border-radius:0 3px 3px 0;z-index:5;cursor:pointer}#config_mode{font-size:20px}#config_mode_desc{margin-bottom:10px}#config_mode_block{background:#efefef;border-radius:8px;-webkit-border-radius:8px;padding:8px 3px 16px 20px;margin-bottom:6px;font-weight:600}#config_mode_button{display:inline;background:url(/sims/img/buttonBlue.png) 0px 0px;color:#fff;padding:5px 25px;border:1px solid #dbdbdb;font-size:12px;cursor:pointer;border-radius:3px;line-height:15px;-webkit-border-radius:3px}.v6SideList li.drag{position:absolute}div.reorderBorder,.reorderPersonalBorder{border-top:1px solid #333;width:500px;position:relative;right:50px;margin:5px}.reorderPersonalBorder{display:none}.filterReorderAction{display:inline-block;left:6px;font-size:14px;cursor:pointer;color:#08c;text-decoration:underline}.filterReorderAction+.filterReorderAction{margin-left:12px;padding-left:0}.v6QueryQuickSearchIcon{cursor:pointer;order-radius:12px;padding:4px 10px;margin:0}.v6QueryQuickSearchIcon:hover{background:#d1d1d1}.v6QueryQuickSearchIcon.besideToggle{margin:-2px;padding:2 8px}#reportStyleConfig{margin-top:50px;width:100%}#reportStyleConfig select{font-size:12px;padding:2px;border:1px solid #ccc}.fontsetting{display:block;margin-bottom:17px}.style_content{padding:10px;border-left:2px solid rgba(30,144,255,0.76);background-color:rgba(229,229,229,0.26)}.boundarysetting{display:block;padding-left:0;width:280px;margin-bottom:12px}.fontsetting>div:first-child>span:nth-child(2){margin-left:20px;display:inline-block;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:grey}.orient{display:inline-block;outline:0;border:0;border-bottom:1px solid #ccc;text-align:center;font-size:1.2em;font-family:monospace;width:60px;min-width:30px;box-sizing:border-box}.orient:focus{border-bottom:2px solid #4b8dcc}#createReport input{border:1px solid #ccc;padding-left:5px}#reportStyleConfig h3,#createReport h3,#reportStyleConfig .reportSetting_titleContainer{margin:15px 0 5px 0}#reportStyleConfig .reportSetting_titleContainer>h3{margin:0}#reportFilter{min-width:80px;line-height:25px}.fontStyleTitle{font-size:16px;font-weight:bold}#reportStyle{color:#4c4c4c}.reportStyle{padding:25px;border-radius:7px;background-color:#fff}.hideReportStyle{display:none}.reportStyle div h4{margin-top:0}#hideConfigBtn i:hover{color:#4d4d4d}.customBoundary{border-radius:10px;font-size:14px}.customBoundary>div:not(:nth-child(2)){text-align:center;padding:10px}.leftRight{display:flex;height:140px}.leftRight>div{display:flex;justify-content:center;align-items:center;flex:33%;box-sizing:border-box;flex-direction:column}.graph{background-color:white;border:2px solid grey}.graph i{color:#7a7a7a;font-size:7px}.graph>div:nth-child(2){display:flex;width:100%;height:80%}.graph>div>div{display:flex;justify-content:center;align-items:center}.graph>div:nth-child(2)>div:nth-child(2){border:2px dashed grey}.graph>div:not(:nth-child(2)){text-align:center;width:100%;height:10%;display:flex;justify-content:center;align-items:center}.hideBoundary{display:none}.reportFontAlign{margin-left:10px}.reportFixedArea .reportIconHeaderContainer{position:sticky;left:0}.reportFixedArea .reportIconHeader{display:flex;float:none;box-sizing:border-box}.reportIconHeader{display:inline-flex;float:right;width:100%;background-color:rgba(255,255,255,0.78);justify-content:flex-end;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:7px 15px}.reportIconHeader i,.icon-custom{color:#727272;font-size:18px}#settings i{color:#727272;font-size:14px}.reportIconHeader>a,.backToDefault a,#showStyleSettingIcon a,#reportToolbar>div{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:40px;height:40px;border-radius:100%;text-decoration:none !important;transition:background-color .2s;margin:0 8px}.reportIconHeader>a#reportSave.reportSave--focus::after{content:"";display:block;position:absolute;width:10px;height:10px;background:#5692fa;border-radius:100%;transform:scale(0);opacity:1;animation:ripple 1s ease-out infinite}a#reportSave.reportSave--focus>i{color:#2063d7}@keyframes ripple{to{transform:scale(10);opacity:0}}.backToDefault a{width:60px;height:40px;border-radius:5px}#showStyleSettingIcon{position:relative}#showStyleSettingIcon a{position:absolute;left:-10px;margin:0}#showStyleSettingIcon a i{transition:all .5s}.reportIconHeader>a:hover,#settings>div:hover,.backToDefault a:hover,#showStyleSettingIcon a:hover,#reportToolbar>div:hover{cursor:pointer;background-color:rgba(218,218,218,0.34)}.reportIconHeader a:hover i,#showStyleSettingIcon a:hover i,.reportIconHeader a:hover svg{color:black}#reportToolbar>div{font-family:"Font Awesome 6 Pro",serif;cursor:pointer}.backToDefault a:hover{color:darkblue}#settings{overflow:auto;width:200px;padding:10px 20px;border:0;border-radius:5px}#settings div{display:flex;align-items:center;padding:10px;border-radius:5px;font-size:13px}#settings div span:nth-child(2){margin-left:10px}.settingIcons{width:18px;display:flex;justify-content:center;align-items:center}.backToDefault{display:flex;justify-content:flex-end}.style_subTitle{padding-bottom:5px;border-bottom:1px solid rgba(128,128,128,0.49);margin-bottom:10px}#styleSettings{box-sizing:border-box;background-color:rgba(206,206,206,0.4);width:0}.reportFixedArea #styleSettings{position:fixed;right:0;overflow:auto}.rotate{transform:rotateY(180deg)}ul.styleNavbar{list-style-type:none;font-size:13px;border-bottom:2px solid rgba(187,187,187,0.35);margin-bottom:10px;display:flex}.styleNavbar li{display:inline;flex:1;text-align:center;padding:8px 10px;position:relative;bottom:-2px;user-select:none}.styleNavbar li:hover{cursor:pointer}.styleNavbar li a,.styleNavbar li button{color:#a2a2a2;text-align:center;text-decoration:none;padding:8px 10px;font-weight:bold}.styleNavbar li button{padding:0 10px;background:0;border:0;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}.styleNavbar li:hover a,.styleNavbar li:hover button{color:black}li.styleActive{border-bottom:2px solid #1e90ff}li.styleActive a,li.styleActive button{color:black;font-weight:bold}.showStyle{display:flex}#basic>div{margin-bottom:10px}#basic input{vertical-align:middle}#basic label{user-select:none;font-size:14px}.style_subTitle{display:flex;align-items:center}.labelContent{width:210mm;height:297mm;background-color:rgba(228,228,228,0.3);display:table}#sheetButton_toolbar{position:relative;float:left;color:#000;display:inline-flex;align-items:center;left:6px;top:1px;padding:0 18px}#taskTab{font-size:15px;cursor:pointer}#notificationTab{font-size:14px}#taskPane1,#taskPane2{float:left;background:#fff;margin:15px 0 0 15px;min-height:600px;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.15)}#taskPane1{width:55%;max-width:1200px;margin-bottom:15px}#taskPane2{position:relative;width:98%;font-size:13px;margin-bottom:15px}.taskDetailSaveMessage{margin:50px;overflow-wrap:anywhere;word-break:break-word}.taskManagementEmptyAdd{display:none}#homeTaskManagementBlock .taskManagementEmptyAdd{position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box;padding:0;margin:0;font-size:12px;color:#333;background:transparent;border-radius:50%}#homeTaskManagementBlock .taskManagementEmptyAdd:hover{color:#333;background:#d1d1d1}#homeTaskManagementBlock .taskManagementActionButton{height:auto !important;min-width:72px;box-sizing:border-box;text-align:center}#homeTaskManagementBlock .taskManagementCreateForm{margin:25px 20px 12px !important}#homeTaskManagementBlock .taskManagementCreateForm #manualTaskTxtManagement,#homeTaskManagementBlock .taskManagementCreateForm #taskURLManagement,#homeTaskManagementBlock .taskManagementCreateForm #taskDescManagement{width:100% !important;box-sizing:border-box}#homeTaskManagementBlock .taskManagementCreateForm #manualTaskTxtManagement{flex-basis:100%}#homeTaskManagementBlock #taskDetailAsg{margin-left:0}#homeTaskManagementBlock #taskDetailURL,#homeTaskManagementBlock #taskDetailDesc{width:100%}#homeTaskManagementBlock .taskManagementDetailAdd{display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box;padding:0;border-radius:50%;float:none;margin:0;color:#333;background:transparent}#homeTaskManagementBlock .taskManagementDetailAdd:hover{color:#333;background:#d1d1d1}#homeTaskManagementBlock .task_topSection{position:relative;box-sizing:border-box;padding:0 25px}#homeTaskManagementBlock .task_saveBtn{margin-left:0}#homeTaskManagementBlock .taskHomeCopyLink{position:absolute;top:8px;right:17px;float:none;margin:0}#homeTaskManagementBlock .task_createTask{position:absolute;top:8px;right:53px;float:none;margin:0}#homeTaskManagementBlock .longTaskDiv{display:flex;align-items:center;position:relative;padding-top:0;overflow:visible}#homeTaskManagementBlock .longTaskCheck{float:none;flex:0 0 auto}#homeTaskManagementBlock .longTaskContainer{float:none;flex:1 1 auto;width:auto;min-width:0;align-items:center}#homeTaskManagementBlock .longTaskText{flex:0 1 auto;max-width:none;min-width:0}#homeTaskManagementBlock .longTaskLinkContainer{display:flex;align-items:center;flex:0 0 auto;max-width:none;bottom:auto}#homeTaskManagementBlock .taskExtLink{margin:0 0 0 3px !important}#homeTaskManagementBlock .taskManagementLongTaskMeta{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end !important;flex:0 0 auto;min-width:150px;margin-right:12px}#homeTaskManagementBlock .taskManagementLongTaskMeta .longTaskDueDate{margin-left:0;max-width:95px;overflow:hidden;text-overflow:ellipsis}#homeTaskManagementBlock .taskManagementLongTaskMeta .RWDLongTaskDueDate{right:55px}#homeTaskManagementBlock .taskManagementLongTaskAvatar{display:flex;align-items:center;flex:0 0 auto}.longTaskDiv{margin:0 50px 0 25px;padding:15px 0 0 0;border-bottom:1px solid #ccc;font-size:13px;height:42px;cursor:pointer;box-sizing:border-box;overflow-y:hidden}.longTaskDiv:hover{background:#f8f8f8}.longTaskCheck{float:left;font-size:20px;color:#ccc;margin:0 8px 0 12px;cursor:pointer}.longTaskCheck:hover{color:#08c}.longTaskContainer{display:flex;width:65%;float:left;align-items:baseline}.longTaskText{max-width:70%;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis}.longTaskDueDate{color:#aaa;white-space:nowrap;margin-left:-2em}.RWDLongTaskDueDate{position:absolute;z-index:10;background:#dfdfdf;border-radius:.3em;padding:.2em .4em;transform:translate(0,-2em);display:none}@media screen and (max-width:1400px){.longTaskDueDate{max-width:45%;margin-left:-1em;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.longTaskDueDate:hover+.RWDLongTaskDueDate{display:block}}.longTaskLinkContainer{max-width:7%;display:inline-block;bottom:10px}div#taskComments{position:relative;background:#fff;width:100%;max-width:600px;border-radius:5px}.taskCommentContainer{position:absolute;display:block;background:#fff;padding:5px 20px;overflow:auto}#taskCommentTextarea{float:left;clear:left;width:100%;outline:0;overflow:hidden;border:1px solid #CCC;border-radius:5px;font-size:13px}.taskCommentTextareaDisabled{color:#ccc;padding:5px;height:30px;overflow:hidden}.taskCommentTextareaEnabled{color:#000;padding:5px}.displayNone{display:none}.displayBlock{display:block}#taskCommentFormSubmitPart{padding:10px 0 0 0;clear:left}#taskCommentAttachLink i{margin:0 5px;color:#888}#taskCommentAttachLink span{margin:0 5px;color:#07c}#taskCommentAttachLink{cursor:pointer;position:relative;top:5px;left:12px}#commentContainerCloseIcon{cursor:pointer;position:absolute;right:10px;top:6px;font-size:20px}#taskComments div .commentItem:first-child{margin-top:15px}#taskComments div .commentItem div.avatar{top:10px;width:20px;height:20px;margin:0 6px 0 3px}#taskComments div .commentItem div.avatar img{top:-11px;left:6px}#taskComments div .commentItem div.avatar .iniAva{font-size:9px;top:-11px;left:6px}#taskComments div .commentItem .commentBubbleWrap{margin:0}#taskComments div .commentItem .commentBubbleWrap .commentBubble{max-width:100%;width:100%;padding:8px 0 0 0}#taskComments div .commentItem .commentBubbleWrap .commentBubble .commentText{overflow-x:auto;width:100%}#taskComments div .commentItem .commentBubbleWrap .commentDate{margin:5px 0 0 0}#taskComments div .commentItem .commentBubbleWrap .commentBubble .commentDelete{right:10px;top:10px}.nuiCell img,#userpref_picture{image-orientation:from-image}.multiFilesContainer{display:flex;flex-wrap:wrap}.multiFilesContainer[oneFilePerRow]{flex-direction:column}.multiFilesContainer>a:not([isMovie]){max-width:fit-content}.multiFilesContainer>a>div:not([data-overflow]){max-width:calc(100% - 40px)}.multiFilesContainer>span{padding-left:6px}#nuicelltable .nuiCell,#stickyHeader .nuiCell{padding:2px 6px 0 6px;overflow:hidden;border-bottom:1px solid #e1e1e1;line-height:150%}#nuicelltable .nuiCell.nuiCellNowrap,#stickyHeader .nuiCell.nuiCellNowrap{white-space:nowrap !important;word-break:normal;text-overflow:ellipsis}#nuicelltable .nuiCell.nuiCellNowrap.nuiCellExpanded,#stickyHeader .nuiCell.nuiCellNowrap.nuiCellExpanded{white-space:normal !important;word-break:break-all}#nuicelltable .nuiCell.nuiCellExpanded>.nuiCellFieldMaxHeightWrapper,#stickyHeader .nuiCell.nuiCellExpanded>.nuiCellFieldMaxHeightWrapper{max-height:none !important;word-break:break-all}#nuicelltable .nuiCell.nuiCellNowrap>.nuiCellFieldMaxHeightWrapper,#stickyHeader .nuiCell.nuiCellNowrap>.nuiCellFieldMaxHeightWrapper{text-overflow:ellipsis}#nuicelltable .nuiCell.header.narrowColumn,#stickyHeader .nuiCell.header.narrowColumn{color:transparent}#nuicelltable .nuiCell.header,#stickyHeader .nuiCell.header{color:#333;padding:2px 12px 0 6px;border-right:1px solid #e8e8e8;background-color:#f1f1f1}#nuicelltable .nuiCell.header.table,#stickyHeader .nuiCell.header.table{background-color:#f1f1f1;border-bottom:2px solid #999}#nuicelltable .nuiCell.header:not(.table),#stickyHeader .nuiCell.header:not(.table){text-align:right}#nuicelltable .nuiCell.nuiCell.filterPanelButtonIsHover,#stickyHeader .nuiCell.nuiCell.filterPanelButtonIsHover{color:#C00;background-color:#e8e8e8}#nuicelltable .nuiCell:not(.header),#stickyHeader .nuiCell:not(.header){position:relative;background-clip:padding-box}#nuicelltable .nuiCell.sticky{position:-webkit-sticky;position:sticky;background-clip:padding-box}#nuicelltable .nuiCell.sticky:not(.header):not(.read-only_cell){background-color:#fafafa}.nuiSortingIcon{font-size:13px;color:#08c}.nuiSortingArrow{cursor:pointer;left:5px}.nuiCellWrapper{position:relative;width:100%}#nuicelltable .nuiCell.nuiCellHasFieldIcon[data-text-align=right],#stickyHeader .nuiCell.nuiCellHasFieldIcon[data-text-align=right],#nuicelltable .nuiCell.header.table[data-text-align=right],#stickyHeader .nuiCell.header.table[data-text-align=right],#nuicelltable .nuiCell.header.table.nuiNumberCell,#stickyHeader .nuiCell.header.table.nuiNumberCell{padding-right:17px}#nuicelltable#nuicelltable .nuiNumberCell,#stickyHeader#stickyHeader .nuiNumberCell{text-align:right}.hoverTranslucent70Percent:hover{opacity:.7}.must::before{color:red;content:"*"}.subtable-must{position:relative}.subtable-must::before{color:red;content:"*";position:absolute;top:0;left:0}.read-only_cell{background:#e8e8e8;position:relative}.read-only_cell:not(.noFocus):hover::before{position:absolute;height:100%;width:100%;content:"";top:0;right:0;background:#e8e8e8;opacity:.2;z-index:10;pointer-events:none}.read-only_cell:not(.noFocus):hover::after{position:absolute;font-family:"Font Awesome 5 Pro";content:"\f023";font-size:10px;font-weight:600;align-content:center;text-align:center;height:100%;width:16px;top:0;right:0;color:#888;z-index:10;pointer-events:none}.read-only_cell:not(.noFocus):hover>i,.read-only_cell:not(.noFocus):hover>div>i:not(.fa-eye,.fa-eye-slash){display:none}.read-only_cell:has(i.fa-eye):hover::after,.read-only_cell:has(i.fa-eye-slash):hover::after{display:none}.filterPanelButton{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);right:-5px;cursor:pointer}[data-text-align=right] .filterPanelButton,.nuiNumberCell .filterPanelButton{right:-10px}.hideOverflow{overflow:hidden}.nuiCellHint{margin:0 0 0 6px}.nuiNumberCell .nuiCellHint{margin:0 3px 0 0}.helpIconClickArea{position:relative}.helpIconClickArea::before{content:'';position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px}.noWrapping{white-space:nowrap;word-break:keep-all}.focus{background-color:#f1f1f1}.focusSelect{background-color:#c2dbff !important}#nui .focus,#stickyHeader .focus{background-color:#f1f1f1;cursor:pointer}#nuicelltable .hide.hide.hide.hide,#stickyHeader .hide.hide.hide.hide{visibility:hidden;border:0}#nuicelltable .hide.hide.hide.hide.sticky::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fafafa;pointer-events:none;visibility:visible}:root .nuiCell.hasLinebreak{padding:5px 6px 0 6px !important}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.nuiCell{width:100%}.nuiCell.hasLinebreak{overflow:auto;height:100%}#nuicelltable .nuiCell.nuiCellHasFieldIcon[style*="text-align: right"],#stickyHeader .nuiCell.nuiCellHasFieldIcon[style*="text-align: right"],#nuicelltable .nuiCell.header.table[style*="text-align: right"],#stickyHeader .nuiCell.header.table[style*="text-align: right"],#nuicelltable .nuiCell.header.table.nuiNumberCell,#stickyHeader .nuiCell.header.table.nuiNumberCell{padding-right:17px}[style*="text-align: right"] .filterPanelButton{right:-10px}}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s}.slider:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:white;-webkit-transition:.2s;transition:.2s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}.onoffswitch{position:relative;width:68px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:20px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .2s ease-in 0}.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:25px;padding:0;line-height:25px;font-size:13px;color:white;font-family:Trebuchet,Arial,sans-serif;font-weight:bold;box-sizing:border-box}.onoffswitch-inner:before{content:"ON";padding-left:10px;background-color:#ff4747;color:#fff}.onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#a6a6a6;color:#fff5f5;text-align:right}.onoffswitch-switch{display:block;width:13px;margin:6px;background:#fff;position:absolute;top:0;bottom:0;right:39px;border:2px solid #999;border-radius:20px;transition:all .2s ease-in 0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner:not(.switchByJS){margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:not(.switchByJS){right:0}.downloadAllPrompt{position:fixed;bottom:-1000px;left:20px;border-radius:10px;transition:all 1s}.downloadAllPromptContent{padding:5px 20px;clear:both;background:#f1f1f1;border-radius:5px;overflow:auto;border:1px solid #bbb;font-size:13px;box-shadow:1px 5px 7px 2px rgba(180,180,180,0.7)}.dlAllStatus{display:flex;align-items:center}.uploadAllPrompt{position:fixed;bottom:-1000px;left:20px;border-radius:10px;transition:all 1s}.uploadAllPromptContent{padding:5px 20px;clear:both;background:#f1f1f1;border-radius:5px;overflow:auto;border:1px solid #bbb;font-size:13px;box-shadow:1px 5px 7px 2px rgba(180,180,180,0.7)}.ulAllStatus{display:flex;align-items:center}#taskDrop::-webkit-scrollbar{width:0}.course-customCheckbox{display:inline-block;border:1px solid #afafaf;height:20px;width:20px;border-radius:2px;box-sizing:border-box;position:relative;cursor:pointer}.course-finish-control{display:inline-flex;align-items:center;min-width:44px;min-height:44px;cursor:pointer}.course-finish-control .course-customCheckbox{flex:0 0 auto}.course-customCheckbox::before,.course-customCheckbox::after{content:' ';width:25%;position:absolute;display:inline-block;background-color:#30b630;box-sizing:border-box;transform-origin:left top;border-radius:0}.course-customCheckbox::before{top:42%;left:-7%;height:0;border-radius:5px;transform:rotate(-45deg)}.course-customCheckbox::after{top:84%;left:42%;height:0;border-radius:5px;transform:rotate(-135deg)}@keyframes tobottom{0%{height:0}100%{height:63%}}@keyframes totop{0%{height:0}50%{height:0}100%{height:100%}}input[type=checkbox]:checked+.course-customCheckbox::before{height:63%}input[type=checkbox]:checked+.course-customCheckbox::after{height:100%}input[type=checkbox]:checked+.course-customCheckbox.animated::before{animation:tobottom .2s ease 0 forwards}input[type=checkbox]:checked+.course-customCheckbox.animated::after{animation:totop .4s ease 0 forwards}.course-finish-control input[type=checkbox]+.course-customCheckbox+.course-finish-control-text{display:none}.course-finish-control input[type=checkbox]:checked+.course-customCheckbox+.course-finish-control-text{display:block}#bannerLeftTopBlock{margin-left:10px;display:flex;position:relative}.title_icon{text-align:center;width:60px}.title_icon img{width:40px}.personalSetting_icon{width:50px}#floatingInsertImageBBCodeOuterContent div{margin:15px 0}.insertImageBBcode-header{padding:10px 0}.insertImageBBcode-header,.insertImageBBcode-header input[type=radio],.insertImageBBcode-header label{cursor:pointer;vertical-align:middle}.insertImageBBcode-header label{margin-right:15px}.insertImageByUpload-main-upload{min-height:250px;border:2px dashed #e2e2e2;color:#cbcbcb;cursor:pointer;background-color:#f8f8f8}.insertImageByUpload-main-upload-prompt{flex-direction:column;font-weight:bold;pointer-events:none}.insertImageByUpload-main-upload span{font-size:16px}.insertImageByUpload-main-upload input[type=file]{display:none}.insertImageBBcode-setting{display:none;background-color:#fff;height:200px;justify-content:center;align-items:center}.insertImageBBcode-setting.insertImageBBcode-setting--show{display:flex}.insertImageBBcode-footer{margin:20px 0 0 0 !important}.insertImageBBcode-footer button{margin-left:20px}.insertImageBy-main{display:none}.insertImageBy-main--active{display:block !important}.insertImageBy-main--fileUploaded .insertImageByUpload-main-upload-prompt{display:none}#insertImage-setting.insertImage-setting--active{display:block}#insertImage-setting{display:none}#insertImageByUrl-main-preview{display:flex}#insertImageByUrl-main-preview-image{display:none;margin:20px 0;max-width:300px}.insertImageByUrl-main-preview-error.insertImageByUrl-main-preview-error--active{display:flex;justify-content:center;align-items:center}.insertImageByUrl-main-preview-error{width:100%;height:100px;font-size:14px;color:#f25656;display:none;max-width:500px}.text-input{border-radius:5px;border:2px solid lightgrey;width:100%;padding:10px}.number-short-input{border:2px solid silver;width:70px;box-sizing:border-box;padding:5px 2px 5px 10px}.bbcodeImage{pointer-events:none}.lovSymbolsDivContainer{position:relative;display:flex;flex-direction:column;height:fit-content;padding:0 0 0 5px}#lovSymbols{margin:unset !important;overflow-y:hidden}.lovSymbolDiv{height:15.5px;margin:unset !important}.moreSymbolLink{position:absolute;bottom:-30}#historyFilter{margin:.8rem 0}#infoHistoryFilter{margin:1rem 0}#infoHistoryFilter table{font-size:12px;--calInput-width:10.5rem}#infoHistoryFilter th{text-align:right}#infoHistoryFilter td{padding:.25rem .3rem}#infoHistoryFilter input{padding:4px;width:10.5rem;border:1px solid #CCC;border-radius:3px}#infoHistoryFilter input.formatError{border-color:#fa3e3e}#infoHistoryFilter select{padding:2px 0;width:10.5rem;border:1px solid #CCC;border-radius:3px}#infoHistoryFilter .searchButton{margin:8px 59px 0 59px;padding-left:36px;padding-right:36px;white-space:nowrap}.datePickerBlock{display:flex;align-items:center}.datePickerBlock i{margin-left:6px;font-size:16px;color:#555;cursor:pointer}#clearInfoHistoryFilter{margin:0 2rem}.filterBlock{font-size:13px;margin-bottom:4px;max-width:525px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.timeFilterContainer{width:45%;display:flex}.datePickerInput{margin-top:1px;padding:1px 4px;width:100%;border-radius:3px;border:1px solid #CCC}.calendarIcon{margin:auto 10px;font-size:16px;color:#555;cursor:pointer}.ws-overlay{position:fixed;pointer-events:none;z-index:2147483000;--inset:8%;--tape-h:.15em;--accent:#fbbf24;--ink:#111827;--steel:#ccc;--hammer-cycle:900ms;--combo-steps:18;--combo-cycle:2200ms}.ws-overlay__inner{position:relative;width:100%;height:100%}.ws-overlay__tape{position:absolute;left:var(--inset);right:var(--inset);height:var(--tape-h);border-radius:2px;background:repeating-linear-gradient(42deg,var(--ink) 0 8px,var(--accent) 8px 16px);background-size:24px 24px;animation:wsTapeSlide 900ms linear infinite;opacity:.95}.ws-overlay__track{position:absolute;left:var(--inset);right:var(--inset);height:0}.ws-overlay__tool{position:absolute;color:var(--steel);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.ws-overlay__hammer{font-size:12px;transform-origin:70% 10%;animation:wsHammer var(--hammer-cycle) cubic-bezier(.4,0,.2,1) infinite}.ws-overlay__combo{font-size:13px;animation:wsTrack var(--combo-cycle) steps(var(--combo-steps),end) infinite alternate,wsBob 360ms ease-in-out infinite;transform:translate(-50%,0) rotate(-8deg);bottom:0;left:0}.ws-overlay__smoke,.ws-overlay__smoke2{position:absolute;width:36px;height:28px;background:radial-gradient(14px 14px at 12px 18px,rgba(107,114,128,.38) 0 60%,transparent 61%),radial-gradient(10px 10px at 22px 12px,rgba(107,114,128,.34) 0 60%,transparent 61%),radial-gradient(12px 12px at 6px 10px,rgba(107,114,128,.30) 0 60%,transparent 61%);filter:blur(0.6px);opacity:0;transform:translateY(0) scale(.7);animation:wsSmoke var(--hammer-cycle) linear infinite}.ws-overlay__smoke2{filter:blur(0.9px);animation-delay:.12s}@keyframes wsTapeSlide{to{background-position:24px 0}}@keyframes wsHammer{0%{transform:rotate(-26deg)}38%{transform:rotate(10deg)}48%{transform:rotate(0)}62%{transform:rotate(8deg)}100%{transform:rotate(-26deg)}}@keyframes wsTrack{from{left:0}to{left:100%}}@keyframes wsBob{0%,100%{transform:translate(-50%,0) rotate(-8deg)}50%{transform:translate(-50%,-2px) rotate(-2deg)}}@keyframes wsSmoke{0%,38%{opacity:0;transform:translate(0,0) scale(.7)}46%{opacity:.45}76%{opacity:.25;transform:translate(2px,-18px) scale(1)}100%{opacity:0;transform:translate(-2px,-30px) scale(1.2)}}@media(prefers-reduced-motion:reduce){.ws-overlay__tape,.ws-overlay__tool,.ws-overlay__smoke,.ws-overlay__smoke2{animation:none !important}}.reportHeaderFooterContainer{padding:8px}.reportHeaderFooterContent{margin:8px;padding:8px}.reportHeaderFooterContent p{margin:0}@font-face{font-family:'Roboto';src:url('/sims/css/Roboto/Roboto-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Roboto';src:url('/sims/css/Roboto/Roboto-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'Roboto';src:url('/sims/css/Roboto/Roboto-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Roboto';src:url('/sims/css/Roboto/Roboto-BoldItalic.ttf') format('truetype');font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:'Lato';src:url('/sims/css/Lato/Lato-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Lato';src:url('/sims/css/Lato/Lato-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'Lato';src:url('/sims/css/Lato/Lato-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Lato';src:url('/sims/css/Lato/Lato-BoldItalic.ttf') format('truetype');font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:'Bai Jamjuree';src:url('/sims/css/Bai_Jamjuree/BaiJamjuree-Medium.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Bai Jamjuree';src:url('/sims/css/Bai_Jamjuree/BaiJamjuree-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'Bai Jamjuree';src:url('/sims/css/Bai_Jamjuree/BaiJamjuree-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Bai Jamjuree';src:url('/sims/css/Bai_Jamjuree/BaiJamjuree-BoldItalic.ttf') format('truetype');font-style:italic;font-weight:700;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;outline:0}button:focus,input:focus,optgroup:focus,select:focus,textarea:focus{border-color:#08c !important;border-style:solid}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}input[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{color:#000}[type="text"],textarea{font-size:13px}ul,ol,li{margin:0;padding:0}li{list-style:none}table{border-collapse:collapse;border-spacing:0}select{font-family:inherit;font-size:inherit;font-weight:inherit}sup{vertical-align:super}::-webkit-input-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}::-moz-placeholder{color:#ccc;opacity:1}:-moz-placeholder{color:#ccc;opacity:1}.placeholder{color:#ccc}.box{color:#3d377f;font-size:14px;font-weight:bold;text-align:center;width:200px;height:22px;padding-top:8px;cursor:pointer}.arrowBut,.arrowButOn{float:left;cursor:default;width:15px;height:16px;font-size:12px;text-align:center}.arrowBut{background:#fff url(/sims/img/icons.png) no-repeat -855px 0}.arrowButOn{background:#fff url(/sims/img/icons.png) no-repeat -826px 0}.arrowUnhide{position:absolute;justify-content:center;align-items:center;margin:0;padding:0;height:100%;text-decoration:none;color:#292929;font-size:12px;display:none;cursor:pointer}.arrowUnhide.left{right:6px}.arrowUnhide.right{left:6px}.arrowUnhide.left:hover,.arrowUnhide.right:hover{color:#9a9a9a}.showUnHideArrow{display:inline-flex}A:link{color:#07c;text-decoration:none;word-wrap:break-word}A:visited{color:#07c;text-decoration:none;word-wrap:break-word}A:active{color:#07c;text-decoration:none;word-wrap:break-word}A:hover{color:#07c;text-decoration:underline;word-wrap:break-word}#tutorialText A:link{text-decoration:underline;color:#8fb4ff}#v5DesignHelper A:link{font-size:12px}#v5DesignHelper A:visited{font-size:12px}#v5DesignHelper A:active{font-size:12px}#v5DesignHelper A:hover{font-size:12px}.rightKeyDropDown A:link{font-size:13px}.rightKeyDropDown A:visited{font-size:13px}.rightKeyDropDown A:active{font-size:13px}.rightKeyDropDown A:hover{font-size:13px}#nui A:link,.bbcodeFragLink{color:#07c;text-decoration:none}#nui A:visited{color:#07c;text-decoration:none}#nui A:active{color:#07c;text-decoration:none}#nui A:hover{color:#07c;text-decoration:underline}A:link.tut{color:blue;text-decoration:underline}A:visited.tut{color:blue;text-decoration:underline}A:active.tut{color:blue;text-decoration:underline}A:hover.tut{color:blue;text-decoration:underline}A:link.anchorDisabled{color:#ccc;text-decoration:none}A:visited.anchorDisabled{color:#ccc;text-decoration:none}A:active.anchorDisabled{color:#ccc;text-decoration:none}A:hover.anchorDisabled{color:#ccc;text-decoration:underline}#tooltips A:link{color:#8fb5ff}#tooltips A:visited{color:#8fb5ff}#tooltips A:active{color:#8fb5ff}#tooltips A:hover{color:#8fb5ff;text-decoration:underline}#propTab A:link{color:#4c79af;font-weight:bold;font-size:9px;cursor:help}#propTab A:visited{color:#4c79af;font-weight:bold;font-size:9px;cursor:help}#propTab A:active{color:#4c79af;font-weight:bold;font-size:9px;cursor:help}#propTab A:hover{color:#4c79af;font-weight:bold;font-size:9px;cursor:help;text-decoration:underline}A.help:link{color:#4c79af;font-weight:bold;font-size:9px;cursor:help}A.help:visited{color:#4c79af;font-weight:bold;font-size:9px;cursor:help}A.help:active{color:#4c79af;font-weight:bold;font-size:9px;cursor:help}A.help:hover{color:#4c79af;font-weight:bold;font-size:9px;cursor:help;text-decoration:underline}.box-sizing-border-box,.box-sizing-border-box::before,.box-sizing-border-box::after,.box-sizing-border-box *,.box-sizing-border-box *::before,.box-sizing-border-box *::after{box-sizing:border-box}.list-style-disc{list-style:disc;padding-left:1rem}.list-style-disc li{list-style:disc}.fixedBox,.fixedBox2{position:fixed;top:0;margin:0;padding:0}#reminderTab{float:right;padding:5px 8px 8px 8px;margin:0 3px 0 0;color:#888;font-size:12px;font-weight:bold}#designerInfoContent select{height:28px}#designerInfoContent fieldset{padding:8px 12px}#purchaseTab{float:right;padding:5px 8px 8px 8px;margin:0 20px 0 0;background:url(/sims/img/toptab.gif);color:#efefef;font-size:12px;font-weight:bold;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-box-shadow:0 2px 2px #aaa;-webkit-box-shadow:0 2px 2px #aaa;border-bottom-right-radius:3px 3px;border-bottom-left-radius:3px 3px}#purchaseTab:hover,#reminderTab:hover{text-decoration:underline}.fixedBox{right:20px;background:#fb2d22}.fixedBox2{left:50%;background:#f9edbe;padding:10px;border-left:1px solid #f0c36d;border-right:1px solid #f0c36d;border-bottom:1px solid #f0c36d;border-radius:0 0 5px 5px;font-size:14px;color:#000;margin-left:-70px}#ragicload{position:absolute;top:0;left:0;height:100%;width:100%;background-color:white;z-index:1100}#ragicloadbar{position:relative;top:-50px;height:5px;background-color:#CDE}#title{position:absolute;top:0;left:0;height:100%;width:100%;background-color:black;opacity:.5;filter:alpha(Opacity=50);z-index:50}#descwin{position:absolute;top:15%;left:8%;width:800px;height:380px;background-color:white;z-index:60}.tabOpen,.tabClose{clear:right;float:left;background-color:#CDE;margin:0 2px 0 2px;padding:3px;cursor:pointer}.tabOpen{background-color:#8AD}.dockWin,.dockBarRight,.dockWinRight{position:fixed}.dockBarRight{height:28px;z-index:100;overflow:hidden;box-shadow:-7px -3px 22px 0 rgba(180,180,180,0.5)}.dockWin{left:0;width:99%;bottom:0}.transitionIt{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}#dockBarMiddle{bottom:0;left:180px;width:550px}#dockBarMiddleShrinked{position:fixed;bottom:10px;left:150px;color:#aaa;font-size:15px;cursor:pointer}#dockBarRight{bottom:12px;right:24px;width:460px}.docWinMiddle{position:fixed;bottom:-500px;left:180px;border-top:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;border-radius:5px 5px 0 0;background:#f2f2f2;min-height:60px;min-width:496px;z-index:999;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.docWinMiddleContent{position:relative;width:100%}.blackbar{border:1px solid #aaa;border-radius:3px 3px 0 0;background:linear-gradient(#fff 0%,#fff 8%,#f8f8f8 8%,#eaeaea 100%)}.blackbar2{border-radius:3px 3px 0 0;border:0}#quicksum{background:#efefef;padding:6px 25px 0 25px;font-size:10px;position:absolute;bottom:17px;right:476px;height:17px}#quicksum span{margin:0 12px 0 12px}.dockBarRightTable{table-layout:fixed;border-collapse:collapse;height:100%;float:left}.dockWinRight{bottom:39px;right:12px;z-index:100;max-height:70%;overflow-y:scroll;vertical-align:bottom}.partnerInfoItem{display:flex;padding:14px 0;border-bottom:1px solid #ededed}#partnerInfos{padding:5px 20px 0 20px}.partnerInfoItem:last-child{border-bottom:0 solid black}.partnerInfoItem div{flex:9;word-break:break-word}.partnerInfoItem div:first-child{color:gray}.partnerInfoItem div:last-child{color:#000;display:flex;flex-direction:column;flex:16}.partnerInfoFlexContainer{display:flex;flex-direction:column}.dockWinRightTableTD#partnerButton{display:inline-block;float:right;border-left:1px solid #dadada;padding:7px 20px}.dockWinRightTableTD#partnerButton #partnerLogo{max-height:15px}.dockWinRightTableTD{padding:3px 25px 3px 25px;border-right:1px solid #dadada;color:#555;font-size:13px;cursor:pointer;font-weight:600;white-space:nowrap}.dockWinRightTableTD:hover{background:#e1e1e1}.dockWinRightTableTD2,.dockWinRightTableTDEmpty{padding:3px 20px 3px 20px;text-align:center;border-top:1px solid #aaa;border-right:1px solid #dadada;color:#555;font-size:15px;cursor:pointer;font-weight:bold;white-space:nowrap;background:linear-gradient(#fff 0%,#fff 8%,#f8f8f8 8%,#eaeaea 100%)}.panelGrid a{display:inline-block;padding:5px 12px;border-radius:12px}.panelGrid a:hover{text-decoration:none;background:#e1e1e1}.dockWinRightTableTD2{width:30px}.dockWinRightTableTD2Open{border-left:1px solid #aaa;background:#f2f2f2;border-top:1px solid #f2f2f2}.dockWinRightTableTDEmpty{border-right:1px solid #aaa;text-align:right;position:relative}.dockWinRightTableTD2:hover{background:linear-gradient(#eaeaea 0%,#dbdbdb 100%)}.bottomMsg a{color:#333}.bottomMsg li{margin:6px 0}.faicontainer{float:left;text-align:center;width:18px;padding:2px 0 0 0;margin:0 12px 0 0}.dockWinContent{clear:both;padding:5px 20px 5px 20px;line-height:150%;background:#f5f5f5;box-shadow:-10px -4px 22px -3px rgba(180,180,180,0.5);overflow:auto;border:1px solid #bbb;font-size:13px;width:418px}.floatingWin{position:absolute;top:15%;left:15%;min-width:550px;max-width:1280px;font-size:12px;z-index:260}.floatingWin.thinFloatingWin{min-width:350px}.floatingWinHeader,.dockWinHeader{float:left;min-height:22px;background:linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);background:-moz-linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);background:-webkit-linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);box-shadow:0 -2px 11px -3px rgba(180,180,180,0.8);border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#555;border-radius:5px 5px 0 0;font-size:12px;font-weight:600;cursor:default;width:100%;box-sizing:border-box}.rightWinHeader{float:left;min-height:22px;background:linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);background:-moz-linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);background:-webkit-linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);box-shadow:0 -2px 11px -3px rgba(180,180,180,0.8);color:#555;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-radius:5px 5px 0 0;font-size:12px;font-weight:600;cursor:default;width:100%;box-sizing:border-box}.floatingWinHeader{padding:7px 0 7px 20px;font-size:13px;box-sizing:border-box}.dockWinHeader{cursor:pointer;width:430px;_width:442px}.floatingWinHeaderLeft{float:left;background:url('/sims/img/windowbanner_l.png');width:9px;height:23px}.floatingWinHeaderRight{float:right;background:url('/sims/img/windowbanner_r.png');width:9px;height:23px}.floatingWinMVPContent{clear:both;padding:15px 11px 10px 11px;background:#f7f7f7;box-shadow:1px 5px 30px 12px rgba(180,180,180,0.7);overflow:auto;border-radius:0 0 5px 5px;border:1px solid #bbb;font-size:13px}.floatingWinContent{clear:both;padding:25px;background:#f1f1f1;box-shadow:0 5px 15px -5px #7a7a7a,0px 10px 30px 0px #c3c2c2;border-radius:0 0 3px 3px;overflow:auto;border:1.5px solid #e2e2e2;font-size:13px;max-height:calc(100vh - 50px);box-sizing:border-box}.floatingWinButton{text-decoration:underline;cursor:pointer;color:#07c}.floatingWin .hide:not(.nuiCell,.aiHelper-result){display:none}.floatingWin .topButtonWhole,.floatingWinContent .topButtonWhole,.floatingWinContent .topButtonWholeRight,.floatingWinContent .topButtonWholeDrop,.floatingWinContent .topButtonWholeGrey,.floatingWinContent .topButtonWholeLarger{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8))}.dockWinContent .topButtonWhole,.dockWinContent .topButtonWholeRight,.dockWinContent .topButtonWholeDrop,.dockWinContent .topButtonWholeGrey,.dockWinContent .topButtonWholeLarger{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fbfbfb))}.floatingWinContent p{max-width:500px}.floatingWinIconContent{display:flex;align-items:start;padding-top:5px}.floatingWinIcon-iconContainer{font-size:70px;padding:0 15px 0 12px}.floatingWinIcon-body{flex:1;padding:0 30px 0 15px}.floatingWinIcon-text{max-width:500px;min-height:70px;font-size:14px;line-height:1.4;padding-bottom:20px}.floatingWinIconContent .floatingWinIcon-text a{white-space:break-spaces}.floatingOKbutton,.floatingOKButton{clear:both;float:left;margin:8px 0 0 20px;width:80px;font-size:12px;border:1px solid #dbdbdb}.floatingOKbutton:hover,.floatingOKButton:hover{border:1px solid #bdbdbd}#floatingWinAvatarPickerOuterContent{padding:25px 20px}#floatingWinAvatarPickerContent{padding:10px}#floatingWinAvatarPickerContent td{padding:7px}#floatingWinAvatarPickerContent img{width:100px;cursor:pointer}.lnlSyncField{list-style:inside}.preview-btn{display:inline-block;cursor:pointer;margin-right:10px}.sticky{position:-webkit-sticky;position:sticky;background-clip:padding-box}.RTEmenu{text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.RTEmenu .RTEitem{color:#000;float:left;background:#FFF;padding:9px 9px 6px 9px;border-left:1px #EEE solid;border-bottom:3px transparent solid;-webkit-font-smoothing:subpixel-antialiased}.RTEmenu .RTEgroup{border-radius:3px;display:inline-block;border:1px #EEE solid;margin:2px}.RTEmenu .RTEmenu:before .RTEmenu:after .RTEgroup .RTEgroup:before .RTEgroup:after .RTEitem .RTEitem:before .RTEitem:after .RTEDropdownOption .RTEDropdownOption:before .RTEDropdownOption:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.RTEmenu .RTEgroup .RTEitem:hover,.RTEHoverExpanded .RTEitem:hover{border-bottom:3px #55acee solid}.RTEmenu .RTEitem:first-child,.RTEDropdown .RTEitem{border-left:0}.RTEDropdown .RTEitem{cursor:initial}#RTEsavebtn{background-color:#07c;color:white}.RTEDropdown{display:none;position:absolute;border:1px solid #ccc;z-index:1;padding:10px;background:#fff;text-align:left}.RTEHoverExpanded{position:absolute;background-color:#fff;border:1px solid #ccc;padding:5px;right:-46px}.RTEDropdown div:first-child{overflow:auto}.RTEquit{float:right;top:0;right:0;margin-bottom:5px}.RTEDropdown label{display:block;font-weight:bold;padding:4px 0}.RTEDropdown input{width:100%;padding:4px;border:1px solid #ccc;margin:2px 0 5px 0;border-radius:1px;background-clip:padding-box}#insertRTElinkText,#insertRTElink{width:180px}.RTEDropdown select{margin:0 0 .75em}.RTEDropdownOption,.RTEHoverExpander{color:#333;cursor:context-menu;padding:3px 6px;letter-spacing:1px;white-space:nowrap;border:2px solid transparent;margin-bottom:2px}.RTEDropdownOption:hover,.RTEHoverExpander:hover{border-bottom:2px #5296ee solid}.RTEbtn{background:rgba(35,35,35,0.80);color:white;text-align:center;overflow:hidden;letter-spacing:1px;display:inline-block;cursor:pointer;border:1px solid transparent;padding:3px 6px;border-radius:4px;-webkit-user-select:none}.RTEColorPickerTypes{text-align:center;margin-bottom:5px}.RTEColorPickerType_Icon{width:25px;height:21px;display:inline-block;margin:0 15px}.RTE_CP_Type_Color .topIcon_bFColor,.RTE_CP_Type_BG .topIcon_bBColor{border-bottom:2px #5296ee solid;background-color:#e7e7e7}.RTE_CP_Type_Color .topIcon_bBColor,.RTE_CP_Type_BG .topIcon_bFColor{border-bottom:2px transparent solid}.RTE_CP_Type_Color #RTEBGColorPicker,.RTE_CP_Type_BG #RTEColorPicker{display:none}.R_quote{border-left:2px solid #aaa;margin:.25em;padding:0 1em}.R_ul{margin:0 1em;padding:0 1em}.R_ul .R_li{display:list-item;list-style:inherit}.R_ol{display:table-row}.R_ol .R_ol::before{display:table-cell;content:"";width:.5rem}.R_ol li{counter-increment:list-item;display:table-row}.R_ol li::before{display:table-cell;text-align:right;white-space:nowrap;content:counter(list-item,decimal) "."}.R_ol_trad-chinese-formal>li::before{content:counter(list-item,trad-chinese-formal) "、"}.R_ol_trad-chinese-informal>li::before{content:counter(list-item,trad-chinese-informal) "、"}.R_ol_simp-chinese-formal>li::before{content:counter(list-item,simp-chinese-formal) "、"}.R_ol_simp-chinese-informal>li::before{content:counter(list-item,simp-chinese-informal) "、"}.R_ol_upper-roman>li::before{content:counter(list-item,upper-roman) "."}.R_ol_lower-roman>li::before{content:counter(list-item,lower-roman) "."}.R_ol_upper-alpha>li::before{content:counter(list-item,upper-alpha) "."}.R_ol_lower-alpha>li::before{content:counter(list-item,lower-alpha) "."}.R_li:has(h1)::before{font-size:2em;font-weight:bold}.R_li:has(h2)::before{font-size:150%;font-weight:bold}.R_li:has(h3)::before{font-size:115%;font-weight:bold}.R_table,#nui_outer td .R_table{border-collapse:collapse;width:inherit}.R_td,#nui_outer td .R_td{min-width:5em;border:1px solid #999}.R_Heading{line-height:1.2em}input{_overflow:visible;padding:3px 3px 3px 3px}.nuiLazyWindow{overflow:auto;position:absolute;-moz-transition:transform 120ms ease-out;-webkit-transition:transform 120ms ease-out;-o-transition:transform 120ms ease-out;transition:transform 120ms ease-out;will-change:transform;background:#fff;left:0}.nuiPageHeaderDiv{background:#fafafa}.floatingTinyWin{position:absolute;bottom:30px;right:3px;width:200px;font-size:12px;padding:20px;border:1px solid #888;background-color:white;cursor:pointer;z-index:1500}.floatingTinyWinCloseIcon{float:right;margin:-12px -8px 0 0;color:#aaa}#floatingMouseWin{position:absolute;border:1px solid #888;background-color:#111;color:white;opacity:.7;filter:alpha(Opacity=70);font-size:12px;padding:5px}#dsdropdown div:hover,#usdropdown div:hover{background:#ddd}.dropdown,.dropdownBlack,.dropdownToolbar{position:absolute;background-color:#f7f7f7;padding:5px 0;border:1px solid #888;-webkit-box-shadow:0 4px 10px #8b8b8b;-moz-box-shadow:0 4px 10px #8b8b8b;box-shadow:0 4px 10px #8b8b8b;z-index:270}.dropdownBlack{background-color:#333;border:0;color:white}.dropdownOption{cursor:pointer;padding:3px 6px 3px 6px;font-size:12px}.dropdownOptionv6Large{cursor:pointer;padding:7px 25px 7px 12px;margin:2px 0;font-size:13px;border-radius:3px}.dropdownOptionv6Large div{float:left;white-space:nowrap;margin:0 0 0 8px}.smallInput{font-size:12px;padding:1px 3px;width:80px}.dropdownOptionv6{cursor:pointer;padding:3px 6px 6px 6px;margin:2px 0;font-size:13px;border-radius:3px}.dropdownOption:hover{background:#efefef}.dropdownOptionv6:hover,.dropdownOptionv6Large:hover{background:#e8e8e8}.dropdownOptionv6HoverItem{display:none}.dropdownOptionv6:hover .dropdownOptionv6HoverItem{display:block}.dropdownOptionv6HoverItem{color:#ccc}.dropdownOptionv6HoverItem:hover{color:#333}.dropwin-list{overflow:auto;padding:12px 7px;border:0;border-radius:2px;user-select:none;transition:all .2s ease-in;color:#ececec;background-color:#4f4f4f;box-shadow:rgb(0 0 0 / 20%) 0px 3px 1px -2px,rgb(0 0 0 / 14%) 0px 2px 2px 0px,rgb(0 0 0 / 12%) 0px 1px 5px 0px !important}.dropwin-list-item{display:flex;align-items:center;padding:10px;border-radius:5px;font-size:13px;cursor:pointer}.dropwin-list-item:hover{color:#fff;background-color:rgba(218,218,218,0.34)}.dropwin-list-item>.dropwin-list-item-icon{display:flex;align-items:center;padding:10px;border-radius:5px}.dropwin-list-item>span{margin-left:10px}.dropwin-list-arrow{width:15px;height:15px;transform-origin:top left;transform:rotate(-45deg);box-sizing:border-box;border:0;box-shadow:none;background-color:#4f4f4f;transition:all .2s ease-in}.topDropChoice{cursor:pointer;padding:5px 10px 5px 10px;font-size:12px}#filterPanel{position:absolute;background-color:#f7f7f7;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;z-index:100;font-size:12px;cursor:pointer;line-height:130%;box-shadow:0 1px 5px 0 #bbb}.filterPanelDiv{padding:5px 15px}.filterPanelDiv i,.filterPanelDiv svg,.filterPanelDiv span{margin:0 5px 0 0}.filterPanelDiv:hover{background:#ddd}.clickableRow:hover{background:#ddd;cursor:pointer}#filterPanel #filterPanelQuickSearchIcon{margin:0 0 0 4px;padding:2px 6px;border-radius:2px}#filterPanel #filterOptions{cursor:auto;user-select:text;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text}#filterOptionFilter{cursor:default}#filterOptionFilter>div{display:flex;align-items:center;background-color:white;margin:5px;padding:2px;border:1px solid lightgray;border-radius:3px;box-shadow:inset 0 0 2px 0 lightgray}#filterOptionFilter>div>i{margin-left:3px;margin-right:3px;color:gray}#filterOptionFilter>div>input{padding:0;background-color:transparent;border:0;outline:0;flex:1;width:0}#filterOptionFilter>div>input::-ms-clear{display:none}#filterOptions .hide{display:none}.nuiSortingIndex{font-size:10px;margin:0 8px 0 5px;color:#888}#floatingWinContent label{margin:0 3px 0 0;position:relative}#floatingWinContent>div:not(#personal_info,#personal_preferences,[class^="sendCustomEmail"]) label{bottom:2px}#floatingWinContent p{margin:0 0 12px 0}.floatingWin-table{font-size:14px}.floatingWin-table th{font-weight:400;background-color:#e3e3e3;padding:5px 12px;border:1px solid #d8d8d8}.floatingWin-table td{min-width:150px;padding:5px 12px;border:1px solid #d8d8d8}#floatWinPromptCheckbox{margin:5px 5px 0 0}#floatWinPromptSubmit{margin:5px 0 0 0}#floatWinPromptInput{margin:5px 0 0 0;width:300px}#f_ch>#tempSpan{word-break:break-word;white-space:pre-wrap;display:flex;font:13px normal;line-height:15px}.rightKeyChoice,.rightKeyChoiceDisabled{padding:5px 5px 5px 30px}.rightKeyChoice:hover{background:#ddd}#rightKeyFloatNUI .rightKeyChoice:hover{background:#ccc}.panelHoverRow:hover{background-color:#ccc9b8}.rightKeyChoiceDisabled{color:#ccc}.contextMenu *{box-sizing:border-box}.contextMenu{position:absolute}.contextMenu .menu{position:relative;font-size:12px;min-width:200px;max-width:230px;max-height:calc(100vh - 20px);padding:5px 0;background-color:#f7f7f7;border:1px solid #888;box-shadow:0 4px 10px #8b8b8b;z-index:270;overflow:hidden auto;user-select:none}.contextMenu .submenuPaddingContainer{padding:0 2px}.contextMenu .menuItem{display:flex;justify-content:space-between;align-items:center;padding:5px 12px 5px 30px}.contextMenu .menuItem:hover{background-color:#ddd}#colorpicker{font-size:5px;cursor:default}#builderIcons select{font-size:11px;float:left}.tutBlock{position:absolute;opacity:.25;filter:alpha(Opacity=20);background:#111;z-index:11000;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.tooltipQ{cursor:help !important;color:#08c !important;font-size:10px !important;position:relative;bottom:1px;margin:0 3px 0 0 !important;padding:5px !important}.flex-center .tooltipQ{position:static;padding-top:0 !important;padding-bottom:0 !important}button.tooltipQ{background:0;border:0;font-family:inherit;line-height:inherit;vertical-align:baseline}#tutorial,#tutorialPick{position:absolute;z-index:12000;top:30%;left:20%;width:350px;background:#333;border:1px solid #ccc;border-radius:5px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}#tutorialPick{z-index:12001}#tutorialPickOption2{cursor:pointer;text-decoration:underline;background:0;border:0;padding:0;font-family:inherit;text-align:inherit}.tinyDiamond{position:absolute;height:10px;width:10px;z-index:10000;background-color:#333;transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(___YUICSSMIN_PRESERVED_TOKEN_32___)"}.tinyTooltip{position:absolute;z-index:10000;top:30%;left:20%;background:#333;border-radius:2px;padding:8px;font-size:12px;color:#efefef;max-width:200px}.userCardTooltip{position:absolute;z-index:10000;top:30%;left:20%}.userCardTooltip .userCardConfig{position:absolute;top:10px;right:10px;cursor:pointer}#userCardConfigSwitch{display:none}.userCardConfigList{display:none;position:absolute;top:30px;right:15px;transform:translateX(100%);font-size:13px;border:1px solid #888;z-index:1000;max-height:400px;min-width:200px;overflow:auto;-webkit-box-shadow:0 4px 10px #aaa;-moz-box-shadow:0 4px 10px #aaa;box-shadow:0 4px 10px #aaa;padding:5px 0;background-color:#fafafa}#userCardConfigSwitch:checked+.userCardConfigList{display:block}.userCardConfigList{padding:8px 25px 8px 12px;line-height:150%;cursor:pointer;color:#444;white-space:nowrap}.userCardConfigList li:hover{background-color:#e1e1e10;cursor:pointer}.tinyTooltip div{color:#888}.diamond{position:absolute;height:15px;width:15px;background-color:#333;transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(___YUICSSMIN_PRESERVED_TOKEN_34___)"}#tutorialText{float:left;color:#f8f8f8;font-size:14px;line-height:150%;margin:5px 12px 18px 12px;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;white-space:pre-line}#tutorialPickText{line-height:150%}#tutorialText b{color:#fffd38}#tutorialText b.color-white{color:#f8f8f8}#tutorialText p{line-height:150%;font-size:14px}#tutorialText h2{font-size:17px;font-weight:normal;color:#efefef}#tutorialText div{margin:12px 0 0 0;font-size:12px;font-weight:normal;color:#dbdbdb}.closeTooltip{color:#777;font-size:10px;font-weight:100;position:absolute;right:0;top:0;cursor:pointer}.closeTooltip:hover{color:#aaa}.helpShower{top:-1000px;color:#777;background:#333;position:absolute;min-width:30px;max-width:450px;max-height:300px;padding:15px 20px;overflow:auto;z-index:900;border-radius:9px;opacity:0;transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s}.helpShower:after{content:".";height:0;clear:both;visibility:hidden}.helperText{color:#dbdbdb;position:relative;margin:18px 0 0 0;font-size:16px;font-weight:normal}.helpShower .helperText .helpCloser{opacity:1;transition:opacity 1s}.nextButton{clear:both;float:right;margin:0 0 12px 0;padding:5px 15px;font-weight:normal;font-size:12px;background:#aaa;border-radius:2px;cursor:pointer}.nextButton:hover{background:#ccc}#tutorialText div.tutstepprompt{margin:20px 0 0 0;color:#888}#tutorialDesc{padding-top:20px;padding-left:20px;padding-right:20px;font-size:12px}#tutorialPrev,#tutorialNext,#tutorialReplay{font-size:15px;color:blue;padding-left:30px;padding-right:30px;cursor:pointer;text-decoration:underline}#tutorialPrev{float:left}#tutorialNext{float:right}em{color:#8af;font-style:normal;font-size:16px;font-weight:bold}kbd{color:#af8;font-style:normal;font-size:16px;font-weight:bold}#tutorialAction,#tutorialAction2{position:absolute;color:#f8f8f8;font-size:14px;font-weight:bold;padding:12px 20px;background:#333;border:1px solid #ccc;z-index:900;white-space:nowrap;border-radius:5px}#exitTutorial,#exitTutorialFloat{cursor:pointer;font-size:14px;font-weight:bold;background:#c02222;color:white}#exitTutorialFloat{position:absolute;top:0;left:0;width:100%;z-index:900;text-align:center}#lang{float:right;width:80px;padding-top:15px;font-size:10px}.close{float:right;margin:3px 12px 0 0;cursor:pointer}.closeAbs{position:absolute;top:5px;right:5px;cursor:pointer}.close:hover,.closeAbs:hover{opacity:.5}.close2{position:absolute;top:5px;right:5px;cursor:pointer;color:#aaa;display:none}.close2:hover{color:#555}.commentDiv:hover .close2{display:block}#charts{position:absolute;right:0;z-index:30}#propTab{background-color:#f3f3f3;cursor:pointer}.prop{font-size:12px;font-weight:normal;overflow:auto;background:url(/sims/img/tabbg.gif) bottom repeat-x #efefef}.prop textarea,.prop input,.prop select{font-weight:normal}.prop input.text{padding:5px;border:1px solid #ccc;height:26px;border-radius:2px}.prop textarea,.prop select{padding:3px;border:1px solid #ccc;line-height:15px}.prop select{background-color:#fff}.prop input[type='radio']{border:0}.prop select:disabled{color:gray}.propSel{float:left;clear:left;background:url(/sims/img/tabbg.gif) bottom repeat-x #efefef;width:max-content;min-width:356px;max-width:600px}.propSel div{clear:left;font-size:0}#setOptionsColorWin{width:15px;height:172px;padding:3px 0;background-color:#fff;border:1px solid #ccc;overflow:auto;display:flex;justify-content:flex-end;align-items:flex-start}#setOptionsColorWin::-webkit-scrollbar{display:none}.optionColorsButton{width:11px;height:11px;border:0;border-radius:10px;cursor:pointer}#propSpace{clear:left;float:left;width:314px;_width:360px;padding:20px;border-right:1px solid #ccc;background-color:#f3f3f3;overflow-y:auto}.propSel a{-moz-outline:0 none;outline:0 none;background:url(/sims/img/tab-round.png) right 60px;color:#666;font-weight:bold;height:18px;line-height:18px;text-decoration:none;cursor:pointer;display:inline-block}.propSel a span{background:url(/sims/img/tab-round.png) left 60px;display:block;height:18px;margin-right:25px;padding-left:25px}.propSel a:hover{background:url(/sims/img/tab-round.png) right 30px}.propSel a:hover span{background:url(/sims/img/tab-round.png) left 30px}.propSel .activeTab{background:url(/sims/img/tab-round.png) right 0 no-repeat}.propSel .activeTab span{background:url(/sims/img/tab-round.png) left 0 no-repeat}#propSpace{border-left:1px solid #bebdbd;border-right:1px solid #bebdbd;border-bottom:1px solid #bebdbd}#f_nd,#f_ro,#f_cs,#f_nc,#f_nowrap,#f_bc,#f_bc_action,#f_hide,#f_snd,#f_nolock{clear:left;float:left;font-weight:bold;white-space:nowrap}#f_mvp,#f_usrref,#f_grpref,#f_em,#f_phone,#f_addr,#f_url{background:0}fieldset{font-weight:normal;color:#333;border:1px solid #ccc;padding:8px 25px 0 12px}fieldset a:link{font-weight:normal;font-size:11px;color:blue}legend{color:#333;font-weight:bold;margin:0}#propSpace div:not(.barSelect-selection-value){margin:0 0 12px 0}#propSpace input[type=checkbox]{margin:0 6px 0 0}#propSpace .flex-center>label{line-height:20px}.formSettingCheckbox{display:flex;align-items:flex-start;gap:8px}.formSettingCheckbox>input[type=checkbox]{flex-shrink:0;margin-top:3px}.formSettingCheckbox>div{flex:1;min-width:0}.beigeContent{float:left;border:1px solid #ccc;padding:10px;background:#f4f3ee;overflow:auto}.whiteContent{float:left;padding:20px 20px 50px 20px;font-size:14px;min-width:600px;min-height:500px}.propSection{max-width:100%;float:left;clear:left;background:#e8e8e8;padding:12px;border-radius:5px;white-space:nowrap;box-sizing:border-box}.stylePanel{margin:0;overflow:auto;padding:10px;background:#e8e8e8;border-radius:6px;border:1px solid #ddd}.fieldLabelStyle{margin:0 0 12px 5px !important;font-weight:700;color:#aaa}.styleTextInput{clear:left;float:left;margin:0 0 15px 0}.notifyTableRow:hover{background:#e1e1e1;border-radius:12px}.notifyTableCell{padding:3px 10px;font-size:14px}.tooltip{position:absolute;width:223px}.tooltipUp{width:223px;height:30px;background-image:url(/sims/img/dialog-up-u.png)}.tooltipUpB{width:223px;height:12px;background-image:url(/sims/img/dialog-bu-u.png)}.tooltipUpRight{width:223px;height:30px;background-image:url(/sims/img/dialog-up-u-r.png)}.tooltipDn{width:223px;height:12px;background:url(/sims/img/dialog-up-b.png) no-repeat}.tooltipDnB{width:223px;height:30px;background:url(/sims/img/dialog-bu-b.png) no-repeat}.tooltipIn{padding:15px 36px 15px 36px;background-image:url(/sims/img/dialog-up-m.png);color:white;font-size:14px;line-height:150%}.tooltipIn span{color:#ff0}#payTable{font-size:12px}#payTable td{padding:10px}#payTable div,#payTable span{padding-top:12px;font-weight:bold}#mmailerTable textarea,#mmailerTable input,#mmailerTable select{font-size:15px;border:1px solid #ccc}#mmailerTable td,#mmailerTable th{padding:3px}#mmailerTable a{font-size:11px;text-decoration:underline}#mmailstatus{font-size:11px;color:#555}#mmailerTable th{width:80px;text-align:right;font-weight:normal;color:#888}#mmailerTable:not(.sms) th{width:80px}#mmailerTable.sms-form-wrap{width:1000px;max-width:calc(100vw - 300px);padding:4px 0 8px}#mmailerTable .sms-note{background:#f8f8f8;border:1px solid #e3e3e3;padding:14px 16px;font-size:13px;line-height:1.7;margin-bottom:20px}#mmailerTable .sms-note a{font-size:inherit;text-decoration:underline}#mmailerTable .sms-fields{display:grid;grid-template-columns:max-content 1fr;grid-gap:.5rem;align-items:center}#mmailerTable .sms-fields .sms-label{grid-column:1;font-size:12px;font-weight:600;color:#555;display:flex;align-items:center;gap:5px;white-space:nowrap}#mmailerTable .sms-fields .sms-selects,#mmailerTable .sms-fields textarea,#mmailerTable .sms-fields .sms-hint,#mmailerTable .sms-fields .sms-footer,#mmailerTable .sms-fields .sms-balance,#mmailerTable .sms-fields .sms-tos,#mmailerTable .sms-fields .sms-actions,#mmailerTable #mmailstatus{grid-column:2}#mmailerTable .sms-note.sms-note-success{background:#eef8ee;border-color:#b9dfb9}#mmailerTable .sms-note.sms-note-danger{background:#fff5f5;border-color:#fecaca}#mmailerTable .sms-status-badge{color:#555;background:#fff;padding:6px 12px;display:inline-block}#mmailerTable .sms-note-header{display:flex;align-items:center;gap:8px;cursor:pointer}#mmailerTable .sms-note-toggle{color:#888;font-size:12px;transition:transform .15s ease}#mmailerTable .sms-note-detail{margin-top:14px;padding:0 15px 0 15px;line-height:1.6}#mmailerTable .sms-note-detail.sms-note-quote,#instantMessageTemplateEditorMessage .sms-note-detail.sms-note-quote{padding:0 15px 0 11px;line-height:1.6;margin:5px 0 0 4px;border-left:1.5px solid #dbdbdb;font-size:12.5px}#mmailerTable .sms-note-grey,#instantMessageTemplateEditorMessage .sms-note-grey{margin-top:10px;padding:10px 12px;background:#f8f8f8;color:#666}#mmailerTable .sms-note-collapsed .sms-note-toggle{transform:rotate(0)}#mmailerTable .sms-note-collapsed .sms-note-detail{display:none}#mmailerTable .sms-note:not(.sms-note-collapsed) .sms-note-toggle{transform:rotate(90deg)}#mmailerTable .sms-notice:not(.sms-note-collapsed) .sms-note-quote{margin-bottom:20px}#mmailerTable .sms-notice:not(.sms-note-collapsed):not(:has(~.sms-notice)) .sms-note-quote{margin-bottom:0}#mmailerTable .sms-status-approved{color:green}#mmailerTable .sms-status-rejected{color:#dd4b36}#mmailerTable .sms-status-hint{display:block;margin:10px 0 0 0}#instantMessageTemplateEditorMessage{box-sizing:border-box}#instantMessageTemplateEditorMessage .sms-note{width:100%;margin:0 0 10px 0;padding:10px 12px;border:1px solid #ddd;background:#fafafa;line-height:1.5;box-sizing:border-box;overflow-wrap:break-word}#instantMessageTemplateEditorMessage .sms-note.sms-note-success{background:#eef8ee;border-color:#b9dfb9}#instantMessageTemplateEditorMessage .sms-note.sms-note-danger{background:#fff5f5;border-color:#fecaca}#instantMessageTemplateEditorMessage .sms-note-header{display:flex;align-items:center;gap:8px;cursor:pointer}#instantMessageTemplateEditorMessage .sms-note-toggle{color:#888;font-size:12px;transition:transform .15s ease}#instantMessageTemplateEditorMessage .sms-status-badge{color:#555;background:#fff;padding:6px 12px;display:inline-block}#instantMessageTemplateEditorMessage .sms-status-hint{display:block;margin:10px 0 0 0}#instantMessageTemplateEditorMessage .sms-note-detail{margin-top:14px;padding:0 15px;line-height:1.6;overflow-wrap:break-word}#instantMessageTemplateEditorMessage .sms-note-collapsed .sms-note-toggle{transform:rotate(0)}#instantMessageTemplateEditorMessage .sms-note-collapsed .sms-note-detail{display:none}.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell{width:850px !important}.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell>input,.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell>select,.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell>textarea,.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell>.emailTempalteInlineInput,.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell>.emailTempalteBlockInput,.instantMessageTemplateEditor.sms-note-expanded .emailTemplateEditorContentCell>#instantMessageTemplateEditorMessage{width:100% !important;box-sizing:border-box}#instantMessageTemplateEditorMessage .sms-note:not(.sms-note-collapsed) .sms-note-toggle{transform:rotate(90deg)}#instantMessageTemplateEditorMessage .sms-status-approved{color:#02aa01}#instantMessageTemplateEditorMessage .sms-status-rejected{color:#dd4b36}#instantMessageTemplateEditorMessage .sms-status-hint{display:block;margin:10px 0 0 0}#instantMessageTemplateEditorMessage .sms-real-name-current-status{color:#666}#instantMessageTemplateEditorMessage .instant-message-sms-tos{margin:0;padding:4px 0 0 0}#mmailerTable .sms-selects{display:flex;gap:8px}#mmailerTable .sms-selects .barSelect-selection{border:1px solid #ddd;font-size:13px;height:32px;padding:0 8px;color:#333}#mmailerTable .sms-selects .barSelect.show .barSelect-selection{border-color:#08c;box-shadow:0 0 0 2px rgba(0,136,204,0.12)}#mmailerTable .sms-select-country{width:170px;max-width:170px;min-width:130px}#mmailerTable .sms-select-field{flex:1;min-width:0}#mmailerTable .sms-hint{margin:0 0 15px 0;font-size:12px;color:#999}#mmailerTable .sms-hint a{font-size:12px;color:#08c;text-decoration:none}#mmailerTable .sms-hint a:hover{text-decoration:underline}#mmailerTable .sms-tos{margin:0}#mmailerTable .sms-fields .sms-notice{grid-column:2;margin:0}#mmailerTable .sms-notice .sms-note-header span,#instantMessageTemplateEditorMessage .sms-notice .sms-note-header span{font-size:13px;color:#555;font-weight:600}#mmailerTable .sms-notice,#instantMessageTemplateEditorMessage .sms-notice{background:0;border:0;padding:0}#mmailerTable .sms-footer{margin:15px 0 15px 0;line-height:1.6}#mmailerTable .sms-balance{font-size:13px;color:#333;line-height:1.6}#mmailerTable .sms-balance.sms-balance-low{background:#fff5f5;border:1px solid #fecaca;color:#c00;font-weight:600;padding:10px;margin-bottom:5px}#mmailerTable .sms-footer a{display:inline-block;font-size:12px;color:#08c;text-decoration:none}#mmailerTable .sms-footer a:hover{text-decoration:underline}#mmailerTable.sms-form-wrap textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;padding:10px 12px;font-size:14px;line-height:1.6;color:#333;resize:vertical;min-height:180px;display:block}#mmailerTable.sms-form-wrap textarea:focus{border-color:#08c;outline:0;box-shadow:0 0 0 2px rgba(0,136,204,0.12)}#mmailerTable .sms-actions{display:flex;align-items:center;margin:20px 0 0 0}#massSendBtn i{display:none}#massSendBtn.topButtonDisabled i{display:inline-block;animation:loading 3s infinite linear}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#mmailstatus .topButtonWhole{float:none}.smsResultWrap{max-height:400px;overflow-y:auto;overflow-x:hidden}#smsdetails{border-collapse:collapse}#smsdetails td,#smsdetails th{border:1px solid #ddd;padding:12px;font-size:13px}#smsdetails td:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis}#smsdetails tr{background-color:white}#smsdetails tr:hover{background-color:#f5f5f5}#smsdetails th{padding-top:10px;padding-bottom:10px;text-align:left;background-color:#e8e8e8}#smsdetails .flexCenter{display:flex;justify-content:center;align-items:center}#smsdetails i.success,#smsdetails i.error{font-weight:800;font-size:12px}#smsdetails .success{color:#01a21c}#smsdetails .error{color:red}table#userAccTable{border-collapse:collapse}#userAccTable td,#userAccTable th{font-size:12px;border:1px solid #CCC;padding:3px}.userAccHeader{font-weight:bold;text-align:center;background-color:#cde}table#excelImport{border-collapse:collapse}#excelImport td,#excelImport th{font-size:12px;border:1px solid #CCC;padding:3px}.pickedRow{font-weight:bold;text-align:center;background-color:#cde}.pickedCell{background-color:#ccc}.import-btn{width:100px;box-sizing:border-box;margin:5px 0;padding:5px;border:1px solid #bdbdbd;border-radius:3px;background-color:#fff;text-align:center;cursor:pointer}.import-btn-disabled{background-color:#f8f8f8;border:1px solid #efefef;color:#ccc;cursor:default}.import-checkbox-wrap{display:inline-flex;align-items:center;margin:10px 0;width:auto;min-width:45%}.import-checkbox-wrap>b{margin-left:5px;line-height:17px}.import-checkbox-wrap input{height:13px;width:13px}#updateAccount td{font-size:12px;border-bottom:1px solid #CCC;padding:5px;height:30px}A:link.updateAccount,A:visited.updateAccount,A:active.updateAccount,A:hover.updateAccount{color:#316ac5;text-decoration:underline}.dashitem{float:left;clear:left;font-size:12px;margin:5px 3px 5px 3px;cursor:pointer}.dashitemicon{float:left;width:20px;height:20px;background:no-repeat 3px 0}.domainPickerLegacyContent{width:600px\9;overflow:hidden\9}#domainPicker_1 td,#domainPicker_2 td,#domainPicker_null td{border:1px solid #efefef;font-size:12px;height:18px;width:60px}#domainPicker_1 td,#domainPicker_2 td{position:relative}.domainHeader{background-color:#e0e7ef;cursor:pointer;white-space:nowrap;vertical-align:top}.domainHeaderDiv{position:absolute;pointer-events:none}.domainHeaderText{position:absolute;top:0;white-space:nowrap;max-width:60px;overflow:hidden;pointer-events:none}.keyField{background:#8fb5ff}.domainCellWhite{background:#fff}.floatingWinContent div a{white-space:nowrap}.esMessage a{float:none !important}#displayCustomEmailSubjectDiv a,#displayCustomEmailContentDiv a,#customTemplateContentPreviewInput a,#floatingEmailTemplateContent a{float:none}#sendCustomEmailAdvancedDiv{display:flex;flex-direction:column;gap:5px;margin:10px 0}#sendCustomEmailAdvancedDiv>div:not(#sendCustomEmail_customSuccessMessageDiv){display:flex;flex-direction:row;align-items:baseline;gap:6px}#sendCustomEmailAdvancedDiv>div>a{left:-9px;top:-3px}.domainSheet{float:left;border:1px solid #aaa;border-top:0;padding:3px 18px;border-radius:0 0 5px 5px;background-color:#dedede;margin:0 6px 0 0;cursor:pointer;font-size:12px;white-space:nowrap}.domainSelect{font-size:12px;float:left}.domainPickerButton{clear:right;float:left;font-weight:normal;color:#08c;cursor:pointer;text-decoration:underline}.domainPickerButton:hover{text-decoration:none}.cuber{font-size:12px}.cuber td{padding:1px 5px 1px 1px;border:1px solid #bdcad8;color:#000}.cuberHeader{background-color:#d4e6fc}.cuberSum{background-color:#ffc}.cuberSel{font-size:12px}.excerpt{float:left}.excerpt td{padding:0 20px 0 0;font-size:12px}.excerptHeader td{border-bottom:1px solid #000;font-weight:bold;color:#333;background-color:#eef;padding:3px 23px 3px 6px}.excerptContent td{padding:1px 23px 1px 6px;border-top:1px solid #efefef}#lister{font-size:12px;border:1px solid #cfcfcf}#lister td{padding:1px 5px 1px 1px}.listerHeader{background-color:#dfc}.dashPortlet{float:left;clear:left;margin:6px 0 6px 0;width:100%}.dashPortletTitle{float:left;margin:0;background:url(/sims/img/portletHeader.png) no-repeat;color:white;font-size:12px;padding:3px 10px 3px 10px}.dashPortletContainer,.dashPortletContent,.dashPortletContainer2{width:100%;border-bottom:1px solid #cfcfcf;padding:10px;float:left;clear:left}.dashPortletContent{overflow:auto}.dashPortletItem{font-size:12px}.dashPortletItemList{color:#c00;margin:0 5px 0 5px}.pivotTableModeSwitch{float:left;cursor:pointer;padding:5px;font-size:12px;font-weight:bold;margin:0 5px 0 0;background-color:#eee}#AccountingReportInfo{text-align:center;font-size:1.5em;font-weight:bold;width:100%;padding:1.5cm 1cm .5cm 1cm;box-sizing:border-box}#AccountingReportInfo p{margin:0}.accountingReportSetting .reportSetting{display:flex;align-items:center;line-height:1;margin:20px 0}.accountingReportSetting input{margin:0 3px}.accountingReportTable{width:100%;box-sizing:border-box;border-collapse:separate}.accountingReportTable tr:hover{background-color:#efefef}.accountingReportTable td{padding:5px;text-align:center}.accountingReportTable:not(.balanceTAccountTable) td:nth-last-child(1),.accountingReportTable:not(.balanceTAccountTable) td:nth-last-child(2){text-align:right}.accountingReportTable .code,.accountingReportTable .title{text-align:left}.balanceTAccountTable{width:100%;table-layout:fixed}.accountingReportTable .thirdGrade{padding-left:25px}.accountingReportTable .fourthGrade,.balanceReportTable .secondGradeTotal,.profitnlossReportTable .secondGradeTotal{padding-left:45px}.balanceTAccountTable:not(.displaySubjectNum) td:nth-child(2),.balanceTAccountTable:not(.displaySubjectNum) td:nth-child(4){text-align:right}.balanceTAccountTable:not(.displaySubjectNum) td:nth-child(3){padding-left:25px}.balanceTAccountTable:not(.displaySubjectNum) td:nth-child(3).thirdGrade{padding-left:45px}.balanceTAccountTable:not(.displaySubjectNum) td:nth-child(3).fourthGrade{padding-left:65px}.balanceTAccountTable.displaySubjectNum td:nth-child(3),.balanceTAccountTable.displaySubjectNum td:nth-child(6){text-align:right}.balanceTAccountTable.displaySubjectNum td:nth-child(4){padding-left:25px}.profitnlossReportTable.displayPercentage:not(.displaySubjectNum) td:nth-child(n+2){text-align:right}.profitnlossReportTable.displayPercentage.displaySubjectNum td:nth-child(n+3){text-align:right}.balanceReportTable[data-hasfourthgrade] .secondGradeTotal,.profitnlossReportTable[data-hasfourthgrade] .secondGradeTotal{padding-left:25px}.accountingReportTable .firstGrade{font-size:1.5em;font-weight:bold}.accountingReportTable .font-l{font-size:1.5rem}.accountingReportTable .underline{border-bottom:1px solid #000}.accountingReportTable .dbunderline{border-bottom:3px double #000}.accountingReportTable .upperline{border-top:1px solid #000}#iTop{float:left;width:100%;height:33px;background-color:#333}#iTopWider{float:left;width:100%;height:100px;background-color:#333}#logo{min-width:120px;text-align:center;white-space:nowrap;height:48px;position:relative}.logoChangeIcon,.bannerChangeIcon{position:absolute;top:5px;font-size:12px;color:#ccc;cursor:pointer}.logoChangeIcon{right:5px}.bannerChangeIcon{left:5px}#logoWider{float:left;margin:25px 0 0 25px}#widerNav{clear:left;float:left;margin:25px 0 0 25px;width:600px}.menuButton{margin:1px 0 1px 0;font-size:11px;padding:0 2px 0 2px;float:left}#modedesc{color:#000}#accessRights,#fieldAccessRights{float:left;font-size:12px;margin:12px 0 12px 0;border-collapse:collapse;border:1px solid #CCC}.v6TopButtonLink{float:left;text-decoration:underline;margin:3px 8px 0 3px;font-size:12px;cursor:pointer}.topButtonLink{float:left;color:white;text-decoration:underline;margin:3px 8px 0 3px;font-size:12px;cursor:pointer;_vertical-align:baseline}a:link.topButtonLink,a:visited.topButtonLink,a:active.topButtonLink,a:hover.topButtonLink{float:left;color:white;text-decoration:underline;margin:3px 8px 0 3px}#entryCount{color:white;float:right;font-size:12px;margin:0 8px 0 3px;padding:3px 10px 3px 10px;border:1px solid #fafafa;cursor:pointer}#entryCount:hover{background:#f5f5f5;border:1px solid #eaeaea;border-radius:3px}.buttonWithHoverBg{cursor:pointer;padding:.25rem;background:transparent;color:#888;transition:200ms}.buttonWithHoverBg:hover{cursor:pointer;padding:.25rem;border-radius:.125rem;background:#c2c2c2;color:#333;transition:200ms}.textFilterButton{margin-bottom:5px;text-align:center;float:left;box-sizing:border-box;width:80px;cursor:pointer;background:url(/sims/img/button.png);border:1px solid #bbb;border-radius:3px;padding:5px 10px;font-size:13px}#approvalNoSigMsg{float:left;display:inline-block;padding:5px 20px 5px 10px;margin:15px 0 0 0;color:red}.topButtonWhole,.topButtonWholeRight,.topButtonWholeDrop,.topButtonWholeGrey,.topButtonWholeLarger{float:left;display:inline-block;background:#f3f3f3;background:linear-gradient(#f3f3f3,#f0f0f0);background:-moz-linear-gradient(top,#f3f3f3,#f0f0f0);background:-webkit-linear-gradient(top,#f3f3f3,#f0f0f0);background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#f0f0f0));background-position:0 0;border:1px solid #dbdbdb;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;line-height:15px;padding:5px 20px 5px 20px;font-size:12px}.topButtonWhole:not(:disabled):not(.disabled),.topButtonWholeRight:not(:disabled):not(.disabled),.topButtonWholeDrop:not(:disabled):not(.disabled),.topButtonWholeGrey:not(:disabled):not(.disabled),.topButtonWholeLarger:not(:disabled):not(.disabled){cursor:pointer}.topButtonWholeLarger{padding:5px 30px 5px 30px}.quick-spin{-webkit-animation:fa-spin .7s infinite linear;animation:fa-spin .7s infinite linear}.topButtonWholeLight{background:#f1f1f1;background:-webkit-linear-gradient(top,#fff,#f1f1f1);background:-moz-linear-gradient(top,#fff,#f1f1f1);background:linear-gradient(top,#fff,#f1f1f1);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1))}.topButtonWhole:focus-visible,.topButtonWholeRight:focus-visible,.topButtonWholeDrop:focus-visible,.topButtonWholeGrey:focus-visible,.topButtonWholeLarger:focus-visible{outline:1px solid #bdbdbd}.topButtonWhole:hover,.topButtonWholeRight:hover,.topButtonWholeDrop:hover,.topButtonWholeGrey:hover,.topButtonWholeLarger:hover{border:1px solid #bdbdbd;background:#f8f8f8;background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background:linear-gradient(top,#f8f8f8,#f1f1f1);background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1))}.topButtonWholeActive,.topButtonWhole:active,.topButtonWholeRight:active,.topButtonWholeDrop:active,.topButtonWholeGrey:active,.topButtonWholeLarger:active{background:#efefef;background:-webkit-linear-gradient(top,#efefef,#f1f1f1);background:-moz-linear-gradient(top,#efefef,#f1f1f1);background:linear-gradient(top,#efefef,#f1f1f1);background:-webkit-gradient(linear,left top,left bottom,from(#efefef),to(#f1f1f1))}.topButtonWhole:disabled,.topButtonWhole.disabled{background:linear-gradient(#f3f3f3,#f0f0f0)}.topButtonRed{background:#ed0733;background:-webkit-linear-gradient(top,#ed0733,#dd0b3e);background:-moz-linear-gradient(top,#ed0733,#dd0b3e);background:linear-gradient(top,#ed0733,#dd0b3e);color:#fff}.topButtonRed:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);background:#dd0b3e;background:-webkit-linear-gradient(top,#dd0b3e,#ed0733);background:-moz-linear-gradient(top,#dd0b3e,#ed0733);background:linear-gradient(top,#dd0b3e,#ed0733);color:#fff}.topButtonBlue,.floatingWinContent .topButtonBlue{background:#36f;background:-webkit-linear-gradient(top,#36f,#36c);background:-moz-linear-gradient(top,#36f,#36c);background:linear-gradient(top,#36f,#36c);color:#fff}.topButtonBlue:hover{background:#36f;background:-webkit-linear-gradient(top,#36f,#2350a8);background:-moz-linear-gradient(top,#36f,#2350a8);background:linear-gradient(top,#36f,#2350a8);color:#fff}.topButtonBlueDisabled{background:#99f;background:-webkit-linear-gradient(top,#99f,#7e7efc);background:-moz-linear-gradient(top,#99f,#7e7efc);background:linear-gradient(top,#99f,#7e7efc);color:#fff}.topButtonBlueDisabled:hover{background:#ccf;background:-webkit-linear-gradient(top,#ccf,#a5a5fa);background:-moz-linear-gradient(top,#ccf,#a5a5fa);background:linear-gradient(top,#ccf,#a5a5fa);color:#fff}.round-fluctuate-btn{width:30px;height:30px;box-sizing:border-box;padding:20px;border-radius:100%;color:#727272;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in}.round-fluctuate-btn:hover{color:#000;background-color:rgba(218,218,218,0.34)}.topButtonCut{margin:0 !important;border-radius:3px 0 0 3px}.topButtonWholeGrey{color:#ccc}.topButtonDisabled{background:#f8f8f8 !important;border:1px solid #efefef !important;color:#ccc !important;cursor:default !important}.topButtonDisabled:hover{background:#f8f8f8 !important;border:1px solid #efefef !important;color:#ccc !important}.topButtonWholeDrop{clear:left;width:150px}.topButtonWholeRight{float:right}.topButtonLeft,.topButtonRight,.topButtonSmall,.topButtonWords{float:left;_float:none;display:inline;font-size:12px}#nuicelltable td .topButtonWhole{float:none;height:calc-size(auto,round(up,size,1px));text-decoration:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.noImage{background-image:none}.topButtonChoice{font-size:12px;cursor:pointer;white-space:nowrap;padding:5px 0 0 1em;font-weight:bold}.topButtonChoiceDesc{font-size:12px;cursor:pointer;white-space:nowrap;color:#aaa;padding:0 0 5px 1em}.topButtonLC,.topButtonLCRight{float:left;display:inline;width:1px;height:22px}.bottomIcon{float:left;width:20px;height:20px;background:url(/sims/img/icons.png) no-repeat}.bottomIconDesc{float:left;margin-left:7px;padding-top:2px}.topIconSmall{float:left;background:url(/sims/img/icons.png) no-repeat 20px -4px;width:16px;height:16px;margin:0 8px 0 0}.topIconSmallv6{float:left;width:22px;height:20px;margin:0 8px 0 0}.topIcon{float:left;background:url(/sims/img/icons.png) no-repeat;width:25px;height:21px}.topIcon:hover{background-color:#e1e1e1}.styleTopIcon{flex-basis:9.09%}.styleContainer{display:flex;overflow:auto}.borderIcon{float:left;width:25px;height:21px;margin:10px}.borderStyleIcon{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/icons_borderstyle.svg) no-repeat;width:100px;height:15px;margin:5px 0 5px 0;float:left;background-size:cover}.borderStyleSelected{float:left;width:15px;height:15px;margin:5px 0 5px 0;visibility:hidden}.borderIcon:hover{background-color:#e1e1e1}.borderStyleIcon:hover{background-color:#e1e1e1}.iconText{padding:3px 12px 3px 12px}.dwcell{position:absolute;background-color:#CCC;cursor:col-resize !important;border-radius:1px}.dhcell{position:absolute;background-color:#CCC;cursor:row-resize !important;border-radius:1px}.frontIcon{text-align:center;margin:0}.frontIconCell{text-align:center;vertical-align:top;padding-top:25px}.frontIconText{font-size:12px;margin:5px 0 0;font-weight:bold}.divInput{float:left;background:white;border:1px solid #888;height:14px;width:129px;overflow:hidden}.filterMultipleSelect{position:absolute;width:129px;z-index:99;border:1px solid #888;background:white;padding:8px}.filterItemWrapper{float:left;clear:left}.uploadElemDiv{position:absolute;z-index:51;background-color:#f5f5f5}.uploadElemInnerDiv{width:100%;height:100%;display:table;table-layout:fixed}.uploadProgress{border:0;width:100%;height:inherit;border-radius:9px;display:table-cell}.uploadProgressClose{width:15%;font-size:12px;border-radius:9px;cursor:pointer;display:table-cell;vertical-align:middle;text-align:center}.uploadProgress[value]{color:#d4e4ff}.uploadProgress::-webkit-progress-bar{background-color:#f5f5f5}.uploadProgress::-webkit-progress-value{background:#d4e4ff}.uploadProgress::-moz-progress-bar{background:#d4e4ff}.topIconSmall_bDeleteEntry{background:url(/sims/img/icons/ListingPageTool/Editing/delete-all-filtered.svg) no-repeat}.topIconSmall_bExcel{background-position:-1024px -4px}.topIconSmall_bWheel{background-position:-1570px -3px}.topIconSmall_bWheel2{background-position:-1574px -3px}.topIconSmall_bExcelDL{background:url(/sims/img/icons/ListingPageTool/Export_Form/download-as-excel-or-text.svg) no-repeat}.bottomIcon_bCusReport{background:url(/sims/img/icons/ListingPageTool/Export_Form/mail-merge.svg) no-repeat}.bottomIcon_bCustomPrint{background:url(/sims/img/icons/ListingPageTool/Export_Form/custom-print.svg) no-repeat}.topIconSmall_bPrint{background:url(/sims/img/icons/ListingPageTool/Export_Form/printer-friendly.svg) no-repeat}.topIconSmall_bPublish{background:url(/sims/img/icons/ListingPageTool/Export_Form/publish-to-the-web.svg) no-repeat}.topIconSmall_bExportReport{background:url(/sims/img/icons/ListingPageTool/Export_Form/schedule-report.svg) no-repeat}.topIconSmall_bExcelUL{background:url(/sims/img/icons/ListingPageTool/Import/import-data-from-file.svg) no-repeat}.topIconSmall_bUrlImport{background:url(/sims/img/icons/ListingPageTool/Import/periodic-import-from-URL.svg) no-repeat}.topIconSmall_bEmbed{background:url(/sims/img/icons/ListingPageTool/Share/embed-this-sheet.svg) no-repeat}.topIconSmall_bEmail{background:url(/sims/img/icons/ListingPageTool/Share/send-mass-e-mail.svg) no-repeat}.topIconSmall_bNotify{background:url(/sims/img/icons/ListingPageTool/My-Settings/notification-settings.svg) no-repeat}.topIconSmall_bFSize{background:url(/sims/img/icons/ListingPageTool/My-Settings/font-size.svg) no-repeat}.topIconSmall_bShare{background:url(/sims/img/icons/ListingPageTool/Share/share-this-sheet.svg) no-repeat}.topIconSmall_bReload{background-position:-1825px -2px}.topIconSmall_bExcelULNew{background:url(/sims/img/icons/ListingPageTool/Import/create-sheet-from-file.svg) no-repeat}.topIconSmall_bMassFile{background:url(/sims/img/icons/ListingPageTool/Import/mass-file-upload.svg) no-repeat}.topIcon_bBack{background-position:-456px 0}.topIcon_bSave{background-position:-570px 0}.topIcon_bBrowse{background-position:-485px 0}.topIcon_bDoneBuild{background-position:-625px 0}.topIcon_bEdit{background:url(/sims/img/icons/ListingPageTool/Editing/edit-multiple-entries.svg) no-repeat}.topIcon_bBatchExec{background:url(/sims/img/icons/ListingPageTool/Editing/batch-processing.svg) no-repeat}.topIcon_bMassEdit{background:url(/sims/img/icons/ListingPageTool/Editing/mass-update.svg) no-repeat}.topIcon_bMassCreate{background:url(/sims/img/icons/ListingPageTool/Editing/mass-create.svg) no-repeat}.topIconSmall_bClone,.topIcon_bMassClone{background:url(/sims/img/icons/ListingPageTool/Editing/mass-clone.svg) no-repeat}.topIconSmall_bMagicEntry{background:url(/sims/img/icons/FormPageTool/share-this-entry.svg) no-repeat}.topIconSmall_bLine{flex-shrink:0;background:url(/sims/img/icons/FormPageTool/line.svg) no-repeat}.topIconSmall_bWhatsApp{color:#6bb73e;font-size:20px;flex-shrink:0}.topIcon_bInfo{background-position:-767px 0}.topIcon_bNotify{background-position:-1100px 0}.topIcon_bFolder{background-position:-796px 0}.topIcon_bRight{background-position:-1000px 0}.topIcon_bTemplate{background-position:-515px 0}.topIcon_bDesign{background-position:-881px 0}.topIcon_bTooling{background-position:-1192px 0}.topIcon_bBannerOff{background:url(/sims/img/icons.png) -1355px 1px}.topIcon_bReport{background:url(/sims/img/icons/ListingPageTool/Export_Form/create-report.svg) no-repeat}.topIcon_bPivot{background-position:-1135px -2px}.topIcon_bChart{background-position:-431px -2px}.topIcon_bEvernote{background-position:-1599px -2px}.topIcon_bDashboard{background-position:-1222px 0}.topIcon_bFacebook{background-position:-1327px 0}.topIcon_bBannerClose{background-position:-1369px 0;float:right;margin:120px 0 0 0;cursor:pointer}.topIcon_bMode1{background-position:-1275px 0}.topIcon_bMode2{background-position:-1302px 0}.topIcon_bModeFormSetting{background-position:-1250px 0}.topIcon_bFieldSetting{background-position:-1427px 0}.topIcon_bCalendar{background:url(/sims/img/icons/ListingPageTool/Sync/calendar-sync.svg) no-repeat}.topIcon_bSQL{background:url(/sims/img/icons/ListingPageTool/Sync/sql-sync.svg) no-repeat}.topIcon_bZapier{background:url(/sims/img/icons/ListingPageTool/Sync/connect-with-your-web-apps.svg) no-repeat}.topIcon_bWebhook{background:url(/sims/img/icons/ListingPageTool/Sync/Webhook.svg) no-repeat}.topIcon_bFormSubmissionReminder{background:url(/sims/img/icons/ListingPageTool/Sync/form_submission_reminder.svg) no-repeat}.topIcon_bNewData{background-position:-683px 0}.topIcon_bPrevPage{background-position:-372px -1px}.topIcon_bNextPage{background-position:-346px -1px}.topIcon_bPrevPageD{background-position:-960px -1px}.topIcon_bNextPageD{background-position:-933px -1px}.topIcon_bBold{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/bold.svg) center/60% 60% no-repeat}.topIcon_bItalic{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/italic.svg) center/60% 60% no-repeat}.topIcon_bUnder{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/underline.svg) center/60% 60% no-repeat}.topIcon_bAlignL{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/align-left.svg) center/60% 60% no-repeat}.topIcon_bAlignM{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/align-center.svg) center/60% 60% no-repeat}.topIcon_bAlignR{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/align-right.svg) center/60% 60% no-repeat}.topIcon_bAlignVT{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/vertical_align_top.svg) center/60% 60% no-repeat}.topIcon_bAlignVM{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/vertical_align_middle.svg) center/60% 60% no-repeat}.topIcon_bAlignVB{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/vertical_align_bottom.svg) center/60% 60% no-repeat}.topIcon_bFColor{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/font_color.svg) center/70% 70% no-repeat}.topIcon_bBColor{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/background_color.svg) center/75% 75% no-repeat}.topIcon_bAction{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/link.svg) center/60% 60% no-repeat}.topIcon_bExcel{background-position:-1021px 0}.topIcon_bCSV{background-position:-1941px 0}.topIcon_bPDF{background:url(/sims/img/icons/ListingPageTool/Export_Form/download-as-pdf.svg) no-repeat}.topIconSmall_bAttachments{background:url(/sims/img/icons/ListingPageTool/Export_Form/download-attachment.svg) no-repeat}.topIcon_bSync{background-position:-1917px -3px}.topIcon_bPhone{background-position:-1968px -3px}.topIconSmall_bSMS{background:url(/sims/img/icons/ListingPageTool/Share/send-mass-SMS.svg) no-repeat}.topIcon_bReload{background-position:-1047px 2px;cursor:pointer}.topIcon_bReportDashboard{background:url('/intl/common/img/report/dashboard.svg') center;background-size:contain}.topIcon_bReportRanking{background:url('/intl/common/img/report/ranking.svg') center;background-size:contain}.topIcon_bReportPivot{background:url('/intl/common/img/report/pivot_table.svg') center;background-size:contain}.topIcon_bAssociation{background:url('/intl/common/img/report/association.svg') center;background-size:contain}.topIcon_bReportLine{background:url('/intl/common/img/report/line_graph.svg') center;background-size:contain}.topIcon_bReportRadar{background:url('/intl/common/img/report/radar_chart.svg') center;background-size:contain}.topIcon_bReportPie{background:url('/intl/common/img/report/pie_chart.svg') center;background-size:contain}.topIcon_bReportGrouping{background:url('/intl/common/img/report/grouping.svg') center;background-size:contain}.topIcon_bReportTodo{background:url('/intl/common/img/report/to_do_list.svg') center;background-size:contain}.topIcon_bReportBar{background:url('/intl/common/img/report/bar_chart.svg') center;background-size:contain}.topIcon_bReportDualAxis{background:url('/intl/common/img/report/dual_axis_chart.svg') center;background-size:contain}.topIcon_bReportGantt{background:url('/intl/common/img/report/gantt_chart.svg') center;background-size:contain}.topIcon_bReportKanban{background:url('/intl/common/img/report/kanban_board.svg') center;background-size:contain}.topIcon_bReportCalendar{background:url('/intl/common/img/report/calendar.svg') center;background-size:contain}.topIcon_bReportMap{background:url('/intl/common/img/report/address_mapping.svg') center;background-size:contain}.topIcon_bReportLabel{background:url('/intl/common/img/report/label_maker.svg') center;background-size:contain}.topIcon_bCustomPrint{background:url('/intl/common/img/report/custom-print.svg') center}.topIcon_bReportReservation{background:url('/intl/common/img/report/Reservation_system.svg') center;background-size:contain}.topIcon_bEmpty{background-position:0 100px}.borderIcon_1{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style.svg) center/80% 80% no-repeat}.borderIcon_2{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/border_style_left.svg) center/80% 80% no-repeat}.borderIcon_3{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/border_style_bottom.svg) center/80% 80% no-repeat}.borderIcon_4{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/border_style_top.svg) center/80% 80% no-repeat}.borderIcon_5{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/border_style_right.svg) center/80% 80% no-repeat}.borderIcon_6{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/border_style_no.svg) center/80% 80% no-repeat}.borderIcon_color{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/line_color.svg) center/80% 80% no-repeat}.borderIcon_style{background:url(/sims/img/icons/BuilderTool/Field-Style-Settings/border_style/line_style.svg) center/80% 80% no-repeat}.borderStyleIcon_1{background-position:0 0}.borderStyleIcon_2{background-position:0 -15px}.borderStyleIcon_3{background-position:0 -30px}.borderStyleIcon_4{background-position:0 -45px}.borderStyleIcon_5{background-position:0 -60px}.borderStyleIcon_6{background-position:0 -75px}.bottomIcon_bTemplate{background-position:-512px -3px}.bottomIcon_bDesign{background-position:-881px -3px}.bottomIcon_bExcel{background-position:-1021px -3px}.bottomIcon_bEdit{background-position:-911px -3px}#comments input{padding:3px}.commentItem{margin:5px 0 5px 0;line-height:150%;float:left;clear:both;width:100%;position:relative}.commentDelete{position:absolute;top:0;right:0;display:none}.commentItem:hover .commentDelete{display:block}.commentItem p{margin:.5em 0 .5em 0}.commentHeader{background:#ddd;border-radius:3px;padding:3px;display:inline-block;width:100%}.commentSeq{color:#ccc;float:right}.commentText{float:left;word-break:break-word}.commentBubbleWrap{float:left;margin:0 0 0 8px;width:85%}.commentBubble{float:left;background:#fff;border-radius:20px;padding:8px 25px 8px 15px}.commentUser{color:#333;font-weight:bold;margin:0 8px 0 0;white-space:nowrap}.commentDate{color:#888;margin:5px 0 0 15px;clear:left}.commentAttachment{color:#369;font-weight:bold;float:left;clear:both}.textareaDisabled{color:#ccc;padding:5px;height:30px;overflow:hidden;width:390px}.textareaEnabled{color:black;padding:5px;width:390px}#customBanner{float:left;height:150px;width:100%}.wizardheader{font-size:25px;font-weight:bold;margin:0 0 20px 0}.wizardDesc{width:700px;font-size:14px;line-height:200%}.alertBackground{background-color:#fcc;cursor:pointer}.alertIcon{color:red;fontSize:14px;margin:0 3px}#backupTable{table-layout:fixed;margin-top:20px;height:70%}#backupTable td{width:50%;font-size:12px;vertical-align:top}.more{display:inline-block;cursor:pointer;height:20px;font-size:12px;color:#08c;margin:3px 0 25px 17px;padding:3px 12px}.historyRecord{font-size:12px;cursor:pointer;line-height:22px;border-radius:8px;padding:1px 12px}.historyTitle{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center}.historyRecord .historyRecordTime{color:#aaa;white-space:nowrap;margin-right:5px}.historyRecord ul{margin:0;padding:0}.historyRecord li{list-style:none;margin-left:1em}.historyRecord:hover{background-color:#e1e1e1}.historyRecord .triggerTypeIcon{color:#888;padding:0 0 0 5px}.historyRecord .clickAble{padding:5px;border-radius:12px}.historyRecord .clickAble:not(.disabled){cursor:pointer}.historyRecord .clickAble:not(.disabled):hover{background:#d1d1d1;text-decoration:none}.historyContent{overflow-x:auto;display:none}.historyContent.show{display:block}.historyRecord-subtable-row{border-bottom:1px solid #e1e1e1;display:inline-block;width:90%}.history-subtable-rows>li:last-child>.historyRecord-subtable-row{border-bottom:0}.historyRecord-mass-delete-separator{border-top:1px solid #ccc;margin-top:8px;padding-top:8px;list-style:none}#historySearchBtn{margin:6px 0;padding:5px 36px}.infoFeature{margin:8px 0;display:flex;align-items:center}.infoFeature .infoIcon{color:gray;margin-right:3px}.infoFeature .infoBody{width:fit-content;padding:5px;border-radius:12px;cursor:pointer;color:#08c}.infoFeature .infoBody:hover{background-color:#e1e1e1}#unarchiveHistoryIcon{color:gray;margin-left:3px;cursor:pointer}#infoMoreBlock{margin-top:0;padding:0 12px 0 7px;font-size:12px;gap:5px}#downloadInfoHistory{display:flex;align-items:center}.dataDlSetting_deleteIcon{visibility:hidden;padding:0 5px 0 2px;cursor:pointer;color:red}#dataDlSettingPanel{margin:5px}#dataDlSettingPanel td{padding:3px 5px 3px 5px;font-size:12px}#dataDlSettingPanel td input[type="radio"]{margin:0 5px 0 0}.pdfPrintBackgroundInput{display:none}.pdfPrintBackgroundLabel{cursor:pointer;display:inline-flex;align-items:center}#floatingWinContent #dataDlSettingPanel .pdfPrintBackgroundLabel{bottom:-1px}.pdfPrintBackgroundIcon{color:#555;font-size:16px;line-height:16px;text-align:center;width:16px}.pdfPrintBackgroundIcon.checked{color:#08C}#separatorSetting{font-size:12px;display:flex;align-items:center;margin:8px 0}.tabContentItems{margin:6px 0}.itemSpace{margin-right:6px}#approvalTable td,#wfTable td{vertical-align:middle;text-align:center}.approvalConfigIcon{color:#888;margin:2px 0 0 0}#approvalTable select{width:90%}.approvalPolicyDiv{padding-top:5px;padding-left:12px;text-align:left}.approvalCommentHint{font-weight:300;font-style:italic;color:#888;font-size:16px;cursor:pointer}#approvalForm{margin-bottom:0}.t-approval-advance-setting-flex-container{margin:5px 0 0 0;display:flex;gap:5px;align-items:center}.t-approval-step-dmenu-item-flex-container{display:flex;gap:3px;align-items:center}.t-approval-step-email-icon-container{display:flex;align-items:center;padding:0 0 0 12px !important}.t-approval-step-email-icon{color:#888;cursor:pointer}.t-approval-delete-step-email-icon{font-size:8px;cursor:pointer;margin-bottom:10px}.aprComment{font-size:12px;border-top:1px solid #888;padding:5px 0;margin:0 10px;word-break:break-word}.ragic_color_picker_wrapper{border:1px solid #b3b3b3;background-color:#efefef;padding:7px 15px;box-sizing:border-box;border-radius:5px;box-shadow:0 10px 20px -8px rgb(99 99 99 / 89%);overflow:auto}.ragic_color_picker_top_bar{text-align:right;margin:5px 0 10px 5px}.ragic_color_picker_top_bar>i.fa-times{cursor:pointer;font-size:14px}.ragic_color_picker_top_bar>i.fa-times:hover{color:grey}.ragic_color_footer{padding:5px 0}.ragic_color_footer>button{margin-left:20px}.ragic_color_palette,.ragic_color_picker{display:inline-block;vertical-align:top}.safari-picker .ragic_color_picker{display:block}.ragic_color_palette td span{margin:2px 1px;cursor:crosshair;display:block;width:1em;height:1em}.ragic_no_color{text-align:center;font-size:10px;color:#a9a9a9;border:1px solid #999;background-color:#f8f8f8;display:none;cursor:pointer;padding:5px}.ragic_no_color:hover{background-color:#eaeaea;color:#525252}.picker-wrapper,.slide-wrapper{position:relative;float:left}.picker-indicator,.slide-indicator{position:absolute;left:0;top:0;pointer-events:none}.picker,.slide{cursor:crosshair;float:left}.ragic_color_picker .picker{width:150px;height:150px}.ragic_color_picker .slide{width:30px;height:150px}.ragic_color_picker .slide-wrapper{margin-left:4px}.ragic_color_picker .picker-indicator{width:5px;height:5px;border:2px solid darkblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white}.ragic_color_picker .slide-indicator{width:100%;height:10px;left:-2px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:2px solid lightblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:white}.safari-picker .picker-wrapper,.safari-picker .slide-wrapper{display:none}.color_input{font-size:1em;border:1px solid #ccc;margin:5px auto;width:150px;padding:0}#Hmodel{POSITION:relative;toP:-5px}#Hmodel div{HEIGHT:1px;WIDTH:19px;font-size:1px;line-height:1px;MARGIN:0;PADDING:0}#desktopIcons{margin:10px;background:white;width:170px;border:1px solid #efefef}.desktopRegionHeader{padding:5px 12px 0 12px;color:#888}#billingItemTable{font-size:13px}#billingItemTable tr th,#billingItemTable tr td{padding:5px}#billingItemTable tr th{font-weight:bold;width:125px;text-align:right}.billingItemHeader{font-size:15px;font-weight:bold;background-color:#bde;padding:6px}#cssMenuDrop,#cssMenuDrop ul{padding:0;margin:0;list-style:none;cursor:pointer}#cssMenuDrop li{float:left;position:relative;margin:0 8px 0 8px}.cssMenuDropItem{font-size:14px}.cssMenuDropItem a{margin:3px 8px 3px 6px;text-decoration:none;color:#efefef}.cssMenuDropSubUL{display:none;width:10em;position:absolute;top:1.2em;left:0;background-color:#333;border:1px solid #888}.cssMenuDropSubUL li{padding:8px 8px 8px 6px;width:100%;color:white;font-size:12px}.cssMenuDropSubUL li a{text-decoration:none}#cssMenuDrop li>ul{top:auto;left:auto}#cssMenuDrop li:hover ul,li.over ul{display:block}.closeButton{height:17px;width:17px;float:right;cursor:pointer;font-weight:bold}.closeButton:hover{opacity:.5;filter:alpha(Opacity=50)}.closeButtonImg{margin:10px 4px 4px 4px}.returnButton{position:absolute;top:14px;gap:5px;cursor:pointer;height:18px;display:flex;align-items:center}.returnButton:hover{opacity:.5;filter:alpha(Opacity=50)}#homeMessage{font-size:12px;background-color:#f2e3e4;padding:.2em 1.5em 1.5em 1.5em}#homeMessage:hover{background-color:#f7e8e9}.homeMessageHeader{font-size:15px;font-weight:bold;margin:0 0 12px 0}#homeMessage p{margin:0 0 5px 0;width:500px;line-height:20px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}/*\*/* html .clearfix{height:1%}.clearfix{display:block}/**/#footer{position:absolute;bottom:0;left:0;width:100%;height:25px;border-top:1px solid #888;border-bottom:1px solid #888;background-color:#e5e5e5;z-index:49}.tabbelow,.tabbelowOn{float:left;margin-right:2px;padding:3px 8px 3px 8px;font-size:12px;text-align:center;cursor:pointer;border-left:1px solid #888;border-right:1px solid #888;border-bottom:1px solid #888}.tabbelow{background-color:#CCC}.tabbelowOn{background-color:white}#sheetsDivOuter{float:left;width:60%;overflow:hidden}#sheetsDivInner{width:9999px}.smallButton{background:#ccc;color:white}#start{float:left;margin-right:2px;height:25px;width:100px;_width:116px;padding:5px 8px 0 8px;background:url(/sims/img/applications.png) no-repeat;font-size:12px;text-align:center;cursor:pointer}#startHeader{background-color:#369;font-size:10px;font-weight:bold;color:white;padding:7px}.startItems{clear:left;float:left;background-color:#f6f6f6;font-size:10px;color:#333;cursor:pointer;width:190px;padding:3px;height:16px}.seperators{font-size:10px;color:#AAA;margin-bottom:0}#startPanel{position:absolute;bottom:25px;left:0;background-color:#f6f6f6;border:1px solid #CCC;width:200px;height:300px}#textSummary{margin:25px 50px 0 50px;font-size:16px;line-height:30px}#selectionSummary{margin:25px 50px 200px 50px;font-size:13px;line-height:30px}#selectionSummary li{border-top:1px solid #ccc;padding:0 0 0 25px;cursor:pointer}#selectionSummary li:hover{background-color:#efefef}#selectionPick{float:left;width:180px}.rankbar{height:18px;background-color:#08c;display:inline-block}#selectionRank{float:left;margin:0 0 0 25px;table-layout:fixed;width:500px}#selectionRank div{height:18px;display:inline-block;background-color:#08c}#selectionRank td{border-top:1px solid #ccc;padding:0 0 0 15px;font-size:12px;line-height:30px}#selectionRank tr:hover{background-color:#efefef}.factNumber{font-size:18px;font-weight:bold}.optionButton{float:right;clear:right;margin:12px 0 0 0}.optionButton li{float:left}.optionButton li a{padding:.4em .5em;background-color:#f6f6f6;color:#AAA;font-weight:bold;text-shadow:0 1px rgba(255,255,255,0.5);background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,255,0.0));background-image:-webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.0)));background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,255,0.0))}.optionButton li a.optionButtonSelected{background-color:#efefef;color:#555}.optionButton li:first-child a{border-radius:7px 0 0 7px}#options li:last-child a{border-radius:0 7px 7px 0}.optionButton li a{border:1px solid #dadada}#dashboardPicker select{border:1px solid #dadada;border-radius:3px;font-size:12px;color:#555;padding:.2em .3em}#f_usrref table td,#f_grpref table td{font-size:11px;padding:3px 0 3px 0}#v5DesignHelper{width:360px;vertical-align:top;background:#efefef}#designPanels{background:url(/sims/img/tabbg.gif) bottom repeat-x #e2e2e2;padding:5px 0 0 0}#designPanels div{float:left;font-size:12px;font-weight:bold;cursor:pointer;text-decoration:underline;color:#08c;padding:8px;border-radius:8px 8px 0 0;margin:0 0 0 5px}.selectedDesignHelperMode{background:#efefef;border-top:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa}#designerInfoContent{float:left;font-size:12px;background-color:#f3f3f3;border-right:1px solid #aaa;overflow-y:auto;width:100%}#addField .fieldAdder,.addField{margin:3px 6px;border:1px solid #ccc;box-shadow:0 1px 3px 0 #ccc;padding:3px 8px;font-size:12px;cursor:pointer;min-width:120px;white-space:nowrap;border-radius:8px;float:left}#addField .fieldAdder:not(.specifiedBg),.addField{background:#f8f8f8}#addField{overflow-y:auto}#addField .addFieldGroupHeader{margin:25px 0 0 25px;font-weight:bold;font-size:12px;color:#333}#addField .addFieldGrid{display:flex;flex-wrap:wrap;justify-content:space-between;width:312px;margin:12px 0 0 25px}#addField .addFieldGrid:last-child{margin-bottom:25px}#addField .fieldAdder:not(.specifiedBg):hover,.addField:hover{background:#DEA;border:1px solid #8A5}#addField .addField.addMailMergeField,#addField .addField.addCustomPrintField{max-width:120px}#addField .addField.addActionButtonField{max-width:120px;white-space:break-spaces}#dropTarget{position:absolute;z-index:62;border:3px dashed #888;pointer-events:none}#listingFieldSelectorTable td{font-size:12px;padding:8px}#listingFieldSelectorTable select{min-width:200px;max-width:600px}#listingFieldSelectorTable option{padding:3px 8px 3px 8px}.menuTabSelector{width:350px;height:350px}.menuTabSelector option{padding:3px 8px 3px 8px;font-size:14px}.menuTabSelectorThin,menuSetSelectorThin{width:120px;height:350px}.menuTabSelectorThin option{padding:2px 5px;font-size:12px}#visibleDomainSelectorTable select{min-width:200px;max-width:600px}#visibleDomainSelectorTable option{padding:3px 8px 3px 8px}#visibleDomainSelectorTable{height:300px;margin:0 auto}#createSheetFromSubtable th,#createSheetFromSubtable td{background:#e0e7ef;padding-left:3px;height:16px;font-size:12px;width:150px;border:1px solid #888}#createSheetFromSubtable th{background:#8fb5ff}#createSheetFromSubtable table{margin:5px 0 0 0}#createSubtableFromMultiple th,#createSubtableFromMultiple td{background:#e0e7ef;padding-left:3px;height:16px;font-size:12px;width:150px;border:1px solid #888}#createSubtableFromMultiple th{background:#8fb5ff}#createSubtableFromMultiple table{margin:5px 0 0 0}#pivotTableDiv{overflow:auto;clear:left}#pivotTableDiv table{border-collapse:collapse}#pivotTableDiv table tr td{font-size:12px;border:1px solid #efefef;height:20px;padding:0 5px 0 12px;text-align:right}.pivotHeaderTop{border-bottom:2px solid #888 !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;background:#f5f5f5}.pivotHeaderLeft{white-space:nowrap;background:#f5f5f5}#createPrompt,.createPrompt{float:left;clear:left;margin:50px 50px 50px 80px;font-weight:700;width:550px}.createPromptDiv{padding:25px 20px;margin:25px 0 0 0;font-size:16px;border:1px solid #ccc;border-radius:25px;width:500px}.createPromptDiv a{font-size:16px;text-decoration:underline;font-weight:bold;color:#08c}.createPromptDiv a:hover,.createPromptDiv a:visited,.createPromptDiv a:active{font-size:16px}.createPromptDiv p{margin:12px 0 12px 0}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background:rgba(0,0,0,0.75)}#overlayHeader{z-index:9999;padding:12px 0;display:flex;justify-content:flex-end;align-items:center;width:100%;height:7%;box-sizing:border-box;background:linear-gradient(to top,transparent,#313131)}.overlayHeaderIcon{width:15px;height:15px;padding:12px;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:10px;transition:background-color.3s;color:#fff}.overlayHeaderIcon>i{font-size:20px;font-weight:400;color:white}.overlayHeaderIcon:hover{background-color:rgba(123,123,123,0.9)}#lightbox{margin:0 auto;min-width:70%;max-width:1500px;width:90%;height:93%;z-index:9999;text-align:center}#lightBoxSettings{padding:10px 0;border-radius:2px;z-index:10000;position:absolute;background-color:#f6f6f6;cursor:pointer;font-size:14px;color:#585858;user-select:none}#lightBoxSettings *{cursor:pointer !important}#lightBoxSettings>div{padding:10px 25px;transition:background-color .3s}#lightBoxSettings>div:hover{background-color:rgba(123,123,123,0.2)}#lightPanel{width:100%;height:100%}#lightPanel img{image-orientation:from-image}#lbcontent{width:100%;height:100%}#lbcontent.lbcontent-img-base-mode>.lbcontent-img-base{display:flex !important}#lbcontent.lbcontent-img-carousel-mode>.lbcontent-img-base{display:none !important}#lbcontent.lbcontent-img-base-mode>.image-carousel{display:none !important}#lbcontent.lbcontent-img-carousel-mode>.image-carousel{display:flex !important}.nuiFreeCell iframe[data-overlay="true"]{position:absolute;top:0}.lbiframe{width:100%;height:100%;border:0;background:#fff;border-radius:6px}.lbiframeDiv{position:absolute;top:-500px;left:200px;width:80%;height:90%;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}#conversionTable{table-layout:fixed;margin:12px 0 0 12px}#conversionTable td{border:1px solid #efefef;background:#dbdbdb;padding:2px 8px 2px 8px;font-size:12px;width:120px;height:16px;cursor:pointer;white-space:nowrap}#rtpactions{margin:12px 0 0 0}.rtpbutton{border:1px solid #aaa;padding:8px 15px 8px 15px;border-radius:8px;background:#efeced;margin:6px 0 6px 12px;cursor:pointer;width:80px;text-align:center;font-size:15px}.rtpselect{display:block;font-size:11px}#rtpinstructions{margin:50px 0 0 25px}#rtpinstructions li{font-size:26px;font-weight:600;margin:12px 0 12px 0}#rtpinstructions2 li{font-size:20px;font-weight:400;margin:25px 0 25px 0}.smallerInstructions{color:#888;font-size:20px;font-weight:400}#conversionReceiver{border:1px solid #ccc;height:150px;width:600px;margin:50px 0 0 50px;padding:10px}#debugConsole{position:absolute;bottom:0;width:100%;height:150px;font-size:12px;background:white;border:2px solid #333}#debugConsole #debugConsoleBody{overflow:auto;height:100%}#debugConsole #debugConsoleClose{position:absolute;top:-1.5em;right:.5em;font-size:24px;cursor:pointer}.datePickerRagic{position:absolute;background:#333;z-index:900;border-radius:0 3px 3px 3px}.datePickerRagic td.existed{background-color:#787878}.datePickerRagic td.past{color:#787878}.clockin{color:#fefefe;margin:18px 25px 18px 25px}.clockinButton{background:#d00;color:#efefef;margin:18px 25px 18px 25px;border-radius:3px;padding:6px 12px;cursor:pointer;border:1px solid red}.clockinButton:hover{background:red;border:1px solid #c00}.locateContainer{padding:18px 25px;position:absolute;background:#333;z-index:900;border-radius:0 3px 3px 3px;display:flex;flex-direction:column;gap:18px}.locateTitleContainer{display:flex;align-items:center;color:#fefefe}.locateTitle{padding:0 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:300px;line-height:normal}.locateButton{background:#d00;color:#efefef;border-radius:3px;padding:6px 12px;cursor:pointer;border:1px solid red;text-align:center}#locate_adv_setting{display:flex;flex-direction:column;gap:8px}#locate_adv_setting>div{margin:0}#locate_adv_setting label{margin-right:8px}.dateTableContainer{float:left}.ymheaderTable div span{color:#efefef;font-size:9px;margin:0 8px 0 8px;cursor:pointer}.ymheaderTable select{font-size:12px}.ymheaderTable{margin:10px 10px 10px 10px;font-size:12px;border-collapse:collapse}.ymheaderTable td{height:20px;width:30px;text-align:center;cursor:pointer;color:#ccc}.calTable{margin:10px 10px 10px 10px;font-size:12px;table-layout:fixed;border-collapse:collapse}.calTable td{height:20px;width:30px;text-align:center;cursor:pointer;color:#ccc}.calTable td.notThisMonth{color:#999}.calTable td[value]:hover{background-color:#555}.calTodayDiv{clear:both;text-align:center;margin-bottom:13px}.datePickerRagic:has(.timeDiv){display:grid;grid-template-columns:auto auto}.datePickerRagic:has(.timeDiv) .dateTableContainer{float:none;grid-column:1;grid-row:1}.datePickerRagic:has(.timeDiv) .timeDiv{float:none;grid-column:2;grid-row:1;text-align:center}.datePickerRagic:has(.timeDiv) .calTodayDiv{grid-column:2;grid-row:2;padding-right:10px;padding-left:0}.calTodayButton:hover{background-color:#555}.calTodayButton{text-align:center;cursor:pointer;color:#ccc;background-color:#494949;font-size:12px;padding:3px 10px;border-radius:3px;white-space:nowrap}.timeDiv{float:right;padding:8px 10px 8px 0}.timeSel{font-size:12px;background:#f8f8f8;min-width:55px}.reportQueryTable td,.reportQueryTable th{font-size:12px;padding:5px 12px 5px 12px;text-align:right;border:1px solid #efefef}.reportQueryTable th{font-weight:bold;background:#efefef;white-space:nowrap;border:1px solid #dbdbdb}.reportQueryTableSmall{font-size:1em;opacity:.3;filter:alpha(Opacity=30)}.reportQueryTableSmall tr,.reportQueryTableSmall tbody{font-size:1em}.reportQueryTableSmall td,.reportQueryTableSmall th{font-size:.9em;padding:.3em .6em;text-align:right}.reportQueryTableSmall th{font-weight:bold;background:#ccc}#reportFactPick{display:inline}.reportPickButton{width:200px;height:150px;color:#000;margin:0 1em 0 1em;font-size:1em;cursor:pointer;-webkit-transition:width .2s,height .2s;-moz-transition:width .2s,height .2s;float:left}#reportTypePick{font-size:25px;background:#efefef;padding:2em;-webkit-transition:font-size .2s;-moz-transition:font-size .2s}.reportPickText{clear:left;margin:0 1em 0 1em;font-size:1em}.reportPickText center{font-size:2em;width:200px;height:20px;-webkit-transition:width .2s,font-size .2s;-moz-transition:width .2s,font-size .2s}#emailFieldMapping th,#emailServerSetting th{font-size:12px;text-align:right;padding:3px 8px}#emailFieldMapping td,#emailServerSetting td{font-size:12px;padding:3px 8px}hr{border:0;border-top:1px solid #dadada;margin:.3em 0 .3em 0}#floatingRTE{display:flex;flex-direction:column;min-width:625px;min-height:435px;max-width:100vw;max-height:calc(100svh - 20px)}#floatingRTE .floatingWinHeader{flex-grow:0}#floatingRTE .floatingWinContent{flex-grow:1;overflow:hidden}#RTEframe{width:100%;min-height:300px;height:calc(100% - 50px)}#floatingRTEResizeHandle{position:absolute;right:24px;bottom:34px;width:18px;height:18px;cursor:se-resize}#RTEBrowserHandleMimic1{position:absolute;right:2px;bottom:1px;transform:rotate(45deg);border-right:gray 2px solid;height:5px}#RTEBrowserHandleMimic2{position:absolute;right:4px;bottom:1px;transform:rotate(45deg);border-right:gray 2px solid;height:10px}#floatingFormRules{display:flex;flex-direction:column}#_ragic_form_rules{max-height:500px}#form_rules_top_action{display:flex;justify-content:center;margin-bottom:25px}.rule_add_button{float:none;padding:5px 20px}.rules_container{overflow:auto}.rules_container.ghostClass{background-color:#888}._form_rule_container{border:1px solid #aaa;border-radius:3px;box-shadow:0 3px 6px #0000000D;background-color:#f5f5f5;margin:10px 0;padding:0 70px 0 25px;position:relative;display:flex;flex-direction:column}._form_rule_container.disabled .rule_readMode,._form_rule_container.disabled .rule_main{opacity:.35}._form_rule_container.disabled .rule_main{pointer-events:none}._form_rule_container.focus{border-color:#08c}.rule_readMode{padding:15px 0;display:flex;flex-wrap:wrap;align-items:center;font-weight:bold}.action_sentence_text{margin:0 5px}.action_sentence_field{background-color:#fff;border-radius:10px;padding:1px 5px;margin:0 5px}.colorSquare{margin:0 5px;width:12px;height:12px;border:1px solid #aaa;border-radius:3px}._form_rule_container:not(.focus.editable) .rule_main{display:none}#_ragic_form_rules .rule_main{width:100%;border-top:1px solid #aaa;padding:10px 0}#_ragic_approval_rules .rule_main{padding:20px 0;width:100%}.rule_main input,.rule_main select,._form_rule_color_input{border:1px solid #aaa;margin:0;height:30px;box-sizing:border-box}.rule_main select{max-width:200px;text-overflow:ellipsis}._form_rule_action .multiComboValue{white-space:normal}._form_rule_control{display:flex}._form_rule_button{font-size:16px;line-height:1.5}._form_rule_button>i{cursor:pointer;width:16px;height:16px;text-align:center;color:gray}#_ragic_form_rules .rule_btn{position:absolute;color:#bbb;cursor:pointer;opacity:0}#_ragic_form_rules ._form_rule_drag{top:17px;left:10px}#_ragic_form_rules ._form_rule_toggle{top:16px;right:54px;height:16px;display:flex;align-items:center}#_ragic_form_rules ._form_rule_toggle_track{position:relative;display:inline-block;width:20px;height:12px;border-radius:6px;background-color:#ccc;transition:background-color .15s ease}#_ragic_form_rules ._form_rule_toggle_knob{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2);transition:transform .15s ease}#_ragic_form_rules ._form_rule_toggle_track.on{background-color:#08c}#_ragic_form_rules ._form_rule_toggle_track.on ._form_rule_toggle_knob{transform:translateX(8px)}#_ragic_form_rules ._form_rule_edit{top:17px;right:30px}#_ragic_form_rules ._form_rule_delete{top:17px;right:10px}#_ragic_approval_rules ._form_rule_delete{position:absolute;left:-8px;top:44px;width:16px;font-size:18px;text-align:center;cursor:pointer;color:#bbb;opacity:0}#_ragic_approval_rules .rule_container{margin:0;border-width:1px 0 0 0;border-top:1px solid gray;padding:10px;position:relative;display:flex}._form_rule_container:hover ._form_rule_delete,._form_rule_container:hover ._form_rule_edit,._form_rule_container:hover ._form_rule_toggle,._form_rule_container:hover ._form_rule_drag,.rule_container:hover ._form_rule_delete{opacity:1 !important}.rule_main I{cursor:pointer;font-size:16px}._form_rule_color_input{width:32px;border:1px solid #f1f1f1;cursor:default;border-radius:5px}.replaceParam_field,.replaceParam_operator,.replaceParam_value{display:none}select[data-mapping="condition_domainId"],select[data-mapping="condition_operator"],select[data-mapping="condition_option"],input[data-mapping="condition_input"],select[data-mapping="action_select"],select[data-mapping="styleTarget"],input[data-mapping="action_lockActionButton_input"],._form_rule_action>._form_rule_action_message_input,._form_rule_action>.multiComboBox,._form_rule_action>._form_rule_color_input,._form_rule_condition_field_wrapper,._form_rule_condition_option_wrapper,._form_rule_action_field_wrapper{margin-right:8px}._form_rule_condition{display:inline-block;white-space:nowrap;height:32px}._form_rule_condition .rule_condition_ifText{min-width:48px;text-align:center}.rule_readMode .rule_condition_ifText{margin-right:5px}._form_rule_condition_add_wrapper,._form_rule_action_add_wrapper{width:48px;height:32px;display:flex;justify-content:center;align-items:center}._form_rule_action_list{margin:-39px 0 0 48px}._form_rule_condition,._form_rule_action{margin:7px 0;display:flex;align-items:center}._form_rule_condition_delete_wrapper,._form_rule_action_delete_wrapper{display:inline-block;color:gray;opacity:0}._form_rule_condition:hover ._form_rule_condition_delete_wrapper,._form_rule_action:hover ._form_rule_action_delete_wrapper{opacity:1}#floatingApprovalRulesContent{max-height:350px}#approvalRulesEmptyView{text-align:center}#approval_rules_desc{margin-top:20px}table.panelGrid{width:100%;font-size:12px;border-collapse:collapse}table.panelGrid th{border-bottom:1px solid #888;padding:5px 8px 5px 8px;vertical-align:middle;font-size:11px;color:#666}table.panelGrid td{border:0;vertical-align:middle;overflow:visible;padding:3px 0}#designerInfoContent table.panelGrid td,#designerInfoContent table.panelGrid th{text-align:center}.dockWinContent table.panelGrid td,.dockWinContent table.panelGrid th{text-align:center}.actionButtonName{cursor:pointer;color:#08c;margin:0 0 0 -5px;padding:2px 12px;border-radius:12px;line-height:18px;white-space:nowrap}.actionButtonName:hover{background:#e1e1e1}a.tableLink:link{color:black !important}a.tableLink:visited{color:black !important}a.tableLink:active{color:black !important}a.tableLink:hover{color:black !important}.ftsMatch{color:#dd4b39 !important}.listingLink:hover{text-decoration:underline}.checkMark{margin-right:5px;cursor:pointer;font-size:120%}.clickedCheckMark{margin-right:5px;cursor:pointer;font-size:120%;text-shadow:.1em .1em 5px #c90;color:red}.toolsSectionLabel{font-size:16px;margin:8px 15px 15px 0}.toolsDivSection{float:left;margin:12px 0 25px 35px;width:250px}.reportDivSection{float:left;margin:12px 6px 12px 6px;min-width:200px;max-width:280px}.reportDivSectionCategory{font-size:16px;margin:8px 12px 12px 12px}.reportListCategory{font-size:20px;margin:8px 12px 12px 12px;font-weight:normal;text-align:left}.linkToolOption{padding:8px 36px 12px 12px}.linkToolOption img{float:left;margin:12px 18px 5px 12px}.linkToolOption>div{font-weight:bold}.linkToolOption>div>a{color:#08c}.linkToolDesc{color:#aaa;min-height:64px}.digestGroupDivider{border-top:1px solid #e3e3e3;margin:4px 0}.dragLinkAndLoad{border-color:#AAA}.linkSubF{border-color:#c00}.subtableHeader,.subtableTextHeader,.tableHeader,.dataCell,.dataRightCell,.freeCell{font-size:10px;padding:1px 5px 1px 5px;white-space:nowrap}.subtableHeader{border-bottom:2px solid #888;background:#f3f3f3}.subtableTextHeader{font-weight:bold;border-bottom:2px solid #333;background:#f3f3f3}.tableHeader{text-align:right;background:#f3f3f3}.dataRightCell{text-align:right}.freeCell{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#fpDiv{position:fixed;background:#fff;top:0;right:-600px;z-index:271;overflow:auto;height:100%;width:500px;border:0;border-radius:0 0 0 5px;border-left:1px solid #aaa;-webkit-box-shadow:0 10px 25px #8b8b8b;-moz-box-shadow:0 10px 25px #8b8b8b;box-shadow:0 10px 25px #8b8b8b;transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}#fpDiv.fpPinned{z-index:240}#fpDiv img{image-orientation:from-image}.noEntryGuideText{color:#aaa;padding-left:12px !important;cursor:pointer}.noEntryGuideText:hover{text-decoration:underline}#docMain img{display:block;margin:25px 0}#docMain a:visited,#docMain a:active,#docMain a:link{text-decoration:none}#docMain a:hover{text-decoration:underline}#docMain p.docp{display:block;margin:25px 25px;font-size:15px;line-height:150%}#docMain h1{line-height:36px}::-webkit-scrollbar{width:12px;height:12px;background-color:#fff}::-webkit-scrollbar:hover{background-color:#eee}#hin::-webkit-resizer{display:none}::-webkit-scrollbar-thumb{min-height:.6em;min-width:.8em;background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background-color:#bbb}::-webkit-scrollbar-thumb:active{background-color:#888}.faicon{color:#999;padding:10px 2px;font-size:10px;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);right:0;cursor:pointer}.faiconBuilder{color:#999;padding:7px 5px 0 5px;font-size:10px;height:17px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faiconAddField{margin:0 4px 0 0}.faicon:hover{background:#dbdbdb;color:#666}#designModeHelper{position:absolute;bottom:10px;right:18px;background:#efefef;border:1px solid #aaa;border-radius:6px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}#listingFieldSelectorToggle{position:absolute;bottom:10px;right:18px;background:#efefef;border:1px solid #aaa;border-radius:6px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.infoTable{font-size:12px;margin:5px}.infoTable th{text-align:right;color:#aaa;padding:2px 12px 2px 0;white-space:nowrap}.infoTable .closeIcon{position:relative;top:1px;font-size:12px;color:#CCC;margin:0 0 0 4px;cursor:pointer;text-shadow:1px 1px 0 #fff}.infoTable .closeIcon:hover{color:#2b2b2b;text-shadow:none}.fileIcon{margin:3px 5px 0 0}.syncStatusDiv td,.syncStatusDiv th{font-size:12px;padding:3px 8px 3px 0}.syncStatusDiv th{font-weight:bold;text-align:right}.syncStatusDiv a{float:none !important;margin:0 0 0 8px;text-decoration:underline}.blockList a{float:none !important}.multiComboBox{line-height:29px;position:relative;box-sizing:border-box;color:#333;font-size:13px;display:inline-block;min-width:80px}.multiComboBox :before,.multiComboBox :after{box-sizing:border-box;font-family:'Font Awesome\ 5 Pro';font-weight:900;font-style:normal;text-align:center;cursor:default}.multiComboSelectedDiv{padding:0 32px 0 5px;border:1px solid #ccc;box-sizing:border-box;border-radius:5px}.multiComboSelectedDiv:after{content:'\f0d7';position:absolute;background-color:#efefef;border:1px solid #ccc;right:0;top:0;width:26px;height:100%;border-radius:0 5px 5px 0;align-content:center}.multiCombo_drop_show .multiComboSelectedDiv:after{content:'\f0d8'}.multiComboBox ul{display:none;border:1px solid #e6e6e6;width:auto;box-sizing:border-box;list-style:none;margin:0;padding:0;background:#fff;position:absolute;border-top:0;box-shadow:0 0 5px -1px #b3b3b3;z-index:1;overflow-x:hidden;overflow-y:auto;font-size:13px}.multiComboBox.multiCombo_drop_show ul{display:block}.multiComboBox li{margin:0;padding:3px 20px 3px 40px;cursor:default;white-space:nowrap}.multiComboBox li.multiComboFilterContainer:before{display:none}.multiComboBox li.multiComboFilterContainer{padding:6px 10px 3px 16px}.multiComboBox li.multiComboFilterContainer input.multiComboFilterInput{outline:0;border:1px solid #888;border-radius:5px;padding:4px 16px 4px 6px;width:100%;min-width:20em;font-size:13px}.multiComboBox li.multiComboFilterContainer:hover{background-color:#fff}.multiComboBox li[data-nooption]{padding:0 6px}.multiComboFilterIcon{position:absolute;right:20px;top:12px;font-size:16px;color:#888}.multiComboBox li:not([data-nooption]):before{content:"\f0c8";position:absolute;left:10px;width:26px;font-weight:300;margin:1px 5px;font-size:16px}.multiComboBox li:hover{background-color:#efefef}.multiComboBox li.multiComboSelected:not([data-nooption]):before{content:"\f14a";font-weight:400}.multiComboBox li.multiComboFixedSelected{background-color:#ccc;color:white}.multiComboBox li.multiComboFixedSelected:hover{background-color:#ccc}.multiComboValue{position:relative;white-space:nowrap;background-color:#ddd;border-radius:3px;line-height:23.5px;border:1px solid #bbb;margin:2px 2px;padding:0 5px;font-size:13px;color:black;display:inline-block;transition:all 50ms ease-in;cursor:pointer}.multiComboValue:hover{background-color:inherit;color:#b3b3b3;border-color:#fff}.multiComboValue::after{position:absolute;content:'';left:50%;top:50%;width:0;border-top:1px solid #000;transition:all 200ms ease-in}.multiComboValue:hover::after{left:5px;width:calc(100% - 10px)}.multiComboFixedValue{position:relative;white-space:nowrap;background-color:#ccc;border-radius:7px;line-height:23.5px;border:1px solid #ccc;margin:3px 2px;padding:0 5px;font-size:13px;color:white;display:inline-block;transition:all 50ms ease-in;cursor:default}.multiComboFormElementDiv{display:none}#reportConfig{position:absolute;right:10px;top:140px;background:#f8f8f8;border:1px solid #ccc;border-radius:8px;padding:12px 25px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.ftsMatch{color:#dd4b39 !important;font-weight:bold}a.serpLink{font-size:18px;text-decoration:underline}.serpDoc{color:#006621;font-size:14px}.serpContent{font-size:14px;margin:8px 0}.searchtable th{color:#ccc;padding:2px 8px 0 0;text-align:right;vertical-align:top;white-space:nowrap}.hotspot{display:inline-block;cursor:help;background:transparent url(/sims/img/hotspot.png) no-repeat center center;width:58px;height:58px;z-index:1100;-webkit-animation:hotspot .5s steps(12) alternate infinite;-moz-animation:hotspot .5s steps(12) alternate infinite;animation:hotspot .5s steps(12) alternate infinite}@-webkit-keyframes hotspot{from{background-position:0 0}to{background-position:-696px 0}}@-moz-keyframes hotspot{from{background-position:0 0}to{background-position:-696px 0}}@keyframes hotspot{from{background-position:0 0}to{background-position:-696px 0}}.stickyHeader{position:fixed;top:0;left:0;z-index:90;color:#888;padding:0 12px 0 0;text-align:left;overflow:hidden !important;table-layout:fixed}.totalSummaryTable{width:100%;font-size:12px}.totalSummaryTable th{text-align:right;padding:0 8px 0 5px;color:#888;font-weight:400}.totalSummaryTable td{padding:0 8px 0 5px}.rightWinHeaderText{font-size:12px;color:#333;margin:0 20px;line-height:23px;font-weight:600}.rightWinHeaderText[data-display="none"]{display:none}.toggleTrans{transition:opacity .5s linear}.fixedPrompt{position:fixed;bottom:0;left:0;background:#c00;color:#fff;padding:3px 8px}.actionTable th,.actionTable td{font-size:12px;padding:3px 10px 3px 0;white-space:nowrap}#massEditContainer .actionTable tr{display:flex;align-items:start}#massEditContainer .actionTable .barSelect-selection{height:100%}#tabsBuilder_tab_content_0:has(#massEditContainer){overflow:visible}.componentConfig .actionTable th{font-size:10px !important;color:#AAA}.actionTable th{font-weight:600}.actionTable input{padding:0 3px}.switchIcon{color:#555;margin:3px 5px;cursor:pointer}.fakeLink{color:#07c !important;cursor:pointer !important}.fakeLink:hover{text-decoration:underline}.fakeLink.subtableHoverGated:hover,.listingLink.subtableHoverGated:hover{text-decoration:none}.fakeLink.subtableHoverGated.subtableContentHover,.listingLink.subtableHoverGated.subtableContentHover{text-decoration:underline}.newsBlock{float:left;clear:left;margin:0;padding:18px 0 18px 25px;width:100%;cursor:pointer}.newsBlock:hover{background:#f8f8f8}.newsText{float:left;clear:left;font-size:13px;line-height:160%;width:280px}.newsStatus{color:#fff;border-radius:12px;padding:2px 12px;margin:0 4px 0 0;font-size:10px;font-weight:300}.greenStatus{background:#049d57}.blueStatus{background:#00a0b0}.yellowStatus{background:#ffa638}.newsSubject{cursor:pointer}.newsSubject:hover{text-decoration:underline}.newsDigest{font-weight:400;color:#888}.newsContent{float:left;clear:left;font-weight:300;color:#333;font-size:13px;padding:0 0 100px 0}.newsContent img{width:100%;margin:8px 0;border:1px solid #ccc;cursor:pointer}.newsContent b{font-weight:600}.newsFooter{float:left;clear:left;font-size:13px;line-height:160%;width:280px}.newsDate{color:#bbb;font-weight:300;margin-left:.1rem}.newsTitle{float:left;clear:left;margin:0;padding:25px 0 10px 25px;font-size:22px;font-weight:300;color:#888}.newsTitle_noticeMsg{padding-top:5px;font-size:14px !important}.newsSubject2{float:left;clear:left;margin:0;padding:25px 0 18px 0;font-size:22px;font-weight:400;color:#333}.newsDetailBlock{position:fixed;background:#fff;height:100%;overflow:auto;width:280px;top:0;padding:25px 35px;z-index:10}.stpIcon{float:left;display:inline-block;padding:4px 16px 0 0}.stpIcon img{width:14px}.stpDivWrapper{position:fixed;bottom:0;left:0;z-index:9999;padding:10px}.stpLinkContainer{position:relative;margin-right:20px}.stpDiv{flex-direction:column;box-sizing:border-box;display:flex;float:left;flex-wrap:wrap;clear:left;font-size:16px;color:#efefef;background:#333;left:0;border:1px solid #aaa;line-height:150%;border-radius:5px;padding:15px 20px;opacity:.95;width:fit-content;min-width:160px;max-width:500px;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;transform-origin:bottom}.stpDiv a{color:#5cf;display:block}.stpMainPart{display:inline-block;max-width:85%}.stpMessage{display:inline-block}.stpProgress{display:inline-block;margin-left:4px;position:relative;color:#888}.stpClose{float:right;font-size:18px;font-weight:300;color:#efefef;cursor:pointer;padding:3px 0 0 20px}.stpDone:hover .stpMessage,.stpDone:hover .stpMessage a{text-overflow:inherit;overflow-x:inherit;white-space:inherit}.templateItem{margin:3px 0;float:left;clear:left}.templateItem div.templateItemLink{visibility:hidden}.templateItem:hover div.templateItemLink{visibility:visible}.templateItemLink{float:left;margin:0 0 0 8px;color:#aaa;cursor:pointer}.templateItemLink:hover{color:#333}body{scrollbar-base-color:silver;scrollbar-3dlight-color:silver;scrollbar-highlight-color:silver;scrollbar-track-color:#ebebeb;scrollbar-arrow-color:black;scrollbar-shadow-color:silver;scrollbar-dark-shadow-color:silver}.cellHoverButtonContainer{position:absolute;display:flex;gap:4px;z-index:100}.editIcon,.expandIcon{color:#aaa;font-size:13px;cursor:pointer;background:#f2f1f1;padding:5px;border-radius:2px}.editIcon>.fa-pencil:hover{color:#08c}.expandIcon>.fa-up-right-and-down-left-from-center:hover,.expandIcon>.fa-down-left-and-up-right-to-center:hover{color:#08c}.cellCommentDiv{position:absolute;box-shadow:0 0 3px #888;background:#fff;width:240px;overflow:hidden}.commentScrollDiv{max-height:200px;overflow-y:scroll}.commentScrollDiv::-webkit-scrollbar{height:7.5px;background:#fff}.commentScrollDiv::-webkit-scrollbar-thumb{border-radius:5px}.commentScrollDiv::-webkit-scrollbar-button{border-radius:5px}.cellCommentDivContent{width:100%}.cellCommentDivContent .topButtonWhole{margin:3px 3px 10px 10px}.cellCommentDivContent textarea{border:1px solid #ccc;clear:left;font-size:12px;-moz-outline:0 none;outline:0 none;margin:10px;width:220px}.commentCell{position:relative}.commentCell::before,.commentCell::after{content:'';position:absolute;top:0;right:0;border:solid transparent}.commentCell::after{border-width:3px;border-right-color:#D00;border-top-color:#D00}.commentDiv{position:relative;font-size:12px;overflow-x:scroll;border-bottom:1px solid #ccc;padding:10px}.commentDiv::-webkit-scrollbar{height:7.5px;background:#fff}.commentDiv::-webkit-scrollbar-thumb{border-radius:5px}.commentDiv::-webkit-scrollbar-button{border-radius:5px}.rightLabel{width:50px;display:inline-block;text-align:right}.centerLabel{min-width:30px;display:inline-block;font-weight:bold}table.billing{border-collapse:collapse}.billing tr:hover{background-color:#eee}.billing th{font-weight:700;background:#ffc0c2}.billing td,.billing th{font-size:16px;padding:5px 8px;border:1px solid #efefef}.settingIconContainer{position:absolute;top:0;right:0;z-index:60;line-height:normal}.settingIcon{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:8px;border-radius:2px;background-color:#333;color:#fff;float:right;min-width:14px;height:14px;box-sizing:border-box;cursor:default;line-height:1}.v6ReportListContainer{margin:74px 190px}.v6ReportListWide{display:flex;flex-direction:row;width:1000px;border-top:1px solid #aaa;padding:8px 0 0 0}.v6ReportList{display:flex;flex-wrap:wrap;flex-direction:column;-webkit-flex-wrap:wrap;text-align:center;font-size:20px;line-height:24px;margin:0 0 25px 0}.v6ReportListDiv{width:120px;padding:5px;margin:5px}.v6ReportListWide li{width:135px}.v6ReportListDiv img{width:100px;height:84px;margin:5px 5px 10px 5px}.v6ReportListDiv:hover{background-color:#e8e8e8;cursor:pointer}.v6ReportListButtonContainer{width:140px;display:flex;justify-content:center}.v6ReportListButtonContainer input{margin:20px 0;padding:5px 26px}#EventCalendarToolbar{width:94%;margin:10px auto}.EventCalendar_ToolGroup{display:inline;position:relative;font-size:0;white-space:nowrap;vertical-align:middle;clear:left}.EventCalendar_ToolGroup:nth-child(2){float:right}.EventCalendar_EventCalendarToolbar{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.EventCalendar_mainRightTool{display:flex;justify-content:center}.EventCalendar_switch_checkbox{display:none}.EventCalendar_switch_label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:20px}.EventCalendar_switch_inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0}.EventCalendar_switch{position:relative;width:120px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.EventCalendar_switch_switch{display:block;width:18px;height:18px;margin:6px;background:#fff;position:absolute;top:0;bottom:0;right:84px;border:2px solid #999;border-radius:20px;transition:all .3s ease-in 0}.EventCalendar_switch_inner:before{display:block;float:left;width:50%;height:30px;padding-left:10px;background-color:#2196f3;color:#fff;line-height:30px;font-size:14px;font-weight:bold;box-sizing:border-box}.EventCalendar_switch_inner:after{display:block;float:left;width:50%;height:30px;padding-right:10px;background-color:#d50e0e;color:#fff;text-align:right;line-height:30px;font-size:14px;font-weight:bold;box-sizing:border-box}.EventCalendar_switch_checkbox:checked+.EventCalendar_switch_label .EventCalendar_switch_inner{margin-left:0}.EventCalendar_switch_checkbox:checked+.EventCalendar_switch_label .EventCalendar_switch_switch{right:0}.EventCalendar_btn{font-size:16px;text-decoration:none;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);background:#fff -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);cursor:pointer}.EventCalendar_config{display:flex;align-items:center;margin:0 20px;cursor:pointer;border-radius:10px}.EventCalendar_configIcon{padding:5px;border-radius:5px}.EventCalendar_btn.focusOn{border:2px solid grey}.EventCalendar_btn:hover,.EventCalendar_btn .EventCalendar_btn_active{color:#333;text-decoration:none;background:#efefef -webkit-linear-gradient(top,#e5e5e5,#e1e1e1)}.EventCalendar_dropdown{width:auto;position:absolute;background-color:#f7f7f7;padding:5px 10px;border:1px solid #888;border-radius:5px;-webkit-box-shadow:0 4px 10px #8b8b8b;-moz-box-shadow:0 4px 10px #8b8b8b;box-shadow:0 4px 10px #8b8b8b;z-index:270}.EventCalendar_dropdown>div{display:flex;align-items:center;padding:10px;border-radius:5px;font-size:13px}.EventCalendar_title_txt{font-size:20px;margin:0 50px 0 15px;display:inline-block}.EventCalendar_Body{isolation:isolate}.EventCalendar_Body table{table-layout:fixed;white-space:nowrap;width:94%;margin:0 auto;box-sizing:border-box}.EventCalendar_Body table:nth-child(2) td{box-sizing:border-box;padding:0;height:30px}.EventCalendar_Body td{border:1px solid #ddd;border-collapse:separate;box-sizing:border-box;vertical-align:top}.EventCalendar_Header td{text-align:center}.EventCalendar_Corner_Cell{width:60px}.EventCalendar_Day{padding:5px 0}.EventCalendar_Day_Out_Focus{color:grey}.EventCalendar_Day_Today{border:1px solid black}.EventCalendar_Day_Top_Bar{font-size:12px;text-align:right;padding-right:2px}.EventCalendar_Day_Events{min-height:111px}.EventCalendar_DayTime_Indicator{width:60px;padding:0 4px;vertical-align:middle;text-align:right;white-space:nowrap;font-size:1em}.EventCalendar_Time{height:100%;position:relative}.EventCalendar_Time_All_Day{min-height:30px}.EventCalendar_Time_Today{background-color:#f1f1f1}.EventCalendar_Evt_Day{color:#777;background-color:#e4eff8;overflow:hidden;cursor:pointer}.EventCalendar_Evt_more{color:cadetblue;cursor:pointer}.EventCalendar_Evt_more,.EventCalendar_Evt_Day,.EventCalendar_Evt_Filler{padding:1px 5px 1px 5px;margin-bottom:3px;line-height:1.2;white-space:nowrap;font-size:12px}.EventCalendar_Evt_Hide{display:none}.EventCalendar_IndicatorCol{width:60px}.EventCalendar_Evt_Time_All_Day,.EventCalendar_Evt_Time_All_Day_Filler{margin-bottom:2px;overflow-x:hidden;padding:0 4px;cursor:pointer;font-size:14px}.EventCalendar_Evt_Time_All_Day{color:#777;background-color:#e4eff8}.EventCalendar_Evt_Start{border-top-left-radius:6px;border-bottom-left-radius:6px;margin-left:5px}.EventCalendar_Evt_End{border-top-right-radius:6px;border-bottom-right-radius:6px;margin-right:5px}.EventCalendar_Time>table{table-layout:fixed;width:85%;margin:0 5px 0 0}.EventCalendar_Time td{border:0;position:relative}.EventCalendar_Evt_Time{position:absolute;color:#777;border:1px solid #9fc6e7;box-sizing:border-box;background-color:#e4eff8;white-space:pre-wrap;word-wrap:break-word;padding:0 4px;cursor:pointer;font-size:14px;width:85%;overflow:hidden}#eventGantt{position:relative}.ganttSettingSection .settingRow{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;min-height:25px;padding-bottom:16px}.ganttSettingSection .checkboxContainer{display:flex;align-items:center}.ganttSettingSection input[type=checkbox]{margin-right:3px}.ganttSelect{display:none}.ganttBarSelectContainer{display:inline-block;min-width:150px}.ganttBarSelectContainer.short{min-width:100px}.ganttBarSelectContainer .barSelect-selection{padding:2px 5px;min-height:20px;border:1px solid gray;border-radius:2px}.ganttOptColorTag{display:flex}.ganttOptColorTag::before{content:'';display:inline-block;width:12px;height:12px;margin-top:3px;margin-right:8px;border-radius:2px;background-color:var(--gantt-tag-color,transparent)}.ganttChangeColorBtn{display:flex;align-items:center;height:1.5rem}.ganttReportColorPicker{min-width:unset}.ganttReportColorPickerClose{cursor:pointer;position:relative;bottom:6px}.ganttSortingRuleGroup{display:inline-flex;flex-wrap:wrap}.ganttSortingRuleItem{display:inline-block;margin-right:12px}.ganttSortingRuleItem .deleteIcon{display:inline-block;color:#555;margin:0 10px;cursor:pointer}.ganttSortingRuleItem .deleteIcon:hover{color:#000}#gantt_descFieldsSelect .multiComboValue,#kanban_displayFieldsSelect .multiComboValue{line-height:16px;cursor:default}#gantt_descFieldsSelect .multiComboValue:hover,#kanban_displayFieldsSelect .multiComboValue:hover{color:#000;background-color:#ddd;border-color:#bbb}#gantt_descFieldsSelect .multiComboValue:hover::after,#kanban_displayFieldsSelect .multiComboValue:hover::after{left:50%;width:0}.EventGantt_Body table{border-collapse:separate;white-space:nowrap;width:94%;margin:0 0 0 1cm;border-top:1px solid #39a3ca;border-left:1px solid #39a3ca}.withoutXBorder table{border-bottom:1px solid #39a3ca}.EventGantt_Body tr{height:calc(1.5em + 11px)}.EventGantt_Body td{border:0;border-right:1px solid #39a3ca;border-bottom:1px solid #39a3ca;padding:5px 0;text-align:right}.withoutXBorder tr:not(.EventGantt_Header):not(.EventGantt_Category)>td{border-bottom:0}.withoutXBorder tr.EventGantt_CategoryDivider>td{border-top:1px solid #39a3ca}.EventGantt_Header td{text-align:center;vertical-align:middle;padding:.1em 1.5em;background-color:#4fb8e4;color:#fff}.EventGantt_Header td.EventGantt_BigUnit{position:relative;overflow:visible;height:1.6em}.EventGantt_Header .EventGantt_BigUnitLabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.EventGantt_Category td{background-color:#c6e8f7;padding:5px}.EventGantt_Body .EventGantt_Desc{background-color:#e3f6fd;padding:5px;z-index:10;width:1px}.EventGantt_Body .sticky{background-clip:border-box}.EventGantt_Body .textContainer{display:inline-block}.EventGantt_Body .ganttbarSpacer{height:1.5em}.ganttbar{height:1.5em;background-color:#4fb8e4;cursor:pointer}.ganttbar.ganttLabelInside{position:relative;overflow:visible}.ganttbar.ganttLabelInside:before{content:attr(data-gantt-label);position:absolute;top:50%;left:8px;transform:translateY(-50%);line-height:1;white-space:nowrap;pointer-events:none}.ganttMilestone{background-color:orange;cursor:pointer}.EventGantt_Body .ganttMilestone{z-index:1}.ganttWeekendCell{background-color:#f1f1f1}.EventGantt_Body td.ganttOutOfRangeCell{background-color:#e3e3e3}.EventGantt_Header td.ganttOutOfRangeCell{background-color:#e3e3e3;color:#888}.ganttTodayLine{position:absolute;width:3px;background-color:#000}#ganttPreload{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:20}#ganttPreload.hide{display:none}.userpref_tab a{float:left}.userpref_tabcontent{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:30px;background:#fff;border-radius:0 0 6px 6px;max-height:calc(100vh - 220px);max-width:calc(75vw - 60px);min-width:435px;overflow:auto}.userpref_ApprovedReport_tabcontent{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:30px;background:#fff;border-radius:0 0 6px 6px;overflow:auto}.custom_print_report_tabcontent{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:30px;background:#fff;border-radius:0 0 6px 6px;overflow:auto}.userpref_tablinks{padding:14px 16px;text-decoration:none}.userpref_tabsOn{pointer-events:none}.userpref_tablinksOn{border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius:6px 6px 0 0;background:#fff}.userpref_tab_scroll_button_style a.userpref_tablinks{white-space:nowrap}.userpref_tab_scroll_buttons{float:right;margin:14px 0}.userpref_tab_scroll_buttons button{all:unset;width:20px;height:20px;text-align:center;margin-left:8px}.userpref_tab_scroll_buttons button i{font-size:120%;line-height:1}.userpref_tab_scroll_buttons button.userpref_tab_scroll_button_active:hover{background:#dbdbdb;border-radius:50%;cursor:pointer}.userpref_tab_scroll_buttons button.userpref_tab_scroll_button_disabled{color:#ccc}.userpref2_tablinksOn{padding:14px 16px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius:6px 6px 0 0;background:#f1f1f1}.userpref2_tablinksOff{padding:14px 16px}.userpref2_tabcontentOn{display:block;padding:25px;background:#f1f1f1;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0 0 6px 6px;max-height:calc(100vh - 220px);max-width:calc(75vw - 60px);min-width:435px;overflow:auto}.userpref2_tabcontentOff{display:none}#userpref_picture{margin:5px 8px 0 0;max-height:65px;max-width:65px;vertical-align:top}#userpref_picture[src=""]{display:none}#userpref_sign_block i{cursor:pointer}#userpref_sign_block #userpref_sign[src]+i{padding:5px;position:absolute;top:0;right:0}#changeInfoForm td{padding:10px}#personal_info .personal_info_header{max-width:120px;text-align:right}#personal_info .personal_info_header label{margin:0}#personal_info_2fa_Header{display:flex;align-items:center;justify-content:flex-end}#personal_info_2fa_Header span{text-align:right}#personal_info_Image,#personal_info_API_Content{display:flex;flex-direction:column;line-height:20px}#personal_info_Image a,#personal_info_API_Content a{width:fit-content;margin:1px 0}#changePrefForm div{margin:5px 0 5px}.googleopenid{margin:25px 0 0 0;border:2px solid #ddd;border-radius:6px;width:250px;line-height:15px;cursor:pointer}.googleopenid:hover{opacity:.7}#quickAddListingRow{float:right;width:15px;height:16px;margin-right:3px;font-size:15px;line-height:15px;font-weight:600;background:#e1e1e1;background:-webkit-linear-gradient(top,#eaeaea,#f2f2f2);color:#333;border-radius:4px;cursor:pointer;border:1px solid #e2e2e2;transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}#quickDeleteNewRow{float:right;margin-right:3px;cursor:pointer}#quickAddListingRow:hover{background:#ddd;border:1px solid #ccc}.quickAddListingRowDisabled{background:#f1f1f1 !important;background:-webkit-linear-gradient(top,#f8f8f8,#fafafa) !important;border:1px solid #f1f1f1 !important;color:#ddd !important}.totalCell{padding:0 6px 0 3px !important;color:#333;border-top:2px solid #888 !important;background:#efefef;font-weight:600;overflow-x:hidden !important}.minDiv{position:absolute;bottom:30px;right:50px;border-radius:30px;width:60px;height:60px;background:#08c;cursor:pointer;box-shadow:0 0 8px #ccc}.minContent{font-size:36px;margin:11px 11px;width:36px;text-align:center;color:#fff}.liveTemplateDiv{display:inline-flex;flex-direction:column;padding:12px 21px;cursor:pointer;max-width:49%;box-sizing:border-box;background-color:#fff}.liveTemplateDiv[data-ifShow="false"]{display:none}.liveTemplateDiv:hover{background:#efefef}.savedCustThemeEditButton{position:absolute;display:flex;align-items:center;justify-content:center;font-size:12px;right:-10;top:10px;width:20px;height:20px;color:#fff;background:#ccc;border:0;z-index:20}.savedCustThemeEditButton:hover{background:#aaa;cursor:pointer}.custThemeEditor{width:900px;height:550px;border:1px solid #b3b3b3;border-radius:5px;box-shadow:0 0 20px 5px #00000055;padding:0}.custThemeEditorHead{display:flex;justify-content:space-between;align-items:center;background:-webkit-linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%)}.custThemeEditorClsBtn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:-webkit-linear-gradient(#fff 0%,#fff 3%,#d3d3d3 3%,#bababa 100%);cursor:pointer;color:#555}.custThemeEditorClsBtn:hover{opacity:.5}.custThemeEditorSavingFilter{opacity:.3;pointer-events:none}.custThemeEditorBody{display:flex;justify-content:space-between;width:80%;height:100%;margin:0 auto}.custThemeRenamerContainer{width:80%;margin:2rem auto 1rem}.custThemeRenamer{display:flex;align-items:center;gap:.5em;width:fit-content;color:#888}#newCustThemeCurrentName{padding:.25em;border-top:1px solid #FFFFFF00;border-bottom:1px solid #FFFFFF00}#newCustThemeCurrentName[contenteditable="true"]:focus{outline:0;background-color:#eee;border-bottom-color:#000;cursor:text}#newCustThemeCurrentName:hover{background-color:#eee;cursor:pointer}#editPencilIcon[data-ifEditing="false"]{display:none}#editPencilIcon[data-ifEditing="true"]{display:flex}#custThemeEditorPreviewSection{width:300px;height:fit-content;display:flex;flex-direction:column;gap:30px}.custThemeDirectEditSelector{position:relative;box-sizing:border-box;cursor:pointer}.custThemeDirectEditSelector[data-ifFocus="true"]::before,.custThemeDirectEditSelector:hover::before{content:"";position:absolute;display:flex;align-items:center;justify-content:center;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #0c8ce9;pointer-events:none;z-index:1;box-shadow:2px 2px 5px 2px #00000006}.custThemeDirectEditSelector[data-ifFocus="false"]:hover::before{box-sizing:content-box;border-color:#FFFFFF00;background:#0c8ce981}.custThemeDirectEditSelector[data-ifFocus="false"]>div{filter:opacity(0.55)}.custThemeTable{display:grid;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(3,35px)}#custThemeFreeTextTitle{grid-column:1 / 3;grid-row:1 / 2}#custThemeFieldName{grid-column:1 / 2;grid-row:2 / 4;display:flex;flex-direction:column}#custThemeFieldValue{grid-column:2 / 3;grid-row:2 / 4;display:flex;flex-direction:column}#custThemeFreeText{grid-column:3 / 4;grid-row:2 / 3}.custThemeSubTable{display:grid;grid-template-columns:repeat(3,120px);grid-template-rows:repeat(6,35px)}#custThemeFreeTextTitleSub{grid-column:1 / 4;grid-row:1 / 2}.custThemeSection{grid-column:1 / 4;grid-row:2 / 3}#custThemeFieldNameSub{grid-column:1 / 4;grid-row:3 / 4;display:flex;flex-direction:row}#custThemeFieldValueSub{grid-column:1 / 4;grid-row:4 / 7;display:flex;flex-wrap:wrap}.custThemeSection{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:35px}#custThemeSection_on{grid-column:1 / 2;grid-row:1 / 2;display:flex;flex-direction:row}#custThemeSection_off{grid-column:2 / 4;grid-row:1 / 2;display:flex;flex-direction:row}.custThemeCell{display:flex;align-items:center;width:120px;height:35px;font-size:13px;box-sizing:border-box;border:1px solid #FFFFFF00;padding:0 .5em;overflow:hidden}.custThemeCell>span{margin:auto 0}.custThemeSectionCell{justify-content:center;border-radius:4px 4px 0 0;border:1px solid #ccc;border-bottom:0;width:100px}.custThemeSectionCellActive{border-color:#000}.custThemeCrossCell{display:flex;align-items:center;height:35px;font-size:13px;box-sizing:border-box;border:1px solid #FFFFFF00;padding:0 .5em}.custThemeCell.themeSection{border-radius:3px 3px 0 0}.custThemeEditorEditSection{display:flex;flex-direction:column}.custThemeEditorSelectorContainer{position:relative;width:300px;box-sizing:border-box;border:1px solid #aaa}.custThemeEditorSelectorButton{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.custThemeEditorSelectorCurrentText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 8px}.custThemeEditorSelectorCurrentText::selection{background:transparent}.custThemeEditorSelectorCurrentOptions[data-status="close"]{display:none}.custThemeEditorSelectorCurrentOptions{position:absolute;display:flex;flex-direction:column;left:-1px;width:300px;max-height:9rem;overflow-y:auto;background:#fff;box-sizing:border-box;border:1px solid #aaa;box-shadow:2px 2px 4px 0 #efefef;z-index:10}.custThemeEditorSelectorCurrentOptions::-webkit-scrollbar{width:5px}.custThemeEditorSelectorCurrentOptions::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:5px}.custThemeEditorSelectorCurrentOption{padding:5px 8px}.custThemeEditorSelectorCurrentOption:hover{cursor:pointer;background:#00000010}.custThemeEditorSelectorCurrentOption::selection{background:transparent}.custThemeCellPreviewSection{position:relative;display:grid;grid-template-columns:84px 160px 84px;grid-template-rows:24px 30px 24px;width:330px;height:80px;box-sizing:border-box;border:1px solid #aaa;margin-top:10px}#custThemePreviewCell[data-ifEditing="false"]{display:none}#custThemePreviewCell[data-ifEditing="true"]{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;border-width:5px !important;width:180px;height:40px}.custThemeCellEditSection{width:300px;height:300px}#custThemeEmptyPanels{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;font-weight:bold;color:#aaa;padding:2rem;margin-top:20px;box-sizing:border-box;border:1px solid #aaa;border-radius:5px}#custThemeEmptyPanels[data-ifShow="false"]{display:none}#custThemeEditSection{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;width:300px;height:100%}#custThemeEditSection[data-ifShow="false"]{display:none}#custThemeEditCSSSelectPanels{display:grid;grid-template-columns:repeat(4,1fr);width:100%;box-sizing:border-box}.custThemeEditCSSSelectPanel{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:5px 5px 0 0;color:#aaa;font-size:16px;padding:10px 0;cursor:pointer}.custThemeEditCSSSelectPanel[data-ifshow="false"]{pointer-events:none;color:#fff}.custThemeEditCSSSelectPanel[data-ifSelect="true"]{border-left:1px solid #aaa;border-top:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #fff;color:#555;margin:-1px 0;z-index:1}.custThemeEditCSSSelectPanel[data-ifshow="false"]:hover{background:#f8f8f8}#custThemeCSSEditor{display:flex;flex-direction:column;width:100%;height:100%;max-height:263px;box-sizing:border-box;border-radius:5px;border:1px solid #aaa;padding:5px 10px 0}#custThemeCSSEditor[data-selectedPanel="c"]{border-radius:0 5px 5px 5px}#custThemeCSSEditor[data-selectedPanel="f"]{border-radius:5px 0 5px 5px}.custThemeCSSEditorPanelName{font-size:18px;font-weight:500;margin:.5em .5em .5em;border-bottom:1px solid #000;padding:10px 0}.custThemeCSSEditorPanelName[data-ifSelect="false"]{display:none}.custThemeEditPanel{display:flex;flex-direction:column;gap:5px;font-size:16px;font-weight:400;margin:5px 10px 10px;overflow-y:scroll}.custThemeEditPanel::-webkit-scrollbar{width:4px}.custThemeEditPanel::-webkit-scrollbar-thumb{border-radius:5px}.custThemeEditPanel[data-ifSelect="false"]{display:none}.custThemeEditorPanelGroup{position:relative;display:flex;flex-direction:column;gap:.5em;margin:10px 0 5px 10px}.custThemeEditorPanelGroup::before{content:"";position:absolute;display:inline-flex;top:3px;left:-10px;width:2px;height:85%;background:#aaa}.custThemeEditorStyleName{font-size:14px;margin:0 0 0 5px}.custThemeEditorPanelElement{display:flex;flex-direction:row;align-items:center;gap:1rem}.custThemeEditorPanelColorEditor{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:40%;padding:5px}.custThemeEditorPanelBorderEditor{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:15px;width:10px;height:10px;padding:10px}.custThemeEditorPanelBorderEditor[data-ifSelect="true"]{background:#eee}.custThemeCellStylingEditButton{border-radius:25px;cursor:pointer}.custThemeCellStylingEditButton:hover{background:#eee}.custThemeCellColorPreviewButton{width:20px;height:20px;background:linear-gradient(45deg,#fff 0%,#fff 49%,#f00 49%,#f00 51%,#fff 51%,#fff 100%);box-sizing:border-box;border:1px solid #aaa;border-radius:50%}.custThemeCurrentColorHex{text-align:left;width:70px}.custThemeCurrentColorHex::selection{background:transparent}.custThemeSaveDeleteButtonContainer{display:flex;justify-content:flex-end;gap:1rem;width:80%;margin:2rem auto}.custThemeButton{display:flex;align-items:center;justify-content:center;font-size:15px;width:6rem;color:#888;background:#fff;border:1px solid #888;border-radius:3px;padding:.25em;cursor:pointer}.custThemeButton:hover{color:#fff;background:#888;box-shadow:2px 2px 5px 2px #efefef80}.custThemeDeleteButton{border-color:#f2767d;color:#f2767d}.custThemeDeleteButton:hover{color:#fff;background:#f2767d}.custThemeDeleteButton[data-deactivate="true"]{opacity:.4;pointer-events:none}.custThemeButtonDeactivate{cursor:not-allowed}.custThemeConfirmDeleteWindowLayer{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:90%;background:#FFFFFF80;z-index:25}.custThemeConfirmDeleteWindow{display:flex;justify-content:space-around;flex-direction:column;width:50%;height:50%;background:#fff;border:1px solid #888;border-radius:3px;box-shadow:2px 2px 5px 2px #efefef80}.custThemeConfirmDeletePromptMessageContainer{display:flex;align-items:center;justify-content:center;width:80%;height:60%;color:#555;margin:1rem auto 0}.generalTextHeader{font-size:18px;font-weight:600;margin:12px 0}.generalTextItem{font-size:15px;font-weight:300;margin:6px 0}.generalTextItem a{float:none !important;font-weight:400}.checkboxSymbol{font-size:115% !important;text-align:center;margin:0}.configTypeDiv{float:left;clear:left;background:#fbfbfb;border:1px solid #dbdbdb;border-radius:12px;width:300px;padding:11px 25px;margin:5px 12px;cursor:pointer}.configTypeDiv:hover{background:#fff;border:1px solid #ccc}.configIconDiv{float:left}.configTypeDiv i{font-size:30px}.configTypeName{float:left;font-size:17px;margin:4px 0 0 25px}.achTab{float:left;clear:left;margin:20px 25px 25px 0}.achIconDiv{float:left;position:relative}.achTabNameDiv{float:left;padding:0 0 8px 18px;font-size:18px;font-weight:700;max-width:250px}.achSheetDiv{float:left;clear:left;margin:0 0 0 52px}.achSheetItem{margin:2px 0 -2px -12px;padding:3px 12px;border-radius:12px}.achSheetItem:hover{background:#efefef}.achSheetItem a:hover{text-decoration:none}.achRightDiv{float:left;clear:left;box-sizing:border-box;width:calc(100% - 12px);overflow-y:auto;border:1px solid #efefef;padding:0 0 10px 0;margin:12px 0 0 12px;border-radius:5px;background:#fff}.homeLayoutScrollOuter{scrollbar-width:none;overflow-x:auto;display:flex}.homeLayoutScrollOuter::-webkit-scrollbar{display:none}.sortableColumnContainer{min-width:185px;flex-shrink:0}#homeLayoutScrollBar{position:fixed;bottom:0;overflow-x:auto;overflow-y:hidden}#homeLayoutScrollProxy{height:1px}.homeLayoutBtnDiv{position:fixed;bottom:20px;right:100px;z-index:5}.homeLayoutWrapper{display:flex;align-items:flex-start}#editHomeLayoutIconWrapper{flex-shrink:0;padding-top:16px;margin:0 16px;z-index:5}.homeLayoutAddColumnBtn{min-width:185px;width:200px;height:64px;border:2px dashed #CCC;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:12px;flex-shrink:0;align-self:flex-start}.homeLayoutAddColumnBtn i{color:#CCC;font-size:28px}.divDescPart{padding:6px 0 12px 12px}.divDescConfigPart{text-align:center;color:#ccc;padding:12px 0 12px 12px;overflow:hidden;display:flex}.layoutConfigDiv{margin:25px 0 0 -25px;display:inline-block;font-size:20px;color:#dbdbdb}.homeConfigPrompt{margin:0 0 5px 0;font-size:14px}#homeRagicSheetConfig select,#homeRagicSheetConfigFields select{font-size:14px;margin:0 8px 0 0}.achRemoveIcon{position:absolute;border-radius:16px;font-size:16px;background:#fafafa;border:1px solid #dbdbdb;padding:6px 8px;top:-10px;right:-10px;z-index:5}.achRemoveIcon:hover{background:#dbdbdb;cursor:pointer}.addBlockIcon{font-size:28px;color:#aaa;display:inline-block}.addBlockIcon:hover{color:#dbdbdb;cursor:pointer}.achAddIcon{float:right;margin:0 15px 0 0;display:inline-block;font-size:12px;cursor:pointer;color:#333}.achRightPanel{font-size:12px;line-height:150%}.achTaskItem{float:left;clear:left;margin:0 0 3px 12px;height:21px;overflow:hidden;display:flex}.achTaskItem div{float:left}.achTaskStatusP a{color:#000 !important}.achTaskStatusC a{color:#bbb !important;text-decoration:line-through !important}.achTaskStatusF a{color:#bbb !important;text-decoration:line-through !important}.taskDueDateDiv{font-size:13px;margin:30px 10px 0 0}.achTaskCheckDiv{float:left;clear:left;width:20px}.achTaskCheckDiv input{margin:6px 12px 0 0;font-size:20px}.achTaskCheckDiv i{margin:4px 12px 0 0;font-size:15px;color:#aaa;cursor:pointer}.achTaskTextDiv{float:left;font-size:15px;width:250px;line-height:130%;margin:2px 0 0 3px}.achTaskDropItem div{float:left}.achTaskLinkDiv{font-size:12px;font-weight:400}.achTaskLinkDiv b{font-weight:400}.achTaskGearDiv{display:none;font-size:12px;color:#aaa;margin:6px 0 0 0;cursor:pointer}.achTaskItem:hover .achTaskGearDiv{display:block}.achMain,.achMainConfig{width:100%;float:left;clear:left;position:relative;overflow:visible;background:#fff;padding:0;border:1px solid #efefef;border-radius:5px;margin:0 0 12px 0}.achMainConfig{padding:0 0 25px 0}.achLeftDivContainer{float:left;width:755px;flex-shrink:0;margin:12px 0 200px 12px}.achRightDivContainer{position:relative;flex-shrink:0;float:left;width:300px;padding:0 0 50px 0;margin:0 0 200px 0}.dcellHomeLayout{width:6px;flex-shrink:0;background-color:#CCC;margin:12px 0 0 12px;cursor:col-resize;z-index:1}.achDiv{float:left;min-width:325px;max-width:325px;margin:12px 0 50px 50px}.configElement{cursor:pointer}.configElement:hover{border:1px solid #ccc}.configElement.achRightDiv{position:relative;overflow:visible}.ghostClass{background-color:#888}#editHomeLayoutIcon{font-size:18px;color:#dbdbdb;cursor:pointer}#editHomeLayoutIcon:hover{color:#888}.achEventDay{float:left;margin:10px 0 10px 15px;font-size:12px;font-weight:700}.sidebarIcon{float:left;margin:2px 5px 0 -8px;font-size:14px;color:#555;white-space:nowrap}.v6AdminItem .sidebarIcon{width:18px}.sideMoreLink{display:inline-block;margin:5px 0 25px 17px;border-radius:8px;padding:3px 8px}.sideMoreLink:hover{text-decoration:none;background:#e1e1e1}.eventConfigMenu{position:absolute;background:#fafafa;font-size:13px;border:1px solid #888;z-index:1000;max-height:400px;min-width:200px;overflow:auto;-webkit-box-shadow:0 4px 10px #aaa;-moz-box-shadow:0 4px 10px #aaa;box-shadow:0 4px 10px #aaa;padding:5px 0 5px 0}.eventConfigMenu div{padding:8px 25px 8px 12px;line-height:150%;cursor:pointer;color:#444;white-space:nowrap}.eventConfigMenu div:hover{background:#e1e1e1;cursor:pointer}@media screen and (max-width:1300px){.achDiv{clear:left}.achDiv{min-width:500px !important;max-width:500px !important}}@media screen and (max-width:1120px){.achDiv{min-width:400px !important;max-width:400px !important}}@media screen and (max-width:940px){.achDiv{min-width:325px !important;max-width:325px !important}}#templateLibrary{float:left;clear:left;background:#fff;border-radius:5px;line-height:normal;text-align:left;max-height:95%;width:100%}.templateLibrarySidebar{float:left;clear:left;width:17%;background:#fff;font-size:14px;border-right:1px solid #efefef;padding:10px 0 18px 0;height:80%;overflow:auto;border-radius:5px 0 0 0}.templateLibrarySidebarItem,.templateLibrarySidebarItemSelected{padding:5px 8px 5px 30px}.templateLibrarySidebarItem{cursor:pointer}.templateLibrarySidebarItem:hover{background:#f8f8f8}.templateLibrarySidebarItemSelected{background:#ddd}a.templateLibrarySidebarItemText{color:#333;font-weight:600}input[type=text].templateSearchbox{width:85%;height:25px;border-radius:5px;border:1px solid #ccc}.templateSearchbutton{display:inline-block;margin:0 5px;font-size:15px;color:#888}.templateSearchbutton:hover{color:#000}.templateItemsDiv{float:left;width:40%;padding:30px 0 12px 0;height:80%;overflow:auto}.templateItemDiv,.templateItemDivSelected{display:flex;align-items:flex-start;justify-content:center;float:left;clear:left;width:100%;padding:15px 0 15px 25px;box-sizing:border-box;cursor:pointer}.templateItemDivSelected{background:#ddd}.templateItemDiv:hover{background:#f8f8f8}.templateItemIcon{position:relative;top:3px;float:left;color:#53a638;font-size:16px}.templateItemText{flex:1;margin:0 16px;word-break:break-word;overflow-wrap:break-word;font-size:16px}.templateItemText:hover{text-decoration:underline}.templateItemButton{align-self:center;flex-shrink:0;margin:0 25px 0 0;border-radius:18px;background:#efefef;color:#333;padding:5px 12px;cursor:pointer;font-size:16px}.templateItemButton:hover{background:#ccc}.templateItemButton.templateItemButtonInstall{background:#4986ec;color:#fff}.templateItemButton.templateItemButtonInstall:hover{background:#5af}.templateDetailDiv{float:right;width:40%;height:80%;padding:30px 0 30px 30px;border-left:1px solid #efefef;overflow:auto;border-radius:0 5px 5px 0}.templateItemName{margin:20px 0 12px 20px;font-size:18px;color:#333}.partnerInfoCompanyName,.partnerInfoEmail,.partnerInfoWebsite,.partnerInfoPrice,.partnerInfoPriceDetailed{margin:0 0 0 20px;font-size:14px;color:#333}.templateIfPartnerAppDiv,.template_docLinkDiv{margin:0 0 0 20px}.templatePartnerAppPart{margin:0 0 20px 0;font-size:14px;color:#333}.templatePaidAppDiv{margin:0 0 0 20px}.templateHelpButton{font-size:12px;margin:0 8px 0 0;border-radius:10px;border:1px solid #4986ec;color:#4986ec;background:#fff;padding:3px 8px;cursor:pointer}.templateItemButton2{font-size:12px;margin:0 8px 0 20px;border-radius:10px;background:#4986ec;color:#fff;padding:3px 8px;cursor:pointer}.templateItemButton2:hover{background:#5af}.templateItemDesc{margin:18px 25px 0 20px;font-size:13px;color:#333}.templateItemSheets{margin:20px;font-size:13px}.templateItemSheets span{color:#aaa}.templateItemScreenshot{margin:0 0 18px 20px;box-sizing:border-box;-webkit-box-shadow:0 4px 10px #aaa;-moz-box-shadow:0 4px 10px #aaa;box-shadow:0 4px 10px #aaa}.templateScreenshotDivInner{cursor:pointer}.templateScreenshotDivOuter,.templatePartnerLogoDivOuter{min-width:90%;width:90%}.templateHelpIconContent{display:inline-block;position:relative;left:10px;cursor:pointer;color:#0758c0;font-size:12px;top:2px}.linkNLoadSettingHeader{margin-right:10px;font-weight:700}.emailTemplateSingleSelect{background-color:#fff;padding:3px;border:1px solid #ccc;line-height:15px;width:500px;margin:3px 0}.emailTempalteInlineInput{width:500px;cursor:text;padding:3px;margin:3px 0}.emailTempalteBlockInput{overflow:auto;width:492px;height:152px;margin:3px 0 8px 0;background-color:white;border:1px solid #a9a9a9;cursor:text;padding:3px;vertical-align:middle}.emailTempalteBlockInputTextArea{width:500px;height:160px;background-color:#ffefef}.emailTempalteBlockInput.emailTemplateSizeLarge{height:312px}.emailTempalteBlockInput.emailTempalteBlockInputTextArea.emailTemplateSizeLarge{height:320px}.emailTempalteBlockInput a{float:none !important}.emailTemplateLabel{width:60px}.emailTemplateControlButton{width:16px;margin:0 5px;font-size:16px;cursor:pointer}.instantMessageTemplateInlineInput{width:500px;cursor:text;padding:3px;margin:3px 0}.instantMessageTemplateBlockInput{overflow:auto;width:492px;height:152px;margin:3px 0 8px 0;background-color:white;border:1px solid #a9a9a9;cursor:text;padding:3px;vertical-align:middle}.instantMessageTemplateBlockInputTextArea{width:500px;height:160px;background-color:#ffefef}.instantMessageTemplateBlockInput.instantMessageTemplateSizeLarge{height:312px}.instantMessageTemplateBlockInput.instantMessageTemplateBlockInputTextArea.instantMessageTemplateSizeLarge{height:320px}.instantMessageTemplateBlockInput a{float:none !important}.instantMessageTemplateLabel{width:60px}.instantMessageTemplateControlButton{width:16px;margin:0 5px;font-size:16px;cursor:pointer}.instantMessageTemplateSingleSelect{background-color:#fff;padding:3px;border:1px solid #ccc;line-height:15px;width:500px;margin:3px 0}#sendCustomInstantMessageAdvancedDiv{display:flex;flex-direction:column;gap:5px;margin:10px 0}#sendCustomInstantMessageAdvancedDiv>div:not(#sendCustomInstantMessage_customSuccessMessageDiv){display:flex;flex-direction:row;align-items:baseline;gap:6px}#sendCustomInstantMessageAdvancedDiv>div>a{left:-9px;top:-3px}.unlinkAccountItem{display:block;margin:2px 0;font-size:13px;float:left;clear:left}.unlinkAccountItem span{display:none}.unlinkAccountItem:hover span{display:inline}.noDisplay{display:none}.multiComboMatchPart{font-weight:800}.multiComboFilterInputNotInDropMenu{width:5em;outline:0;border:0;background-color:transparent}.formPageToolButton,.listingPageToolButton{display:none}#tabColorPicker{border:1px solid #ccc;background-color:#efefef;padding:15px 15px;box-sizing:border-box;border-radius:5px}#tabIconPicker{padding:0 15px}.iconBlock{display:inline-block;padding:5px;font-size:24px;cursor:pointer}.achIconDiv i{font-size:24px;width:32px;height:32px;text-align:center}.achIconDiv img.cusImg{width:32px;max-height:32px}#tabIconFontAwesomeContent tr td{text-align:center}#tabIconFontAwesomeContent tr td:hover{color:#fff;background:#4dadf7}td.chosenIcon{color:#fff;background:#4dadf7}#tabIconUploadFormLink,#noIconLink{float:right;margin:0 4px}.achIconDiv img{max-width:32px}.achIconDiv .achIconDivTriIcon{color:#000;position:absolute;right:-1px;top:-2px;display:none}.achIconDiv:hover .achIconDivTriIcon{display:block}.achIconDivTriIcon i{font-size:2px;width:2px;height:2px}.achIconDivTriIcon i:hover{color:#b3b3b3;font-size:2px;width:2px;height:2px}#v5SidebarTD:hover #sidebarConfig{display:inline}#sidebarConfig{display:none;float:left;position:relative;top:15px;cursor:pointer}#quickSearchWarning div,#quickSearchDesc,#quickFilterSelect,#filterContent div{margin:0 0 10px 0}#dockbarApproval tbody tr{line-height:150%}#dockbarApproval tbody.noPermissionToStart tr:nth-child(odd){background-color:#bbb}#dockbarApproval tbody.noPermissionToStart tr:nth-child(even){background-color:#bbb}#dockbarApproval tbody tr:nth-child(odd){background-color:#eee}#dockbarApproval tbody tr:nth-child(even){background-color:#f8f8f8}.conditionContent input[name='conditions']{padding:0;max-width:80px;margin:0 1px}.conditionContent i{font-size:16px;margin:0 0 0 8px;cursor:pointer;color:#9e9e9e}.conditionContent i:hover{color:#3f51b5}#quickSearchContent{max-width:800px}.triggerDispTable{font-size:13px}.triggerDispTable th{border-bottom:2px solid #999;color:#888;padding:6px 12px 6px 0;background-color:#f5f5f5;overflow:hidden}.triggerDispTable td{padding:3px 8px;border-bottom:1px solid #e1e1e1;padding-left:3px;overflow:hidden}#changePrefForm input[type="checkbox"]{margin-right:10px}.viewGroupContent .viewGroupPart input[type="checkbox"]{display:none}.viewGroupContent .viewGroupPart input[type="checkbox"]:checked+label:before{content:"\f14a"}.viewGroupContent .viewGroupPart input[type="checkbox"]+label:before{font-family:'Font Awesome\ 5 Pro';font-weight:400;content:"\f0c8";font-size:14px;margin:0 6px 0 0;position:relative;top:1px;cursor:pointer}.viewGroupPart{display:inline-block;width:50%}#viewGroupOK{float:right}#viewGroupCancel{float:right;margin:0 10px 0 0}.viewGroupFooter{margin:20px 0 0 0}#setGroupDefaultViewLink{text-decoration:none;display:none;float:left;position:relative;top:20px}#reportHistory{margin:10px 10px 0 0}.rhVersionPart{width:130px}.rhDatePart{width:140px}.rhUserPart{text-align:center}.rhTable{font-size:12px;margin:3px 12px}#reportHistoryDiv.hideHistory{display:none}div.avatar{width:40px;height:40px;line-height:40px;overflow:hidden;margin:0;border-radius:25px;display:inline-block;float:left;color:#fff;box-sizing:border-box;position:relative}.iniAva{position:absolute;font-size:21px;letter-spacing:0;left:17px;top:-1px}img.avatar{width:100%;height:100%;display:inline-block}div.notifAvatar{width:48px;height:48px;line-height:48px;margin:15px 0 0 15px}div.taskAvatar{width:48px;height:48px;line-height:48px;margin:15px 15px 0 0}div.mobileAvatar{width:45px;height:45px;line-height:45px}div.optionAvatar{width:16px;height:16px;line-height:16px;margin:0 5px 0 0}.historyIcon{color:#000;margin:0 5px}.historyIcon.doneIcon{color:#ccc}#infoMain .historyRecord .historyIcon{display:none}.commentsEnlargeIcon{display:inline-block;float:right;cursor:pointer;margin:0 14px 0 0;color:#aaa;font-size:14px}.commentBubbleWrap.enlarge{margin:0;width:70%}.avatar.enlarge{text-align:center;position:relative;margin:12px 0 0 15px}img.avatar.enlarge{margin:0}.commentUser.enlarge{padding:10px 0 0 15px;margin:0}.bulkDownloadDesc{font-weight:bold;font-size:12px;padding:0 5px 0 0}#bulkDownloadDomainSelector{font-size:12px;max-width:500px}.kfContent{margin:10px 0 5px 0}.kfBlock{margin:8px 0}.actionLock{background-color:#efefef}.hideProgressCheckBox{display:none !important}#otherMailMergeOptions input[name='merge']{display:none}#otherMailMergeOptions label{cursor:pointer}#otherMailMergeOptions input[name='merge']:checked+label:before{font-family:'Font Awesome\ 5 Pro';font-weight:400;content:"\f14a";margin:0 8px 0 0}#otherMailMergeOptions input[name='merge']+label:before{font-family:'Font Awesome\ 5 Pro';font-weight:400;content:"\f0c8";margin:0 8px 0 0}input[name='approvalCC']{margin:2px 5px;width:38%}Select#approvalCCSelect{width:50%}#approvalCCSetting div i.fa-envelope{font-size:13px;margin:0 3px 0 0}#approvalCCSelect div[data-actid="approvalCCSelect"]{margin-left:16px}#actionButtonAfterApprovalSetting div i.far{font-size:13px;margin:0 3px 0 0}#actionButtonSelect{margin-left:16px}.titleTd{padding:3px 12px}.thresholdTd a{font-weight:bold}#ragicAppStoreContainer{text-align:center;background-color:#fff;min-height:1000px}.bannerBlock{max-height:150px;padding:50px 0 0 0;overflow:hidden;display:inline-block;margin:0 0 20px 0;width:90%}.bannerBlock .bannerContent{width:100%}.logoBlock{width:25%;display:inline-block;float:left}.logoBlock .logoImg{width:160px;height:160px}.basicInfoBlock{display:inline-block;height:160px;text-align:left;float:left;width:25%}.basicInfoBlock .appName{font-size:36px;font-weight:600;padding:24px 2px 6px 2px}.basicInfoBlock .developers{padding:0 2px 10px 5px;font-size:18px;color:#33691e}.basicInfoBlock .developerEmails{padding:0 2px 10px 5px;color:#4a349c;font-size:18px}.priceBlock{display:inline-block;height:160px;text-align:right;float:left;width:25%;font-size:14px}.priceBlock .priceNumber{padding:30px 2px 10px 2px;font-size:24px}.priceBlock .pricePlan{padding:0 2px;font-size:18px}.installBlock{display:inline-block;height:160px;float:left;width:25%}.installBlock .installButton{display:inline-block;color:#fff;background-color:#8bc34a;height:40px;line-height:40px;margin:20px 0 10px 0;border-radius:7px;width:80px;cursor:pointer;border:1px solid #8bc34a}.installBlock .updateButton{display:inline-block;color:#fff;background-color:#8bc34a;height:40px;line-height:40px;margin:10px 0 10px 0;border-radius:7px;width:80px;cursor:pointer;border:1px solid #8bc34a}.descriptionSection,.previewSection,.tutorialSection{clear:both}.previewSection,.tutorialSection{padding:0 0 50px 0}.descriptionSection .descriptionTitle,.previewSection .previewTitle,.tutorialSection .tutorialTitle{width:24%;text-align:center;clear:both;font-size:18px;color:#555;font-weight:600;margin:0 0 10px 0}.descriptionSection .descriptionLine,.previewSection .previewLine,.tutorialSection .tutorialLine{border-bottom:1px solid #ccc;width:90%;text-align:left;clear:both;margin:0 auto}.descriptionSection .descriptionBlock,.previewSection .previewBlock,.tutorialSection .flowChartBlock{text-align:left;width:75%;margin:40px auto}.previewSection .previewBlock{overflow:hidden;background-color:#333;position:relative}.ragicStoreLightbox{overflow-y:auto;overflow-x:hidden}.ragicStoreLightbox::-webkit-scrollbar{width:0}.previewSection .previewBlock .far{position:absolute;font-size:36px;height:36px;width:36px;cursor:pointer;text-align:center;background-color:transparent}.previewSection .previewBlock .imgDiv{-webkit-transition:left 1s;transition:left 1s}.tutorialSection .flowChartBlock img{width:100%}.tutorialSection .manual,.tutorialSection .supportMail,.tutorialSection .supportLines{text-align:left;padding:10px 100px}.tutorialSection .manual span{color:#07c}.tutorialSection .supportMail span{color:#4a349c}.rightWinHeaderText i{cursor:pointer;color:#07c;margin:0 0 0 10px}.focusColored{background-color:rgba(14,101,235,0.1)}.focusSideCell{background-color:#5f6368 !important;color:#fff !important}body.builderBlockDraggable #nui_outer td.focusSideCell{cursor:grab}body.builderBlockEdgeGrab #nui_outer td{cursor:grab}body.builderGrabbing,body.builderGrabbing *{cursor:grabbing !important}.freezeSettingGroup{text-align:center}.freezeSettingGroup li{font-size:1.1em;margin-top:8px;transition:all 200ms ease-in}.unfreeze{cursor:pointer}.unfreeze:hover{font-weight:bold}.approvalPlus{cursor:pointer;font-size:14px}#approvalupdForm{margin:5px 0}#approvalupdForm table{width:100%}#approvalupdForm table th{border-bottom:1px solid #888;padding:2px 4px;vertical-align:middle;text-align:center;font-size:14px}#approvalupdForm table td{vertical-align:middle;text-align:center;font-size:14px;padding:2px 0}#approvalupdForm table i{cursor:pointer}.hiddenStep{display:none}#dockbarApproval #approvalupdForm tbody tr{background-color:#eee}.submitTr a{margin:0 5px;font-size:12px;color:#aaa;text-decoration:underline}.nuiFreeCell{padding:0 6px 0 6px;background-color:#fafafa;cursor:auto !important}.mobileLayoutSelector{position:absolute;background:#fff;z-index:270}.mobileLayoutTable,mobileLayoutTableFormat{margin:0 0 20px 0}.mobileLayoutTable td,.mobileLayoutTableFormat td{position:relative;padding:1px 8px;white-space:nowrap}.mobileLayoutTableFormat td{border:1px solid #ccc}.mobileLayoutTable{border:1px solid #ccc}.emailTemplateUploaderFileButton:after{content:'+';right:0;cursor:pointer}.paddedIcon{display:inline-block;margin:5px 8px 5px 1px}#webhooksTable{width:100%}.webhookDeleteIcon{cursor:pointer;color:#333}@media print{.topMessageDiv{display:none}.hideWhenPrintDomContent{display:none !important}}.topMessageDiv{position:fixed;top:-50px;background:#666;color:#fff;box-sizing:border-box;width:100%;z-index:99999;transition:all .3s}.topMessageDivContent{width:100%;margin:15px 50px}.topMessageDivClose{position:absolute;top:12px;right:30px;font-size:1.2rem;text-align:center;margin:0;color:#fff;cursor:pointer}.fieldAnalyzerDiv{padding:25px;margin:12px;background:#fff;font-size:16px}.fieldAnalyzerDiv table{margin:12px 0 0 0;border-collapse:collapse}.fieldAnalyzerDiv table td{border:1px solid #efefef;padding:5px 12px;font-size:13px;vertical-align:top;min-width:100px}.fieldAnalyzerDiv a{float:none !important}.fieldAnalyzerDiv table th{border:1px solid #efefef;background:#efefef;padding:5px 12px;font-size:13px;vertical-align:top;color:#aaa;font-weight:400}.rClickedSubtableInfo{font-weight:bold;background:#d6d6d6}.concurrentDiv{margin:80px}.concurrentDiv table{margin:12px 0 0 0;border-collapse:collapse}.concurrentDiv table td{border:1px solid #efefef;padding:5px 12px;font-size:20px;vertical-align:top;font-weight:300}.concurrentDiv a{float:none !important}.concurrentDiv table th{border:1px solid #fafafa;background:#efefef;padding:5px 12px;font-size:20px;vertical-align:top;color:#aaa;font-weight:300}.concurrentHeader{margin:50px 0 0 0;font-weight:300;font-size:20px}.concurrentDiv b{font-weight:800}.flex-center{display:flex;flex-wrap:wrap;align-items:center}.flex-start{display:flex;flex-wrap:wrap;align-items:flex-start}.flex-column-center{display:flex;align-items:center;flex-direction:column}.flex-center-center{display:flex;justify-content:center;align-items:center}.flex-start-center{display:flex;justify-content:flex-start;align-items:center}.flex-end-center{display:flex;justify-content:flex-end;align-items:center}.flex-spaceBetween-center{display:flex;justify-content:space-between;align-items:center}.flex-spaceAround-center{display:flex;justify-content:space-around;align-items:center}.flex-end{display:flex;align-items:flex-end}.d-flex{display:flex !important}.xdateInput{width:40px;height:20px;outline:0}.fpThumbNailChild{display:flex;flex:1 0 auto;height:100%;padding:5px;box-sizing:border-box;position:relative;white-space:nowrap;font-size:12px;align-items:center;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.fpThumbNailChild.fpFocus{overflow:visible}.fpThumbNailChild:hover{background-color:#e6e6e6}.fpThumbNailImage{flex:1 0 auto;justify-content:center}#fpIcon>div{display:flex;justify-content:center;align-items:center;color:#aaa;cursor:pointer;flex:1;font-size:15px}#fpConfig:hover,#expandRightPopButton:hover,#fpClose:hover,#fpThumbtack:hover,#fpOpenInNewTab:hover{background-color:#f3f3f3;color:black}#fpThumbnail{color:#3c3c3c;cursor:pointer;font-size:15px;display:flex;align-items:flex-end;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;flex:1 1 auto;margin-right:2%;scrollbar-width:none;-ms-overflow-style:none}#fpThumbnail::-webkit-scrollbar{display:none}#fpThumbnail::before,#fpThumbnail::after{position:sticky;flex:0 0 auto;align-content:center;width:40px;height:100%;font-weight:700;color:#888;pointer-events:none;transition:opacity .2s;opacity:0;z-index:1}#fpThumbnail::before{content:"<";left:0;padding-left:12px;margin-right:-40px;background:linear-gradient(to right,#fff,#FFFFFF2e)}#fpThumbnail::after{content:">";text-align:right;right:0;padding-right:12px;margin-left:-40px;background:linear-gradient(to left,#fff,#FFFFFF2e)}#fpThumbnail.fpThumbnailScrollLeft::before,#fpThumbnail.fpThumbnailScrollRight::after{opacity:1}#fpThumbnail.fpThumbnailMaskNoTransition::before,#fpThumbnail.fpThumbnailMaskNoTransition::after{transition:none}.fpFocus{background-color:#e6e6e6}#fpError,#fpLoading{text-align:center;color:grey;font-size:14px;margin:200px 0 200px 0}#fpImageName{display:inline-block;padding:20px;color:grey;width:500px;box-sizing:border-box;white-space:pre-wrap;font-weight:600;font-size:14px}.media{width:100%;margin:3px 0}div.mediaWrap{width:95%;background-color:#efefef;padding:13px 8px 8px 8px;border-radius:11px}.downloadQuotaMask{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:120px;padding:8px;overflow:hidden;background-color:#f8f8f8;border:1px dashed #ccc;color:#555;font-size:13px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.downloadQuotaMask .downloadQuotaMaskIcon{font-size:24px}.downloadQuotaMask.downloadQuotaMask-video{height:auto;min-height:80px;overflow:visible}.downloadQuotaMask.downloadQuotaMask-audio{flex-direction:row;height:auto;min-height:54px;overflow:visible}.downloadQuotaMask.downloadQuotaMask-audio .downloadQuotaMaskIcon{font-size:18px}.downloadQuotaMask.downloadQuotaMask-preview{height:auto;min-height:120px;margin:16px auto;width:calc(100% - 32px);font-size:14px}.downloadQuotaDisabled{opacity:.4;cursor:default}.downloadQuotaDisabled .file-features:hover{background-color:transparent}.imageDel{display:inline-flex !important;justify-content:center;align-items:center;position:absolute;top:0;right:0;padding:5px;font-size:10px;font-weight:900 !important;background-color:whitesmoke;color:darkgrey;width:10px;height:10px;opacity:1;transition:opacity .3s;z-index:100;border-left:2px solid white;border-bottom:2px solid white;cursor:pointer}.imageDel:hover{color:#272727;background-color:#eae9e5}.imageDel.autosave{display:none !important}.focus .imageDel.autosave{display:inline-flex !important}.billingContainer{padding:25px 40px 80px 30px}.billingContainer h1{margin-bottom:20px}.billingContainer p{line-height:1.5}.billingNavbarContainer{display:inline-block;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;margin-bottom:25px}.billingNavbar{display:flex;flex-wrap:wrap}.billingNavbar li{position:relative;overflow:hidden}.billingNavbar li::before{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:3px;background-color:#d50e0e;transition:bottom ease-in-out .2s}.billingNavbar li:hover::before,.billingNavbar li.active::before{bottom:0}.billingNavbar a{display:block;padding:8px 9px;font-size:15px}.billingNavbar a:hover{text-decoration:none}.text-warning{color:#d50e0e !important}.fw-bold{font-weight:bold !important}.quoteContainer{padding:0 0 25px 0}.quoteContainer select{height:34px}.thebutton6.buttonDisabled,.thebutton6:disabled{opacity:.5;cursor:default}.thebutton6{display:inline-block;font-size:1.7rem;font-weight:600;font-family:inherit;text-align:center;border-radius:.6rem;padding:10px 25px;border:0;text-decoration:none;cursor:pointer;user-select:none;transition:background-color .1s ease}.thebutton6:hover{text-decoration:none}.thebutton6:focus{border:0}.thebutton6-primary{color:#fff;background-color:#f70e0e}.thebutton6-primary:hover{color:#fff}.thebutton6-primary:not(.buttonDisabled):not(:disabled):hover{background-color:#9a0505}.thebutton6-secondary{color:#fff;background-color:#333}.thebutton6-secondary:hover{color:#fff}.thebutton6-secondary:not(.buttonDisabled):hover{background-color:#666}input[type="checkbox"].custom-checkbox+label{line-height:1;cursor:pointer;font-weight:bold}input[type="checkbox"].custom-checkbox{display:none}input[type="checkbox"].custom-checkbox+label::before{content:"\2714";border:1.5px solid #000;border-radius:10%;display:inline-block;width:16px;height:16px;padding:1px 0 1px 3px;margin-right:8px;color:transparent}input[type="checkbox"].custom-checkbox:checked+label:before{color:#d50e0e}input[type="checkbox"].modifyPlanAgree+label::before{margin-right:13px}.nps{display:flex;justify-content:space-between;font-size:20px;margin-bottom:10px}.nps li{display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff}.nps li>a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#fff}.nps li>a:hover{text-decoration:none}.step-list{display:flex;color:#b3b3b3;margin-bottom:35px}.step-list li{display:flex;align-items:center}.step-list li:not(:last-child){margin-right:50px}.step-list li.active{color:#f27079}.step-list .circle{display:flex;justify-content:center;align-items:center;height:30px;width:30px;background:#b3b3b3;color:#fff;border-radius:50%;margin-right:8px}.step-list li.active>.circle{background-color:#f27079}.modifyPlanContainer h2{color:#f27079;font-size:20px;font-weight:600;margin-bottom:30px}.modifyPlanContainer p{color:#707070}.billingEquation{display:flex;flex-wrap:wrap;margin-bottom:30px;line-height:1}.equation-block{display:flex;margin-bottom:30px}.operator-block{display:flex;flex-direction:column;align-items:center;padding-top:30px}.operator-block-title{display:flex;align-items:center;margin-bottom:16px}.operator-block-title i{color:#f27079;margin-right:10px}.operator-block span{font-size:12px;margin-left:4px}.operator-block input[type=text],.operator-block input[type=number]{padding:4px;text-align:right;background-color:#fff;border-radius:4px;border:1px solid #b3b3b3;height:28px;width:100px;box-sizing:border-box}.operator-block input[type=text]:disabled,.operator-block input[type=number]:disabled{border-color:rgba(118,118,118,0.3);opacity:.7}.operand{color:#b3b3b3;padding:67px 40px 0 40px}.operator-block-number{margin-bottom:12px}.operator-block-msg{font-size:12px;color:#b3b3b3;text-align:center;line-height:1.5}.leftParenthesis{color:#ffc0c2;padding:67px 12px 0 0}.rightParenthesis{color:#ffc0c2;padding:67px 0 0 12px}.lockedField{padding:4px;text-align:right;border-radius:4px;background-color:#efefef;height:28px;width:100px;box-sizing:border-box}.billingEquation .custom-select{height:28px}.result-block{align-self:flex-start}.result{padding:30px 50px 18px 50px;border:1px solid #f27079}.result-number{color:#f27079}#downgradeSASelectSource{display:none}#downgradeSlider{overflow:hidden;width:100%}#downgradeSlider_track{display:flex;transition:transform .3s ease}.downgradePanel{width:100%;flex-shrink:0}#accountDowngrade_sa_desc{margin:0 0 10px 15px}#downgradeSABarSelectContainer{margin:15px 0 10px 15px}#downgradeSAButtonRow{display:flex;justify-content:space-between;width:300px;margin-left:15px}.billingInfoTable{color:#707070;margin-bottom:12px}.billingInfoTable td{padding-right:45px;padding-bottom:45px}.billingInfoTable input[type=text],.billingInfoTable input[type=email]{height:40px}.billingInfoTable input[type=text].is-invalid,.billingInfoTable input[type=email].is-invalid{color:#fa755a;border-color:#fa755a}.billingInfoTable input[type=text].is-invalid:focus,.billingInfoTable input[type=email].is-invalid:focus{border-color:#fa755a !important}.modifyPlanTerms ol li{list-style-type:inherit}.modifyPlanTerms ol li:not(:last-child){margin-bottom:16px}.invoiceWrapper{border:2px solid #69f;width:550px;position:absolute;top:0;left:50%;transition:opacity .35s}.invoiceWrapper img{max-width:100%}.invoiceWrapper .closeIconWrapper{position:absolute;top:0;right:0;padding-top:4px;color:#69f;cursor:pointer}.invoiceWrapper.hide{opacity:0;pointer-events:none}.invoiceWrapper.show{opacity:1;pointer-events:auto}#modifyPlanPreview .header{color:#f27079;font-weight:bold;font-size:18px}#modifyPlanPreview .subHeader{color:#707070}#modifyPlanPreview td,#modifyPlanPreview th{padding:10px 40px 10px 0}.custom-select-wrap{position:relative;min-width:130px}.custom-select{width:100%;height:28px;background-color:#fff;appearance:none;border:1px solid #b3b3b3;border-radius:4px;padding:0 32px 0 8px;cursor:pointer}.custom-select:disabled{border-color:rgba(118,118,118,0.3);opacity:.7;cursor:default}.select-icon{position:absolute;width:25px;height:28px;top:0;right:0;border:1px solid #b3b3b3;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#efefef;padding:2px 0 0 6px;box-sizing:border-box;pointer-events:none}.custom-select-wrap.disabled .select-icon{border-color:rgba(118,118,118,0.3);opacity:.7}.font-family-system{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.subscriptionItem:first-child,.cardItem:first-child{border-top:1px solid #ccc}.subscriptionItem,.cardItem{padding:12px 8px 12px 8px;border-bottom:1px solid #ccc}.subscriptionItem-button,.cardItem-button{display:flex;justify-content:center;align-items:center;width:36px;height:28px;margin:0 4px;color:#707070 !important;background-color:#fff;border:1px solid #d4d4d4;border-radius:25%;transition:background-color .35s ease;cursor:pointer}.subscriptionItem-button:disabled,.cardItem-button:disabled{opacity:.5;cursor:default}.subscriptionItem-button:hover,.cardItem-button:hover{text-decoration:none;background-color:#eee}.subscriptionItem-button:disabled:hover,.cardItem-button:disabled:hover{background-color:#fff}.selectCardButton{background-color:#fff;transition:background-color .15s ease}.selectCardButton:hover{background-color:#f8f8f8}.selectCardButton:active{background-color:#f5f5f5}#approvalCCSelect ul li i{margin:0 3px 0 0}.approval-step-signer-wrapper.fixedSignedTd:after,#approvalupdForm table td.fixedSignedTd::after{font-family:'Font Awesome\ 5 Pro';font-weight:400;content:"\f502";margin:0 0 0 10px}.approval-signer-tooltip{background-color:white;position:absolute;border:1px solid #aaa;border-radius:5px;padding:10px 20px;width:max-content;z-index:1}/*!*display:none;*!*//*!*display:none;*!*/#templateTypeSelect{margin:0 0 0 5px;position:relative;top:1px;padding:1px 0}.historyTitleFieldValue{display:inline-block;max-width:20em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popFixWidth .dataCell,.popFixWidth .subtableHeader,.popFixWidth .subtableTextHeader,.popFixWidth .tableHeader,.popFixWidth .dataCell,.popFixWidth .dataRightCell,.popFixWidth .freeCell{white-space:normal}.widgetDivEmbed,.widgetBuilder{position:absolute;padding:10px;border-radius:3px}.widgetDivEmbed{background:#fafafa;border:1px solid #ddd}.widgetBuilder{position:absolute;box-sizing:content-box;border:1px solid #aaa;background:#e8e8e8;resize:both;overflow:auto;width:300px}.widgetPrompt{font-size:11px;margin-right:8px}.widgetBuilder .checkboxWrapper,.widgetBuilder .selectWrapper,.widgetBuilder .inputWrapper{display:flex;align-items:center}.widgetBuilder .selectWrapper select,.widgetBuilder .checkboxWrapper select,.widgetBuilder .inputWrapper input{font-size:10px;padding:0 3px;max-width:200px}.widgetBuilder .inputWrapper input{width:50px}.checkboxWrapper input{font-size:11px;background:0;border:1px solid transparent;margin:0 3px 0 0}.checkboxWrapper label{font-size:11px;margin-right:8px}.widgetDivEmbed .widgetContainer{height:100%}.widgetContainer{width:100%;display:flex;flex-direction:column}.componentConfig{display:flex;flex-direction:column;gap:10px;width:95%;padding:8px;margin:3px;border-radius:3px;background:#fbfbfb;line-height:1.2em;min-width:300px}.miniReportName{font-size:12px;background:0;border:1px solid transparent;width:90%;margin:0}.miniReportName:hover{border:1px solid #bbb}.deleteWidget{display:flex;justify-content:flex-end;font-size:12px}.deleteWidget i{cursor:pointer;color:#888}.deleteWidget i:hover{color:#333}.widgetName{font-size:16px;color:#666}.widgetDesc{margin:0;font-size:.8rem;color:#666}.widgetTimeRangeWrap{width:100%;margin:2px 0 10px;font-size:12px}.widgetTimeRange{cursor:pointer;color:#bbb;white-space:nowrap;margin-right:8px}.widgetTimeRangeSelected{color:#1a73e8;font-weight:700}.widgetTimeRangeSelector{margin-top:10px;font-size:12px}.widgetRefreshBtn{position:absolute;top:5px;right:15px;cursor:pointer;color:#666}.widgetTop{width:100%}.widgetTotalDiv{width:100%;display:flex;align-items:flex-end;gap:6px;margin-bottom:10px}.widgetContainer .bigNumber{font-size:26px;line-height:1}.widgetContainer .changes{display:flex;align-items:flex-end;gap:6px;font-size:12px}.widgetContainer .totalChange{color:#0a5}.widgetContainer .totalChangePercent{padding:0;color:#0a5}.widgetContainer .negative{color:#c00}.widgetSparklineDiv{width:100%;flex-grow:1;margin-bottom:10px;min-height:0;max-height:100px}.widgetSplitDiv{flex-grow:1;min-height:0}.widgetBuilder .multiComboBox ul{width:260px;max-height:350px}.widgetBuilder .multiComboBox li.multiComboFilterContainer input.multiComboFilterInput{min-width:auto}.widgetBuilder .multiComboBox,.widgetBuilder .multiComboValue,.widgetBuilder .multiComboFixedValue,.widgetBuilder .multiComboBox li{font-size:11px}.widgetBuilder .multiComboBox li.multiComboFilterContainer{padding:6px 12px 3px 12px}.widgetBuilder .multiComboBox li{padding:3px 16px 3px 40px}.widgetSparklineDiv:last-child{max-height:none}.dropDown-wrapper{position:relative;margin-right:8px}.show .dropDown-value-wrapper{border-color:#08c}.dropDown-value-wrapper{background-color:#fff;box-sizing:border-box;padding:0 15px 0 5px;border:1px solid #888;min-width:60px;min-height:32px}.dropDown-value-wrapper::after{content:'\f107';position:absolute;top:0;right:0;width:20px;height:100%;box-sizing:border-box;font-family:'Font Awesome\ 5 Pro';font-weight:900;text-align:center;line-height:32px}.dropDown-checkbox .dropDown-value-wrapper{border-color:#ccc;border-radius:5px}.dropDown-wrapper.show>.dropDown-value-wrapper::after{content:'\f106'}.dropDown-value{margin:2px;display:inline-block;min-height:26px;line-height:26px;cursor:default}.dropDown-checkbox .dropDown-value{min-height:24px;line-height:24px;background-color:#ddd;border-radius:3px;border:1px solid #bbb;padding:0 5px}.dropDown-wrapper.show>.dropDown-list{display:block}.dropDown-search-wrapper{display:block;box-sizing:border-box;padding:5px 5px 5px 10px}.dropDown-search-wrapper::after{content:'\f002';position:absolute;right:10px;width:20px;font-family:'Font Awesome\ 5 Pro';font-size:16px;line-height:32px;color:#888}.dropDown-search{width:100%;border:1px solid #888;border-radius:5px;outline:0}.dropDown-search-icon{position:absolute;right:10px}.dropDown-list{box-sizing:border-box;margin:0;padding:0;border:1px solid #ccc;display:none;position:absolute;min-width:150px;max-height:100px;z-index:1;background-color:white;overflow-y:auto}.dropDown-option-wrapper{display:flex;align-items:center;position:relative;padding-left:20px}.dropDown-option-wrapper:hover{background-color:#efefef}.dropDown-option{opacity:0}.dropDown-option:hover{background-color:honeydew}.dropDown-option+.dropDown-option-text::before{position:absolute;top:0;left:10px;width:20px;height:100%;box-sizing:border-box;font-family:'Font Awesome\ 5 Pro';font-weight:300;text-align:center;font-size:16px;line-height:32px}.dropDown-option[type='radio']:checked+.dropDown-option-text::before{content:'\f00c'}.dropDown-option[type='checkbox']+.dropDown-option-text::before{content:'\f0c8'}.dropDown-option[type='checkbox']:checked+.dropDown-option-text::before{content:'\f14a'}.dropDown-option-text{white-space:nowrap}.bCustomSheetIcon{margin:0 0 0 6px;font-size:12px;color:#BBB}.floatWinConfirmIconDiv{float:left;margin:0 30px 0 15px;font-size:70px}.floatWinConfirmContentDiv{float:left;width:70%}.floatWinConfirmTextDiv{float:left;min-height:70px;margin:5px 0 0 0;font-size:14px}.floatWinConfirmButtonDiv{float:right;clear:both;margin:0}.floatWinAlertIconDiv{float:left;width:15%;margin:0 30px 0 15px;font-size:70px}.floatWinAlertContentDiv{float:left;width:70%}.floatWinAlertTextDiv{float:left;min-height:70px;margin:5px 0 0 0;font-size:14px}.floatWinAlertButtonDiv{float:right;clear:both;margin:0}.floatWin-submit-footer{margin:20px 0 0 0 !important}.floatWin-submit-footer button{margin-left:20px}.pdfPicContainer{display:flex;flex-direction:row;height:90%;overflow:hidden}.largePicFixedHeightContainer{display:flex;justify-content:center;align-items:center;min-height:90%}.smallPicFixedHeightContainer{display:flex;justify-content:center;align-items:center;min-height:20%}.pdf-loadings-in-wrapper,.pdf-loadings-small-pic-spinner,.pdf-loadings-large-pic-spinner{display:none;border:8px solid #f3f3f3;border-top:8px solid #555;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pdfImgSmallPicContainer::-webkit-scrollbar-thumb,.pdfImgLargePicContainer::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:3px;border:1px solid transparent}.pdfImgSmallPicContainer::-webkit-scrollbar-track,.pdfImgLargePicContainer::-webkit-scrollbar-track{background:transparent}.pdfImgSmallPicContainer::-webkit-scrollbar,.pdfImgLargePicContainer::-webkit-scrollbar{width:4px}.pdfImgSmallPicContainer{flex:1;overflow-y:auto;overflow-x:hidden;border-right:1px solid #ccc;background:#fff;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent}.pdfImgLargePicContainer{flex:4;overflow-y:auto;overflow-x:hidden;background:#fff;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.3) transparent}.pdfSmallPic{width:90%;margin:5px 5px;cursor:pointer;border:#bbb 1px solid}.pdfLargePic{display:block;width:100%}.pdfImgTitle{display:flex;height:30px;background-color:#e6e6e6;position:sticky;top:0}.pdfImgTitle .titleLeft{flex:1}.pdfImgTitle .titleCenter{flex:1;display:flex;text-align:center}.pdfImgTitle .titleRight{flex:1}.pdfImgTitle .titleCenter div.pageselectorComponent{flex:3}#pageSelector{background:rgba(0,0,0,0.4);border:0;color:white;font-family:inherit;line-height:inherit;outline:0;text-align:center;max-width:30px;height:60%;min-width:10%;position:relative;top:6px;font-size:10px}.pdfImgTitle .titleCenter div{flex:1}#pageLength{display:inline;font-size:12px;position:relative;top:6px;margin:0 0 0 1px}.draggable-table{position:relative}.draggable-table .draggable-table-drag{position:absolute;width:100%;z-index:10;cursor:grabbing;opacity:1;background-color:#fff;-webkit-box-shadow:0 0 10px 8px rgba(0,0,0,0.1);box-shadow:0 0 10px 8px rgba(0,0,0,0.1)}.draggable-table thead th{user-select:none}.draggable-table tbody tr td.titleTd{cursor:grabbing}.draggable-table tbody tr td{user-select:none}.draggable-table tbody tr.is-dragging{background:#fff}.signatureBlock{position:relative}.clearSignatureIcon{position:absolute;top:0;right:0;margin:10px;cursor:pointer}.turVideoContainer .turMedia video{padding:6px 6px 0 6px;width:92%}.turMedia{width:100%}.turMedia A:link{color:#07c;text-decoration:none}.barSelect{box-sizing:border-box;margin:0;position:relative;min-width:100px}.barSelect-selection{box-sizing:border-box;border:1px solid #666;padding:0 5px;width:100%;min-height:21px;display:flex;justify-content:space-between;align-items:center;cursor:default;background-color:#fff;border-radius:3px}.barSelect-selection:hover{border:1px solid #000;background-color:#fbfbfb}.actionTable .barSelect-selection-value{min-height:12px}.barSelect-selection-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder-color{color:#ccc}.barSelect-multiple .barSelect-selection-value{white-space:initial}.barSelect-multiple .barSelect-selection-value-span{position:relative;white-space:nowrap;background-color:#efefef;border-radius:10px;line-height:150%;margin:2px;padding:0 5px;color:#373737;display:inline-block;transition:all 50ms ease-in;cursor:pointer}.barSelect-multiple .barSelect-selection-value-span:hover{background-color:inherit;color:#b3b3b3;border-color:#fff}.barSelect-multiple .barSelect-selection-value-span::after{position:absolute;content:'';left:50%;top:50%;width:0;border-top:1px solid #000;transition:all 200ms ease-in}.barSelect-multiple .barSelect-selection-value-span:hover::after{left:5px;width:calc(100% - 10px)}.selection-icon{border-color:#888 transparent transparent transparent;border-width:5px 4px 0 4px;border-style:solid;margin-left:5px}.selection-icon-disabled{border-color:#9f9f9f transparent transparent transparent;border-width:5px 4px 0 4px;border-style:solid;margin-left:5px}.show .selection-icon{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.barSelect-dropDown{position:absolute;top:0;box-sizing:border-box;border:1px solid #aaa;background-color:#fff;z-index:9999;max-height:200px;overflow-y:scroll;border-radius:3px}.barSelect-search-wrapper{box-sizing:border-box;padding:3px 8px}.barSelect-search{box-sizing:border-box;width:100%}.barSelect-addNewOption-wrapper{box-sizing:border-box;padding:3px 8px;cursor:pointer}.barSelect-addNewOption-wrapper:has(#addNewOptionOKBtn){display:flex;align-items:center;gap:2px}.barSelect-addNewOption-wrapper #addNewOptionOKBtn{border:.5px solid #000;border-radius:3px;cursor:pointer;height:28px;padding:0 10px}.barSelect-options{width:100%}.barSelect-dropDown.barSelect-scrollOptionsOnly{display:flex;flex-direction:column;overflow-y:hidden}.barSelect-dropDown.barSelect-scrollOptionsOnly .barSelect-search-wrapper{flex:0 0 auto;border-bottom:1px solid #e8e8e8}.barSelect-dropDown.barSelect-scrollOptionsOnly .barSelect-addNewOption-wrapper{flex:0 0 auto;border-top:1px solid #e8e8e8}.barSelect-dropDown.barSelect-scrollOptionsOnly .barSelect-options{flex:1 1 auto;min-height:0;overflow-y:auto}.barSelect-group{display:block;padding:3px 8px;cursor:default}.barSelect-option[data-role="option"]{box-sizing:border-box;padding:3px 8px;cursor:pointer;min-height:21px}.barSelect-option[data-disabled="true"]{color:#aaa;cursor:default}li.barSelect-option[data-indent-mode="group"]{padding-left:15px}.barSelect-option[data-role="group"] li.barSelect-option{padding-left:15px}.barSelect-option[data-display="hide"]{display:none}.barSelect-option[data-role="option"].focus,.barSelect-addNewOption-wrapper.focus{background-color:#aacfff}.barSelect-option[data-selected="true"]{background-color:#efefef}.barSelect-multiple .barSelect-option[data-role="option"]:before{display:inline-block;box-sizing:border-box;font-family:'Font Awesome\ 5 Pro';content:"\f0c8";font-weight:lighter;width:21px;text-align:center}.barSelect-multiple .barSelect-option[data-selected="true"]:before{content:"\f14a"}#groupBarSelect{width:250px;background-color:#fff}.menuSetDiv{padding:20px 0 20px 25px}.menuSetEditDiv{float:right;margin:0 10px 0 0;color:#666;cursor:pointer}.sidenavMain{position:fixed;top:0;left:0;height:96%;overflow-y:scroll;background:#fff;color:#111;z-index:6000;transform:translateX(-100%);transition:transform .3s ease;-moz-transition:transform .3s ease;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease}.sidenavMain.open{transform:translateX(0)}.sidenavMain li.lv1{overflow:hidden;transition:height .3s;-moz-transition:height .3s;-webkit-transition:height .3s;-o-transition:height .3s}.sidenavHeader{font-size:18px;font-weight:700;line-height:24px;padding:15px 100px 10px 49px}.sidenavItem{font-size:14px;line-height:28px;cursor:pointer;padding:0 100px 0 55px}.sidenavItem:hover{background:#efefef}.sidenavItem a:link,.sidenavItem a:hover,.sidenavItem a:active,.sidenavItem a:visited{color:#111;text-decoration:none}.overlay{position:absolute;top:0;left:0;width:100%;height:500%;z-index:5000;background:black;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);transition:opacity .3s ease;-moz-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;pointer-events:none}.overlay.open{pointer-events:auto;opacity:.75}#searchboxDiv{display:flex;height:35px}.sidenavButton{width:24px;height:24px;padding:12px;cursor:pointer;border-radius:24px}.sidenavButton:hover{background:#ddd}.sidenavIcon{float:left;margin:6px 0 0 -28px}.data-sheet-copy-icon{background:url('/sims/resources/icons/data_sheet_copy.svg') no-repeat;width:1em;aspect-ratio:448/512;display:inline-block}.data-sheet-copy-sidebarIcon{background:url('/sims/resources/icons/data_sheet_copy_v6Sidebar.svg') no-repeat;width:1em;aspect-ratio:448/512;display:inline-block;margin-left:2px;margin-right:2px}.sidenavItem .data-sheet-copy-icon{margin-left:-26px}.sidenavCaret{float:left;margin:12px 0 0 12px;cursor:pointer;padding:6px 9px;border-radius:3px;transition:transform .3s;-moz-transition:transform .3s;-webkit-transition:transform .3s;-o-transition:transform .3s}.sidenavCaret:hover{background:#dbdbdb}.sidenavSeparator{border-bottom:1px solid #d5dbdb;padding:0;margin:15px 0 5px 0}.closeSideNavButton{position:fixed;top:25px;color:#fff;font-size:35px;cursor:pointer}.mobileLayoutSelectorFocus{background-color:#dbdbdb}.uploadError{width:100%;display:flex;align-items:center;background-color:white;padding:10px;box-sizing:border-box;border-bottom:1px solid #b3b3b3}.uploadError>div{flex:1;width:50%;text-align:left;padding:5px;word-wrap:break-word}.uploadError>div>p{color:#f14b4d}.uploadError>div>p>i{margin-right:5px}.errorReasonMsg{width:90%;display:flex;flex-direction:column;background-color:white;padding:10px}.exceedFileMaxSizeError>#at_maxFileSize_number{border:2px solid #f93737}.exceedFileMaxSizeError>#at_maxFileSize_number:focus{border:2px solid #f93737 !important}.exceedMaxFileSizeErrorText{color:#f93737;margin:5px 0;display:none}.exceedFileMaxSizeError>.exceedMaxFileSizeErrorText{display:block}#nuiSectionTabContainer{position:relative}#sectionTabsContainer{display:flex;align-items:flex-end;flex-wrap:wrap;line-height:1;margin-left:-2px}.nuiSectionTab{display:flex;padding:10px 20px;border-radius:6px 6px 0 0;border-top:1px #ccc solid;border-left:1px #ccc solid;border-right:1px #ccc solid;margin-bottom:-1px;cursor:pointer;background:#c2ddef;box-sizing:border-box}.nuiSectionTab.TemplatePreview{margin:0;padding:0;width:25px;height:13px;border-radius:4px 4px 0 0;display:initial;cursor:inherit}.nuiSectionTab .deleteIcon{color:#888;cursor:pointer;margin:0 0 0 8px;padding:0 2px;border-radius:100%}.nuiSectionTab:not(.TemplatePreview) .deleteIcon:hover{background-color:#b8b8b8}.nuiSectionTab.nuiSectionHide{display:none}.nuiSectionTabOn{background:#edf3f7}#nuiSectionTabAdd{cursor:pointer;padding:8px 20px}#nuiSectionTopLine{display:block;border-bottom:1px solid #888;position:relative}#nuiSectionBottomLine{padding:0;border-bottom:1px solid #888}#nuicelltable .sectionLeftCell{border-right:1px solid #888}#nuicelltable .sectionRightCell{border-left:1px solid #888}.nuiSectionTab:not(.TemplatePreview):hover,.nuiSectionTabOn{border-top:1px #888 solid;border-left:1px #888 solid;border-right:1px #888 solid}#nuiSectionTabAppend{font-size:16px;padding:0 12px 0 20px}#sectionSetting{overflow-y:auto}#sectionSetting .container{padding:20px;font-size:12px;display:flex;flex-direction:column;gap:12px}#sectionNameBlock .label{font-weight:bold;margin-bottom:3px}#sectionNameBlock input{width:100%;padding:5px;border:1px solid #ccc;height:26px;border-radius:2px}#stretchItem{position:absolute;padding:0;margin:0;top:0;left:0}#formulaTooltip{position:absolute;font-size:13px;font-family:Verdana;padding:5px;max-width:200px;word-wrap:break-word;color:#fff;background-color:#000;z-index:99;opacity:.7}.formToolSearchbar{width:200px;border-radius:5px;border:1px solid #ccc}.formToolSearchbar+i{color:#aaa;position:relative;right:20px}#at_dv_msel div{margin:0 !important}[data-selected="false"].hasChosenOption{color:#aaa}.barSelectOptionMarkingCss{color:#aaa}.loadingIconContainer{display:flex;height:90%;align-items:center;justify-content:center}.loadingIconContainer i{font-size:48px}#commentSubmit i.fa-spinner-third{display:none;margin-right:5px}#commentSubmit.submittingComment i.fa-spinner-third{display:inline-block}#cusReportSettingOuter{padding:0;overflow:visible}#cusReportSetting{margin:20px 22px 18.5px 20px;font-size:12px}.cusReportDivContainer{margin-top:10px}.cusReportDivContainer input[type="text"]{border:1px solid #8e8e9a;border-radius:3px}.cusReportDivContainer input[type="checkbox"]{margin-right:5px;border:2px solid #8e8e9a;border-radius:3px;width:14px;height:14px}.cusReportDivContainer select{background:#e8e8ec 0% 0% no-repeat padding-box;border:1px solid #8e8e9a;border-radius:3px;width:147px;height:28px}.cusReportConfigLabel{font:normal normal medium 12px/17px Noto Sans}.userFormNotificationSetting{margin-bottom:16px}.userFormNotificationSetting>div{padding:2px 0}.userFormNotificationSetting input[type=checkbox]{margin-right:10px}.debug_showId{color:#f88181}.debug_showNodeId::after{content:"("attr(cellNodeId)")";color:#f88181}.percentage-progress{width:100%;margin:0;font-family:inherit}.percentage-progress-bar{height:100%;text-align:right;box-sizing:border-box;padding-right:5px;font-family:inherit;border-radius:1px 3px 3px 1px}#dropWinBgColorOpt,#dropWinTextColorOpt{display:inline-block;width:15px;height:15px;border-radius:5px;margin-right:5px}.authorizationCodeInput{max-width:15%;margin:0 3px}span.codeDash{font-size:18px;font-weight:600}.codeContainer{text-align:center;margin:10px 0}.designModeSel{width:220px;margin:5px 0 0 12px}.designModeDescSmall{font-weight:200;margin:5px 0 12px 12px;width:250px;white-space:normal}.image-carousel{width:90%;height:95%;position:relative;background-color:#212121;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;flex-direction:column;margin:0 auto;user-select:none}.image-carousel-container{width:100%;flex:1 0 80%;position:relative;overflow:hidden}.image-carousel-footer{width:100%;position:relative;background-color:rgba(0,0,0,0.75);border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;flex-direction:column}.image-carousel-footer>div.image-carousel-footer-dots{background-color:#e9e9e9;padding:20px 0;cursor:pointer}.image-carousel-footer>div.image-carousel-footer-dots>div.circle{width:10px;height:10px;border-radius:100%;margin-right:12px;background-color:#bcbcbc;transition:background-color .5s}.image-carousel-footer>div.image-carousel-footer-dots>div.bar{width:30px;height:3px;margin-right:12px;background-color:#bcbcbc;transition:background-color .5s}.image-carousel-footer>div.image-carousel-footer-dots>div.image-carousel-footer-dots--active{background-color:#3057e7}.image-carousel-footer-gallery{height:100%;position:relative;overflow:hidden;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.image-carousel-footer-gallery-slider{position:absolute;left:0;display:flex;flex-wrap:nowrap;height:100%;transition:left .7s}.image-carousel-footer-gallery-slider>div{opacity:.3;display:inline-block;transition:opacity .5s;cursor:pointer}.image-carousel-footer-gallery-slider>div:hover{opacity:.7}.image-carousel-footer-gallery-slider>div.image-carousel-footer-gallery-slider--active{opacity:1}.image-carousel-footer-gallery-slider img{width:90%;height:100%;object-fit:cover;transition:left .5s}.image-carousel-img{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;top:0}.image-carousel-img>img{max-width:100%;max-height:100%}.image-carousel-left-arrow{left:0;top:0;position:absolute;height:100%}.image-carousel-right-arrow{right:0;top:0;position:absolute;height:100%}.image-carousel-left-arrow>i,.image-carousel-right-arrow>i{padding:10px;width:30px;height:30px;border-radius:100%;cursor:pointer;color:#f8f8f8;font-size:24px;display:flex !important;align-items:center;justify-content:center;transition:background-color .5s;margin:0 20px}.image-carousel-left-arrow>i:hover,.image-carousel-right-arrow>i:hover{color:#1a1a1a;background-color:rgba(224,224,224,0.7)}.image-carousel-container>.image-carousel-left-in-enter-from{left:-100%;opacity:0}.image-carousel-container>.image-carousel-left-in-enter-to{left:0;opacity:1}.image-carousel-container>.image-carousel-left-in-leave-from{left:0;opacity:1}.image-carousel-container>.image-carousel-left-in-leave-to{left:100%;opacity:0}.image-carousel-container>.image-carousel-right-in-enter-from{left:100%;opacity:0}.image-carousel-container>.image-carousel-right-in-enter-to{left:0;opacity:1}.image-carousel-container>.image-carousel-right-in-leave-from{left:0;opacity:1}.image-carousel-container>.image-carousel-right-in-leave-to{left:-100%;opacity:0}.image-carousel-container>.image-carousel-left-in-enter-active,.image-carousel-container>.image-carousel-right-in-enter-active,.image-carousel-container>.image-carousel-left-in-leave-active,.image-carousel-container>.image-carousel-right-in-leave-active{transition:all .7s}#acContainer{max-height:250px;position:absolute;background:#f8f8f8;border:1px solid #dbdbdb;overflow:auto;z-index:110;box-sizing:border-box}#acContainer div{padding:5px 25px 5px 15px;font-size:13px;cursor:pointer}#acContainer div:hover,#acContainer .selectedDiv{background:#dbdbdb}.f_ch_adv_setting_title{margin-right:8px}.templatePartnerInfos{margin:20px;font-size:13px}.templatePartnerInfos span{color:#aaa}.webhookURLDiv{margin:6px 0 6px 0;float:left;clear:left;width:100%;border-radius:12px;background:#e1e1e1;padding:15px 20px 15px 25px;box-sizing:border-box}.webhookMoreConfig{color:#07c;word-wrap:break-word;margin:3px 0 0 0;cursor:pointer}.webhookFloatingWin{max-width:min(640px,calc(100vw - 32px))}.webhookFloatingWinContent{max-height:calc(100vh - 140px);overflow-y:auto}.webhookDivider{float:left;clear:left;width:100%;border-top:1px solid #ddd;margin:18px 0 14px 0}.webhookApiRegisteredHeader{float:left;clear:left;margin:0 0 8px 0;font-weight:bold;color:#666}.webhookReadonlyTag{margin-left:6px;padding:2px 6px;border-radius:4px;background:#d7e9ff;color:#369;font-size:12px}.webhookApiStatusDot{flex:0 0 auto;width:8px;height:8px;margin:0 12px 0 0;border-radius:50%}.webhookApiStatusEnabled{background:#00AA00FF}.webhookApiStatusDisabled{background:#aaa}.webhookApiUrlText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhookApiTypeTag{margin:0 0 0 12px;padding:2px 7px;border-radius:4px;white-space:nowrap;font-weight:bold}.webhookApiTypeZapier{background:#efe5ff;color:#5f2db5}.webhookApiTypeMakecom{background:#e6f4d8;color:#3b7b18}.webhookApiTypen8n{background:#ffead6;color:#9a5600}.webhookCopyIcon{margin:0 0 0 12px;cursor:pointer}.webhookInputRow{float:left;clear:left;display:flex;align-items:center;gap:8px;width:100%;margin:20px 0 12px 0}.webhookURLInput{flex:1 1 auto;min-width:0;padding:3px 3px;margin:0}#webhookAdd{flex:0 0 auto;min-width:46px;margin:0;text-align:center;box-sizing:border-box}.accessExtendOption{display:flex;flex-direction:column;z-index:5}.hideAdvancedSetting{display:none}#advanceSettingCheckbox{width:14px;height:14px;margin-right:3px}.accessExtendOption>div{display:flex;align-items:center}.copyLink{background:#ecedf0;height:100%;width:10%;padding:8px 15px;border-radius:0 12px 12px 0;text-align:center;cursor:pointer}.copyLink:hover{background:#dbdbdb}.poll-goPoll-wrapper{position:relative;z-index:1;cursor:auto;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:10px}.poll-goPoll-button{cursor:pointer}.poll-container{background-color:#fff;width:300px;position:relative;z-index:1;cursor:auto;border:1px solid #ccc;border-radius:10px}.poll{padding:25px;display:flex;flex-direction:column}.poll div{line-height:1.5}.poll-title-wrapper{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:0 0 10px 0;font-size:14px}.poll-option-container{padding:5px;display:flex}.poll-option-addButton{cursor:pointer}.poll-option-wrapper{display:flex;justify-content:space-between;width:100%;margin:15px 0}.poll-option-wrapper.create{display:block}.poll-option-text{font-weight:bold;margin-bottom:5px}.poll-option-information{display:flex;align-items:center}.poll-option-information.vote{cursor:pointer}.poll-option-button{accent-color:#3d7bf6}.poll-option-button[disabled]{cursor:not-allowed}.poll-option-value{font-weight:bold;margin:0 5px 0 10px}.poll-vote-wrapper{display:flex}input.poll-data{border:1px solid #ccc;border-radius:2px;max-width:100%}input.poll-data[data-attribute="option"]{width:100%}.poll-numberOfvotes{color:#d50e0e;font-weight:bold;cursor:pointer;display:flex;align-items:center}.voter{background-color:yellow;border:1px solid black;margin:0 1px}.poll-dateInterval-wrapper{padding:15px 0 0 0}.poll-start-wrapper.create{margin-bottom:15px}.poll-start-wrapper{margin-bottom:5px}.poll-time-icon{color:#555;margin-left:10px;cursor:pointer}.poll-settings-wrapper{padding:15px 0 0 0}.poll-setting-wrapper{display:flex;align-items:center;cursor:pointer}.poll-setting-wrapper[hide]{display:none}.poll-button-wrapper{padding:15px 0 0 0;display:flex;justify-content:center}.poll-button{cursor:pointer;background-color:#f3f3f3;border:1px solid #dbdbdb;border-radius:3px;line-height:1.5;padding:5px 20px;font-size:12px}.poll-button:hover{background-color:#f8f8f8}.poll-button-red{background-color:#ed0733;color:#fff}.poll-button-red:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);background-color:#dd0b3e;color:#fff}.poll-delete-icon{position:absolute;top:10px;right:10px;cursor:pointer}#floatingTextActionMenu{position:absolute;z-index:100}.textActionMenuContainer{background-color:#fff;box-shadow:0 1px 4px #0000001A;border:1px solid #bbb;border-radius:5px;display:flex;align-items:center}.actionGroup:not(:first-child){border-left:1px solid #dbdbdb}.actionGroup{display:flex}.actionItem{display:flex;justify-content:center;align-items:center;padding:10px;font-size:12px}.actionGroup:first-child>.actionItem:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.actionGroup:last-child>.actionItem:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.actionDrop>.actionItem:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.actionDrop>.actionItem:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.actionItem:not(.actionItem-forInput):hover{background-color:#e1e1e1;cursor:pointer}.actionDrop{position:absolute;border:1px solid #bbb;border-radius:5px;box-shadow:0 3px 6px #00000029;background-color:#fff}.actionDrop .actionItem{padding:5px 14px}.actionDrop-close{width:100%;margin-top:5px;display:flex;justify-content:end}.actionDrop-close>i{cursor:pointer}.actionItemHint{padding-top:6px}.actionItemValue{border:0;border-bottom:1px solid #aaa}.actionItemValue:focus{border:0;border-bottom:1px solid #aaa !important}.actionItemText{height:1.8em;resize:none;white-space:pre;scrollbar-width:none;-ms-overflow-style:none}.actionItemText::-webkit-scrollbar{display:none}.actionItemText.actionItemMultiline{height:3.2em;scrollbar-width:auto;-ms-overflow-style:auto}.actionItemText.actionItemMultiline::-webkit-scrollbar{display:block}.actionItemText.actionItemMultiline.actionItemLongLine{height:3.9em}.actionItem-forInput{flex-direction:column;align-items:start}.actionItemButton{background:rgba(35,35,35,0.80);color:white;text-align:center;overflow:hidden;cursor:pointer;padding:3px 6px;border-radius:4px;margin-top:5px}.botdiv{position:fixed;z-index:100;bottom:12px;left:300px;height:130px;width:1024px;background:#efefef;border-radius:8px;border:1px solid #ccc}.botAvatar{float:left;height:100px;width:100px;border-radius:6px;border:1px solid #ccc;background:#fbfbfb;margin:12px 5px 5px 12px;padding:35px 25px;font-size:14px;color:#AAA;box-sizing:border-box}.botConversation{float:left;margin:12px 25px 0 5px;width:800px;font-size:14px;height:50px;overflow:auto;border:1px solid #e1e1e1;border-radius:8px;padding:8px 15px;background:#fff}#botMsgInput{float:left;width:830px;margin:5px 25px 5px 5px;border:1px solid #e1e1e1;border-radius:8px;padding:3px 5px;font-size:14px;background:#fff}.ragicAITransition{transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease}.ragicAIContainer{position:fixed;left:1.1rem;z-index:250;box-sizing:border-box;transform-origin:top left}.ragicAIContainer[data-currentPosition="screenLeft"]{align-items:start}.ragicAIContainer[data-currentPosition="screenRight"]{align-items:end}.ragicAICloseButton{float:right;cursor:pointer;margin:0 3px 12px 0;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,0.05);pointer-events:auto !important}.ragicAIActiveButton,.ragicAIThinkingButton,.ragicAIWorkingButton,.ragicAITalkingButton{float:right;width:60px;height:60px;margin:5px 0 0 0;border-radius:100%;box-shadow:2px 2px 4px rgba(0,0,0,0.05);cursor:pointer;pointer-events:auto !important}.ragicAIActiveButton{background:#a7cdfd url('/sims/img/ragicAI_standing_by.svg');background-size:100%}.ragicAIThinkingButton{background:#a7cdfd url('/sims/img/ragicAI_thinking.gif');background-size:100%}.ragicAIWorkingButton{background:#a7cdfd url('/sims/img/ragicAI_working.gif');background-size:100%}.ragicAITalkingButton{background:#a7cdfd url('/sims/img/ragicAI_talking.gif');background-size:100%}.ragicAIActiveButtonCloseIcon{justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;color:#fff}.ragicAIBody{position:relative;flex-direction:column;color:#303030;width:320px;background:#fff;border:1.5px solid #bbb;box-shadow:2px 2px 4px rgba(0,0,0,0.05);border-radius:5px}.ragicAIBody:has(.ragicAIHistorySidebar){border-radius:0 5px 5px 0}.ragicAIContentContainer{display:flex;flex-direction:row}.ragicAICurrentConversationContainer{display:flex;flex-direction:column;width:100%;height:550px}.ragicAIButtonContainer{display:flex;justify-content:flex-end;align-items:center;padding:10px}.jobsButton{font-size:13px;color:#aaa;margin:-2px 12px 0 0}.jobsButton:hover{color:#666}.ragicAINewConversationButton:hover{cursor:pointer;color:#333}.ragicAIHistoryButton{margin:-2px auto 0 0;cursor:pointer;order:-1}.ragicAIHistoryButton i{color:#AAA;font-size:14px}.ragicAIHistoryButton:hover i{color:#666}@keyframes ragicAISidebarSlideOut{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes ragicAISidebarSlideBack{from{transform:translateX(0)}to{transform:translateX(100%)}}.ragicAIHistorySidebar{position:absolute;right:calc(100% + 1.5px);top:-1.5px;bottom:-1.5px;width:220px;background:#fff;border:1.5px solid #bbb;border-right:1px solid #e3e3e3;border-radius:5px 0 0 5px;box-shadow:-2px 2px 4px rgba(0,0,0,0.05);display:flex;flex-direction:column;overflow:hidden;z-index:-1;animation:ragicAISidebarSlideOut .2s ease-out}.ragicAIHistorySidebarHeader{padding:10px;border-bottom:1px solid #e3e3e3}.ragicAIHistorySearch{width:100%;padding:6px 10px;border:1px solid #CCC;border-radius:4px;font-size:12px;box-sizing:border-box;outline:0}.ragicAIHistorySearch:focus{border-color:#08C}.ragicAIHistorySidebarNewBtn{padding:10px;cursor:pointer;color:#AAA;font-size:13px;border-bottom:1px solid #e3e3e3}.ragicAIHistorySidebarNewBtn:hover{background:#f1f1f1;color:#555}.ragicAIHistoryList{flex:1;overflow-y:auto;padding:4px 0}.ragicAIHistoryItem{display:flex;align-items:center;padding:8px 10px;cursor:pointer;font-size:12px;gap:4px}.ragicAIHistoryItem:hover{background:#f1f1f1}.ragicAIHistoryItemTitle{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.ragicAIHistoryItemDate{color:#AAA;font-size:11px;white-space:nowrap}.ragicAIHistoryItemDelete{display:none;color:#AAA;cursor:pointer;margin-left:4px}.ragicAIHistoryItem:hover .ragicAIHistoryItemDelete{display:inline}.ragicAIHistoryItemDelete:hover{color:#dd4b36}.ragicAIHistoryRenameInput{flex:1;padding:2px 4px;border:1px solid #08C;border-radius:2px;font-size:12px;outline:0}.ragicAIHistorySidebarSettings{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:1px solid #e3e3e3;color:#888;font-size:13px}.ragicAIHistorySidebarSettingsLabel{cursor:pointer;flex:1}.ragicAIHistorySidebarSettingsLabel:hover{color:#555}.ragicAIHistorySidebarDiag{color:#AAA;cursor:pointer;margin-left:8px}.ragicAIHistorySidebarDiag:hover{color:#555}.ragicAISidebarSectionHeader{display:flex;align-items:center;padding:8px 10px;border-bottom:1px solid #e3e3e3;cursor:pointer;color:#888;font-size:12px}.ragicAISidebarSectionHeader:hover{background:#f1f1f1}.ragicAISidebarSectionHeader.active{color:#555}.ragicAIEmailLogList{overflow-y:auto;padding:4px 0}.ragicAIEmailLogIcon{margin-right:6px}.ragicAIRunningBanner{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:10px 12px;background:#f7f7f7;border:1px solid #e3e3e3;border-radius:5px;font-size:12px;color:#555}.ragicAIRunningBannerIcon{color:#08C}.ragicAIRunningBannerText{flex:1}.ragicAIActionDescription{color:#666}.ragicAIActionDescription i{margin-right:6px}.ragicAIActionName{color:#4caf50}.ragicAIEmailDirection{margin-right:6px;font-size:11px}.ragicAIEmailDirIn{color:#08C}.ragicAIEmailDirOut{color:#AAA}.ragicAIEmailBubble{margin:2px 0;padding:15px;border-radius:6px;font-size:12px}.ragicAIEmailIn{background:#f7f7f7;margin-right:10px}.ragicAIEmailOut{background:#ebf5ff;margin-left:10px}.ragicAIEmailBubbleHeader{font-size:11px;color:#888;margin-bottom:2px}.ragicAIEmailBubbleSubject{font-weight:bold;margin-bottom:4px}.ragicAIEmailBubbleTime{font-size:10px;color:#AAA;margin-bottom:6px}.ragicAIEmailBubbleBody{line-height:1.5;word-break:break-word}.ragicAISettingsGearButton{margin:-2px 12px 0 0;cursor:pointer}.ragicAISettingsGearButton i{color:#AAA;font-size:14px}.ragicAISettingsGearButton:hover i{color:#666}.ragicAISettingsContainer{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;overflow-y:auto;background:#fff;z-index:1;box-sizing:border-box}.ragicAISettingsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ragicAISettingsTitle{font-size:16px;font-weight:600;color:#333}.ragicAISettingsCloseButton{cursor:pointer;color:#AAA;font-size:16px;padding:4px}.ragicAISettingsCloseButton:hover{color:#333}.ragicAIUsageSection{margin-bottom:16px}.ragicAIUsageLabel{font-size:13px;line-height:19px;color:#555;margin-bottom:4px}.ragicAIUsageBar{height:8px;background:#e8e8e8;border-radius:4px;overflow:hidden;margin-bottom:5px}.ragicAIUsageBarFill{height:100%;background:#08C;border-radius:4px;transition:width .3s ease}.ragicAIUsageBarFill.ragicAIUsageWarning{background:#e8a317}.ragicAIUsageBarFill.ragicAIUsageExhausted{background:#dd4b36}.ragicAIUsageText{font-size:11px;line-height:15px;font-weight:600;color:#333}.ragicAICreditsSummary{line-height:17px}.ragicAIUsageSublabel{font-size:11px;line-height:17px;color:#AAA;margin-bottom:5px}.ragicAICreditsSection .ragicAIUsageSublabel{margin-bottom:4px}.ragicAIUsageMessage{font-size:11px;line-height:17px;color:#dd4b36;margin-top:6px}.ragicAICreditsSection{margin-top:16px}.ragicAICreditsRemaining{font-weight:500}.ragicAICreditsTotal{color:#AAA;font-weight:500}.ragicAICreditsList{margin-top:16px}.ragicAICreditRow{margin-bottom:16px}.ragicAICreditRow:last-child{margin-bottom:0}.ragicAICreditRowMeta{display:flex;align-items:baseline;font-size:11px;line-height:15px}.ragicAICreditRowPercent{width:36px;flex:none;color:#333;font-weight:600}.ragicAICreditRowAmount{flex:1;color:#AAA}.ragicAICreditRowDate{flex:none;color:#AAA}.ragicAIUsageBarFill.ragicAIUsageBarFillUsedUp{background:#AAA}.ragicAIUsageTextMuted{color:#AAA}.ragicAIPurchaseLink{margin-top:5px}.ragicAIPurchaseAnchor{color:#07C;cursor:pointer;text-decoration:none}#ragicAIPurchaseLink .ragicAIPurchaseAnchor{font-size:10px;line-height:15px}.ragicAIPurchaseAnchor:hover{text-decoration:underline}.ragicAIBudgetBanner{background:#fff3f3;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin:0 16px 12px;font-size:13px;color:#c00;line-height:1.5}.ragicAIBudgetBannerLink{display:block;margin-top:8px}.ragicAIBudgetLocked .ragicAISelfIntroductionSection{display:none}.ragicAIBudgetLocked #ragicAIInputContainer{pointer-events:none;opacity:.4}.ragicAISelfIntroductionSection{display:flex;flex-direction:column;gap:12px;width:80%;color:#bbb;margin:auto}.ragicAISelfIntroductionSection[data-ifStartedConversation="true"]{display:none}.ragicAISelfIntroductionBottom{text-align:center;line-height:normal;height:fit-content;font-size:16px}.ragicAIOutputContainer{width:288px;height:420px;padding:0 5px 0 0;margin:0 0 0 20px;font-size:13px;overflow-y:scroll}.ragicAIOutputContainer::-webkit-scrollbar-thumb{border-radius:5px}.ragicAIOutputContainer::-webkit-scrollbar{width:8px;background:transparent}.ragicAIOutputContainer::-webkit-scrollbar-button{border-radius:5px}.ragicAIConversationUserQuestionContainer{display:flex;flex-direction:row-reverse}.ragicAIConversationUserQuestion{color:#65a4f4;width:fit-content;max-width:80%;overflow-wrap:break-word;border:1.5px solid #a7cdfd;border-radius:5px;box-shadow:2px 2px 4px #0000000d;padding:.7em 1em;margin:0 0 1em;line-height:1.5em}.ragicAIConversationResponseContainer{display:flex;margin:0 0 1em}.ragicAIConversationResponse{width:fit-content;max-width:80%;min-height:1em;overflow-wrap:break-word;border:1.5px solid #f0f0f0;border-radius:5px;box-shadow:2px 2px 4px #0000000D;padding:.7em 1em;line-height:1.5em}.ragicAIConversationResponseText{padding:0;margin:0;font-size:12px;line-height:1.7}.ragicAIConversationResponseText.streaming::after{content:'';display:inline-block;background-color:#303030;width:2px;height:1em;vertical-align:baseline;animation-name:sparkle;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both;padding:0;margin:0 5px}@keyframes sparkle{from{opacity:0}to{opacity:1}}.ragicAIInputContainer{position:absolute;bottom:0;display:flex;flex-direction:column;width:320px}.ragicAIDefaultQuestionButtonContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px;width:80%;margin:0 auto 10px}.ragicAIDefaultQuestionButtonContainer[data-ifStartedConversation="true"]{display:none}.ragicAIDefaultQuestionButton{display:flex;justify-content:center;width:100%;background:#fff;border:1.5px solid #a7cdfd;box-shadow:2px 2px 4px rgba(0,0,0,0.05);border-radius:5px;font-size:14px}.ragicAIDefaultQuestionButtonContentContainer{display:flex;flex-direction:column;justify-content:center;gap:.5em;width:85%;padding:.8em 0}.ragicAIDefaultQuestionType{color:#bbb;height:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ragicAIDefaultQuestionExample{color:#65a4f4}.ragicAIDefaultQuestionButton:hover{cursor:pointer}.ragicAIInputSection{display:flex;align-items:center;min-height:60px;background:#fff;border:1.5px solid #bbb;box-shadow:2px 2px 4px rgba(0,0,0,0.05);border-radius:5px;margin:6px 12px 12px}.ragicAIInputSection[data-status="activate"]{border:1.5px solid #65a4f4}#ragicAIUserInput{color:#303030;border:0;border-radius:5px;outline:0;resize:none;width:100%;max-height:60px;padding:4px 10px 4px 20px;font-size:14px;box-sizing:border-box}.ragicAIUserInputOverflowHidden{overflow-y:hidden}.ragicAIUserInputOverflowScroll{overflow-y:scroll}#ragicAIUserInput:focus{border:0;outline:0}#ragicAIUserInput::-webkit-scrollbar{width:8px;background:transparent}#ragicAIUserInput::-webkit-scrollbar-thumb{border-radius:5px}.ragicAIUserSubmitButton{margin:0 .36em 0 12px;font-size:30px;color:#555}.ragicAIUserSubmitButton:hover{filter:opacity(0.6);cursor:pointer}.ragicAIInvalid{filter:grayscale(1) opacity(0.2);pointer-events:none}#aiJobWizard{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;overflow:hidden;padding:50px 50px 30px 50px;position:fixed;top:8%;left:min(15vw,calc((100vw - min(950px, calc(100vw - 24px))) / 2));width:min(950px,calc(100vw - 24px));height:min(700px,calc(100vh - 120px));min-width:min(570px,calc(100vw - 24px));min-height:450px;background:#fff;border:1.5px solid #bbb;box-shadow:2px 2px 4px rgba(0,0,0,0.05);border-radius:5px;resize:both;z-index:1000;overscroll-behavior:contain}#aiJobWizard.aiJobWizardTemplatesExpanded{top:12px;height:calc(100vh - 24px)}.aiJobList{width:100%;box-sizing:border-box}.aiJobDetail{width:100%;padding:50px;border-radius:50px;background:#f8f8f8;box-sizing:border-box}.aiJobDetailTitleRow{display:block}.aiJobDetailTitleRow .aiJobName{min-width:0;display:inline-block;vertical-align:top}.aiJobDetailMetaRow{display:inline-flex;align-items:baseline;gap:6px;margin-top:2px}.aiJobDetailMetaRow .aiJobConfigId{margin-top:0;line-height:13px}.aiAgentHistoryButton{border:0;background:transparent;color:#999;font-size:11px;line-height:1;padding:0;cursor:pointer;height:13px;width:13px;display:inline-flex;align-items:center;justify-content:center;position:relative;top:1px}.aiAgentHistoryButton:hover,.aiAgentHistoryButtonActive{color:#07c}.aiAgentHistoryPanel{margin:12px 0 18px 0;padding:12px 14px;border:1px solid #e5e5e5;border-radius:5px;background:#fff;max-height:280px;overflow:auto;box-sizing:border-box}.aiAgentHistoryHidden{display:none}.aiAgentHistoryPanel .historyRecord{margin:0 0 6px 0}.aiAgentHistoryPanel .historyRecord:last-child{margin-bottom:0}.aiAgentHistoryChangeIcon{display:inline-block;width:20px;margin:3px 8px 0 0;text-align:center}.aiAgentHistoryCreateIcon{color:#181}.aiAgentHistoryUpdateIcon{color:#4267b2}.aiAgentHistoryDeleteIcon{color:#c00}.aiAgentHistoryValue{white-space:pre-wrap;word-break:break-word}.aiAgentHistoryMuted{color:#777}.aiAgentHistoryMoreBlock{font-size:13px;padding:8px 0 0 0}.aiAgentHistoryMore{color:#08c;cursor:pointer}.aiAgentHistoryMore:hover{text-decoration:underline}.aiAgentHistoryError{font-size:13px;color:#999;padding:8px 0}.aiJob .closeButton{visibility:hidden;position:relative;z-index:1}.aiJob:hover .closeButton{visibility:visible;color:#AAA}.aiJobModelRow{display:flex;align-items:center;gap:8px;margin:6px 0 0 0}.aiJobToggle{display:inline-flex;align-items:center;position:relative;cursor:pointer;flex-shrink:0;width:34px;width:24px;height:12px;border-radius:999px;background:#d8d8d8;transition:background .15s ease}.aiJobToggleOn{background:#a6e8a6}.aiJobToggleKnob{width:10px;height:10px;border-radius:50%;background:#FFF;box-shadow:0 1px 1px rgba(0,0,0,.22);position:absolute;left:1px;top:1px;transition:left .15s ease}.aiJobToggleOn .aiJobToggleKnob{left:13px}.aiJobToggle:hover{background:#cacaca}.aiJob:hover .aiJobToggleOn,.aiJobToggleOn:hover{background:#8fdc8f}.aiJobDisabled .aiJobName,.aiJobDisabled .aiJobSummary,.aiJobDisabled .aiJobMeta,.aiJobDisabled .aiJobModel{opacity:.4}.aiJobUsage{display:flex;flex:0 0 auto;flex-direction:column;width:100%;min-width:max-content;height:600px;max-height:calc(100vh - 140px);padding:50px;overflow:hidden;border-radius:50px;background:#f8f8f8;box-sizing:border-box}.aiJobUsagePeriod{font-size:11px;color:#AAA;margin:4px 0 4px 0}.aiJobUsageHeader{display:flex;align-items:center;gap:12px;justify-content:space-between}.aiJobUsageDaysSelect{font-size:12px;border:1px solid #DDD;border-radius:4px;padding:3px 8px;background:#FFF;color:#555;cursor:pointer;outline:0}.aiJobUsageLoading{color:#AAA;font-size:13px;margin:20px 0}.aiJobUsageEmpty{font-size:13px;color:#AAA;margin:20px 0;line-height:1.5}.aiJobUsageTableWrap{flex:1 1 auto;min-height:0;margin-top:8px}.aiJobUsageTable{width:100%;border-collapse:collapse;font-size:12px}.aiJobUsageTable th{text-align:left;color:#888;font-weight:normal;border-bottom:1px solid #e8e8e8;padding:6px 8px;white-space:nowrap}.aiJobUsageTable td{padding:6px 8px;border-bottom:1px solid #f3f3f3;color:#555;white-space:nowrap}.aiJobUsageTable td:nth-child(3){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aiJobUsageExpandable{cursor:pointer}.aiJobUsageExpandable:hover td{background:#f7f7f7}.aiJobUsageCaret{width:12px;margin-right:5px;color:#999;text-align:center}.aiJobUsageCaretPlaceholder{display:inline-block;width:17px}.aiJobUsageExpanded td{background:#fafafa}.aiJobUsageModelRow td{color:#999;background:#fcfcfc}.aiJobUsageModelIndent{display:inline-block;padding-left:22px;max-width:260px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.aiJobUsageTable a{color:#07C;text-decoration:none}.aiJobUsageTable a:hover{text-decoration:underline}.aiJobDetailItem{margin:15px 0 0 0;font-size:14px}.aiJobModelCreditTitle{float:right;font-size:12px;width:74px;text-align:center;margin-right:48px;margin-top:2px}.aiModelCreditMeter{pointer-events:none;display:inline-flex;align-items:center;gap:4px;padding-left:12px;flex:0 0 auto}.aiModelCreditBall{box-sizing:border-box;width:9px;height:9px;border-radius:50%;border:1px solid #CCC;background-color:#fff;flex:0 0 auto}.aiModelCreditBall-low{background-color:#0a0;border-color:#0a0}.aiModelCreditBall-mid{background-color:#08C;border-color:#08C}.aiModelCreditBall-high{background-color:#f95d5d;border-color:#f95d5d}.aiModelCreditLegend{display:flex;align-items:center;gap:8px;padding:3px 8px 6px;font-size:12px;line-height:17px;color:#AAA}.aiModelCreditLegendItem{display:inline-flex;align-items:center;gap:4px}.aiModelCreditSelect .barSelect-selection-value{display:flex;align-items:center;width:100%}.aiModelCreditSelect .barSelect-selection-value .aiModelCreditMeter{margin-left:auto;margin-right:29px}.aiJobModelDropDown{font-size:14px}.aiJobModelDropDown .barSelect-option[data-role="option"]{display:flex;align-items:center;justify-content:space-between;padding-right:calc(47px - var(- - aiModelCreditScrollbar, 0px))}textarea.aiJobDetailItem{width:98%;height:300px;padding:8px 20px;border:1px solid transparent}textarea.aiJobDetailItem:hover{border:1px solid #ccc}.bubbleItem{background:#efefef;border-radius:12px;padding:3px 12px;margin:0 8px 0 0;color:#000}.aiNewJob{display:inline-block;padding:12px 18px;border-radius:5px;color:#fff;background:#ed0733;background:-webkit-linear-gradient(top,#ed0733,#dd0b3e);background:-moz-linear-gradient(top,#ed0733,#dd0b3e);background:linear-gradient(top,#ed0733,#dd0b3e)}.aiNewJob:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);background:#dd0b3e;background:-webkit-linear-gradient(top,#dd0b3e,#ed0733);background:-moz-linear-gradient(top,#dd0b3e,#ed0733);background:linear-gradient(top,#dd0b3e,#ed0733);cursor:pointer}.aiNewJobDiv{padding:25px 0 25px}.aiJobWizardHeader{display:flex;flex-direction:column;flex:0 0 auto;overflow:hidden}.aiJobWizardCloseButton{position:absolute;top:14px;right:14px;float:none;z-index:1}.aiJobWizardBackToListButton{position:absolute;top:50px;left:60px}.aiJobWizardBody{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;box-sizing:border-box}#aiJobWizard ::-webkit-scrollbar{width:5px;height:5px}#aiJobWizard ::-webkit-scrollbar-button{display:none}#aiJobWizard ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border:1px solid transparent;border-radius:3px}#aiJobWizard ::-webkit-scrollbar-track{background:transparent}.aiNewJobContainer{width:100%;box-sizing:border-box}.aiJobListHeader{display:flex;align-items:center;gap:8px}.aiJobWhen,.aiJobMainJob,.aiJobActionPrompt,.aiJobRulePrompt{display:block;padding:0;margin:12px 0 5px 0}.aiJobWhenOnSheet,.aiJobRuleBox,.aiJobActionOnSheet{display:block;padding:0;margin:0}.aiJobRuleBox{display:block;width:800px;max-width:100%;height:300px;box-sizing:border-box}.aiEmailInboxCard{display:flex;align-items:center;gap:10px;background:#f7f7f7;border:1px solid #e3e3e3;border-radius:6px;padding:10px 12px;margin:6px 0 4px 0;max-width:600px}.aiEmailInboxAddress{flex:1;font-family:Menlo,Consolas,monospace;font-size:14px;color:#333;user-select:all;overflow-wrap:break-word;word-break:break-all}.aiEmailInboxCopy{flex-shrink:0;color:#08C;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:4px;user-select:none}.aiEmailInboxCopy:hover{background:#e8e8e8}.aiEmailInboxCopy.copied{color:#555;cursor:default}.aiEmailInboxCopy.copied:hover{background:transparent}.aiJobSectionHint{display:block;color:#888;font-size:12px;line-height:150%;margin:2px 0 6px 0;max-width:800px}.aiJobTriggerRow{display:flex;align-items:center;gap:8px}.aiJobTriggerRow>.barSelect{flex:1;min-width:0}.aiJobViewFilter{flex-shrink:0}.aiJobScheduleRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aiJobTypesMount .barSelect-selection{padding-left:12px}.aiJobScheduleField{flex-shrink:0}.aiJobTypesMount{width:500px;max-width:100%}.aiJobTypesMount div{margin:5px 0 5px 0}.aiJobListSort{font-size:12px;border:1px solid #DDD;border-radius:4px;padding:3px 8px;background:#FFF;color:#555;cursor:pointer;outline:0;margin-right:16px}.aiAllUsageBtn{margin-left:auto;margin-right:8px;color:#AAA;cursor:pointer;font-size:14px;line-height:1}.aiAllUsageBtn:hover{color:#555}.aiJobUsageTotals td{font-weight:600;border-top:1px solid #DDD;color:#333}.aiJob{padding:18px 18px;border-radius:5px;cursor:pointer;transition:background .12s ease}.aiJob:hover{background:#f7f7f7}.aiJobName{font-size:18px;text-decoration:underline}.aiJob:hover .aiJobName{cursor:pointer}.aiJobNameEditHint{display:none;margin-left:6px;color:#AAA;font-size:13px;text-decoration:none;vertical-align:middle;cursor:pointer}.aiJob:hover .aiJobNameEditHint,.aiJobDetail .aiJobName:hover .aiJobNameEditHint{display:inline}.aiJobNameInput{font-size:18px;width:100%;border:0;border-bottom:2px solid #08C;outline:0;background:transparent;padding:0}.aiJobConfigId{font-size:11px;color:#CCC;margin-top:2px}.aiJobSummary{font-size:14px;color:#777;margin:8px 0 0 0;line-height:150%}.aiJobModel{font-size:11px;color:#BBB}.aiJobMeta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:12px 0 0 0}.aiJobMetaChip{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:#555;background:#f1f1f1;border-radius:3px;padding:2px 8px;white-space:nowrap}.aiJobMetaChip[data-event="RECORD_CREATE"]{background:#e8f5e9;color:#2e7d32}.aiJobMetaChip[data-event="RECORD_UPDATE"]{background:#e3f2fd;color:#1565c0}.aiJobMetaChip[data-event="RECORD_COMMENT"]{background:#fce4ec;color:#ad1457}.aiJobMetaChip[data-event="EMAIL_RECEIVED"]{background:#fef3c7;color:#d97706}.aiJobMetaChip[data-event="MENTION"]{background:#e0f2f1;color:#00695c}.aiJobMetaChip[data-event="SCHEDULED"]{background:#f3e5f5;color:#6a1b9a}.aiJobMetaChip .fa{font-size:10px;line-height:1}.aiJobMetaChipLabel{line-height:16px}.aiJobMetaActionChip{background:#ede9fe;color:#5b21b6}.aiJobMetaChip[data-action="CREATE_RECORD"]{background:#e8f5e9;color:#2e7d32}.aiJobMetaChip[data-action="MODIFY_RECORD"]{background:#e3f2fd;color:#1565c0}.aiJobMetaChip[data-action="ADD_COMMENT"]{background:#fce4ec;color:#ad1457}.aiJobMetaChip[data-action="SEND_EMAIL"]{background:#fef3c7;color:#d97706}.aiJobMetaChip[data-action="REPLY"]{background:#fef3c7;color:#d97706}.aiJobMetaChip[data-action="RAG_QUERY"]{background:#e8eaf6;color:#283593}.aiJobMetaChip[data-action="QUERY_SHEET"]{background:#e8eaf6;color:#283593}.aiJobMetaChip[data-action="PDF_GEN"]{background:#fbe9e7;color:#bf360c}.aiJobMetaChip[data-action="URL_CALL"]{background:#eceff1;color:#37474f}.aiJobMetaChip[data-action="EXECUTE_ACTION_BUTTON"]{background:#ede9fe;color:#5b21b6}.aiJobMetaMore{font-size:12px;color:#AAA;background:#f3f3f3;border-radius:3px;padding:2px 5px;white-space:nowrap}.aiJobMetaSheet{font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;cursor:pointer;text-decoration:none}.aiJobMetaSheet:hover{color:#08C;text-decoration:underline}.aiJobMetaArrow{font-size:14px;color:#888}.aiAgentTemplatePickerContainer{width:100%;flex:0 0 auto;box-sizing:border-box;padding:14px;overflow:hidden;background:#f7f7f7;border-radius:8px}.aiAgentTemplateGrid{display:flex;gap:12px}.aiAgentTemplatePickerExpanded>.aiAgentTemplateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto}.aiAgentTemplateLayoutRow{display:flex;justify-content:flex-end;padding:10px 0 0}.aiAgentTemplatePickerLabel{font-weight:600;font-size:15px;line-height:1.3;margin:0 0 10px 0;color:#333}.aiAgentTemplateCard{display:flex;flex:0 0 calc((100% - 24px) / 3);box-sizing:border-box;gap:10px;min-height:104px;padding:14px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:box-shadow .15s ease-out,border-color .15s ease-out}.aiAgentTemplateCard:hover{border-color:#CCC;box-shadow:0 1px 3px rgba(60,64,67,0.15)}.aiAgentTemplateIcon{flex:0 0 auto;width:26px;font-size:24px;color:#555;line-height:1}.aiAgentTemplateBody{flex:1 1 auto;min-width:0}.aiAgentTemplateName{font-weight:600;font-size:15px;line-height:1.3;color:#333;margin:0 0 6px 0}.aiAgentTemplateDesc{font-size:13px;color:#888;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aiAgentTemplateCard.expanded .aiAgentTemplateDesc{display:block;-webkit-line-clamp:unset;overflow:visible}.aiAgentTemplateMore{display:inline-block;margin-top:4px;font-size:12px;color:#666;text-decoration:underline;cursor:pointer}@media(max-width:1100px){.aiAgentTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.aiAgentTemplateGrid{grid-template-columns:1fr}}.aiAgentTemplateEmpty{grid-column:1 / -1;text-align:center;color:#888;padding:24px 0;font-size:14px}#floatingApprovalRules{z-index:99}#massFileUploadContent div{margin:8px 0}.aTagStyle{text-decoration:underline;color:#07c;cursor:pointer}#installFromApDetail{margin:12px 0;padding:12px;max-height:600px;overflow:auto;background:#f3f3f3}#installFromApDetail>ul{font-size:12px;color:#aaa;padding:0 0 0 12px}#installFromApDetail>ul>li{font-size:12px;color:#000}.aiHelper{background-color:#e8e8e8;padding:20px 12px;border-radius:5px}.aiHelper.active{background-color:#cfe0ed}.aiHelper textarea{width:100%;resize:none;padding:10px}.aiHelper textarea::placeholder{color:#b0b0b0}.aiHelper-searching{position:absolute;top:4px;right:4px;width:20px;height:20px}.aiHelper .topButtonWhole{float:none}.aiHelper-result{display:inline-block;background-color:#fff;border-radius:2px;padding:8px 16px;opacity:1;transform:translateY(0);transition:transform .2s ease,opacity .2s ease;font-size:13px;position:relative}.aiHelper-result.hide{opacity:0;transform:translateY(100%)}.aiHelper-result.aiHelper-error{color:#ed5050;font-weight:bold;background-color:#ffdada}.aiHelper-result .aiHelper-correct-icon{color:#01a001;margin-right:5px;display:none}.aiHelper-result.aiHelper-fix-success{background-color:inherit;padding:0;color:#01a001}.aiHelper-result.aiHelper-fix-success .aiHelper-correct-icon{display:inline-block}.aiHelper-result .aiHelper-copy-icon{display:block;position:absolute;right:5px;top:5px;padding:5px;background-color:#fff}.aiHelper-result.aiHelper-error .aiHelper-copy-icon{display:none}.aiHelper-result .aiHelper-copy-icon:hover{background-color:#e5e5e5;cursor:pointer}.aiHelper-result .aiHelper-result-text{letter-spacing:.5px;margin-right:7px;word-break:break-word}.aiHelper-result.aiHelper-error .aiHelper-result-text{margin-right:0}#aiFormula-example-header{display:flex;z-index:10}#aiFormula-example-header>div{padding:5px 15px;border-top-left-radius:7px;border-top-right-radius:7px;background-color:#d4d4d4;cursor:pointer;border:1px solid #bdbdbd;z-index:10}#aiFormula-example-header>div.aiFormula-header--active{background-color:#e8e8e8;border-bottom:#e8e8e8;border-top:3px solid #f07c7c}#aiFormula-example-header>div:hover{background-color:#e3e3e3}#aiFormula-example>select{display:none}#aiFormula-example>select.aiFormula-example--active{display:block}#aiFormula-content-template{max-height:300px;overflow-y:auto}#aiFormula-content-template-examples{padding:10px 0 10px 0}#aiFormula-content-template-desc{padding:10px 0 10px 0}.aiFormula-content-template-item{display:flex;flex-direction:column;justify-content:space-between;width:100%;background-color:#dadada;padding:15px;box-sizing:border-box;border-radius:5px}.aiFormula-content-template-item>div{border-radius:5px;margin-bottom:0 !important}.aiFormula-content-template-item-title{flex:1.5;line-height:2.5}.formula-template-empty{width:25px;display:inline;background-color:#fcfcfc;height:16px;border:1px solid grey;vertical-align:baseline;margin:0 1px;padding:0 5px}#formula-template-setting-desc{padding:20px 0 30px 0;color:#646464;line-height:2}#formula-template-setting-text>input,#formula-template-setting-text>select{height:30px}#formula-template-setting-text>*{margin:0 2px}#formula-template-setting-text{font-size:14px;line-height:3}#formula-template-setting-content{height:100px;font-size:14px}#formula-template-setting-result{background-color:#e2e2e2;width:100%;padding:20px;box-sizing:border-box;display:flex;align-items:center}#formula-template-setting-result.formula-template-setting-result-error{color:#ff5858;font-weight:bold;background-color:#ffe8e8}.formula-template-select{display:inline-block}.formula-template-select>select{display:none}#formula-template-export-formula-btn>i.fa-spinner-third,#aiFormula-content-gen-genFormula>i.fa-spinner-third{display:none}#formula-template-export-formula-btn.exportingFormula>i.fa-spinner-third,#aiFormula-content-gen-genFormula.exportingFormula>i.fa-spinner-third{display:inline-block;padding:0 5px}#formula-template-setting-main{max-width:800px;padding:10px}.formula-template-input{border:1px solid #525252;padding:5px 7px;min-width:100px;display:inline-block;background-color:white;line-height:1}.formula-template-input:focus{outline:0;border:1px solid #0292ed}#aiFormula-content-gen .aiHelper-result.aiHelper-error i.fa-copy{margin-right:0;display:none}#aiFormula-content-gen i.fa-copy{padding:5px;cursor:pointer;border-radius:5px}#aiFormula-content-gen i.fa-copy:hover{background-color:#dedede}#geoNoRemindBlock label{bottom:auto;margin:0 8px}#geoNoRemindBlock label:hover,#geoNoRemindBlock #geoNoRemindCheckBox:hover{cursor:pointer}.customTaskSelect .barSelect-selection{height:24.7px}.personalRightDeleteIcon{cursor:pointer;position:absolute;z-index:10;top:11;left:-10;height:14;width:14}#mfReportContent{overflow:auto;z-index:200;transform-origin:top left}.mfReportContentClose{float:right;margin:0 10px 0 0;font-size:18px}.mfReportContentClose:hover{cursor:pointer}.stepsDiv{font-size:16px}.stepsDiv h1{font-weight:400;font-size:25px}.stepsDiv h2{font-weight:500;font-size:16px;display:inline-block}.stepsDiv li{list-style:decimal;list-style-position:inside}.custom-print-tag-ref-table td{white-space:normal}.custom-print-tag-ref-table-focus{border:2px solid #000}.custom-print-tag-ref-table{border-collapse:separate}.custom-print-delete-icon{display:inline-block;font-size:18px;margin:0 10px 0 0}.custom-print-config-icon{display:inline-block;font-size:14px}.custom-print-btn-section{margin-top:40px;width:250px}.custom-print-btn{background:transparent linear-gradient(180deg,#fff 0%,#f1f1f1 100%) 0% 0% no-repeat padding-box;border:1px solid #bdbdbd;border-radius:3px;width:100px;min-height:28px;cursor:pointer;margin:5px 10px;display:inline-flex;justify-content:center;align-items:center}.custom-print-hidden-desc{display:none}.custom-print-hidden-options{display:none}.custom-print-steps{display:none}.custom-print-current-step{display:block !important}#custom_print_wizard_ui_step_preview_and_edit_feature_tag_ref{display:inline-block}.custom-print-btn-disable{color:gray}.custom-print-flex-container{display:flex;flex-direction:row}.custom-print-flex-item{width:50%}.custom-print-wizard-ui-img{width:50%;box-sizing:border-box}.custom-print-wizard-ui-item{padding:5px}#custom_print_upload_area{display:inline-block;padding:6px;border:2px solid transparent;border-radius:4px;transition:border-color .15s}#custom_print_upload_area.custom-print-drag-over{border-color:#08C}.custom-print-template-option{display:inline-block;width:max-content;cursor:pointer;padding:3px 12px;margin:2px 0 -2px -12px;border-radius:12px}.custom-print-template-word-icon{color:#36c;font-weight:500 !important}.custom-print-template-option-icon{margin-right:10px;font-size:1.5em}.custom-print-drag-handle{display:inline-block;margin-right:8px;color:#AAA;cursor:grab;font-size:1.1em}.custom-print-drag-handle:active{cursor:grabbing}.custom-print-output-format-select{float:right;margin:5px 0}.custom-print-png-settings{display:none;float:right;clear:right;padding:4px 0 2px 0}.custom-print-png-settings label{margin-left:12px}.custom-print-preview-area{width:80%}.custom-print-name-input{max-width:600px;min-width:600px;max-height:45px;min-height:45px;font-size:larger}.custom-print-template-preview-general{width:100%;height:100%;border:0}.custom-print-template-preview-png{max-width:100%;border:0}.custom-print-format-support-table{border-collapse:collapse;margin:10px 0}.custom-print-format-support-table th,.custom-print-format-support-table td{padding:10px 16px;vertical-align:middle}.custom-print-format-support-table th{text-align:center;font-weight:bold}.custom-print-format-support-table td{border-top:2px solid #e3e3e3;border-bottom:2px solid #e3e3e3}.custom-print-format-support-table td:first-child{border-left:2px solid #e3e3e3}.custom-print-format-support-table td:last-child{border-right:2px solid #e3e3e3}.custom-print-format-support-table td:first-child,.custom-print-format-support-table th:first-child{width:280px;box-sizing:border-box}.custom-print-format-support-table th:last-child{width:300px;box-sizing:border-box}[lang=zh-TW] .custom-print-format-support-table th:first-child{width:250px}[lang=zh-TW] .custom-print-format-support-table th:last-child{width:200px}.custom-print-format-support-table tbody td:first-child{padding-left:50px}.custom-print-format-support-table tbody td:last-child{padding-left:80px}[lang=zh-TW] .custom-print-format-support-table tbody td:first-child{padding-left:60px}[lang=zh-TW] .custom-print-format-support-table tbody td:last-child{padding-left:30px}.custom-print-format-support-table tbody tr:nth-child(odd){background-color:#fff}.custom-print-format-support-table tbody tr:nth-child(even){background-color:#ebf2ff}.custom-print-format-support-table .custom-print-td-content{display:flex;align-items:center;gap:8px}.custom-print-format-support-table td:last-child .custom-print-td-content{gap:22px}.custom-print-format-support-table .custom-print-format-cell,.custom-print-format-support-table .custom-print-output-cell{font-size:1.3em;position:relative;top:2px}.custom-print-icon-word{color:#4765c9}.custom-print-icon-excel{color:#217346}.custom-print-icon-ppt{color:#e84b31}.custom-print-icon-pdf{color:#c33}.custom-print-icon-png{color:#65a4f4}#custSeqItems{height:200px;width:400px;border:1px solid #000;box-sizing:border-box;background-color:#fff;overflow:auto}#custSeqItems>div{user-select:none}#custSeqItems>div.-selected{background-color:#767676 !important;color:#fff}#massCloneFields .multiComboSelectedDiv+ul{position:relative;max-height:none !important}#mapValueRadioBlock{display:flex;margin-bottom:8px}.mapValueOption{display:flex;margin:0 8px 0 0}.mapValueOption input[type='radio']{margin-right:5px}.payStatusLink:hover{text-decoration:underline;cursor:pointer}.ragic-css-hide{display:none !important}.ragic-css-show{display:initial !important}.ragic-css-invisible{visibility:hidden}.ragic-css-visible{visibility:visible}.custom-new-user-email-save-button{padding:5px 35px;margin:15px 8px 18px 0}.file-drag-over{outline:2px dashed #f47c7c;background-color:rgba(255,192,194,0.53)}.dynamic-attachment-pdf-encryption-field-select-container{display:flex;align-items:center;margin-top:10px}.dynamic-attachment-pdf-encryption-field-select-container-flex-item-1-help-link{float:none}.help-text-title{color:#8fb4ff}.appScanTabPicker{position:fixed;top:0;right:0;width:80px;height:80px;background:#a22}.action-button-name-hide{color:#9ca3af}.dynamic-attachment-pdf-encryption-field-select-container{display:flex;align-items:center;margin-top:10px}.dynamic-attachment-pdf-encryption-field-select-container-flex-item-1-help-link{float:none}.help-text-title{color:#8fb4ff}.action-button-name-hide{color:#9ca3af}.debug-warning-message-container{background:black;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:5px solid red;padding:15px 20px;margin:0 auto;display:flex;justify-content:center}.debug-warning-message-stack{display:grid;grid-template-columns:1fr}.debug-warning-message-text{color:white;font-family:'Courier New',monospace;text-transform:uppercase;font-size:18px;font-weight:bold;animation:debug-warning-flicker 60s infinite}.debug-warning-message-text .fa-triangle-exclamation{margin:0 10px 0 10px}@keyframes debug-warning-flicker{0%,97%{opacity:1}98%{opacity:.5}99%{opacity:1}99.5%{opacity:.5}100%{opacity:1}}.lightboxTrigger{cursor:pointer}.lightboxTrigger img{width:100% !important;height:auto !important}#txtEditSaveButton{padding-left:25px;padding-right:25px;margin-right:10px}#wfFloatingWinWarnContent .btnWrap{display:flex;align-items:center;gap:12px}#wfFloatingWinWarnContent .btnWrap p{margin:0}#fieldNameDiffViewsForMultiVersionTab{margin-top:14px}.fieldNameDiffViewsForMultiVersionContent{padding:20px}.fieldNameDiff div{margin:14px 0;display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap}.fieldNameDiff label{display:flex;align-items:start}.fieldNameDiff input[type="checkbox"]{margin-right:8px;margin-top:3px}.fieldNameDiff div.function{margin-top:0;font-size:90%;font-weight:lighter}.fieldNameDiff div.function span.count{color:#aaa;display:inline-block;margin-left:auto;white-space:nowrap}.fieldNameDiff div.function input.ignoreAll{margin-left:14px}.fieldNameDiff span.arrow{margin:0 8px;color:#555;font-size:120%}.fieldNameDiff div.sync span.label{display:inline-block;max-width:380px}.fieldNameDiff div.sync span.from{color:#aaa;text-decoration:line-through}.fieldNameDiff div.sync button.expand{all:unset;color:#aaa;padding:0 9px 6px 9px}.fieldNameDiff div.ignore{display:none}.fieldNameDiff div.ignoreExpanded{display:block}.fieldNameDiff div.ignore input[type="checkbox"]{margin-left:19px}.fieldNameDiff div.ignore span.from{text-decoration:line-through}.fieldNameDiff div.labeledSeparator{display:flex;align-items:center;font-size:85%;color:#AAA;gap:8px}.fieldNameDiff div.labeledSeparator hr{flex:1}.nuiCell:not(.header) .nuiCellWrapper,.nuiCellWrapper .nuiCellWrapper,.nuiFreeCell .nuiCellWrapper,.commentText .nuiCellWrapper,.dataBody .nuiCellWrapper,.builderEmpty .nuiCellWrapper,.builderEmptyListing .nuiCellWrapper{display:flex;flex-direction:row}.nuiCell:not(.header) p,.nuiCellWrapper p,.nuiFreeCell p,.commentText p,.dataBody p,.builderEmpty p,.builderEmptyListing p{display:inline;pointer-events:none;margin:0}.nuiCell:not(.header) a,.nuiCellWrapper a,.nuiFreeCell a,.commentText a,.dataBody a,.builderEmpty a,.builderEmptyListing a{pointer-events:auto}.nuiCell:not(.header) h1,.nuiCell:not(.header) h2,.nuiCell:not(.header) h3,.nuiCell:not(.header) h4,.nuiCell:not(.header) h5,.nuiCell:not(.header) h6,.nuiCellWrapper h1,.nuiCellWrapper h2,.nuiCellWrapper h3,.nuiCellWrapper h4,.nuiCellWrapper h5,.nuiCellWrapper h6,.nuiFreeCell h1,.nuiFreeCell h2,.nuiFreeCell h3,.nuiFreeCell h4,.nuiFreeCell h5,.nuiFreeCell h6,.commentText h1,.commentText h2,.commentText h3,.commentText h4,.commentText h5,.commentText h6,.dataBody h1,.dataBody h2,.dataBody h3,.dataBody h4,.dataBody h5,.dataBody h6,.builderEmpty h1,.builderEmpty h2,.builderEmpty h3,.builderEmpty h4,.builderEmpty h5,.builderEmpty h6,.builderEmptyListing h1,.builderEmptyListing h2,.builderEmptyListing h3,.builderEmptyListing h4,.builderEmptyListing h5,.builderEmptyListing h6{pointer-events:none;padding:.5em 0;line-height:1.25em}.nuiCell:not(.header) ul,.nuiCell:not(.header) ol,.nuiCell:not(.header) li,.nuiCellWrapper ul,.nuiCellWrapper ol,.nuiCellWrapper li,.nuiFreeCell ul,.nuiFreeCell ol,.nuiFreeCell li,.commentText ul,.commentText ol,.commentText li,.dataBody ul,.dataBody ol,.dataBody li,.builderEmpty ul,.builderEmpty ol,.builderEmpty li,.builderEmptyListing ul,.builderEmptyListing ol,.builderEmptyListing li{pointer-events:none;margin:0 8px}.nuiCell:not(.header) li.task-list-item>input,.nuiCellWrapper li.task-list-item>input,.nuiFreeCell li.task-list-item>input,.commentText li.task-list-item>input,.dataBody li.task-list-item>input,.builderEmpty li.task-list-item>input,.builderEmptyListing li.task-list-item>input{vertical-align:middle;margin:0 0 0 -1rem !important}.nuiCell:not(.header) li:not(.task-list-item),.nuiCellWrapper li:not(.task-list-item),.nuiFreeCell li:not(.task-list-item),.commentText li:not(.task-list-item),.dataBody li:not(.task-list-item),.builderEmpty li:not(.task-list-item),.builderEmptyListing li:not(.task-list-item){list-style:inherit}.nuiCell:not(.header) em,.nuiCellWrapper em,.nuiFreeCell em,.commentText em,.dataBody em,.builderEmpty em,.builderEmptyListing em{color:unset;font-style:italic;font-weight:unset}.mce-italic{font-style:italic}.nuiCell:not(.header) pre,.nuiCell:not(.header) code,.nuiCellWrapper pre,.nuiCellWrapper code,.nuiFreeCell pre,.nuiFreeCell code,.commentText pre,.commentText code,.dataBody pre,.dataBody code,.builderEmpty pre,.builderEmpty code,.builderEmptyListing pre,.builderEmptyListing code{pointer-events:none;font-family:'Courier New',monospace;background:#ccc;border-radius:3px}.nuiCell:not(.header) pre,.nuiCellWrapper pre,.nuiFreeCell pre,.commentText pre,.dataBody pre,.builderEmpty pre,.builderEmptyListing pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding:1rem}.nuiCell:not(.header) pre>code,.nuiCellWrapper pre>code,.nuiFreeCell pre>code,.commentText pre>code,.dataBody pre>code,.builderEmpty pre>code,.builderEmptyListing pre>code{padding:unset}.nuiCell:not(.header) p code,.nuiCellWrapper p code,.nuiFreeCell p code,.commentText p code,.dataBody p code,.builderEmpty p code,.builderEmptyListing p code{padding:.1rem .25rem;margin:0 .25rem}.nuiCell:not(.header) blockquote,.nuiCellWrapper blockquote,.nuiFreeCell blockquote,.commentText blockquote,.dataBody blockquote,.builderEmpty blockquote,.builderEmptyListing blockquote{pointer-events:none;margin:0;padding:1rem;border-left:2px solid #ccc}.nuiCell:not(.header) .markdownTable,.nuiCellWrapper .markdownTable,.nuiFreeCell .markdownTable,.commentText .markdownTable,.dataBody .markdownTable,.builderEmpty .markdownTable,.builderEmptyListing .markdownTable{border:1px solid #000;pointer-events:none;padding:1rem;border-collapse:unset}.nuiCell:not(.header) .markdownTable th,.nuiCellWrapper .markdownTable th,.nuiFreeCell .markdownTable th,.commentText .markdownTable th,.dataBody .markdownTable th,.builderEmpty .markdownTable th,.builderEmptyListing .markdownTable th{text-align:start}.commentText p{display:block !important}#rrulePopupDiv{background-color:white;position:absolute;border:1px solid #ccc;padding:25px 20px 0 20px;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:10}#rrulePopupDiv .justifyCenter{display:flex;justify-content:center;align-items:center}#rrulePopupDiv #rruleStartDate,#rrulePopupDiv #rruleUntilDate{width:5.2rem}#rrulePopupDiv .rruleSub{margin-right:10px;display:inline-block}#rrulePopupDiv .rruleSub:last-of-type{margin-right:0}#rrulePopupDiv .content input#rruleInterval{margin-right:0}#rruleCount{margin-right:8px}#rrulePopupDiv .content .topButtonWhole{float:none}#rruleSet{display:flex;justify-content:center;align-items:center;margin:24px 0 15px 0}#rrulePopupDiv .content select{height:28px}#rrulePopupDiv .content label{display:inline-block;padding:2px;margin-right:5px;text-align:center;height:1.1rem;min-width:1.1rem}#rrulePopupDiv .content label:last-of-type{margin-right:0}#rrulePopupDiv .content label:has(input:checked){background-color:#007bff;color:white}#rrulePopupDiv #rruleFrequencyDiv,#rrulePopupDiv #rruleRepeatOn,#rrulePopupDiv #rruleEndsDiv{margin-bottom:10px}#rrulePopupDiv #rruleEndsDiv #rruleEnds{width:70px}#formSubmissionReminderDiv{margin:12px 0 25px 25px;--input-width-long:260px}#formSubmissionReminderDiv div.desc{color:#888}#formSubmissionReminderConfig #rrulePopupDiv{box-sizing:border-box;width:var(--input-width-long)}#formSubmissionReminderConfig{margin:20px 0}#formSubmissionReminderConfig input[type="checkbox"]{margin-right:5px}#formSubmissionReminderConfig input[type="number"]{margin-right:5px;width:50px}#formSubmissionReminderConfig input[type="text"]{width:var(--input-width-long);height:30px}#formSubmissionReminderConfig label.message{margin-left:10px}#formSubmissionReminderConfig table{font-size:12px}#formSubmissionReminderConfig td{height:40px;white-space:nowrap}#formSubmissionReminderConfig .separatorRow td{height:20px}#formSubmissionReminderConfig .barSelect-selection{min-height:30px;width:var(--input-width-long)}#formSubmissionReminderConfig span.conflict{color:#aaa}#formSubmissionReminderConfig #formSubmissionReminderParticipantsSelector{width:var(--input-width-long)}#formSubmissionReminderConfig #formSubmissionReminderParticipantsSelector div.barSelect-selection-value{max-height:90px;overflow-y:scroll}#formSubmissionReminderConfig #formSubmissionReminderParticipants .barSelect-selection-value-span[data-group-id]{background-color:#dbdbdb}#formSubmissionReminderConfig .formSubmissionReminderDueDate{all:unset;width:65px}#formSubmissionReminderConfig .removeOnly{border-color:transparent}#formSubmissionReminderConfig #formSubmissionReminderDueTime .barSelect-selection{width:80px}#formSubmissionReminderConfig #formSubmissionReminderDueDatesExample{margin-right:25px}#formSubmissionReminderConfig .hidden{display:none}#formSubmissionReminderConfig .sizer{position:absolute;visibility:hidden;white-space:pre}#formSubmissionReminderStartDiv,#formSubmissionReminderDueDiv{display:flex;align-items:center;gap:4px}#formSubmissionReminderConfig .emailTempalteBlockInput{width:calc(260px - 20px);height:36px}#formSubmissionReminderConfig .emailTempalteBlockInputTextArea{width:var(--input-width-long);height:42px}#formSubmissionReminderDiv #formSubmissionReminderScheduleRemove,#formSubmissionReminderDiv #formSubmissionReminderSaveResult{float:left;line-height:15px;padding:5px 0 5px 20px;font-size:12px}#formSubmissionReminderDiv a.disabledLink{color:#ccc;cursor:default}#formSubmissionReminderDiv a.disabledLink:hover{text-decoration:none}.formSubmissionReminderBackfillDialog{padding:10px 25px 12px;max-width:500px}.formSubmissionReminderBackfillDialog .desc{color:#888}.formSubmissionReminderBackfillDialog .dateRange{margin:20px 0}.formSubmissionReminderBackfillDialog .dateRangeControls{display:flex;align-items:center;flex:1;gap:12px}.formSubmissionReminderBackfillDialog .datePickerInput{box-sizing:border-box;width:135px;height:30px;margin:0;cursor:pointer}.formSubmissionReminderBackfillDialog .actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:12px}.formSubmissionReminderBackfillDialog #formSubmissionReminderBackfillResult{color:red;font-size:12px}#formSubmissionReminderMain .statusContainer{padding:12px;margin:12px 0;border-radius:6px}#formSubmissionReminderMain .curr{background:#efefef}#formSubmissionReminderMain .title{font-weight:bold;color:#aaa;margin-bottom:8px;margin-right:8px;display:inline-block}#formSubmissionReminderMain .dueDate{display:inline-block}#formSubmissionReminderMain .statusSection{display:flex;gap:16px}#formSubmissionReminderMain .statusBox{flex:1}#formSubmissionReminderMain .divider{width:1px;background-color:#ccc}#formSubmissionReminderMain .userList{list-style:none;padding-left:0;margin:0}#formSubmissionReminderMain .userList li.hidden{display:none}#formSubmissionReminderMain .userList a.showMore{color:rgba(0,119,204);display:inline-block;margin-top:5px}.email-attach-link-text .closeIcon:hover{color:#2b2b2b;text-shadow:none}#searchTaskTitle,#searchTaskTitleDrop{border:1px solid #ccc;border-radius:2px;outline:0}.taskTitleSearchBtn{background:#f3f3f3;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#888;cursor:pointer;padding:0;width:66px}.taskTitleSearchBtn:hover{background:#dfdfdf;color:#555}.taskTitleSearchBtn:active{background:#ccc}.taskLongFilterRow{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px;max-width:700px;width:100%}.taskLongFilterSelect{box-sizing:border-box;flex:1 1 180px;max-width:260px;min-width:0;overflow:hidden;text-overflow:ellipsis}.taskLongCompletedFilter{align-items:center;display:flex;flex:0 0 auto;min-width:max-content}.taskLongCompletedFilter input{margin:0 4px 0 2px}.taskCompleteAllFilter{align-items:center;cursor:pointer;display:flex;font-weight:normal;line-height:16px}.taskCompleteAllFilter input{flex:0 0 auto;margin:0 4px 0 2px}.taskCompleteAllFilter span{line-height:16px}.taskPageButton{border-radius:0}.taskPageButtonPrev,.taskPageButtonNext{margin-left:-1px}.taskPageButtonFirst{border-radius:3px;margin-right:8px}.taskPageButtonPrev{border-radius:3px 0 0 3px}.taskPageButtonNext{border-radius:0 3px 3px 0}@media(max-width:640px){.taskLongFilterSelect{flex:1 1 calc(50% - 5px);max-width:none}.taskLongCompletedFilter{flex-basis:100%}}.CodeMirror-cursor{line-height:1}.CodeMirror pre{line-height:1.2}#nui_outer table{border-collapse:separate;table-layout:fixed;z-index:1;background:#fafafa;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#nui_outer tr,#nui_outer td,#nui_outer th,.stickyHeader td{font-size:13px;vertical-align:middle;border:0 solid #fff;overflow:hidden;overflow-x:hidden;cursor:default;box-sizing:border-box}#nui_outer td.sticky:not(.read-only_cell):not(.header):not(.nuiFreeCell){background-color:#fafafa}#nui_outer .sideCell,#nui_outer .sideCellLeft{color:#888;border:1px solid #fafafa;background-color:#fafafa;text-align:center;font-size:12px;overflow:hidden}#nui_outer .sideCellOn{color:#888;text-align:center;overflow:hidden}#nui_outer .builderCell{background-color:#CDF;border:1px solid #666;padding-left:3px}#nui_outer .builderEmpty{background-color:#f6f6f6;border:1px solid #f1f1f1;color:#333;padding:0 0 0 6px}#nui_outer .builderEmptyListing{background-color:#efe0e2;border:1px solid #efefef}#nui_outer .dataEmpty{background-color:white}#nui_outer .builderFocus{background-color:#d1dfef;color:black;border-bottom:1px solid #e1e1e1;padding:0 0 0 6px}#nui_outer .builderFocusRight,#nui_outer .builderFocusRightSingle,#nui_outer .builderFieldWhite,#nui_outer .builderFieldWhiteSingle{background-color:#fff;color:#ccc;padding:0 0 0 6px;white-space:nowrap;border-bottom:1px solid #e1e1e1}#nui{width:100%}#nui_outer{position:relative;float:left;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden}#mvp_outer table{width:100%;border:0;border-collapse:collapse;table-layout:fixed;z-index:1;margin:22px 0 0 0}#mvp_outer tr,#mvp_outer td,#mvp_outer th{width:100px;height:16px;font-size:12px;font-family:'Helvetica Neue',Arial,sans-serif;padding:0;vertical-align:middle;border:0 solid #fff;overflow-x:visible;cursor:default}#mvp_outer .sideCell,#mvp_outer .sideCellLeft{color:#888;border:0;text-align:center}#mvp_outer .sideCellOn{color:#888;text-align:center}#mvp_outer .builderCell{background-color:#CDF;border:0;padding-left:3px}#mvp_outer .builderEmpty{background-color:#f6f6f6;border:1px solid #efefef}#mvp_outer .builderEmptyListing{background-color:#efe0e2;border:1px solid #efefef}#mvp_outer .dataEmpty{background-color:white}#mvp_outer .builderFocus{background-color:#d1dfef;color:black;padding-left:3px}#mvp_outer .builderFocusRight,#mvp_outer .builderFocusRightSingle{background-color:white;padding-left:3px}#mvp{width:100%}#mvp_outer{float:left;width:100%;height:100%;overflow-x:scroll;overflow-y:hidden}.fieldAdder{z-index:62}.sideCellLeft[data-headerfooter]:before{content:"";display:flex;position:absolute;top:0;width:10px;height:100%;background:#0b5ed7;cursor:pointer}.sideCellLeft[data-headerfooter="set"]:before{background:#0b5ed7;!important}.sideCellLeft[data-headerfooter="remove"]:before{background:#FFFFFF00;!important}.listingPage .sideCellLeft[data-headerfooter]:before{display:none}.nui{float:left;overflow-x:scroll;overflow-y:scroll;background:#fafafa;-moz-transition:transform 160ms ease-out;-webkit-transition:transform 160ms ease-out;-o-transition:transform 160ms ease-out;-ms-transition:transform 160ms;transition:transform 160ms ease-out;will-change:transform}#multiMatchResultContainer{position:absolute;overflow:hidden;background-color:#fafafa;z-index:30;outline:0;border:2px solid #000}.multiMatchContainer{background-color:#EEE;padding:5px 12px 5px 12px;white-space:nowrap;font-size:13px;overflow:hidden;outline:0;border:0}.hinMulti{height:100%;width:100%;resize:none}.selectedMultiOption,.uploadedMultiFile{max-width:80%;font-size:inherit;display:inline-block;vertical-align:top;border-radius:11px;margin:1px 0 0 3px;padding:2px 8px;background-color:#efefef}.uploadedMultiFile[data-overflow]{max-width:unset}.singleClose{display:inline-flex !important;width:5px;height:5px;justify-content:center;align-items:center;padding:8px;font-size:12px;transition:all .2s;font-weight:900 !important;color:darkgrey;margin-left:2px}.singleClose:hover{color:#272727;background-color:#eae9e5}.uploadedMultiFile{display:inline-flex;align-items:flex-start}.selectedMultiOption:hover,.uploadedMultiFile:hover,.mediaWrap:hover{background-color:#e2e2e2}.selectedMultiOption.chosen{border:1px solid #4d90fe}.selectedMultiOption .closeIcon:hover,.uploadedMultiFile .closeIcon:hover{color:#2b2b2b;text-shadow:none}.selectedMultiOption .closeIcon,.uploadedMultiFile .closeIcon{margin:3px 2px 0 6px;cursor:pointer;vertical-align:top;color:#ccc;text-shadow:1px 1px 0 #fff}.selectedMultiOptionSpan{cursor:default;display:inline-block;white-space:nowrap}.notTyping{display:none}#msCalSpan{position:absolute;top:-10000px;left:-10000px;margin:0 0 0 2px;padding:0 0 0 2px;font-size:13px;outline:0}#hin{position:absolute;top:-10000px;left:-10000px;height:100px;width:100px;font-size:13px;overflow:auto;background-color:#fafafa;z-index:30;outline:0;border:0;margin:0 0 0 2px;padding:5px 0 0 4px;resize:none;line-height:150%}@media screen and (max-width:500px){textarea,input{font-size:16px !important}}#typer{position:absolute}#focus{position:absolute;border:2px solid #000;font-size:12px;margin:0;padding:0;z-index:50;top:-100px}#focus.focusPointNone{pointer-events:none}.formulaRefBox{position:absolute;border:2px solid;pointer-events:none;z-index:49;opacity:.9;background-color:transparent !important}.formulaRefBox .formulaRefBoxLabel{position:absolute;bottom:-16px;left:-2px;color:#fff;font-size:10px;line-height:14px;padding:0 3px;border-radius:0 0 2px 2px;white-space:nowrap;pointer-events:none}.msTypingTextarea{outline:0;display:inline-block;resize:none;max-width:100%;height:24px;border:0;background-color:transparent;margin:-1.5px 0 0 -6px}#focusDot{position:absolute;border:1px solid white;background-Color:black;height:4px;width:4px;font-size:1px;cursor:crosshair;z-index:50;top:-100px}#bbcodeImageEdit{position:absolute;font-size:13px;z-index:50;top:-100px;cursor:pointer;display:none}#bbcodeImageEdit i{cursor:pointer}#bbcodeImageEdit div{border:2px solid black;background-Color:white;color:#494949;height:25px;width:25px;cursor:pointer;margin-bottom:-2px;display:flex;justify-content:center;align-items:center}#bbcodeImageEdit div:first-child{border-top-right-radius:5px}#bbcodeImageEdit div:last-child{border-bottom-right-radius:5px}#bbcodeImageEdit div:hover{color:white;background-color:#494949}#outer{height:100%;width:100%}.outerSelector{position:absolute;overflow-y:auto;border:1px solid #ccc;z-index:120;overflow-x:hidden}.selector{background-color:#EEE;padding:1px;cursor:default;font-size:12px;z-index:99}.selItemOn{background-color:#BBB;padding:5px 12px 5px 12px;white-space:nowrap;cursor:pointer}.selItemOff{background-color:#EEE;padding:5px 12px 5px 12px;white-space:nowrap;cursor:pointer}.multiSel input[type='checkbox']{display:none}.multiSel{padding:5px 12px 5px 12px;white-space:nowrap;cursor:pointer}.multiSel.chosen{background-color:#BBB}.multiSel.chosen.noValue{background-color:#EEE}.multiSel:hover{background-color:#BBB}.multiSel.checkAll{border-bottom:1px solid #aaa;color:#08c}i.groupsInfoIcon{position:relative;top:4px;left:2.5px}.multiSel.groupInfo{max-height:0;overflow:hidden;padding:0;transition-property:max-height,padding;transition-duration:.5s,0.5s}.showGroupInfo .multiSel.groupsTitle:after{content:'\f0d8'}.multiSel.groupsTitle:after{font-family:'Font Awesome\ 5 Pro';font-weight:300;content:"\f0d7";font-size:14px;margin:0 0 0 4px;position:relative;top:2px}.multiSel input[type='checkbox']+span:before{font-family:'Font Awesome\ 5 Pro';font-weight:100;content:"\f0c8";font-size:14px;margin:0 5px 0 0;position:relative;color:#3f3f3f;top:3px;background:linear-gradient(transparent 10%,white 10% 90%,transparent 100%)}.multiSel input[type='checkbox']:checked+span:before{font-family:'Font Awesome\ 5 Pro';font-weight:700;content:"\f14a";font-size:14px;margin:0 5px 0 0;position:relative;color:#136dff;top:3px}.multiSel.checkAll.partInclude input[type=checkbox],.multiSel.groupInfo.partInclude input[type=checkbox]{display:none}.multiSel.checkAll.partInclude input[type='checkbox']+span:before,.multiSel.groupInfo.partInclude input[type='checkbox']+span:before{font-family:'Font Awesome\ 5 Pro';font-weight:700;content:"\f146";font-size:14px;margin:0 5px 0 0;position:relative;color:#136dff;top:3px}.showGroupInfo .multiSel.groupInfo{max-height:100px;padding:5px 12px 5px 12px}.selbut{position:absolute;top:0;right:0;background:url(/sims/img/icons.png) no-repeat -855px 0;cursor:default;width:15px;height:24px;line-height:24px;text-align:center;z-index:25}.selbutOn{position:absolute;top:0;right:0;background:#ddd url(/sims/img/icons.png) no-repeat -855px 0;cursor:default;width:15px;height:24px;line-height:24px;font-size:12px;text-align:center;z-index:25}.cellText{min-height:20px}.cellText:hover{text-decoration:underline}.cellSuggest{float:left;min-height:20px;margin:0}#wheelDrop input{width:100%;height:4px;margin:0;padding:0;border:0}#wheelDrop p{margin:12px 0;text-align:center;color:#333}.pointNone{pointer-events:none}.formPageStar{font-size:20px;color:#efefef;margin:0 0 0 8px;cursor:pointer}.formPageStar:hover{color:#333 !important}.formPageStarChecked{font-size:20px;color:#f4b400 !important;margin:0 0 0 8px;cursor:pointer}#starWrapper{display:inline-block}.listingPageStar{float:left;font-size:16px;color:#efefef;margin:1px;cursor:pointer;z-index:63}.listingPageStar:hover{color:#333 !important}.listingPageStarChecked{float:left;font-size:16px;color:#f4b400 !important;margin:1px;cursor:pointer;z-index:63}.listingPageCheckbox{float:left;font-size:18px;color:#efefef;margin:0 2px;cursor:pointer;z-index:63}.listingPageCheckbox:hover{color:#333 !important}.listingPageCheckboxChecked{float:left;font-size:18px;color:#AAA;margin:0 2px;cursor:pointer;z-index:63}.file-features{display:inline-flex !important;width:5px;height:5px;justify-content:center;align-items:center;padding:10px;font-size:12px;border-radius:100%;transition:all .2s;margin-top:3px;font-weight:900 !important}#downloadMultiFiles{color:#f9414e}.file-features:hover{background-color:white;font-weight:900}#personal_preferences #userpref_fontSizeRateLabel{text-align:center;font-weight:bold}#personal_preferences #userpref_fontSizeRate{height:4px;margin:0;padding:0;border:0}.commentLoadingDiv{margin:3px;text-align:left}.reportTable,.queryTable{border-collapse:collapse}.reportTable td,.reportTable th{border:1px solid #efefef;padding:2px 8px;text-align:right}.reportTable th{background:#f8f8f8;font-weight:600}.queryTable td,.queryTable th{padding:0 3px;font-size:inherit}.queryTable th{color:#aaa;text-align:right}.reportHeader{margin:32px 25px 0 28px}.reportHeader.hideTitle{margin:32px 25px 40px 28px}.reportHeader.hideTitle h2,.reportHeader.hideDataSource tr:not(#report_currentDateLabel){display:none}.reportHeader *:not(.topButtonWhole){font-family:inherit;line-height:1.5}.reportContent{margin:18px 25px;background:#fff;border:1px solid #ccc;border-radius:8px;overflow-x:auto;overflow-y:hidden}.reportContent *:not(.printHide):not(i):not(.fa):not(.far):not(.fas):not(.fab){font-family:inherit}.reportContent.hideBorder{border:1px solid transparent}#report{flex:1;overflow-x:auto}.reportFixedArea #report{overflow-x:visible}.reportFixedArea .reportContent{overflow-x:visible;overflow-y:visible}.reportOuterContainer{width:100vw;height:100vh;overflow:auto}@media print{.reportOuterContainer{height:auto;width:auto}}.rankingSettingSection .settingRow{display:flex;gap:5px;align-items:center}.rankingSettingSection .checkboxContainer{display:flex;gap:5px;align-items:center;margin-left:5px;margin-right:10px}.rankingSettingSection #topN{text-align:center;width:40px;height:20px}.rankingSettingSection #topN:disabled{pointer-events:none}#report_gearDropdown{padding:5px 0;border:1px solid #ccc;background-color:#efefef;border-radius:3px;white-space:nowrap}#report_gearDropdown>.gearDropdown_checkboxOption{display:flex;column-gap:5px;padding:3px 12px}#report_gearDropdown>.gearDropdown_checkboxOption:hover{background-color:#dbdbdb}.pivotFactSelectorWrapper{display:flex;justify-content:flex-end}.pivotFields>.pivotFieldBarSelect{display:inline-block;margin:10px;width:max-content;max-width:100%}.pivotFields>.pivotFieldBarSelect .barSelect-selection{border:3px solid #eaeaea;border-radius:5px;padding:5px;user-select:none}.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:#fff;height:1.5em;width:1.5em}.vjs-svg-icon:before{content:none !important}.vjs-svg-icon:hover,.vjs-control:focus .vjs-svg-icon{filter:drop-shadow(0 0 .25em #fff)}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url('/sims/videojs/VideoJS.woff') format('woff');font-weight:normal;font-style:normal}.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:"\f103"}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:"\f104"}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:"\f105"}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{content:"\f106"}.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:"\f107"}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:"\f108"}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-spinner:before{content:"\f10a"}.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before{content:"\f10b"}.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-hd:before{content:"\f10d"}.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-square:before{content:"\f115"}.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f118"}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-repeat:before{content:"\f11a"}.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:"\f11b"}.vjs-icon-replay-5,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-replay-5:before,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before{content:"\f11c"}.vjs-icon-replay-10,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-replay-10:before,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before{content:"\f11d"}.vjs-icon-replay-30,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-replay-30:before,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before{content:"\f11e"}.vjs-icon-forward-5,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-forward-5:before,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before{content:"\f11f"}.vjs-icon-forward-10,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-forward-10:before,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before{content:"\f120"}.vjs-icon-forward-30,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-forward-30:before,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before{content:"\f121"}.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-cast:before{content:"\f126"}.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:"\f127"}.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-pinterest:before{content:"\f12d"}.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:normal;font-style:normal}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:"\f12e"}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:normal;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100% !important;height:100% !important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-fluid:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-1-1:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100% !important;height:100% !important;padding-top:0 !important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:rgba(0,0,0,0.7);padding:.5em;text-align:center;width:100%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none !important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block !important;opacity:1 !important;visibility:visible !important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-0.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,0.7);border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:.75em;height:.75em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,0.5);transition:all 0}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0;border:0;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,0.8);background:linear-gradient(180deg,rgba(0,0,0,0.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,0.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon,.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible){background:0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:bold;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,0.7)}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,0.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background:linear-gradient(#ffffff00,#817f7f)}.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none !important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em white}.video-js *:not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#dd4b36}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-0.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none !important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-0.35em;right:-0.4em;width:1em;height:1em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,0.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,0.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,0.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress .vjs-svg-icon{width:.8em;height:.8em;top:-0.25em;right:-0.5em;line-height:.35em}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,0.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,0.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em white;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-0.5em;left:-0.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.6em;height:.6em;top:-0.55em;pointer-events:none}.vjs-mute-control .vjs-svg-icon{width:1.75em;height:1.75em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-0.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{top:-0.15em;right:-0.3em;line-height:.05em}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-0.9em;right:-0.15em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,0.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,0.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,0.8)}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-0.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,0.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:vjs-spinner-show 0 linear .3s forwards}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;margin:-0.6em;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:white}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{animation:vjs-spinner-spin 1.1s cubic-bezier(0.6,0.2,0,0.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:white}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{margin-left:.3em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-0.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10c";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-0.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f12e";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,0.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports(display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:0}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:bold;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,0.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,0.9);background:linear-gradient(180deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-title-bar-title,.vjs-title-bar-description{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:bold;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5{cursor:pointer}.video-js .vjs-skip-forward-10{cursor:pointer}.video-js .vjs-skip-forward-30{cursor:pointer}.video-js .vjs-skip-backward-5{cursor:pointer}.video-js .vjs-skip-backward-10{cursor:pointer}.video-js .vjs-skip-backward-30{cursor:pointer}@media print{.video-js>*:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:0}.video-js *:focus:not(:focus-visible){outline:0}.video-js.vjs-small-width .vjs-control-bar{justify-content:space-between}.video-js.vjs-small-width .vjs-progress-control,.video-js.vjs-small-width .vjs-volume-panel,.video-js.vjs-small-width .vjs-remaining-time{display:none}.video-js.vjs-small-width.vjs-fullscreen .vjs-volume-panel,.video-js.vjs-small-width.vjs-fullscreen .vjs-remaining-time,.video-js.vjs-small-width.vjs-fullscreen .vjs-progress-control{display:flex}/* Mobile canvas styles remain dormant until the responsive coordinator owns the shell. */
html.mobile-sheet-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
    --mobile-canvas-keyboard-inset: 0px;
    --mobile-canvas-scroll-padding: 16px;
    --mobile-canvas-shell-height: 100px;
    --mobile-canvas-app-banner-height: 0px;
}

/* Between first paint and the coordinator's decision the page would otherwise show the desktop
   chrome at device width. These are exactly the elements both mobile-sheet-mode and
   mobile-record-mode hide, so nothing flashes back when the real classes land. */

html.mobile-sheet-mode:not(.mobile-record-mode) body {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/* One list of desktop chrome the phone never shows: during the pre-paint boot cover, and in both
   shell modes (sync() never adds mobile-record-mode without mobile-sheet-mode). */
html.mobile-canvas-booting #v5Header,
html.mobile-canvas-booting #v5SidebarTD,
html.mobile-canvas-booting #v5SidebarSep,
html.mobile-canvas-booting #mobileAppRedirectDiv,
html.mobile-sheet-mode #v5Header,
html.mobile-sheet-mode #v5SidebarTD,
html.mobile-sheet-mode #v5SidebarSep {
    display: none !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #v5Body,
html.mobile-sheet-mode:not(.mobile-record-mode) #v5BodyTable,
html.mobile-sheet-mode:not(.mobile-record-mode) #v5BodyRow,
html.mobile-sheet-mode:not(.mobile-record-mode) #v5Content,
html.mobile-sheet-mode:not(.mobile-record-mode) #v5NUIContainer,
html.mobile-sheet-mode:not(.mobile-record-mode) #nui_outer {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
}

/* The toolbar strip scrolls HORIZONTALLY instead of clipping: the selected state can carry more
   controls than a phone row fits (delete + tools + clear-filters + the count), and the old
   overflow:hidden turned that into a review-reported clip - the shrunken #countDiv wrapped to one
   character per line, grew the flex row past 60px, and align-items:center pushed every button
   down to an 8px sliver. The row stays 60px; extra controls are reached by swiping the strip.
   Overlay scrollbars on phones cost no height; the explicit scrollbar hiding is for emulators. */
html.mobile-sheet-mode:not(.mobile-record-mode) #v6NUIHeader {
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    min-height: 60px;
    padding: 0 var(--mobile-canvas-safe-right) 0 var(--mobile-canvas-safe-left);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #v6NUIHeader::-webkit-scrollbar {
    display: none;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    /* max-content so the row grows with its controls and the header scrolls it; min-width keeps
       the row full-bleed when there are few controls. */
    width: max-content;
    min-width: 100%;
    min-height: 60px;
    gap: 6px;
    padding: 8px;
}

/* The checked-count label ("N records selected"): as an ordinary flex item it was the one child
   allowed to shrink, so it collapsed to its narrowest word-wrap - one character per line - and
   drove the clipped-toolbar failure above. It never shrinks or wraps now; the strip scrolls. */
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv #countDiv {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: auto;
    margin: 0;
    white-space: nowrap;
    font-size: 13px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bNewData {
    margin: 0 !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bMoreActions,
html.mobile-sheet-mode:not(.mobile-record-mode) #bMassActions {
    margin-left: 0 !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
}

/* Icon + label buttons (delete selected, form tool): the icon rides a floated wrapper div sized
   for the desktop's 16px-high buttons, which in the 44px row left it stuck to the top-left
   corner while the label centred (review finding: misaligned trash can). Both wrappers become
   inline-level and centre on the button's own 42px line box; a flex declaration on the button
   itself would lose to the inline display:block that showElement() writes when it reveals these
   buttons. */
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWhole .tw-float-left {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWhole .topIconSmallv6 {
    float: none;
    display: inline-block;
    margin: 0 !important;
    vertical-align: middle;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWhole .tw-float-right {
    float: none !important;
    display: inline;
    vertical-align: middle;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bReload {
    width: 44px;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bReload > div {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    line-height: 1 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bReload i {
    display: block;
    line-height: 1;
}

/* Explicit glyph colour on every button this shell BUILDS (hamburger, search, drawer close): a
   <button> does not inherit colour, and without a declaration the glyph is the UA default -
   black on desktop engines but BLUE on iOS Safari (review finding: mixed icon colours). */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingNavigationButton {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    color: #333;
    font-size: 18px;
    line-height: 1 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #draftDiv {
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
    margin: 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWhole,
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWholeRight,
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWholeDrop,
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv .topButtonWholeGrey {
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 44px !important;
    min-height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 42px;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #v5NUIHeaderDesign,
html.mobile-sheet-mode:not(.mobile-record-mode) #bReportSimple,
html.mobile-sheet-mode:not(.mobile-record-mode) #bFirstPage,
html.mobile-sheet-mode:not(.mobile-record-mode) #entryCount,
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv > .tw-float-right {
    display: none !important;
}

/* Prev / next page stay (review finding: hiding them left every page after the first
   unreachable); adjustPrevNext() keeps owning WHEN they show. The desktop floats them right, so
   the markup order is next-before-prev - flex order puts them back in reading order at the end
   of the row. First-page and the entry-count stay hidden for space; the strip scrolls to reach
   the pager when the row is full. Their Font Awesome children otherwise sit at the top of the
   mobile-height desktop button line box, so make each visible pager an explicit centred square.
   display is deliberately not important: adjustPrevNext()'s tw-hidden must still win. */
html.mobile-sheet-mode:not(.mobile-record-mode) #bPrevPage,
html.mobile-sheet-mode:not(.mobile-record-mode) #bNextPage {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    padding: 0 !important;
    line-height: 1 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bPrevPage > i,
html.mobile-sheet-mode:not(.mobile-record-mode) #bNextPage > i {
    display: block;
    line-height: 1;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bPrevPage {
    order: 1;
    margin-left: auto !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #bNextPage {
    order: 2;
}

/* On the first page Previous is tw-hidden, so it cannot carry the auto margin that pins the
   pager pair to the toolbar's right edge. Let Next take over that same anchor only in this state;
   when both controls are visible Previous owns the spacing and Next keeps the identical slot. */
html.mobile-sheet-mode:not(.mobile-record-mode) #ctrlDiv:has(#bPrevPage.tw-hidden) #bNextPage {
    margin-left: auto !important;
}

/* dropWin() already writes the menu's top from the Tools button. Keep position:fixed so the
   dropdown can escape #v6NUIHeader's horizontal-scroll clipping, but preserve that calculated
   top instead of pinning the panel to the bottom. The desktop menu's 900px width becomes a
   compact, right-inset popup; at narrower widths the safe edge insets bound both sides. */
/* Listing menus are now hosted at body level. The coordinator keeps dropWin's horizontal
   anchor and clamps it to the safe viewport edges instead of forcing right alignment. */
html.mobile-sheet-mode:not(.mobile-record-mode) #moreActionsDrop,
html.mobile-sheet-mode:not(.mobile-record-mode) #massActionsDrop {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    box-sizing: border-box;
    width: min(320px, calc(100vw - max(8px, var(--mobile-canvas-safe-left)) - max(8px, var(--mobile-canvas-safe-right)))) !important;
    min-width: 0 !important;
    max-width: calc(100vw - max(8px, var(--mobile-canvas-safe-left)) - max(8px, var(--mobile-canvas-safe-right))) !important;
    height: auto !important;
    max-height: calc(100dvh - 72px - max(8px, var(--mobile-canvas-safe-bottom))) !important;
    margin-top: 4px;
    padding-bottom: 8px;
    overflow: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 4px;
}

/* The three tool columns are floated 250px boxes; stack them at phone width. */
html.mobile-sheet-mode:not(.mobile-record-mode) #moreActionsDrop .toolsDivSection,
html.mobile-sheet-mode:not(.mobile-record-mode) #massActionsDrop .toolsDivSection {
    float: none;
    box-sizing: border-box;
    width: auto;
    margin: 12px 12px 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #moreActionsDrop .dropdownOptionv6,
html.mobile-sheet-mode:not(.mobile-record-mode) #massActionsDrop .dropdownOptionv6 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    gap: 8px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #nui_outer {
    float: none;
    width: 100% !important;
    height: calc(100dvh - 60px - var(--mobile-canvas-app-banner-height)) !important;
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .nui.listingPage {
    box-sizing: border-box;
    width: 100vw !important;
    max-width: 100vw;
    height: calc(100dvh - 60px - var(--mobile-canvas-app-banner-height)) !important;
    padding-bottom: var(--mobile-canvas-safe-bottom);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Shared navigation drawer (mobile-account-home-proposal.md sections 3.3 and 5): html.mobile-home-mode
   is an additive selector twin on this block only - the home surface reuses the listing drawer
   shell with the same classes, no declaration here is home-specific, and mobileHome.css must never
   copy these rules. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer[hidden],
html.mobile-home-mode .mobileCanvasListingDrawer[hidden] {
    display: none !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer,
html.mobile-home-mode .mobileCanvasListingDrawer {
    position: fixed;
    z-index: 9000;
    inset: 0;
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-right: var(--mobile-canvas-safe-right);
    padding-left: var(--mobile-canvas-safe-left);
    background: rgb(0 0 0 / 45%);
}

/* Keep the drawer responsive, but travel far enough that opening reads as a slide rather than
   an instantaneous repaint. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerPanel,
html.mobile-home-mode .mobileCanvasListingDrawerPanel {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: min(88vw, 380px);
    height: 100dvh;
    padding-top: var(--mobile-canvas-safe-top);
    padding-bottom: var(--mobile-canvas-safe-bottom);
    overflow: hidden;
    color: #333;
    background: #fff;
    box-shadow: 4px 0 18px rgb(0 0 0 / 24%);
    animation: mobileCanvasListingDrawerEnter 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes mobileCanvasListingDrawerEnter {
    from { transform: translateX(-100%); opacity: 0.85; }
    to { transform: translateX(0); opacity: 1; }
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerHeader,
html.mobile-home-mode .mobileCanvasListingDrawerHeader {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    min-height: 52px;
    padding: 4px 10px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerClose,
html.mobile-home-mode .mobileCanvasListingDrawerClose {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    /* A built <button> does not inherit the panel's #333; iOS Safari would paint it blue. */
    color: #333;
    font-size: 28px;
    line-height: 1;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerActions,
html.mobile-home-mode .mobileCanvasListingDrawerActions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 0 0 auto;
    padding: 0 8px 8px;
    gap: 6px;
    border-bottom: 1px solid #ddd;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerAction,
html.mobile-home-mode .mobileCanvasListingDrawerAction {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 44px;
    padding: 9px 12px;
    gap: 9px;
    overflow: hidden;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerAction:hover,
html.mobile-home-mode .mobileCanvasListingDrawerAction:hover,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerAction:focus-visible,
html.mobile-home-mode .mobileCanvasListingDrawerAction:focus-visible {
    color: #111;
    background: #f5f5f5;
    text-decoration: none;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerAction i,
html.mobile-home-mode .mobileCanvasListingDrawerAction i {
    flex: 0 0 18px;
    width: 18px;
    text-align: center;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerAction span,
html.mobile-home-mode .mobileCanvasListingDrawerAction span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerTabs,
html.mobile-home-mode .mobileCanvasListingDrawerTabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 0 0 auto;
    padding: 8px;
    gap: 6px;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerTab,
html.mobile-home-mode .mobileCanvasListingDrawerTab {
    box-sizing: border-box;
    min-width: 0;
    min-height: 44px;
    padding: 8px 10px;
    overflow: hidden;
    color: #444;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerTabSelected,
html.mobile-home-mode .mobileCanvasListingDrawerTabSelected {
    color: #fff;
    background: #333;
    border-color: #333;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerSection[hidden],
html.mobile-home-mode .mobileCanvasListingDrawerSection[hidden] {
    display: none !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerContent,
html.mobile-home-mode .mobileCanvasListingDrawerContent {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawerSection > h3,
html.mobile-home-mode .mobileCanvasListingDrawerSection > h3 {
    position: sticky;
    z-index: 2;
    top: 0;
    margin: 0;
    padding: 11px 16px;
    color: #555;
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

/* The tab name is a full-bleed FOLDER BAND over its white sheet rows (review request: the bare
   label read as just another line, not as a container). One step lighter than the sticky #f3f3f3
   section heading above it, so the hierarchy stays section > tab > sheets; the band's bottom
   hairline hands over to the rows' own separators. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingSheetGroup > h4,
html.mobile-home-mode .mobileCanvasListingSheetGroup > h4 {
    margin: 0;
    padding: 9px 16px;
    color: #555;
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer .pathDrop,
html.mobile-home-mode .mobileCanvasListingDrawer .pathDrop {
    position: static !important;
    display: block !important;
    box-sizing: border-box;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer .pathDropItem,
html.mobile-home-mode .mobileCanvasListingDrawer .pathDropItem {
    position: relative !important;
    display: flex !important;
    align-items: center;
    float: none !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    overflow: hidden;
    color: #333 !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: normal !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer .pathDropItemSelected,
html.mobile-home-mode .mobileCanvasListingDrawer .pathDropItemSelected {
    color: #b00020 !important;
    background: #fff1f3 !important;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer .outerSheetTriangleIcon,
html.mobile-home-mode .mobileCanvasListingDrawer .outerSheetTriangleIcon,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingDrawer .outerQueryTriangleIcon,
html.mobile-home-mode .mobileCanvasListingDrawer .outerQueryTriangleIcon {
    display: none !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #v6Query,
html.mobile-home-mode .mobileCanvasListingViews #v6Query,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6SideList,
html.mobile-home-mode .mobileCanvasListingViews .v6SideList,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews ul,
html.mobile-home-mode .mobileCanvasListingViews ul {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6RecentItem,
html.mobile-home-mode .mobileCanvasListingViews .v6RecentItem {
    position: relative !important;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e5e5e5;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6RecentItem > .sidebarIcon,
html.mobile-home-mode .mobileCanvasListingViews .v6RecentItem > .sidebarIcon {
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    width: 28px !important;
    margin: 0 !important;
    color: #666;
    text-align: center;
    transform: translateY(-50%);
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6RecentItem > a,
html.mobile-home-mode .mobileCanvasListingViews .v6RecentItem > a {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 12px 10px 48px !important;
    overflow: hidden;
    color: #333 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: normal;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6RecentItemNow,
html.mobile-home-mode .mobileCanvasListingViews .v6RecentItemNow {
    color: #b00020 !important;
    background: #fff1f3 !important;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews input,
html.mobile-home-mode .mobileCanvasListingViews input,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews select,
html.mobile-home-mode .mobileCanvasListingViews select,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews textarea,
html.mobile-home-mode .mobileCanvasListingViews textarea {
    font-size: 16px !important;
}

/* ---- The views panel's search area (review finding: desktop-sized inside the drawer) --------
   Everything below #v6SearchBtn is the borrowed sidebar's quick-search: the search button, the
   save-view link, the more/less links, and the per-field filter rows queryItemBar.js builds.
   All of it kept its desktop 11-13px, 20px-row styling; here it takes the drawer's row system -
   44px targets, 15px text, hairlines - and the expanded filter body nests on a grey ground. */

/* More / less: queryItemBar.js spells the class sideMorelink, the JSP's versions list spells it
   sideMoreLink - both are the same affordance. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .sideMoreLink,
html.mobile-home-mode .mobileCanvasListingViews .sideMoreLink,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .sideMorelink,
html.mobile-home-mode .mobileCanvasListingViews .sideMorelink {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 16px !important;
    color: #08c !important;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #v6QueryItemBar hr,
html.mobile-home-mode .mobileCanvasListingViews #v6QueryItemBar hr {
    display: none;
}

/* The two containers between the search bar and the field rows carry desktop spacing that opened
   a dead band inside the drawer; the selected-chips container floats beside nothing here. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #v6QueryItemBar,
html.mobile-home-mode .mobileCanvasListingViews #v6QueryItemBar,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #selectQueryItemsContainer,
html.mobile-home-mode .mobileCanvasListingViews #selectQueryItemsContainer {
    float: none !important;
    box-sizing: border-box;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The search action and the save-view link stack as two full-width controls. The search action is
   promoted to the standard topButtonBlue variant by the mobile drawer owner, while the save action
   remains a secondary link. The container is
   STICKY on desktop (v5frame.css pins it so the search stays reachable while the filter list
   scrolls) and that behaviour is kept - a selection filter here can run to thousands of options -
   but in the drawer it has to read as a deliberate pinned bar: light ground, its own hairlines,
   parked just under the sticky section heading (z-index below it, top overlapping a little so no
   slit of scrolling content shows between the two bands). */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #v6SearchBtn,
html.mobile-home-mode .mobileCanvasListingViews #v6SearchBtn {
    position: sticky;
    top: 40px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 10px 16px 8px;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    gap: 4px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #v6SearchBtn .topButtonWhole,
html.mobile-home-mode .mobileCanvasListingViews #v6SearchBtn .topButtonWhole {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 16px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}

/* The save-view link loses its desktop #EFEFEF chip band and becomes a plain full-width row;
   the 11px size is a tailwind !important, hence the !important here. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #v6SearchBtn > div:not(.topButtonWhole),
html.mobile-home-mode .mobileCanvasListingViews #v6SearchBtn > div:not(.topButtonWhole) {
    float: none !important;
    clear: none !important;
    width: 100%;
    background: transparent !important;
    white-space: normal !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews #sideCreateSearch,
html.mobile-home-mode .mobileCanvasListingViews #sideCreateSearch {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 16px !important;
    color: #08c !important;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none !important;
}

/* A per-field filter row: caret + field name, a 44px row like every other drawer row. The
   desktop hover fill would stick after a tap, so the pressed state is :active. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryItemName,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryItemName {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 16px 10px 12px !important;
    color: #333 !important;
    background: transparent !important;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryItemName:hover,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryItemName:hover {
    background: transparent !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryItemName:active,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryItemName:active {
    background: #f3f3f3 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryItemName.v6QueryItemNameOpened,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryItemName.v6QueryItemNameOpened {
    background: #f0f0f0 !important;
    border-bottom-color: transparent;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryArrow,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryArrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    color: #767676;
}

/* The expanded filter body nests on a grey ground under its field row. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QuerySection,
html.mobile-home-mode .mobileCanvasListingViews .v6QuerySection {
    box-sizing: border-box;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 16px 14px !important;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryTextbox,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryTextbox,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryDatebox,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryDatebox {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 0 0 6px 0 !important;
    padding: 8px 10px !important;
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

/* A selection filter's option rows: the checkbox and its label as one 40px target. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryOption,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryOption {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 4px 0 !important;
    gap: 8px;
    font-size: 15px !important;
    line-height: 1.4;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryOption input,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryOption input {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryOption label,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryOption label {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* The small mode toggles (filter by text / by calendar) and the per-filter overflow dots. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryToggleBtn,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryToggleBtn {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 32px;
    margin: 0 6px 6px 0 !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryQuickSearchIcon,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryQuickSearchIcon,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryGear,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryGear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 32px;
    min-height: 32px;
    color: #555;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QuerySection > .v6QueryQuickSearchIcon.besideToggle,
html.mobile-home-mode .mobileCanvasListingViews .v6QuerySection > .v6QueryQuickSearchIcon.besideToggle {
    float: right;
    margin: 0 !important;
}

/* Range and settings children still carry desktop left offsets and floats. Flatten them into the
   drawer's inset column, while inline display:none continues to own the inactive filter mode. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .dateFilterPart,
html.mobile-home-mode .mobileCanvasListingViews .dateFilterPart,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryNumberFilterPart,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryNumberFilterPart {
    clear: both;
    display: grid;
    box-sizing: border-box;
    width: 100%;
    margin: 8px 0 0 !important;
    gap: 8px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .dateFilterPart > div,
html.mobile-home-mode .mobileCanvasListingViews .dateFilterPart > div,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryNumberFilterPart > div,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryNumberFilterPart > div {
    margin: 0 !important;
    color: #666;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .dateFilterPart .v6QueryDatebox,
html.mobile-home-mode .mobileCanvasListingViews .dateFilterPart .v6QueryDatebox,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryNumberFilterPart .v6QueryDatebox,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryNumberFilterPart .v6QueryDatebox {
    margin: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .textFilterPart,
html.mobile-home-mode .mobileCanvasListingViews .textFilterPart {
    clear: both;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin: 8px 0 0 !important;
    gap: 8px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .textFilterPart .v6QueryTextbox,
html.mobile-home-mode .mobileCanvasListingViews .textFilterPart .v6QueryTextbox {
    margin: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .textFilterPart .v6QueryTextOption,
html.mobile-home-mode .mobileCanvasListingViews .textFilterPart .v6QueryTextOption {
    grid-column: 1 / -1;
    margin: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .specialSetterContent,
html.mobile-home-mode .mobileCanvasListingViews .specialSetterContent,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryGear,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryGear {
    float: none;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 100%;
    min-height: 36px;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .specialSetterContent .specialSetter,
html.mobile-home-mode .mobileCanvasListingViews .specialSetterContent .specialSetter,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryGear .specialSetter,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryGear .specialSetter {
    float: none !important;
    clear: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .specialSetterContent .cogIcon,
html.mobile-home-mode .mobileCanvasListingViews .specialSetterContent .cogIcon,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingViews .v6QueryGear .cogIcon,
html.mobile-home-mode .mobileCanvasListingViews .v6QueryGear .cogIcon {
    margin: 0 !important;
    padding: 0 !important;
}

/* Sidebar filter popups are body-level legacy owners. The drawer is z-index 9000, so opt the
   active listing instances into a fixed layer above it; mobileCanvas.js supplies their clamped
   top/left coordinates within the drawer panel. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasListingFilterPopup {
    position: fixed !important;
    z-index: 9010 !important;
    box-sizing: border-box;
    overflow: auto;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #dsdropdown.mobileCanvasListingFilterPopup,
html.mobile-sheet-mode:not(.mobile-record-mode) #usdropdown.mobileCanvasListingFilterPopup {
    width: min(260px, calc(100vw - 32px));
    height: auto !important;
    padding: 4px !important;
    font-size: 14px !important;
    border: 1px solid #aaa;
    border-radius: 6px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #dsdropdown.mobileCanvasListingFilterPopup div[id],
html.mobile-sheet-mode:not(.mobile-record-mode) #usdropdown.mobileCanvasListingFilterPopup div[id] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 12px !important;
    white-space: normal !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .datePickerRagic.mobileCanvasListingFilterPopup {
    border-radius: 4px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .datePickerRagic.mobileCanvasListingFilterPopup .calTable td,
html.mobile-sheet-mode:not(.mobile-record-mode) .datePickerRagic.mobileCanvasListingFilterPopup .calTodayButton,
html.mobile-sheet-mode:not(.mobile-record-mode) .datePickerRagic.mobileCanvasListingFilterPopup .ymheaderTable td {
    box-sizing: border-box;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
}

/* Account settings is still rendered by menu.js as the legacy #sidenavMain after either mobile
   drawer hands off to it. Keep that renderer and its permission-filtered links, but give its
   desktop content-width menu a phone-owned layout on both the listing and account-home surfaces. */
html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain.sidenavMain,
html.mobile-home-mode #sidenavMain.sidenavMain {
    position: fixed;
    z-index: 9010;
    top: 0;
    bottom: auto;
    left: 0;
    box-sizing: border-box;
    width: min(88vw, 380px, calc(100vw - 56px));
    max-width: none;
    height: 100dvh;
    padding-top: var(--mobile-canvas-safe-top);
    padding-bottom: var(--mobile-canvas-safe-bottom);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    color: #222;
    background: #fff;
    box-shadow: 4px 0 18px rgb(0 0 0 / 24%);
    transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
    -webkit-overflow-scrolling: touch;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain > #menuSetDiv,
html.mobile-home-mode #sidenavMain > #menuSetDiv {
    display: none;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain ul,
html.mobile-home-mode #sidenavMain ul {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain li.lv1,
html.mobile-home-mode #sidenavMain li.lv1 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    transition: height 160ms ease;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavSeparator,
html.mobile-home-mode #sidenavMain .sidenavSeparator {
    height: 8px;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavHeader,
html.mobile-home-mode #sidenavMain .sidenavHeader {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 11px 16px 11px 56px;
    color: #333;
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

/* The site font's CJK ink sits slightly below the centre of its line box. Keep the section band
   and caret mathematically centred, then lift only the visible label for optical centring. */
html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavHeaderText,
html.mobile-home-mode #sidenavMain .sidenavHeaderText {
    display: block;
    min-width: 0;
    transform: translateY(-2px);
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavCaret,
html.mobile-home-mode #sidenavMain .sidenavCaret {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavItem,
html.mobile-home-mode #sidenavMain .sidenavItem {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 0 16px;
    color: #222;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    font-size: 15px;
    line-height: 1.4;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavItem > a,
html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavItem > div,
html.mobile-home-mode #sidenavMain .sidenavItem > a,
html.mobile-home-mode #sidenavMain .sidenavItem > div {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    padding: 10px 0;
    overflow-wrap: anywhere;
    color: #222;
    text-decoration: none;
    white-space: normal;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavItem > a > div,
html.mobile-home-mode #sidenavMain .sidenavItem > a > div {
    min-width: 0;
    overflow-wrap: anywhere;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavIcon,
html.mobile-home-mode #sidenavMain .sidenavIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    text-align: center;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavMain .sidenavItem .data-sheet-copy-icon,
html.mobile-home-mode #sidenavMain .sidenavItem .data-sheet-copy-icon {
    margin-left: 0;
    background-size: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavOverlay.overlay,
html.mobile-home-mode #sidenavOverlay.overlay {
    position: fixed;
    z-index: 9000;
    inset: 0;
    width: auto;
    height: 100dvh;
    background: rgb(0 0 0 / 45%);
    opacity: 0;
    transition: opacity 160ms ease;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #sidenavOverlay.overlay.open,
html.mobile-home-mode #sidenavOverlay.overlay.open {
    opacity: 1;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #closeSidenavButton.closeSidenavButton,
html.mobile-home-mode #closeSidenavButton.closeSidenavButton {
    top: calc(var(--mobile-canvas-safe-top) + 6px);
    left: calc(min(88vw, 380px, calc(100vw - 56px)) + 6px) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 0;
    color: #fff;
    font-size: 28px;
    line-height: 1;
}

/* Shared search overlay (mobile-account-home-proposal.md section 3.1): one implementation for the
   listing surface and the account home, built by createSearchOverlay() in mobileCanvas.js. Like the
   drawer block, html.mobile-home-mode is an additive selector twin - no declaration here is
   home-specific, and mobileHome.css owns only the CLOSED-state look of #ragicSearch inside its
   compact header (the listing surface hides the header, so its closed state is the owned icon in
   #ctrlDiv below). While open, #searchboxDiv is moved into the body-level fixed bar; in place it
   could never be rescued on the listing surface, where #v5Header is display:none. */

/* The owned listing icon: same box as the owned hamburger it follows in #ctrlDiv. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchButton {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    color: #333;
    font-size: 18px;
    line-height: 1 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay[hidden],
html.mobile-home-mode .mobileCanvasSearchOverlay[hidden] {
    display: none !important;
}

/* The fixed full-width bar: box, the borrowed #ragicSearch submit, the built close control. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay,
html.mobile-home-mode .mobileCanvasSearchOverlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(8px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 4px;
    color: #333;
    background: #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    animation: mobileCanvasSearchEnter 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay.mobileCanvasSearchOverlayClosing,
html.mobile-home-mode .mobileCanvasSearchOverlay.mobileCanvasSearchOverlayClosing {
    animation: mobileCanvasSearchExit 140ms ease-in forwards;
}

@keyframes mobileCanvasSearchEnter {
    from { transform: translateY(-100%); opacity: 0.85; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes mobileCanvasSearchExit {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(-100%); opacity: 0.85; }
}

/* DataController.resize() uses hideElement() to add tw-hidden at its 30px width floor.
   Since tw-hidden sets display:none !important, these rules need both !important and higher
   specificity to keep the borrowed search row visible in the overlay after load and resizes. */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay #searchboxDiv,
html.mobile-home-mode .mobileCanvasSearchOverlay #searchboxDiv {
    display: flex !important;
    align-items: center;
    /* DataController.resize() rewrites #searchbox to a desktop pixel width after an FTS result
       load. A zero flex basis keeps that width out of the mobile row calculation, reserving the
       two trailing 44px controls instead of pushing them past the viewport. */
    flex: 1 1 0;
    box-sizing: border-box;
    width: 0;
    min-width: 0;
    height: auto;
    min-height: 44px;
    margin: 0 !important;
    gap: 4px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay #searchbox,
html.mobile-home-mode .mobileCanvasSearchOverlay #searchbox {
    display: block;
    flex: 1 1 0;
    box-sizing: border-box;
    width: 0 !important;
    min-width: 0;
    max-width: none !important;
    height: 40px;
    margin: 0 !important;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 4px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay #ragicSearch,
html.mobile-home-mode .mobileCanvasSearchOverlay #ragicSearch,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchClose,
html.mobile-home-mode .mobileCanvasSearchClose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    color: #333;
    background: transparent;
    border: 0;
    border-radius: 22px;
    box-shadow: none;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay #ragicSearch:focus-visible,
html.mobile-home-mode .mobileCanvasSearchOverlay #ragicSearch:focus-visible,
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchClose:focus-visible,
html.mobile-home-mode .mobileCanvasSearchClose:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchOverlay #ragicSearch > div,
html.mobile-home-mode .mobileCanvasSearchOverlay #ragicSearch > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileCanvasSearchClose,
html.mobile-home-mode .mobileCanvasSearchClose {
    font-size: 26px;
}

/* The suggestion popup (.searchDropSelector, body-level absolute with inline left / top /
   min-width / max-height from renderOptions()) pinned under the open bar, full width, wrapping,
   scrolling. Closing the overlay hides the popup again (mobileCanvas.js). */
html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector {
    position: fixed !important;
    z-index: 1100;
    top: calc(56px + var(--mobile-canvas-safe-top)) !important;
    right: max(0px, var(--mobile-canvas-safe-right)) !important;
    left: max(0px, var(--mobile-canvas-safe-left)) !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100vw;
    max-height: calc(100dvh - 56px - var(--mobile-canvas-safe-top) - max(16px, var(--mobile-canvas-safe-bottom))) !important;
    overflow: auto;
    overscroll-behavior: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector > .searchDropdiv,
html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector > .searchDropdivSelected,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector > .searchDropdiv,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector > .searchDropdivSelected {
    box-sizing: border-box;
    min-height: 48px;
    padding: 12px 16px;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Matched records arrive as one desktop sentence. Keep that sentence intact on desktop, while
   mobile gives its icon a stable column and lets the text wrap with a readable hanging indent. */
html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector > div > .glassIconSpan,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector > div > .glassIconSpan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    margin-right: 10px;
    padding-top: 2px;
    vertical-align: top;
}

html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector > div > .searchDropResultText,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector > div > .searchDropResultText {
    display: inline-block;
    width: calc(100% - 32px);
    min-width: 0;
    overflow: hidden;
    color: #444444;
    font-size: 14px;
    line-height: 1.45;
    vertical-align: top;
    overflow-wrap: anywhere;
}

html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector .searchDropResultText > .titleSpan,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector .searchDropResultText > .titleSpan {
    color: #222222;
    font-size: 16px;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode).mobile-canvas-search-open .searchDropSelector .searchDropResultText > .sheetNameSpan,
html.mobile-home-mode.mobile-canvas-search-open .searchDropSelector .searchDropResultText > .sheetNameSpan {
    color: #888888;
}

/* Splash progress (v5MiscFloat.jsp #ragicload): the track is a 500px Tailwind-sized div wrapping
   #loadingProgress, wider than a phone, so its red bar ran edge to edge. Both pre-paint classes
   (the canvas boot cover and the home mode) cap it at the 16px screen-edge margin and clip the
   bar, whose width updateLoadingProgress() still drives in px up to 498. */
html.mobile-canvas-booting #ragicload .custableSplashSection.tw-w-\[500px\],
html.mobile-home-mode #ragicload .custableSplashSection.tw-w-\[500px\],
html.mobile-learning-mode #ragicload .custableSplashSection.tw-w-\[500px\] {
    box-sizing: border-box;
    /* env() directly: the safe-area tokens are not defined on the pre-paint booting root. */
    max-width: calc(100vw - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

/* The listing action dock keeps the desktop rightWin renderer and all of its existing action
   handlers, but its 460px fixed geometry is wider than a phone. Own that dock as a full-width
   bottom sheet in active mobile listing mode, matching the record dock's responsive frame. */
html.mobile-sheet-mode:not(.mobile-record-mode) #dockBarRight {
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: calc(48px + var(--mobile-canvas-safe-bottom));
    padding-right: var(--mobile-canvas-safe-right);
    padding-bottom: var(--mobile-canvas-safe-bottom);
    padding-left: var(--mobile-canvas-safe-left);
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #dockBarRight .blackbar {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    border-radius: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #dockBarRight .dockBarRightTable {
    width: 100%;
    height: 48px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #dockBarRight .dockWinRightTableTD {
    box-sizing: border-box;
    min-width: 48px;
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #listingPageDockToggleButton {
    z-index: 110;
    right: max(12px, var(--mobile-canvas-safe-right)) !important;
    bottom: max(12px, var(--mobile-canvas-safe-bottom)) !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #dockWinRight {
    right: var(--mobile-canvas-safe-right);
    bottom: calc(48px + var(--mobile-canvas-safe-bottom));
    left: var(--mobile-canvas-safe-left);
    box-sizing: border-box;
    width: auto;
    max-width: none;
    max-height: min(65dvh, calc(100dvh - 60px - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom) - 64px));
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonWin,
html.mobile-sheet-mode:not(.mobile-record-mode) #wfWin,
html.mobile-sheet-mode:not(.mobile-record-mode) #paymentWin,
html.mobile-sheet-mode:not(.mobile-record-mode) #partnerInfoWin,
html.mobile-sheet-mode:not(.mobile-record-mode) #formSubmissionReminderWin {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonWin .rightWinHeader,
html.mobile-sheet-mode:not(.mobile-record-mode) #wfWin .rightWinHeader,
html.mobile-sheet-mode:not(.mobile-record-mode) #paymentWin .rightWinHeader,
html.mobile-sheet-mode:not(.mobile-record-mode) #partnerInfoWin .rightWinHeader,
html.mobile-sheet-mode:not(.mobile-record-mode) #formSubmissionReminderWin .rightWinHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    cursor: pointer;
    background: #f5f5f5;
    border: 1px solid #bbb;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 -2px 10px rgb(0 0 0 / 12%);
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonWin .rightWinHeader::after,
html.mobile-sheet-mode:not(.mobile-record-mode) #wfWin .rightWinHeader::after,
html.mobile-sheet-mode:not(.mobile-record-mode) #paymentWin .rightWinHeader::after,
html.mobile-sheet-mode:not(.mobile-record-mode) #partnerInfoWin .rightWinHeader::after,
html.mobile-sheet-mode:not(.mobile-record-mode) #formSubmissionReminderWin .rightWinHeader::after {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #555;
    content: "\00D7";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonWin .rightWinHeaderText,
html.mobile-sheet-mode:not(.mobile-record-mode) #wfWin .rightWinHeaderText,
html.mobile-sheet-mode:not(.mobile-record-mode) #paymentWin .rightWinHeaderText,
html.mobile-sheet-mode:not(.mobile-record-mode) #partnerInfoWin .rightWinHeaderText,
html.mobile-sheet-mode:not(.mobile-record-mode) #formSubmissionReminderWin .rightWinHeaderText {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonMain.dockWinContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #wfMain.dockWinContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #paymentMain.dockWinContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #partnerInfos.dockWinContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #formSubmissionReminderMain.dockWinContent {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: min(55dvh, calc(100dvh - 60px - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom) - 108px)) !important;
    min-height: 44px;
    padding: 10px 14px 12px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonMain > div {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #actionButtonMain .topButtonWhole {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 4px 0;
    padding: 10px 12px !important;
    overflow-wrap: anywhere;
    line-height: 1.3;
    text-align: center;
    white-space: normal !important;
}

html.mobile-record-mode body {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/* The address picker keeps its legacy handlers; only the active record shell owns this layout. */
html.mobile-record-mode #floatingGoogleMap {
    position: fixed;
    box-sizing: border-box;
    top: calc(var(--map-picker-top, 0px) + 16px + var(--mobile-canvas-safe-top)) !important;
    left: calc(var(--map-picker-left, 0px) + 16px + var(--mobile-canvas-safe-left)) !important;
    width: calc(var(--map-picker-width, 100vw) - 32px - var(--mobile-canvas-safe-left) - var(--mobile-canvas-safe-right));
    min-width: 0;
    max-width: 652px;
    max-height: calc(var(--map-picker-height, 100vh) - 32px - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom));
    overflow: auto;
    overscroll-behavior: contain;
}

html.mobile-record-mode #floatingGoogleMap .floatingWinHeader {
    float: none;
    position: sticky;
    top: 0;
    z-index: 4;
    min-height: 44px;
    padding: 0 0 0 16px;
}

html.mobile-record-mode #floatingGoogleMapCloseIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
}

html.mobile-record-mode #floatingGoogleMapOuterContent {
    width: 100%;
    min-width: 0;
    max-height: none;
    padding: 16px;
    overflow: visible;
}

html.mobile-record-mode #mapValueRadioBlock {
    flex-wrap: wrap;
}

html.mobile-record-mode #mapValueRadioBlock .mapValueOption {
    min-height: 44px;
    align-items: center;
}

html.mobile-record-mode #googleAutoCompleteDiv {
    display: flex;
    align-items: center;
    gap: 8px;
}

html.mobile-record-mode #googleAutoCompleteDiv > div:first-child {
    flex: 1;
    min-width: 0;
}

html.mobile-record-mode #googleAutoComplete {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-record-mode #getAddressButton {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 5px 16px !important;
}

html.mobile-record-mode #googleMapDiv {
    width: 100% !important;
    height: max(120px, min(400px, calc(var(--map-picker-height, 100vh) - 240px))) !important;
}

html.mobile-record-mode #v6NUIHeader {
    display: none !important;
}

html.mobile-record-mode .nui.listingPage {
    display: none !important;
}

html.mobile-record-mode #v5Body,
html.mobile-record-mode #v5BodyTable,
html.mobile-record-mode #v5BodyRow,
html.mobile-record-mode #v5Content,
html.mobile-record-mode #v5NUIContainer,
html.mobile-record-mode #nui_outer {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
}

html.mobile-record-mode #nui_outer {
    float: none;
    position: relative;
    width: 100% !important;
    height: 100dvh !important;
    overflow: hidden !important;
}

html.mobile-record-mode.mobile-canvas-overflow-left #nui_outer::before,
html.mobile-record-mode.mobile-canvas-overflow-right #nui_outer::after {
    position: absolute;
    z-index: 205;
    top: calc(var(--mobile-canvas-shell-height) + var(--mobile-canvas-safe-top));
    bottom: 0;
    width: 12px;
    content: "";
    pointer-events: none;
}

html.mobile-record-mode.mobile-canvas-overflow-left #nui_outer::before {
    left: 0;
    background: linear-gradient(to right, rgb(0 0 0 / 18%), transparent);
}

html.mobile-record-mode.mobile-canvas-overflow-right #nui_outer::after {
    right: 0;
    background: linear-gradient(to left, rgb(0 0 0 / 18%), transparent);
}

html.mobile-record-mode .nui.formPage {
    position: relative;
    top: calc(var(--mobile-canvas-shell-height) + var(--mobile-canvas-safe-top));
    box-sizing: border-box;
    width: 100vw !important;
    max-width: 100vw;
    height: calc(100dvh - var(--mobile-canvas-shell-height) - var(--mobile-canvas-safe-top)) !important;
    padding-bottom: var(--mobile-canvas-scroll-padding);
    overflow: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-record-mode .mobileCanvasRecordShell {
    position: fixed;
    z-index: 210;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    padding: var(--mobile-canvas-safe-top) var(--mobile-canvas-safe-right) 0 var(--mobile-canvas-safe-left);
    color: #333;
    background: #fff;
    border-bottom: 1px solid #DBDBDB;
    box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
}

/* The legacy record dock is 460px wide. In mobile record mode, own it as a
 * viewport-width bottom sheet while leaving the inactive desktop owner intact. */
html.mobile-record-mode #dockBarRight {
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: calc(48px + var(--mobile-canvas-safe-bottom));
    padding-right: var(--mobile-canvas-safe-right);
    padding-bottom: var(--mobile-canvas-safe-bottom);
    padding-left: var(--mobile-canvas-safe-left);
    overflow: hidden;
}

html.mobile-record-mode #dockBarRight .blackbar {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    border-radius: 0;
}

html.mobile-record-mode #dockBarRight .dockBarRightTable {
    height: 48px;
}

html.mobile-record-mode #dockBarRight .dockWinRightTableTD {
    box-sizing: border-box;
    min-width: 48px;
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
    text-align: center;
}

html.mobile-record-mode #dockWinRight {
    right: var(--mobile-canvas-safe-right);
    bottom: calc(48px + var(--mobile-canvas-safe-bottom));
    left: var(--mobile-canvas-safe-left);
    box-sizing: border-box;
    width: auto;
    max-width: none;
    max-height: min(65dvh, calc(100dvh - var(--mobile-canvas-shell-height) - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom) - 64px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-record-mode #infoWin {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

html.mobile-record-mode #infoWin .rightWinHeader {
    display: flex;
    float: none;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    cursor: pointer;
    background: #F5F5F5;
    border: 1px solid #BBB;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 -2px 10px rgb(0 0 0 / 12%);
}

html.mobile-record-mode #infoWin .rightWinHeader::after {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #555;
    content: "\00D7";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}

html.mobile-record-mode #infoWin .rightWinHeaderText {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-record-mode #infoMain.dockWinContent {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: min(55dvh, calc(100dvh - var(--mobile-canvas-shell-height) - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom) - 108px)) !important;
    min-height: 90px;
    padding: 12px 14px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-record-mode #infoMain .historyRecord {
    padding: 6px 4px;
    overflow-wrap: anywhere;
}

html.mobile-record-mode #infoMain .infoFeature {
    min-height: 44px;
    margin: 2px 0;
}

html.mobile-record-mode #infoMain .infoFeature .infoBody {
    box-sizing: border-box;
    min-height: 44px;
    padding: 11px 6px;
}

html.mobile-record-mode #infoMain #infoHistoryFilter table,
html.mobile-record-mode #infoMain .infoTable {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

html.mobile-record-mode #infoMain #infoHistoryFilter input,
html.mobile-record-mode #infoMain #infoHistoryFilter select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

html.mobile-record-mode #infoMain .infoTable th {
    width: 38%;
    padding-right: 10px;
    vertical-align: top;
    white-space: normal;
}

html.mobile-record-mode #infoMain .infoTable td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* The record dock can show actions, comments, and email at the same time. Let the dock own the one
   vertical scroll area, then remove the desktop panels' fixed 418px / 390px widths and floats. */
html.mobile-record-mode #actionButtonWin,
html.mobile-record-mode #commentWin,
html.mobile-record-mode #emailWin,
html.mobile-record-mode #wfWin,
html.mobile-record-mode #paymentWin,
html.mobile-record-mode #partnerInfoWin,
html.mobile-record-mode #formSubmissionReminderWin {
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

html.mobile-record-mode #actionButtonWin .rightWinHeader,
html.mobile-record-mode #commentWin .rightWinHeader,
html.mobile-record-mode #emailWin .rightWinHeader,
html.mobile-record-mode #wfWin .rightWinHeader,
html.mobile-record-mode #paymentWin .rightWinHeader,
html.mobile-record-mode #partnerInfoWin .rightWinHeader,
html.mobile-record-mode #formSubmissionReminderWin .rightWinHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    cursor: pointer;
    background: #E7E7E7;
    border: 1px solid #BBB;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 -2px 10px rgb(0 0 0 / 12%);
}

html.mobile-record-mode #actionButtonWin .rightWinHeader::after,
html.mobile-record-mode #commentWin .rightWinHeader::after,
html.mobile-record-mode #emailWin .rightWinHeader::after,
html.mobile-record-mode #wfWin .rightWinHeader::after,
html.mobile-record-mode #paymentWin .rightWinHeader::after,
html.mobile-record-mode #partnerInfoWin .rightWinHeader::after,
html.mobile-record-mode #formSubmissionReminderWin .rightWinHeader::after {
    flex: 0 0 auto;
    margin-left: 12px;
    color: #555;
    content: "\00D7";
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}

html.mobile-record-mode #actionButtonWin .rightWinHeaderText,
html.mobile-record-mode #commentWin .rightWinHeaderText,
html.mobile-record-mode #emailWin .rightWinHeaderText,
html.mobile-record-mode #wfWin .rightWinHeaderText,
html.mobile-record-mode #paymentWin .rightWinHeaderText,
html.mobile-record-mode #partnerInfoWin .rightWinHeaderText,
html.mobile-record-mode #formSubmissionReminderWin .rightWinHeaderText {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-record-mode #actionButtonMain.dockWinContent,
html.mobile-record-mode #comments.dockWinContent,
html.mobile-record-mode #emailEditor.dockWinContent,
html.mobile-record-mode #wfMain.dockWinContent,
html.mobile-record-mode #paymentMain.dockWinContent,
html.mobile-record-mode #partnerInfos.dockWinContent,
html.mobile-record-mode #formSubmissionReminderMain.dockWinContent {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: none !important;
    padding: 10px 14px 12px;
    overflow: visible;
    border-radius: 0;
    box-shadow: none;
}

html.mobile-record-mode #wfMain .approval-step-info-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
}

html.mobile-record-mode #wfMain .signerTd {
    grid-column: 1 / -1;
    min-width: 0;
    overflow-wrap: anywhere;
}

html.mobile-record-mode #wfMain .wfStatusTd {
    min-width: 0;
    justify-content: flex-start;
}

html.mobile-record-mode #wfMain #approvalForm {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
}

html.mobile-record-mode #wfMain #approvalForm input[type="button"] {
    min-height: 44px;
    max-width: 100%;
}

html.mobile-record-mode #wfMain .approvalPlus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

html.mobile-record-mode #emailEditor .emailConversationComposer,
html.mobile-record-mode #emailConversationForm {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}

html.mobile-record-mode #emailEditor .emailConversationTemplates,
html.mobile-record-mode #emailConversationForm input[type="text"],
html.mobile-record-mode #emailTemplateContent {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
}

html.mobile-record-mode #emailConversationForm input[type="text"],
html.mobile-record-mode #emailTemplateContent {
    font-size: 16px;
}

html.mobile-record-mode #emailTemplateContent {
    resize: vertical;
}

html.mobile-record-mode #tocc,
html.mobile-record-mode #toccinput,
html.mobile-record-mode #emailAttachDiv,
html.mobile-record-mode #emailAttachFileDiv {
    max-width: 100%;
    overflow-wrap: anywhere;
}

html.mobile-record-mode #emailEditor .emailConversationActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

html.mobile-record-mode #emailEditor .emailConversationActions::after {
    display: none;
}

html.mobile-record-mode #bEmailSend,
html.mobile-record-mode #bEmailSendOptions,
html.mobile-record-mode #emailEditor .emailConversationAttachAction {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-record-mode #bEmailSend {
    padding: 10px 24px !important;
}

html.mobile-record-mode #bEmailSendOptions {
    height: 44px !important;
    padding: 10px 12px !important;
}

html.mobile-record-mode #emailEditor .emailConversationAttachAction {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px 0;
}

html.mobile-record-mode #emailSendOptionsDrop .dropdownOptionv6 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-record-mode #actionButtonMain > div {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
}

html.mobile-record-mode #actionButtonMain .topButtonWhole {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 4px 0;
    padding: 10px 12px !important;
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    white-space: normal !important;
}

html.mobile-record-mode #newCommentForm,
html.mobile-record-mode #commentTextarea {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
}

html.mobile-record-mode #commentTextarea {
    height: auto;
    min-height: 48px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.4;
    resize: vertical;
}

html.mobile-record-mode #commentSubmitDiv {
    flex-wrap: wrap;
    align-items: center !important;
    gap: 6px;
}

html.mobile-record-mode #commentSubmit,
html.mobile-record-mode #commentAttachLink,
html.mobile-record-mode #removeCommentAttachButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-record-mode #commentAttachLink {
    float: none !important;
    margin-left: 0 !important;
    padding: 8px 10px !important;
}

html.mobile-record-mode #comments .commentsEnlargeIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    width: 44px;
    height: 44px;
    margin: 2px 0 2px auto;
}

html.mobile-record-mode #comments .commentItem {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    float: none;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0;
    column-gap: 10px;
}

html.mobile-record-mode #comments .commentItem > .avatar {
    float: none;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin: 0;
}

html.mobile-record-mode #comments .commentBubbleWrap {
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    margin: 0;
}

html.mobile-record-mode #comments .commentBubble {
    position: relative;
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 10px 44px 10px 12px;
    border-radius: 12px;
}

html.mobile-record-mode #comments .commentText {
    float: none;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 15px;
    line-height: 1.5;
    word-break: break-word;
}

html.mobile-record-mode #comments .commentText img {
    max-width: 100%;
    height: auto;
}

html.mobile-record-mode #comments .commentText pre,
html.mobile-record-mode #comments .commentText .markdownTable {
    max-width: 100%;
    overflow-x: auto;
}

html.mobile-record-mode #comments .commentDate {
    clear: none;
    margin: 4px 4px 0;
    font-size: 13px;
}

html.mobile-record-mode #comments .commentDelete {
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

html.mobile-record-mode #comments .commentDelete a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

html.mobile-record-mode #comments .commentAttachment {
    float: none;
    max-width: 100%;
    overflow-wrap: anywhere;
}

html.mobile-record-mode .mobileCanvasRecordPrimary {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 52px;
    gap: 6px;
    padding: 4px 8px;
}

html.mobile-record-mode .mobileCanvasRecordNavigation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 52px;
    gap: 6px;
    padding: 4px 8px;
    border-top: 1px solid #F1F1F1;
}

html.mobile-record-mode .mobileCanvasSectionSelector {
    box-sizing: border-box;
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 10px;
    font: inherit;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
}

html.mobile-record-mode .mobileCanvasRecordIdentityGroup {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 4px;
    flex: 1 1 auto;
}

html.mobile-record-mode .mobileCanvasRecordIdentity,
html.mobile-record-mode .mobileCanvasRecordStatus {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-record-mode .mobileCanvasRecordIdentity {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

html.mobile-record-mode .mobileCanvasRecordStatus {
    min-height: 16px;
    color: #CC0000;
    font-size: 12px;
    line-height: 1.25;
}

html.mobile-record-mode .mobileCanvasRecordStatus:empty {
    min-height: 0;
}

html.mobile-record-mode .mobileCanvasButton {
    box-sizing: border-box;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    color: #333;
    font: 16px/1.2 Arial, sans-serif;
    white-space: nowrap;
    background: #F7F7F7;
    border: 1px solid #CCC;
    border-radius: 4px;
}

html.mobile-record-mode .mobileCanvasButton:focus-visible {
    outline: 3px solid #08C;
    outline-offset: 2px;
}

html.mobile-record-mode .mobileCanvasButton:disabled {
    opacity: 0.45;
}

html.mobile-record-mode .mobileCanvasModal {
    position: fixed;
    z-index: 240;
    inset: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: max(12px, var(--mobile-canvas-safe-top)) max(12px, var(--mobile-canvas-safe-right)) max(12px, var(--mobile-canvas-safe-bottom)) max(12px, var(--mobile-canvas-safe-left));
    color: #333;
    background: #FFF;
}

html.mobile-record-mode .mobileCanvasModalHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

html.mobile-record-mode .mobileCanvasModalHeader h2 {
    margin: 0;
    font-size: 20px;
}

html.mobile-record-mode .mobileCanvasFindFilter {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    font-size: 16px;
}

html.mobile-record-mode .mobileCanvasFindResults {
    min-height: 0;
    overflow: auto;
}

html.mobile-record-mode .mobileCanvasFindResult {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    color: #333;
    font: inherit;
    text-align: left;
    background: #FFF;
    border: 0;
    border-bottom: 1px solid #DDD;
}

html.mobile-record-mode .mobileCanvasOverviewSurface {
    position: absolute;
    z-index: 220;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}

html.mobile-record-mode .mobileCanvasOverviewShield {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    touch-action: pan-x pan-y;
    background: transparent;
}

/* Shown when the field's editor lives outside the card (linked-field picker, date picker,
   uploader): the current value plus the control that opens that editor, so the card is never
   empty and Next/Prev stay reachable. */
html.mobile-record-mode .mobileCanvasValueFallback {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    gap: 8px;
    padding: 4px 0;
}

html.mobile-record-mode .mobileCanvasValueFallback[hidden] {
    display: none !important;
}

html.mobile-record-mode .mobileCanvasValueFallbackValue {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-record-mode .mobileCanvasValueFallbackValue.mobileCanvasValueFallbackEmpty {
    color: #888;
}

html.mobile-record-mode .mobileCanvasValueFallbackOpen {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 6px;
}

html.mobile-record-mode .mobileCanvasValueFallback.mobileCanvasUploadFallback {
    align-items: stretch;
    flex-direction: column;
}

html.mobile-record-mode .mobileCanvasUploadValueList {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    max-height: min(32dvh, 240px);
    gap: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    text-overflow: clip;
    white-space: normal;
}

html.mobile-record-mode .mobileCanvasUploadThumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 88px;
    min-height: 88px;
    padding: 4px;
    background: #F7F7F7;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
}

html.mobile-record-mode .mobileCanvasUploadThumbnail:focus-visible,
html.mobile-record-mode .mobileCanvasUploadFileLink:focus-visible {
    outline: 3px solid #08C;
    outline-offset: 2px;
}

html.mobile-record-mode .mobileCanvasUploadThumbnailImage {
    display: block;
    width: auto;
    max-width: min(40vw, 160px);
    height: auto;
    max-height: 96px;
    object-fit: contain;
}

html.mobile-record-mode .mobileCanvasUploadFileLink {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    min-width: 0;
    gap: 10px;
    padding: 8px 10px;
    color: #07C;
    background: #F7F7F7;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    text-decoration: none;
}

html.mobile-record-mode .mobileCanvasUploadFileIcon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

html.mobile-record-mode .mobileCanvasUploadFileName {
    min-width: 0;
    overflow-wrap: anywhere;
}

html.mobile-record-mode .mobileCanvasUploadFallback .mobileCanvasValueFallbackOpen {
    align-self: flex-start;
    min-height: 44px;
}

html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList {
    position: static !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    max-height: min(40dvh, 320px);
    overflow: auto;
}

html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList .selector,
html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList table {
    width: 100% !important;
}

html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList td,
html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList .dropdownOptionv6,
html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList .selItemOff,
html.mobile-record-mode .mobileCanvasEditorSlot .mobileCanvasDockedList .selItemOn {
    box-sizing: border-box;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}

html.mobile-record-mode .datePickerRagic.mobileCanvasDatePicker {
    box-sizing: border-box;
    overflow: auto;
}

html.mobile-record-mode .datePickerRagic.mobileCanvasDatePicker .calTable td,
html.mobile-record-mode .datePickerRagic.mobileCanvasDatePicker .calTodayButton,
html.mobile-record-mode .datePickerRagic.mobileCanvasDatePicker .ymheaderTable td {
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    height: 44px;
}

html.mobile-record-mode .mobileCanvasRowActions {
    display: flex;
    gap: 8px;
    padding-top: 8px;
}

html.mobile-record-mode .mobileCanvasBack {
    width: 44px;
    padding: 0;
    font-size: 30px;
    line-height: 1;
}

html.mobile-record-mode .mobileCanvasFindButton,
html.mobile-record-mode .mobileCanvasOverviewButton {
    width: 100%;
    min-width: 44px;
}

html.mobile-record-mode .mobileCanvasOverviewClose {
    justify-self: end;
    width: auto;
    max-width: 120px;
}

html.mobile-record-mode .mobileCanvasValidationAction {
    grid-column: 1 / span 2;
    width: 100%;
}

/* Tools and +New mirror the hidden desktop toolbar buttons as icon-only 44px controls. */
html.mobile-record-mode .mobileCanvasTools,
html.mobile-record-mode .mobileCanvasNewData {
    flex: 0 0 auto;
    width: 44px;
    padding: 0;
    font-size: 18px;
}

html.mobile-record-mode .mobileCanvasNewData {
    color: #fff;
    background: #DD4B36;
    border-color: #CC0000;
}

/* The desktop Tools dropdown opened from the record shell: same compact, fixed, right-inset popup
   as the listing surface (see the :not(.mobile-record-mode) #moreActionsDrop rules), placed above
   the fixed record shell so dropWin()'s calculated top is honored. */
html.mobile-record-mode #moreActionsDrop {
    position: fixed !important;
    z-index: 215;
    right: max(8px, var(--mobile-canvas-safe-right)) !important;
    bottom: auto !important;
    left: auto !important;
    box-sizing: border-box;
    width: min(320px, calc(100vw - max(8px, var(--mobile-canvas-safe-left)) - max(8px, var(--mobile-canvas-safe-right)))) !important;
    min-width: 0 !important;
    max-width: calc(100vw - max(8px, var(--mobile-canvas-safe-left)) - max(8px, var(--mobile-canvas-safe-right))) !important;
    height: auto !important;
    max-height: calc(100dvh - 72px - max(8px, var(--mobile-canvas-safe-bottom))) !important;
    margin-top: 4px;
    padding-bottom: 8px;
    overflow: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 4px;
}

html.mobile-record-mode #moreActionsDrop .toolsDivSection {
    float: none;
    box-sizing: border-box;
    width: auto;
    margin: 12px 12px 16px;
}

html.mobile-record-mode #moreActionsDrop .dropdownOptionv6 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    gap: 8px;
}

/* Listing drawer menu-set switch: same skin as the account-home drawer's (mobileHome.css). */
html.mobile-sheet-mode:not(.mobile-record-mode) .mobileHomeMenuSetSection {
    padding: 12px 16px;
    background: #eceff2;
    border-bottom: 1px solid #ddd;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileHomeMenuSetLabel {
    display: block;
    margin: 0 0 6px 0;
    color: #777;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .mobileHomeMenuSetSelect {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 0 10px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

/* Cancel is the secondary action next to Save: same size, default (grey) button skin. */
html.mobile-record-mode .mobileCanvasCancel {
    flex: 0 0 auto;
}

html.mobile-record-mode .mobileCanvasSave {
    flex: 0 0 auto;
    color: #fff;
    background: #08C;
    border-color: #07C;
}

html.mobile-record-mode .mobileCanvasFieldCard {
    position: fixed;
    z-index: 205;
    box-sizing: border-box;
    right: 0;
    bottom: var(--mobile-canvas-keyboard-inset);
    left: 0;
    min-height: 150px;
    padding: 10px max(12px, var(--mobile-canvas-safe-right)) max(12px, var(--mobile-canvas-safe-bottom)) max(12px, var(--mobile-canvas-safe-left));
    color: #333;
    background: #fff;
    border-top: 1px solid #CCC;
    box-shadow: 0 -2px 12px rgb(0 0 0 / 16%);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        opacity 110ms ease-out,
        transform 140ms cubic-bezier(0.22, 1, 0.36, 1),
        display 140ms allow-discrete;
}

html.mobile-record-mode .mobileCanvasFieldCard[hidden] {
    display: none !important;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}

@starting-style {
    html.mobile-record-mode .mobileCanvasFieldCard:not([hidden]) {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

html.mobile-record-mode .mobileCanvasFieldCardTop {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
}

html.mobile-record-mode .mobileCanvasFieldContext {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    color: #555;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-record-mode .mobileCanvasFieldActions {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

html.mobile-record-mode .mobileCanvasFieldActions .mobileCanvasButton {
    min-width: 44px;
    padding: 0 8px;
    font-size: 14px;
}

html.mobile-record-mode .mobileCanvasFieldLabel {
    margin-top: 6px;
    font-size: 15px;
    font-weight: 600;
}

html.mobile-record-mode .mobileCanvasFieldError {
    min-height: 18px;
    color: #CC0000;
    font-size: 12px;
}

html.mobile-record-mode .mobileCanvasEditorSlot {
    min-height: 48px;
    margin-top: 8px;
}

html.mobile-record-mode .mobileCanvasVisuallyHidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html.mobile-record-mode input,
html.mobile-record-mode textarea,
html.mobile-record-mode select {
    font-size: 16px !important;
}

html.mobile-record-mode #hin.mobileDocked {
    position: static !important;
    z-index: 70 !important;
    display: block !important;
    box-sizing: border-box !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    background: #fff !important;
    border: 1px solid #888 !important;
    border-radius: 4px !important;
}

html.mobile-record-mode #hin.mobileDocked[enterkeyhint="next"] {
    overflow-y: hidden !important;
}

/* Personal settings keeps one server fragment for every surface. Its desktop contract gives each
   tab panel a 435px minimum, 30px inset and table-based label column; on a phone that recreates a
   desktop form inside the already-responsive floating window. The launcher class below is added
   only after the personal-settings response replaces the loading dialog, and floatWin() clears it
   before opening any later dialog. */
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #floatingWinOuterContent,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #floatingWinOuterContent,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #floatingWinOuterContent {
    padding: 0;
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #floatingWinContent,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #floatingWinContent,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #floatingWinContent {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsContent,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsContent,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsContent {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: calc(100dvh - 96px - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom));
    max-height: 760px;
    min-width: 0;
    min-height: 0;
    background: #ffffff;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .userpref_tab,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .userpref_tab,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .userpref_tab {
    display: flex;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 8px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    list-style: none;
    white-space: nowrap;
    background: #f3f3f3;
    border-bottom: 1px solid #dddddd;
    overscroll-behavior-x: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .userpref_tab > li,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .userpref_tab > li,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .userpref_tab > li {
    flex: 1 0 auto;
    margin: 0;
    padding: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .userpref_tablinks,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .userpref_tablinks,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .userpref_tablinks {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0 14px;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .userpref_tablinksOn,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .userpref_tablinksOn,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .userpref_tablinksOn {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 3px solid #4986ec;
    border-radius: 0;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .userpref_tabcontent,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .userpref_tabcontent,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .userpref_tabcontent {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-width: none !important;
    max-height: none !important;
    padding: 16px;
    overflow: auto !important;
    border: 0;
    border-radius: 0;
    overscroll-behavior: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #changeInfoForm > table,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    box-sizing: border-box;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #eeeeee;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr > td,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr > td,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 4px 0;
    font-size: 16px;
    line-height: 1.4;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info .personal_info_header,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info .personal_info_header,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info .personal_info_header {
    max-width: none !important;
    color: #555555;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info .personal_info_header > div,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info .personal_info_header > div,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info .personal_info_header > div,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info_2fa_Header,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info_2fa_Header,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info_2fa_Header {
    justify-content: flex-start !important;
    text-align: left;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info input[type="text"],
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info input[type="text"],
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #userpref_picture,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #userpref_picture,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #userpref_picture {
    display: block;
    margin: 4px 0 8px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info_Image,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info_Image,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info_Image,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info_API_Content,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info_API_Content,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info_API_Content {
    align-items: flex-start;
    width: 100%;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info_Image > a,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info_Image > a,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info_Image > a,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_info_API_Content > a,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_info_API_Content > a,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_info_API_Content > a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    line-height: 1.35;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr > td:last-child > a,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr > td:last-child > a,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm > table > tbody > tr > td:last-child > a,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #changeInfoForm .fakeLink,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm .fakeLink,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #changeInfoForm .fakeLink {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #deputySelectorContainer .barSelect,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #deputySelectorContainer .barSelect,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #deputySelectorContainer .barSelect {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #userpref_sign_block,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #userpref_sign_block,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #userpref_sign_block {
    min-height: 44px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #userpref_sign_block i,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #userpref_sign_block i,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #userpref_sign_block i,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #userpref_sign_block #userpref_sign[src] + i,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #userpref_sign_block #userpref_sign[src] + i,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #userpref_sign_block #userpref_sign[src] + i {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsActions,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsActions,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsActions {
    margin: 20px 0 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsActions .topButtonWhole,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsActions .topButtonWhole,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsActions .topButtonWhole {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 16px !important;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center {
    flex-wrap: nowrap;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 0 !important;
    padding: 12px 0;
    gap: 8px;
    border-bottom: 1px solid #eeeeee;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > input[type="checkbox"],
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > input[type="checkbox"],
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > input[type="checkbox"] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > label,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > label,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > label {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > .tooltipQ,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > .tooltipQ,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_preferences .flex-center > .tooltipQ {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: -11px 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsRowsPerPage,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsRowsPerPage,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsRowsPerPage,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsDensity,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsDensity,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsDensity {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsRowsPerPage #userpref_rowsPerPage,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsRowsPerPage #userpref_rowsPerPage,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsRowsPerPage #userpref_rowsPerPage {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsDensity #userpref_fontSizeRate,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsDensity #userpref_fontSizeRate,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsDensity #userpref_fontSizeRate {
    width: 100%;
    min-height: 44px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting {
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDiv,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDiv,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDiv {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 0 20px;
    white-space: normal;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .personalSetting_icon,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .personalSetting_icon,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .personalSetting_icon {
    display: none;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageHeadline,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageHeadline,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageHeadline {
    padding: 0 0 10px;
    font-size: 17px;
    white-space: normal;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDetailDiv,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDetailDiv,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDetailDiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDetailDiv > table,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDetailDiv > table,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenupageDetailDiv > table {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting #notifyTable,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting #notifyTable,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting #notifyTable,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .triggerDispTable,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .triggerDispTable,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .triggerDispTable {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    margin-left: 0 !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenuPageAnchor,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenuPageAnchor,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_notificationSetting .v5MenuPageAnchor {
    min-width: 160px;
    white-space: normal;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_changePwd table,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd table,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd table,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_changePwd tbody,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd tbody,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd tbody,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_changePwd tr,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd tr,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd tr,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_changePwd td,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd td,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_changePwd input[type="password"],
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd input[type="password"],
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd input[type="password"] {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #personal_changePwd .topButtonWhole,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd .topButtonWhole,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #personal_changePwd .topButtonWhole,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin .personalSettingsSignatureSave,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin .personalSettingsSignatureSave,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin .personalSettingsSignatureSave {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 16px 0 0 !important;
    padding: 0 16px !important;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin.personalSettingsFloatingWin #sigcanvas,
html.mobile-home-mode #floatingWin.personalSettingsFloatingWin #sigcanvas,
html.mobile-record-mode #floatingWin.personalSettingsFloatingWin #sigcanvas {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 500px;
    height: auto !important;
    margin: 0 0 8px !important;
}

/* Standalone Tasks route. This server-rendered Tier-B module keeps the legacy task DOM and
   behavior, but receives its own phone class so none of these rules can affect the account-home
   widget or desktop task page. */
html.mobile-task-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
    --mobile-task-page-bg: #e8ebef;
    --mobile-task-card-bg: #fff;
    --mobile-task-header-bg: #f3f3f3;
    --mobile-task-border: #e2e2e2;
    --mobile-task-text: #333;
    --mobile-task-secondary: #767676;
}

html.mobile-task-mode body {
    min-width: 0;
    margin: 0;
    padding: 0 0 var(--mobile-canvas-safe-bottom);
    overflow-x: hidden;
    color: var(--mobile-task-text);
    background: var(--mobile-task-page-bg) !important;
}

html.mobile-task-mode.mobile-task-detail-open body {
    overflow: hidden;
}

html.mobile-task-mode #v5Header,
html.mobile-task-mode #v5SidebarTD,
html.mobile-task-mode #v5SidebarSep,
html.mobile-task-mode #collapseDiv,
html.mobile-task-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-task-mode #v5Body,
html.mobile-task-mode #v5BodyTable,
html.mobile-task-mode #v5BodyTable > tbody,
html.mobile-task-mode #v5BodyRow {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-task-mode #v5Content {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
}

html.mobile-task-mode .mobileTaskPage {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    background: var(--mobile-task-page-bg);
}

html.mobile-task-mode .mobileTaskHeader {
    position: sticky;
    z-index: 20;
    top: 0;
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(12px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 8px;
    background: #fff;
    border-bottom: 1px solid var(--mobile-task-border);
}

html.mobile-task-mode .mobileTaskBack {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    color: var(--mobile-task-text);
    border-radius: 6px;
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}

html.mobile-task-mode .mobileTaskBack:focus-visible,
html.mobile-task-mode .mobileTaskDetailBack:focus-visible,
html.mobile-task-mode .longTaskDiv:focus-visible {
    outline: 2px solid #08c;
    outline-offset: -2px;
}

html.mobile-task-mode .mobileTaskHeader h1 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-task-mode .mobileTaskLayout {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 12px max(12px, var(--mobile-canvas-safe-right)) 28px max(12px, var(--mobile-canvas-safe-left));
}

html.mobile-task-mode #taskPane1 {
    float: none !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    background: var(--mobile-task-card-bg);
    border: 1px solid var(--mobile-task-border);
    border-radius: 12px;
    box-shadow: none;
}

html.mobile-task-mode #taskLongNewTask {
    box-sizing: border-box;
    padding: 14px 16px 16px;
    background: var(--mobile-task-header-bg);
    border-bottom: 1px solid var(--mobile-task-border);
    box-shadow: none;
}

html.mobile-task-mode .taskLongHeaderTitle {
    margin: 0 0 12px !important;
    font-size: 18px !important;
    font-weight: 650;
}

html.mobile-task-mode .taskLongHeaderControls {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    font-size: 14px !important;
}

html.mobile-task-mode .taskLongFilterRow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    gap: 8px;
}

html.mobile-task-mode .taskLongFilterSelect {
    width: 100%;
    max-width: none;
    min-height: 44px;
    padding: 0 8px;
    font-size: 16px;
}

html.mobile-task-mode .taskLongCompletedFilter {
    display: flex;
    align-items: center;
    grid-column: 1 / -1;
    min-height: 44px;
    gap: 8px;
}

html.mobile-task-mode .taskLongCompletedFilter input,
html.mobile-task-mode .taskCompleteAllFilter input {
    width: 20px;
    height: 20px;
}

html.mobile-task-mode .taskLongSearchRow {
    width: 100%;
    max-width: none;
    margin-top: 8px !important;
    gap: 8px;
}

html.mobile-task-mode #searchTaskTitle {
    height: 44px !important;
    min-width: 0;
    padding: 0 12px !important;
    font-size: 16px !important;
}

html.mobile-task-mode #searchTaskTitleBtn,
html.mobile-task-mode .taskPageButton {
    width: 44px;
    min-width: 44px;
    height: 44px !important;
    min-height: 44px;
}

html.mobile-task-mode .taskCompleteAllFilter {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    gap: 8px;
}

html.mobile-task-mode .taskPageButtonGroup {
    min-height: 44px;
    margin-top: 8px !important;
}

html.mobile-task-mode #taskLongListDiv {
    margin: 0;
}

html.mobile-task-mode .mobileTaskEmpty {
    display: block !important;
    box-sizing: border-box;
    min-height: 96px;
    margin: 0;
    padding: 34px 20px;
    color: var(--mobile-task-secondary);
    font-size: 15px;
    line-height: 1.45;
    text-align: center;
}

html.mobile-task-mode .longTaskDiv {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    grid-template-areas: 'check content meta';
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 64px;
    margin: 0;
    padding: 8px 8px 8px 0;
    overflow: visible;
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

html.mobile-task-mode .longTaskDiv:last-of-type {
    border-bottom: 0;
}

html.mobile-task-mode .longTaskCheck {
    grid-area: check;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    font-size: 21px;
}

html.mobile-task-mode .longTaskCheck > i {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
}

html.mobile-task-mode .longTaskContainer {
    grid-area: content;
    display: flex;
    align-items: center;
    float: none;
    width: auto;
    min-width: 0;
}

html.mobile-task-mode .longTaskText {
    display: -webkit-box;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    overflow: hidden;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html.mobile-task-mode .longTaskLinkContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    max-width: none;
}

html.mobile-task-mode .taskExtLink {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0 !important;
}

html.mobile-task-mode .taskLongMeta {
    grid-area: meta;
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    min-width: 0;
    margin: 0 !important;
    gap: 4px;
}

html.mobile-task-mode .longTaskDueDate {
    max-width: 78px;
    margin: 0;
    overflow: hidden;
    color: var(--mobile-task-secondary);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-task-mode .RWDLongTaskDueDate {
    display: none !important;
}

html.mobile-task-mode .taskPaneSecondary {
    display: none;
}

html.mobile-task-mode.mobile-task-detail-open .taskPaneSecondary {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 100dvh;
    padding: 0 0 max(12px, var(--mobile-canvas-safe-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--mobile-task-page-bg);
    overscroll-behavior: contain;
}

html.mobile-task-mode .mobileTaskDetailBack {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(16px, var(--mobile-canvas-safe-right)) 0 max(16px, var(--mobile-canvas-safe-left));
    gap: 12px;
    color: var(--mobile-task-text);
    background: #fff;
    border: 0;
    border-bottom: 1px solid var(--mobile-task-border);
    border-radius: 0;
    font-size: 20px;
    font-weight: 650;
    text-align: left;
}

html.mobile-task-mode .mobileTaskDetailBack > i {
    flex: 0 0 28px;
    font-size: 25px;
}

html.mobile-task-mode #taskPane2 {
    position: relative;
    float: none;
    box-sizing: border-box;
    width: calc(100% - 24px) !important;
    min-height: 0;
    margin: 12px;
    overflow: hidden;
    background: var(--mobile-task-card-bg);
    border: 1px solid var(--mobile-task-border);
    border-radius: 12px;
    box-shadow: none;
    font-size: 15px;
}

html.mobile-task-mode #taskPane2 .task_topSection {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 56px;
    padding: 6px 16px;
    gap: 8px;
    background: var(--mobile-task-header-bg);
}

html.mobile-task-mode #taskPane2 .task_saveBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
}

html.mobile-task-mode #taskPane2 .task_createTask {
    display: flex;
    align-items: center;
    float: none;
    min-height: 44px;
    margin: 0;
}

html.mobile-task-mode #taskPane2 .task_container {
    float: none;
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
}

html.mobile-task-mode #taskPane2 #taskDetailTitle {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    height: auto;
    padding: 8px;
    font-size: 20px;
}

html.mobile-task-mode #taskPane2 .taskDetailDiv {
    float: none;
    clear: both;
    box-sizing: border-box;
    width: 100% !important;
    margin: 16px 0 0;
}

html.mobile-task-mode #taskPane2 .taskDetailHeading {
    float: none;
    margin: 0 0 6px;
}

html.mobile-task-mode #taskPane2 #taskDetailAsg,
html.mobile-task-mode #taskPane2 #taskDetailDueDateWF,
html.mobile-task-mode #taskPane2 #taskDetailURL,
html.mobile-task-mode #taskPane2 #taskDetailDesc {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin-left: 0;
    padding: 8px;
    font-size: 16px;
}

html.mobile-task-mode #taskPane2 #taskDetailDesc {
    height: 160px;
}

html.mobile-task-mode #taskPane2 .task_datePicker {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 4px 0 0;
    font-size: 20px;
}

html.mobile-task-mode #taskPane2 .taskLinkWrapper .task_flex {
    align-items: center;
    gap: 4px;
}

html.mobile-task-mode #taskPane2 .taskLinkWrapper .taskLink {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
}

html.mobile-task-mode #taskPane2 .taskCommentsContainer {
    box-sizing: border-box;
    width: 100%;
    max-height: none;
    padding: 0 16px 20px;
}

html.mobile-task-mode #taskPane2 #taskCommentTextarea {
    box-sizing: border-box;
    width: 100%;
    min-height: 96px;
    font-size: 16px;
}

html.mobile-task-mode #taskPane2 .taskDetailSaveMessage {
    margin: 0;
    padding: 20px;
}

html.mobile-task-mode .datePickerRagic {
    position: fixed !important;
    z-index: 2000 !important;
    top: 50% !important;
    right: auto !important;
    left: 50% !important;
    box-sizing: border-box;
    width: min(340px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px);
    overflow: auto;
    transform: translate(-50%, -50%);
}

@media (max-width: 380px) {
    html.mobile-task-mode .taskLongFilterRow {
        grid-template-columns: minmax(0, 1fr);
    }

    html.mobile-task-mode .taskLongCompletedFilter {
        grid-column: auto;
    }

    html.mobile-task-mode .taskLongMeta .avatar {
        display: none !important;
    }
}

/* The database-management destinations (recent changes, recycle bin, backup/restore, database
   maintenance and the cross-account copier) share data.jsp. They are server-rendered pages rather than canvas/home
   modules, so their route match owns this independent class and the layout below stays dormant on
   every desktop and every other module page. */
.mobileDataManagementHeader {
    display: none;
}

html.mobile-data-management-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
    --mobile-data-page-bg: #f3f3f3;
    --mobile-data-card-bg: #fff;
    --mobile-data-header-bg: #e8ebef;
    --mobile-data-border: #e2e2e2;
    --mobile-data-text: #333;
    --mobile-data-secondary: #707070;
}

html.mobile-data-management-mode body {
    min-width: 0;
    margin: 0;
    padding: 0 0 var(--mobile-canvas-safe-bottom);
    overflow-x: hidden;
    color: var(--mobile-data-text);
    background: var(--mobile-data-page-bg) !important;
}

html.mobile-data-management-mode #v5Header,
html.mobile-data-management-mode #v5SidebarTD,
html.mobile-data-management-mode #v5SidebarSep,
html.mobile-data-management-mode #collapseDiv,
html.mobile-data-management-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-data-management-mode #v5Body,
html.mobile-data-management-mode #v5BodyTable,
html.mobile-data-management-mode #v5BodyTable > tbody,
html.mobile-data-management-mode #v5BodyRow {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-data-management-mode #v5Content {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
}

html.mobile-data-management-mode .mobileDataManagementPage {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    background: var(--mobile-data-page-bg);
}

html.mobile-data-management-mode .mobileDataManagementHeader {
    position: sticky;
    z-index: 20;
    top: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(12px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 8px;
    background: #fff;
    border-bottom: 1px solid var(--mobile-data-border);
}

html.mobile-data-management-mode .mobileDataManagementBack {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    color: #333;
    border-radius: 6px;
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}

html.mobile-data-management-mode .mobileDataManagementBack:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

html.mobile-data-management-mode .mobileDataManagementHeader h1 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-data-management-mode .mobileDataManagementContent {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 12px max(12px, var(--mobile-canvas-safe-right)) 28px max(12px, var(--mobile-canvas-safe-left));
}

html.mobile-data-management-mode .mobileDataManagementContent > .v5MainContentTable,
html.mobile-data-management-mode .mobileDataManagementContent > .v5MainContentTable > tbody,
html.mobile-data-management-mode .mobileDataManagementContent > .v5MainContentTable > tbody > tr,
html.mobile-data-management-mode .mobileDataManagementContent > .v5MainContentTable > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-data-management-mode .mobileDataManagementContent > .v5MainContentTable {
    float: none;
    margin: 0;
    table-layout: auto;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageDiv {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 0 12px;
    overflow: hidden;
    white-space: normal;
    background: var(--mobile-data-card-bg);
    border: 1px solid var(--mobile-data-border);
    border-radius: 10px;
    border-spacing: 0;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageIcon {
    display: none;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageHeadline {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 16px;
    color: var(--mobile-data-text);
    background: var(--mobile-data-header-bg);
    font-size: 18px;
    line-height: 1.35;
    white-space: normal;
    border-bottom: 1px solid var(--mobile-data-border);
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageHeadline > div {
    flex-wrap: wrap;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageHeadline > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: -10px 0 -10px 6px;
    padding: 0 8px;
    font-size: 14px !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageDetailDiv {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 12px 16px 16px;
    overflow-wrap: anywhere;
    white-space: normal;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageDetailDiv > table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenuPageAnchor {
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    padding: 0;
    overflow-wrap: anywhere;
    white-space: normal;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenupageDetailDiv > table > tbody > tr:last-child .v5MenuPageAnchor {
    border-bottom: 0;
}

html.mobile-data-management-mode .mobileDataManagementContent .v5MenuPageAnchorDetail {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    max-width: 100%;
    padding: 9px 4px;
    overflow-wrap: anywhere;
    white-space: normal;
    font-size: 16px !important;
    line-height: 1.35;
    text-decoration: none;
}

html.mobile-data-management-mode .mobileDataManagementCopier .v5MenupageDetailDiv > div {
    margin: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementCopier .v5MenupageDetailDiv > div > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    margin: 0 0 16px !important;
    line-height: 1.4;
}

html.mobile-data-management-mode .mobileDataManagementCopier select,
html.mobile-data-management-mode .mobileDataManagementCopier button {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px 10px;
    font-size: 16px !important;
}

html.mobile-data-management-mode .mobileDataManagementCopier #installFromApDetail {
    display: none;
    min-width: 0;
    overflow-wrap: anywhere;
}

html.mobile-data-management-mode .mobileDataManagementCopier #partnerCopierButtonDiv {
    margin-bottom: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .resources {
    width: 100%;
    table-layout: fixed;
    font-size: 15px !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .resources td {
    box-sizing: border-box;
    padding: 8px 4px !important;
    overflow-wrap: anywhere;
    vertical-align: top;
}

html.mobile-data-management-mode .mobileDataManagementContent .resources td:first-child {
    width: 38%;
    color: var(--mobile-data-secondary);
}

html.mobile-data-management-mode .mobileDataManagementContent #historyContainer,
html.mobile-data-management-mode .mobileDataManagementContent #designHistoryContainer,
html.mobile-data-management-mode .mobileDataManagementContent #recoveryContainer {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-data-management-mode .mobileDataManagementContent .historyRecord {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 11px 4px;
    overflow-wrap: break-word;
    word-break: normal;
    font-size: 15px;
    line-height: 1.45;
    white-space: normal;
    border-bottom: 1px solid #eee;
    border-radius: 0;
}

html.mobile-data-management-mode .mobileDataManagementContent .historyRecord:hover {
    background: transparent;
}

html.mobile-data-management-mode .mobileDataManagementContent .historyTitle,
html.mobile-data-management-mode .mobileDataManagementContent .historyContent {
    max-width: 100%;
    min-width: 0;
}

/* system.css makes the title a wrapping flex row. Formatter output mixes anonymous translated
   text with bold fields and icons, so flex lays those fragments out as independent items and
   produces jagged line breaks on a phone. Return the summary to normal inline flow and give its
   timestamp a stable metadata line of its own. */
html.mobile-data-management-mode .mobileDataManagementContent .historyTitle {
    display: block;
}

html.mobile-data-management-mode .mobileDataManagementContent .historyRecord .historyRecordTime {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    line-height: 1.25;
}

html.mobile-data-management-mode .mobileDataManagementContent .historyTitle .triggerTypeIcon,
html.mobile-data-management-mode .mobileDataManagementContent .historyTitle .clickAble {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

html.mobile-data-management-mode .mobileDataManagementContent .historyContent {
    padding-top: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-data-management-mode .mobileDataManagementContent .more {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    height: auto;
    margin: 4px 0 8px !important;
    padding: 8px 12px;
    font-size: 15px;
}

html.mobile-data-management-mode .mobileDataManagementContent #historyFilter,
html.mobile-data-management-mode .mobileDataManagementContent #recoveryFilter {
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
}

html.mobile-data-management-mode .mobileDataManagementContent .filterBlock,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterFields {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    gap: 10px;
}

html.mobile-data-management-mode .mobileDataManagementContent .timeFilterContainer,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterDateField {
    display: flex;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .datePickerInput,
html.mobile-data-management-mode .mobileDataManagementContent #recoveryFilter input[type="text"] {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px 10px !important;
    font-size: 16px !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .calendarIcon,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterDateField > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    min-height: 44px;
    margin: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterDateRow,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterSelectRow {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0 !important;
    gap: 10px;
}

html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterKeyword,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterUrl {
    margin-bottom: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .recoverySheetFilterContainer,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryEditorFilterContainer,
html.mobile-data-management-mode .mobileDataManagementContent #historyFilter .barSelect {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementContent .barSelect-selection {
    min-height: 44px;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-data-management-mode .mobileDataManagementContent .barSelect-dropDown {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: calc(100vw - 56px);
    max-height: min(50dvh, 360px);
}

html.mobile-data-management-mode .mobileDataManagementContent .barSelect-option[data-role="option"] {
    box-sizing: border-box;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}

html.mobile-data-management-mode .mobileDataManagementContent #historySearchBtn,
html.mobile-data-management-mode .mobileDataManagementContent .recoveryFilterSearch {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 12px 0 0 !important;
    padding: 0 16px !important;
    font-size: 16px;
}

/* The legacy date picker is positioned from the focused desktop input. On this route it becomes
   a centred phone dialog and its time column stacks below the calendar. */
html.mobile-data-management-mode .datePickerRagic {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    box-sizing: border-box;
    width: min(340px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom));
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border-radius: 8px;
}

html.mobile-data-management-mode .datePickerRagic:has(.timeDiv) {
    display: block;
}

html.mobile-data-management-mode .datePickerRagic .dateTableContainer {
    float: none;
    width: 100%;
}

html.mobile-data-management-mode .datePickerRagic .ymheaderTable,
html.mobile-data-management-mode .datePickerRagic .calTable {
    width: calc(100% - 20px);
    table-layout: fixed;
}

html.mobile-data-management-mode .datePickerRagic .ymheaderTable td,
html.mobile-data-management-mode .datePickerRagic .calTable td {
    width: auto;
    height: 40px;
    font-size: 14px;
}

html.mobile-data-management-mode .datePickerRagic .timeDiv {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px 10px;
}

html.mobile-data-management-mode .datePickerRagic:has(.timeDiv) .calTodayDiv {
    padding: 0 10px 12px;
}

/* showFloatingMain() swaps the backup page for these sibling table cells. Keep that behavior,
   but remove their desktop 60% form geometry and make Return a real phone-sized action. */
html.mobile-data-management-mode #mfBackup,
html.mobile-data-management-mode #mfRestore {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    padding: max(12px, var(--mobile-canvas-safe-top)) max(12px, var(--mobile-canvas-safe-right)) max(20px, var(--mobile-canvas-safe-bottom)) max(12px, var(--mobile-canvas-safe-left));
    overflow-x: hidden;
    background: var(--mobile-data-page-bg);
}

html.mobile-data-management-mode #mfBackup .whiteContent,
html.mobile-data-management-mode #mfRestore .whiteContent {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 4px;
    overflow-wrap: anywhere;
    background: #fff;
    border: 1px solid var(--mobile-data-border);
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.45;
}

html.mobile-data-management-mode #mfBackup select,
html.mobile-data-management-mode #mfRestore select,
html.mobile-data-management-mode #mfBackup input[type="button"],
html.mobile-data-management-mode #mfRestore input[type="submit"],
html.mobile-data-management-mode #mfRestore input[type="file"] {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 6px 0 !important;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-data-management-mode #mfBackup input[type="checkbox"],
html.mobile-data-management-mode #mfRestore input[type="checkbox"] {
    width: 22px;
    height: 22px;
}

html.mobile-data-management-mode #mfBackup label,
html.mobile-data-management-mode #mfRestore label {
    position: static !important;
    font-size: 15px !important;
    line-height: 1.4;
}

html.mobile-data-management-mode #restoreForm > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 12px !important;
    gap: 8px;
}

html.mobile-data-management-mode #restoreChangeTypeDiv {
    align-items: flex-start !important;
    min-height: 44px;
    gap: 8px;
}

html.mobile-data-management-mode #mfBackup > .floatingOKbutton,
html.mobile-data-management-mode #mfRestore > .floatingOKbutton {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 12px 0 0;
    font-size: 16px;
}

/* Data Archive keeps its established save, execute, recover, and delete paths. The eight-column
   schedule table is irreducibly wide, so this adapter gives only that table a local pan surface;
   the surrounding form and archived-month controls stay fluid at device width. */
html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveSettings,
html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveRecovery {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveTitle {
    margin: 0 0 12px;
    overflow-wrap: anywhere;
    font-size: 20px !important;
    line-height: 1.35 !important;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveSettingTableViewport {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0 0 16px !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingTable {
    width: max-content;
    min-width: 840px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingTable th,
html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingTable td {
    box-sizing: border-box;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.35;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingTable td a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
}

/* Desktop reveals delete only on row hover. Touch screens have no dependable hover state. */
html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingTable .deleteLink {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveWarning {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 12px 0 !important;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.45;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .addDataArchiveSettingIcon {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 8px 4px;
    font-size: 16px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingForm {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 8px 0 20px;
    padding: 14px;
    background: var(--mobile-data-card-bg);
    border: 1px solid var(--mobile-data-border);
    border-radius: 10px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingForm > div > div:first-child,
html.mobile-data-management-mode .mobileDataManagementDataArchive .archiveSettingForm .normal {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    gap: 6px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #archiveForm,
html.mobile-data-management-mode .mobileDataManagementDataArchive #referenceFieldSelect,
html.mobile-data-management-mode .mobileDataManagementDataArchive #archiveFormDate,
html.mobile-data-management-mode .mobileDataManagementDataArchive #archiveFormYear,
html.mobile-data-management-mode .mobileDataManagementDataArchive #archiveFormMonth,
html.mobile-data-management-mode .mobileDataManagementDataArchive #recoverySheetFilter {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #archiveFormButton {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 12px 0 0 !important;
    padding: 9px 14px;
    font-size: 16px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #jobscheduleSettingInfoContainer {
    margin: 12px 0 0;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #jobscheduleSettingInfo,
html.mobile-data-management-mode .mobileDataManagementDataArchive #jobscheduleSettingInfo a {
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.45;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #recoveryFilter,
html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveFilterRow,
html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveFilterRow > div {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .mobileDataArchiveFilterRow {
    display: flex !important;
    align-items: stretch !important;
    flex-direction: column;
    gap: 8px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #filterPart {
    display: flex;
    align-items: center;
    min-height: 44px;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive #filterPart i {
    margin: 0 8px 0 0;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .archivedDataTable {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 12px 0 0;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .monthContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    margin: 0 0 8px;
    padding: 6px 10px;
    gap: 4px 8px;
    background: var(--mobile-data-card-bg);
    border: 1px solid var(--mobile-data-border);
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.35;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .monthContainer a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    overflow-wrap: anywhere;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .monthContainer .recoverySpan,
html.mobile-data-management-mode .mobileDataManagementDataArchive .monthContainer .deleteSpan {
    margin: 0;
}

html.mobile-data-management-mode .mobileDataManagementDataArchive .monthContainer .dashSpan {
    display: none;
}

/* Application store lightbox: TemplateLibrary.render() intentionally keeps the desktop
   category, template-list and selected-template panes as siblings. On a phone their 17/40/40%
   floats collapse every Chinese label into a vertical string. The launcher adds store-only
   hooks to the shared lightbox so the three existing panes can stack without changing install,
   update, search or detail behavior. */
html.mobile-sheet-mode:not(.mobile-record-mode) #overlay.templateLibraryOverlay,
html.mobile-home-mode #overlay.templateLibraryOverlay,
html.mobile-record-mode #overlay.templateLibraryOverlay {
    position: fixed;
    height: 100dvh;
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryOverlay #overlayHeader,
html.mobile-home-mode .templateLibraryOverlay #overlayHeader,
html.mobile-record-mode .templateLibraryOverlay #overlayHeader {
    height: calc(64px + var(--mobile-canvas-safe-top));
    padding: max(10px, var(--mobile-canvas-safe-top)) max(4px, var(--mobile-canvas-safe-right)) 10px max(4px, var(--mobile-canvas-safe-left));
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryOverlay #closeButtonlb,
html.mobile-home-mode .templateLibraryOverlay #closeButtonlb,
html.mobile-record-mode .templateLibraryOverlay #closeButtonlb {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 0;
    margin-right: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) #lightbox.templateLibraryLightbox,
html.mobile-home-mode #lightbox.templateLibraryLightbox,
html.mobile-record-mode #lightbox.templateLibraryLightbox {
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    max-width: none;
    height: calc(100dvh - 76px - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom));
    margin: 0 max(12px, var(--mobile-canvas-safe-right)) max(12px, var(--mobile-canvas-safe-bottom)) max(12px, var(--mobile-canvas-safe-left));
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox #lightPanel,
html.mobile-home-mode .templateLibraryLightbox #lightPanel,
html.mobile-record-mode .templateLibraryLightbox #lightPanel,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox #lbcontent,
html.mobile-home-mode .templateLibraryLightbox #lbcontent,
html.mobile-record-mode .templateLibraryLightbox #lbcontent {
    min-width: 0;
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox #templateLibrary,
html.mobile-home-mode .templateLibraryLightbox #templateLibrary,
html.mobile-record-mode .templateLibraryLightbox #templateLibrary {
    float: none;
    clear: none;
    display: grid;
    grid-template-rows: auto minmax(168px, 42%) minmax(0, 1fr);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: none;
    min-width: 0;
    overflow: hidden;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateLibrarySidebar,
html.mobile-home-mode .templateLibraryLightbox .templateLibrarySidebar,
html.mobile-record-mode .templateLibraryLightbox .templateLibrarySidebar {
    float: none;
    clear: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-width: 0;
    padding: 8px 0 4px;
    gap: 0;
    overflow: hidden;
    border-right: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 5px 5px 0 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateLibraryCategoryRow,
html.mobile-home-mode .templateLibraryLightbox .templateLibraryCategoryRow,
html.mobile-record-mode .templateLibraryLightbox .templateLibraryCategoryRow {
    display: flex;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 4px 8px;
    gap: 4px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateLibrarySidebarItem,
html.mobile-home-mode .templateLibraryLightbox .templateLibrarySidebarItem,
html.mobile-record-mode .templateLibraryLightbox .templateLibrarySidebarItem,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateLibrarySidebarItemSelected,
html.mobile-home-mode .templateLibraryLightbox .templateLibrarySidebarItemSelected,
html.mobile-record-mode .templateLibraryLightbox .templateLibrarySidebarItemSelected {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateLibrarySearchRow,
html.mobile-home-mode .templateLibraryLightbox .templateLibrarySearchRow,
html.mobile-record-mode .templateLibraryLightbox .templateLibrarySearchRow {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    padding: 0 8px 4px;
    gap: 4px;
    border-radius: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox input[type="text"].templateSearchbox,
html.mobile-home-mode .templateLibraryLightbox input[type="text"].templateSearchbox,
html.mobile-record-mode .templateLibraryLightbox input[type="text"].templateSearchbox {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: 44px;
    padding: 8px 10px;
    font-size: 16px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateSearchbutton,
html.mobile-home-mode .templateLibraryLightbox .templateSearchbutton,
html.mobile-record-mode .templateLibraryLightbox .templateSearchbutton {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    font-size: 18px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemsDiv,
html.mobile-home-mode .templateLibraryLightbox .templateItemsDiv,
html.mobile-record-mode .templateLibraryLightbox .templateItemsDiv {
    float: none;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-width: 0;
    padding: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemDiv,
html.mobile-home-mode .templateLibraryLightbox .templateItemDiv,
html.mobile-record-mode .templateLibraryLightbox .templateItemDiv,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemDivSelected,
html.mobile-home-mode .templateLibraryLightbox .templateItemDivSelected,
html.mobile-record-mode .templateLibraryLightbox .templateItemDivSelected {
    float: none;
    clear: none;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    min-height: 64px;
    padding: 10px 12px;
    border-bottom: 1px solid #eeeeee;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemIcon,
html.mobile-home-mode .templateLibraryLightbox .templateItemIcon,
html.mobile-record-mode .templateLibraryLightbox .templateItemIcon {
    position: static;
    flex: 0 0 24px;
    font-size: 18px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemText,
html.mobile-home-mode .templateLibraryLightbox .templateItemText,
html.mobile-record-mode .templateLibraryLightbox .templateItemText {
    min-width: 0;
    margin: 0 10px;
    font-size: 16px;
    line-height: 1.35;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemButton,
html.mobile-home-mode .templateLibraryLightbox .templateItemButton,
html.mobile-record-mode .templateLibraryLightbox .templateItemButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 68px;
    min-height: 44px;
    margin: 0;
    padding: 0 14px;
    border-radius: 22px;
    white-space: nowrap;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateDetailDiv,
html.mobile-home-mode .templateLibraryLightbox .templateDetailDiv,
html.mobile-record-mode .templateLibraryLightbox .templateDetailDiv {
    float: none;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-width: 0;
    padding: 16px;
    overflow: auto;
    border-top: 1px solid #e5e5e5;
    border-left: 0;
    border-radius: 0 0 5px 5px;
    overscroll-behavior: contain;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemName,
html.mobile-home-mode .templateLibraryLightbox .templateItemName,
html.mobile-record-mode .templateLibraryLightbox .templateItemName {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemButtonsDiv,
html.mobile-home-mode .templateLibraryLightbox .templateItemButtonsDiv,
html.mobile-record-mode .templateLibraryLightbox .templateItemButtonsDiv {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemButton2,
html.mobile-home-mode .templateLibraryLightbox .templateItemButton2,
html.mobile-record-mode .templateLibraryLightbox .templateItemButton2,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateHelpButton,
html.mobile-home-mode .templateLibraryLightbox .templateHelpButton,
html.mobile-record-mode .templateLibraryLightbox .templateHelpButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 0 14px;
    border-radius: 22px;
    font-size: 14px;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemDesc,
html.mobile-home-mode .templateLibraryLightbox .templateItemDesc,
html.mobile-record-mode .templateLibraryLightbox .templateItemDesc,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemSheets,
html.mobile-home-mode .templateLibraryLightbox .templateItemSheets,
html.mobile-record-mode .templateLibraryLightbox .templateItemSheets,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templatePartnerInfos,
html.mobile-home-mode .templateLibraryLightbox .templatePartnerInfos,
html.mobile-record-mode .templateLibraryLightbox .templatePartnerInfos {
    margin: 16px 0;
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateScreenshotDivOuter,
html.mobile-home-mode .templateLibraryLightbox .templateScreenshotDivOuter,
html.mobile-record-mode .templateLibraryLightbox .templateScreenshotDivOuter,
html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templatePartnerLogoDivOuter,
html.mobile-home-mode .templateLibraryLightbox .templatePartnerLogoDivOuter,
html.mobile-record-mode .templateLibraryLightbox .templatePartnerLogoDivOuter {
    width: 100%;
    min-width: 0;
}

html.mobile-sheet-mode:not(.mobile-record-mode) .templateLibraryLightbox .templateItemScreenshot,
html.mobile-home-mode .templateLibraryLightbox .templateItemScreenshot,
html.mobile-record-mode .templateLibraryLightbox .templateItemScreenshot {
    max-width: 100%;
    height: auto;
    margin: 0 0 16px;
}

/* Account payment is a server-rendered Tier-B surface. The wrapper is inert on desktop; the
   shared pre-paint script adds mobile-billing-mode only for an eligible touch device, after the
   route has repeated billing/s/index.jsp's access, hosted-license and HTTPS checks. */
.mobileBillingHeader {
    display: none;
}

html.mobile-billing-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
    --mobile-billing-page-bg: #f3f3f3;
    --mobile-billing-card-bg: #fff;
    --mobile-billing-header-bg: #e8ebef;
    --mobile-billing-border: #e2e2e2;
    --mobile-billing-text: #333;
    --mobile-billing-secondary: #707070;
}

html.mobile-billing-mode body {
    min-width: 0;
    margin: 0;
    padding: 0 0 var(--mobile-canvas-safe-bottom);
    overflow-x: hidden;
    color: var(--mobile-billing-text);
    background: var(--mobile-billing-page-bg) !important;
}

html.mobile-billing-mode #v5Header,
html.mobile-billing-mode #v5SidebarTD,
html.mobile-billing-mode #v5SidebarSep,
html.mobile-billing-mode #collapseDiv,
html.mobile-billing-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-billing-mode #v5Body,
html.mobile-billing-mode #v5BodyTable,
html.mobile-billing-mode #v5BodyTable > tbody,
html.mobile-billing-mode #v5BodyRow {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-billing-mode #v5Content {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
}

html.mobile-billing-mode .mobileBillingPage {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    background: var(--mobile-billing-page-bg);
}

html.mobile-billing-mode .mobileBillingHeader {
    position: sticky;
    z-index: 20;
    top: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(12px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 8px;
    background: #fff;
    border-bottom: 1px solid var(--mobile-billing-border);
}

html.mobile-billing-mode .mobileBillingBack {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    color: var(--mobile-billing-text);
    border-radius: 6px;
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}

html.mobile-billing-mode .mobileBillingBack:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

html.mobile-billing-mode .mobileBillingHeader h1 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-billing-mode .mobileBillingContent {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 840px;
    min-width: 0;
    margin: 0 auto;
    padding: 12px max(12px, var(--mobile-canvas-safe-right)) 28px max(12px, var(--mobile-canvas-safe-left));
    overflow-wrap: anywhere;
}

html.mobile-billing-mode .mobileBillingContent *,
html.mobile-billing-mode .mobileBillingContent *::before,
html.mobile-billing-mode .mobileBillingContent *::after {
    box-sizing: border-box;
}

html.mobile-billing-mode .mobileBillingContent img,
html.mobile-billing-mode .mobileBillingContent svg {
    max-width: 100%;
}

html.mobile-billing-mode .billingContainer {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 16px 20px;
    overflow: hidden;
    background: var(--mobile-billing-card-bg);
    border: 1px solid var(--mobile-billing-border);
    border-radius: 12px;
}

html.mobile-billing-mode .billingContainer > h1 {
    display: none;
}

html.mobile-billing-mode .billingNavbarContainer {
    display: block;
    box-sizing: border-box;
    width: calc(100% + 32px);
    max-width: none;
    margin: 0 -16px 18px;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: 0;
    border-bottom: 1px solid var(--mobile-billing-border);
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-billing-mode .billingNavbar {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    min-width: 100%;
    margin: 0;
    padding: 0 8px;
}

html.mobile-billing-mode .billingNavbar li {
    flex: 0 0 auto;
}

html.mobile-billing-mode .billingNavbar a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 10px 12px;
    font-size: 15px;
    white-space: nowrap;
}

html.mobile-billing-mode .mobileBillingContent .pageContainer,
html.mobile-billing-mode .mobileBillingContent .quoteContainer,
html.mobile-billing-mode .mobileBillingContent form,
html.mobile-billing-mode .mobileBillingContent fieldset {
    box-sizing: border-box;
    width: 100%;
    max-width: 100% !important;
    min-width: 0;
}

html.mobile-billing-mode .mobileBillingContent h1,
html.mobile-billing-mode .mobileBillingContent h2,
html.mobile-billing-mode .mobileBillingContent h3,
html.mobile-billing-mode .mobileBillingContent p {
    max-width: 100% !important;
    overflow-wrap: anywhere;
}

html.mobile-billing-mode .mobileBillingContent .step-list {
    display: flex;
    width: 100%;
    margin: 0 0 24px;
    padding: 0 0 4px;
    overflow-x: auto;
    gap: 16px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-billing-mode .mobileBillingContent .step-list li,
html.mobile-billing-mode .mobileBillingContent .step-list li:not(:last-child) {
    flex: 0 0 auto;
    min-height: 44px;
    margin: 0;
}

html.mobile-billing-mode .mobileBillingContent .custom-select-wrap {
    width: 100%;
    max-width: 360px;
    min-width: 0;
}

html.mobile-billing-mode .mobileBillingContent .custom-select,
html.mobile-billing-mode .mobileBillingContent input[type="text"],
html.mobile-billing-mode .mobileBillingContent input[type="email"],
html.mobile-billing-mode .mobileBillingContent input[type="number"],
html.mobile-billing-mode .mobileBillingContent textarea {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 16px !important;
}

html.mobile-billing-mode .mobileBillingContent textarea {
    height: auto !important;
    min-height: 128px;
    resize: vertical;
}

html.mobile-billing-mode .mobileBillingContent .custom-select,
html.mobile-billing-mode .mobileBillingContent .select-icon {
    height: 44px !important;
}

html.mobile-billing-mode .mobileBillingContent .select-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    padding: 0 !important;
}

html.mobile-billing-mode .mobileBillingContent .quoteContainer > div:has(> .custom-select-wrap) {
    flex-wrap: wrap;
    width: 100%;
    gap: 8px;
}

html.mobile-billing-mode .mobileBillingContent .quoteContainer > div:has(> .custom-select-wrap) > span {
    flex: 0 0 100%;
    margin-right: 0 !important;
}

/* Preserve the equation's meaningful left-to-right order, but contain it in a touch-scrolling
   region instead of allowing the desktop expression to widen the document. */
html.mobile-billing-mode .mobileBillingContent .billingEquation {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0 0 8px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-billing-mode .mobileBillingContent .equation-block {
    flex: 0 0 auto;
    margin-bottom: 12px;
}

html.mobile-billing-mode .mobileBillingContent .operand {
    padding-right: 16px;
    padding-left: 16px;
}

html.mobile-billing-mode .mobileBillingContent .result {
    padding-right: 24px;
    padding-left: 24px;
}

html.mobile-billing-mode .mobileBillingContent .billingInfoTable,
html.mobile-billing-mode .mobileBillingContent .billingInfoTable > tbody,
html.mobile-billing-mode .mobileBillingContent .billingInfoTable > tbody > tr,
html.mobile-billing-mode .mobileBillingContent .billingInfoTable > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-billing-mode .mobileBillingContent .billingInfoTable > tbody > tr {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

html.mobile-billing-mode .mobileBillingContent .billingInfoTable > tbody > tr > td {
    padding: 0;
    overflow-wrap: anywhere;
}

html.mobile-billing-mode .mobileBillingContent .billingInfoTable > tbody > tr > td:first-child {
    margin-bottom: 7px;
    color: var(--mobile-billing-secondary);
    font-size: 14px;
    font-weight: 600;
}

html.mobile-billing-mode .mobileBillingContent .modifyPlanTerms {
    width: 100%;
    max-width: 100%;
    overflow-wrap: anywhere;
}

html.mobile-billing-mode .mobileBillingContent input[type="checkbox"] + label {
    display: inline-flex;
    align-items: flex-start;
    min-height: 44px;
    padding: 8px 0;
    line-height: 1.4;
}

html.mobile-billing-mode .mobileBillingContent .thebutton6 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    margin: 6px 0 !important;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.3;
    white-space: normal;
}

html.mobile-billing-mode .mobileBillingContent #modifyPlanPreview,
html.mobile-billing-mode .mobileBillingContent table.billing,
html.mobile-billing-mode .mobileBillingContent #downgradeTable {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-billing-mode .mobileBillingContent #modifyPlanPreview > tbody,
html.mobile-billing-mode .mobileBillingContent table.billing > tbody,
html.mobile-billing-mode .mobileBillingContent #downgradeTable > tbody {
    display: table;
    width: 100%;
    min-width: 620px;
}

html.mobile-billing-mode .mobileBillingContent .cardItem,
html.mobile-billing-mode .mobileBillingContent .subscriptionItem {
    flex-wrap: wrap;
    min-width: 0;
    gap: 8px;
}

html.mobile-billing-mode .mobileBillingContent .cardItem-info,
html.mobile-billing-mode .mobileBillingContent .subscriptionItem-info {
    flex: 1 1 220px;
    min-width: 0;
    overflow-wrap: anywhere;
}

html.mobile-billing-mode .mobileBillingContent .cardItem-button,
html.mobile-billing-mode .mobileBillingContent .subscriptionItem-button {
    width: 44px;
    height: 44px;
    margin: 0 3px;
}

html.mobile-billing-mode .mobileBillingContent .invoiceWrapper {
    position: fixed;
    z-index: 1000;
    top: 50%;
    right: 12px;
    left: 12px;
    width: auto;
    max-height: calc(100dvh - 24px);
    overflow: auto;
    transform: translateY(-50%);
}

html.mobile-billing-mode .mobileBillingContent .mobileBillingManual {
    width: 100%;
    padding: 0 16px 20px !important;
    overflow: hidden;
    background: var(--mobile-billing-card-bg);
    border: 1px solid var(--mobile-billing-border);
    border-radius: 12px;
}

html.mobile-billing-mode .mobileBillingContent .mobileBillingManual > h1 {
    display: none;
}

html.mobile-billing-mode .mobileBillingContent .mobileBillingManualDetails {
    padding: 16px 0 !important;
}

html.mobile-billing-mode .mobileBillingContent #quoteTable {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

html.mobile-billing-mode .mobileBillingContent #quoteTable th,
html.mobile-billing-mode .mobileBillingContent #quoteTable td {
    padding: 9px 4px;
    overflow-wrap: anywhere;
    vertical-align: top;
}

html.mobile-billing-mode .mobileBillingContent #quoteTable th {
    width: 40%;
    color: var(--mobile-billing-secondary);
    text-align: left;
}

html.mobile-billing-mode .mobileBillingContent .mobileBillingManualActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
}

html.mobile-billing-mode .mobileBillingContent .mobileBillingManualActions > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px 4px;
}

html.mobile-billing-mode .mobileBillingContent #downgradeSlider,
html.mobile-billing-mode .mobileBillingContent .downgradePanel {
    min-width: 0;
    max-width: 100%;
}

html.mobile-billing-mode .mobileBillingContent #downgradeSABarSelectContainer,
html.mobile-billing-mode .mobileBillingContent #downgradeSAButtonRow {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

html.mobile-billing-mode .mobileBillingContent #downgradeSABarSelectContainer .barSelect-selection,
html.mobile-billing-mode .mobileBillingContent #downgradeSAButtonRow .topButtonWhole,
html.mobile-billing-mode .mobileBillingContent #checkButtonsDiv .topButtonWhole {
    min-height: 44px;
    font-size: 16px;
}

/* Responsive account-administration modules share this containment shell. Pages with complex
   desktop interaction keep their adaptations page-scoped below. */
.mobileSettingsHeader {
    display: none;
}

html.mobile-settings-page-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
    --mobile-settings-page-bg: #e8ebef;
    --mobile-settings-card-bg: #fff;
    --mobile-settings-header-bg: #dfe3e8;
    --mobile-settings-border: #d9dde2;
    --mobile-settings-text: #333;
    --mobile-settings-secondary: #707070;
}

html.mobile-settings-page-mode body {
    min-width: 0;
    margin: 0;
    padding: 0 0 var(--mobile-canvas-safe-bottom);
    overflow-x: hidden;
    color: var(--mobile-settings-text);
    background: var(--mobile-settings-page-bg) !important;
}

html.mobile-settings-page-mode #v5Header,
html.mobile-settings-page-mode #v5SidebarTD,
html.mobile-settings-page-mode #v5SidebarSep,
html.mobile-settings-page-mode #collapseDiv,
html.mobile-settings-page-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-settings-page-mode #v5Body,
html.mobile-settings-page-mode #v5BodyTable,
html.mobile-settings-page-mode #v5BodyTable > tbody,
html.mobile-settings-page-mode #v5BodyRow {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-settings-page-mode #v5Content {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
}

html.mobile-settings-page-mode .mobileSettingsPage {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    background: var(--mobile-settings-page-bg);
}

html.mobile-settings-page-mode .mobileSettingsHeader {
    position: sticky;
    z-index: 20;
    top: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(12px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 8px;
    background: var(--mobile-settings-header-bg);
    border-bottom: 1px solid var(--mobile-settings-border);
}

html.mobile-settings-page-mode .mobileSettingsBack {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    color: var(--mobile-settings-text);
    border-radius: 6px;
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}

html.mobile-settings-page-mode .mobileSettingsBack:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

html.mobile-settings-page-mode .mobileSettingsHeader h1 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-settings-page-mode .mobileSettingsContent {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 12px max(12px, var(--mobile-canvas-safe-right)) 28px max(12px, var(--mobile-canvas-safe-left));
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount #container_serviceAccountPage,
html.mobile-settings-page-mode .mobileSettingsJobs .mobileSettingsContent,
html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageDiv {
    box-sizing: border-box;
    background: var(--mobile-settings-card-bg);
    border: 1px solid var(--mobile-settings-border);
    border-radius: 12px;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount #container_serviceAccountPage {
    width: 100%;
    margin: 0;
    padding: 16px;
    gap: 12px;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount .title {
    justify-content: flex-end;
    padding: 0 0 4px;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount .title-left {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount #createNewServiceAccount {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 9px 14px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount .introduction {
    padding: 4px 0 12px;
    color: var(--mobile-settings-secondary);
    font-size: 15px;
    line-height: 1.5;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount .serviceAccountTableScroller {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount #serviceAccountTable {
    width: 680px;
    min-width: 680px;
    table-layout: fixed;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount #serviceAccountTable th,
html.mobile-settings-page-mode .mobileSettingsServiceAccount #serviceAccountTable td {
    box-sizing: border-box;
    padding: 10px 8px;
    overflow-wrap: anywhere;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount .status_column {
    margin-right: 0;
}

html.mobile-settings-page-mode .mobileSettingsServiceAccount .serviceAccount_buttonContainer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
}

html.mobile-settings-page-mode #serviceAccountSettingContainer > *:not(.topButtonWhole) {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
}

html.mobile-settings-page-mode #serviceAccountSettingContainer input[type="text"],
html.mobile-settings-page-mode #serviceAccountSettingContainer .barSelect-selection {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode #serviceAccountButtonContainer {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: 0;
}

html.mobile-settings-page-mode #serviceAccountButtonContainer > .topButtonWhole,
html.mobile-settings-page-mode #serviceAccountSettingContainer > .topButtonWhole {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin-top: 12px;
    padding: 8px 14px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsJobs .mobileSettingsContent {
    overflow: hidden;
}

html.mobile-settings-page-mode .mobileSettingsJobs .nuiPageHeader_sheetName {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsJobs .jobDispTableScroller {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-settings-page-mode .mobileSettingsJobs .jobDispTable {
    width: 640px;
    min-width: 640px;
    margin: 0;
    table-layout: fixed;
}

html.mobile-settings-page-mode .mobileSettingsJobs .jobDispTable th,
html.mobile-settings-page-mode .mobileSettingsJobs .jobDispTable td {
    box-sizing: border-box;
    padding: 10px 8px;
    overflow-wrap: anywhere;
    font-size: 14px;
}

html.mobile-settings-page-mode .mobileSettingsJobs .jobScheduleSettingPanelDiv,
html.mobile-settings-page-mode .mobileSettingsJobs .jobScheduleEditLink {
    box-sizing: border-box;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}

html.mobile-settings-page-mode .mobileSettingsJobs select,
html.mobile-settings-page-mode .mobileSettingsJobs input,
html.mobile-settings-page-mode .mobileSettingsJobs button {
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsJobs .dispDiv {
    margin: 16px 4px 4px;
    line-height: 1.5;
}

html.mobile-settings-page-mode #floatingWin .rsSch-manager {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 0;
}

html.mobile-settings-page-mode #floatingWin .rsSch-field-row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}

html.mobile-settings-page-mode #floatingWin .rsSch-field-label {
    width: auto;
    line-height: 1.4;
}

html.mobile-settings-page-mode #floatingWin .rsSch-field-control,
html.mobile-settings-page-mode #floatingWin .rsSch-block-footer,
html.mobile-settings-page-mode #floatingWin .rsSch-footer-btns {
    flex-wrap: wrap;
}

html.mobile-settings-page-mode #floatingWin .rsSch-input,
html.mobile-settings-page-mode #floatingWin .rsSch-select,
html.mobile-settings-page-mode #floatingWin .rsSch-block-footer button,
html.mobile-settings-page-mode #floatingWin .rsSch-add-btn {
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode #floatingWin .rsSch-block-name {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsNotification > .mobileSettingsContent > .v5MainContentTable,
html.mobile-settings-page-mode .mobileSettingsNotification > .mobileSettingsContent > .v5MainContentTable > tbody,
html.mobile-settings-page-mode .mobileSettingsNotification > .mobileSettingsContent > .v5MainContentTable > tbody > tr,
html.mobile-settings-page-mode .mobileSettingsNotification > .mobileSettingsContent > .v5MainContentTable > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-settings-page-mode .mobileSettingsNotification .v5MainContentTable {
    float: none;
    margin: 0;
}

/* .v5MenupageDiv is a table: in table layout its width:100% still resolves to the content width,
   so #notifyTable below never had anything to scroll. Block-ify the table and its row wrappers
   (same treatment as .v5MainContentTable above) so the width really is the viewport's. */
html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageDiv,
html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageDiv > tbody,
html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageDiv > tbody > tr {
    display: block;
}

html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageDiv {
    width: 100%;
    max-width: none;
    margin: 0;
    border-spacing: 0;
    overflow: hidden;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageIcon {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsNotification #notifyAdminDiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 16px;
    font-size: 15px !important;
}

html.mobile-settings-page-mode .mobileSettingsNotification .v5MenupageHeadline {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 0;
    font-size: 18px;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsNotification #notifyTable,
html.mobile-settings-page-mode .mobileSettingsNotification .triggerDispTable {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-settings-page-mode .mobileSettingsNotification #notifyTable > tbody,
html.mobile-settings-page-mode .mobileSettingsNotification .triggerDispTable > tbody {
    display: table;
    min-width: 620px;
}

html.mobile-settings-page-mode .mobileSettingsNotification .notifyTableCell,
html.mobile-settings-page-mode .mobileSettingsNotification .triggerDispTable td,
html.mobile-settings-page-mode .mobileSettingsNotification .triggerDispTable th {
    box-sizing: border-box;
    padding: 10px 8px;
    font-size: 14px;
}

html.mobile-settings-page-mode .mobileSettingsNotification a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsNotification input:not([type="checkbox"]),
html.mobile-settings-page-mode .mobileSettingsNotification button,
html.mobile-settings-page-mode .mobileSettingsNotification select {
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsNotification input[type="checkbox"] {
    min-width: 24px;
    min-height: 24px;
}

/* Notification History is a signed-in user utility rather than an administrator setting, but its
   small v5 menu-page DOM can reuse the same responsive shell. Keep its list adapter page-scoped so
   the AJAX fragment used by the existing More delegation renders identically after replacement. */
html.mobile-settings-page-mode .mobileSettingsNotificationHistory > .mobileSettingsContent > .v5MainContentTable,
html.mobile-settings-page-mode .mobileSettingsNotificationHistory > .mobileSettingsContent > .v5MainContentTable > tbody,
html.mobile-settings-page-mode .mobileSettingsNotificationHistory > .mobileSettingsContent > .v5MainContentTable > tbody > tr,
html.mobile-settings-page-mode .mobileSettingsNotificationHistory > .mobileSettingsContent > .v5MainContentTable > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MainContentTable {
    float: none;
    margin: 0;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MenupageDiv {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    background: var(--mobile-settings-card-bg);
    border: 1px solid var(--mobile-settings-border);
    border-radius: 12px;
    border-spacing: 0;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MenupageIcon {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MenupageHeadline,
html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MenupageDetailDiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MenupageHeadline {
    padding: 14px 16px;
    background: var(--mobile-settings-header-bg);
    border-bottom: 1px solid var(--mobile-settings-border);
    font-size: 18px;
    line-height: 1.35;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .v5MenupageDetailDiv {
    padding: 4px 0;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory #historyContainer > div {
    border-bottom: 1px solid #eee;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory #historyContainer > div:last-child {
    border-bottom: 0;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .historyrecordAnchor,
html.mobile-settings-page-mode .mobileSettingsNotificationHistory #notificationMoreBtn {
    display: block;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 16px;
    overflow-wrap: anywhere;
    white-space: normal;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory .historyrecordAnchor > span {
    display: block;
    margin: 0 0 2px !important;
    font-size: 13px;
    line-height: 1.35;
}

html.mobile-settings-page-mode .mobileSettingsNotificationHistory #notificationMoreBtn {
    display: flex;
    align-items: center;
    font-size: 16px !important;
}

/* External-user activation keeps the established GET-to-hidden-iframe submit and requested/edit
   branches. Only the fixed desktop card and controls are made fluid inside the shared shell. */
html.mobile-settings-page-mode .mobileSettingsExternal .mobileSettingsContent {
    max-width: 760px;
}

html.mobile-settings-page-mode .mobileSettingsExternalCard {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 16px;
    overflow: hidden;
    background: var(--mobile-settings-card-bg);
    border: 1px solid var(--mobile-settings-border);
    border-radius: 12px;
}

html.mobile-settings-page-mode .mobileSettingsExternalHeading {
    margin: 0 0 10px !important;
    overflow-wrap: anywhere;
    font-size: 21px !important;
    line-height: 1.35;
}

html.mobile-settings-page-mode .mobileSettingsExternalDescription,
html.mobile-settings-page-mode .mobileSettingsExternalRequested {
    margin: 0 0 16px !important;
    overflow-wrap: anywhere;
    font-size: 15px;
    line-height: 1.5;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsExternalForm {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-settings-page-mode .mobileSettingsExternalLabel {
    margin-bottom: 6px;
    font-size: 15px !important;
    line-height: 1.4;
}

html.mobile-settings-page-mode .mobileSettingsExternalPurpose {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    height: min(300px, 42dvh) !important;
    min-height: 180px;
    padding: 12px !important;
    font-size: 16px;
    line-height: 1.5;
    resize: vertical;
}

html.mobile-settings-page-mode .mobileSettingsExternalPurpose + br {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsExternalEdit {
    margin: 8px 0 0 !important;
}

html.mobile-settings-page-mode .mobileSettingsExternalEdit > a {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 8px 4px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsExternalSubmit {
    box-sizing: border-box;
    min-height: 44px;
    margin: 12px 0 0 !important;
    padding: 9px 16px !important;
    font-size: 16px;
}

/* Private-server configuration keeps the existing property editor, license/log forms, patch
   endpoints, and update lifecycle. Only its layout is adapted: the property editor remains its
   own CodeMirror scroll surface and the four-column patch history owns the one table scroller. */
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent {
    max-width: 900px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .v5MenupageHeadline {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 18px 0 8px !important;
    padding: 0;
    overflow-wrap: anywhere;
    font-size: 18px;
    line-height: 1.35;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .v5MenupageHeadline:first-child {
    margin-top: 0 !important;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mh-20,
html.mobile-settings-page-mode .mobileSettingsConfigSetup form,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-panel,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .win-history-panel {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow-wrap: anywhere;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigSetupEditorFrame {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    height: clamp(300px, 52dvh, 520px) !important;
    border: 1px solid var(--mobile-settings-border);
    border-radius: 8px;
    background: var(--mobile-settings-card-bg);
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent a,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent button,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent select,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent input[type="button"],
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent input[type="submit"],
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent input[type="file"],
html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-tab-btn,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .win-history-btn {
    box-sizing: border-box;
    min-height: 44px;
    max-width: 100%;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileSettingsContent a {
    display: inline-flex;
    align-items: center;
    overflow-wrap: anywhere;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigLogControls {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup #downloadLogSelect,
html.mobile-settings-page-mode .mobileSettingsConfigSetup #downloadLogSubmitBtn,
html.mobile-settings-page-mode .mobileSettingsConfigSetup #ms365Btn,
html.mobile-settings-page-mode .mobileSettingsConfigSetup #btnConfirmUpdate,
html.mobile-settings-page-mode .mobileSettingsConfigSetup #patchSubmit,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigLicenseUpload input[type="submit"] {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigLogRotation {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    gap: 8px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup #downloadAllRotLogCheckBox {
    flex: 0 0 24px;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: 0;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigLogRotation label {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .inline-label {
    display: block;
    width: auto;
    margin: 12px 0 4px;
    font-size: 15px;
    line-height: 1.4;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup input[type="file"] {
    display: block;
    width: 100%;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigLicenseUpload br,
html.mobile-settings-page-mode .mobileSettingsConfigSetup #patchUploadForm br {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .mobileConfigLicenseUpload input[type="submit"],
html.mobile-settings-page-mode .mobileSettingsConfigSetup #patchSubmit {
    margin-top: 12px !important;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-btn-group {
    display: grid;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    margin: 10px 0;
    gap: 2px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-tab-btn {
    display: flex;
    align-items: center;
    padding: 9px 8px;
    overflow-wrap: anywhere;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-panel,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .win-history-panel {
    min-height: 0;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-info-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-info-label {
    width: auto;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-progress-bar {
    width: 100%;
    max-width: 300px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .configSetupHistoryScroller {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup #historyTable {
    width: 100%;
    min-width: 640px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup #winReleaseTable {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup #winReleaseTable th,
html.mobile-settings-page-mode .mobileSettingsConfigSetup #winReleaseTable td {
    overflow-wrap: anywhere;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-history-table th,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-history-table td {
    min-height: 44px;
    padding: 9px 8px;
}

html.mobile-settings-page-mode .mobileSettingsConfigSetup .patch-history-table .topButtonWhole,
html.mobile-settings-page-mode .mobileSettingsConfigSetup .win-history-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 0 16px;
    white-space: normal;
}

html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv .v5MenupageIcon {
    display: none;
}

html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv #notifyAdminDiv,
html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv .v5MenupageHeadline,
html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv .v5MenupageDetailDiv {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
    white-space: normal;
}

html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv .v5MenupageHeadline {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 17px;
}

html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv .v5MenupageDetailDiv > table,
html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv #notifyTable,
html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv .triggerDispTable {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-settings-page-mode #floatingWinContent > .v5MenupageDiv a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 16px;
}

/* Access rights keeps the desktop matrix and makes that matrix the page's one two-axis scroller. */
html.mobile-settings-page-mode .mobileSettingsAccess {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - var(--mobile-canvas-safe-bottom));
    min-height: calc(100dvh - var(--mobile-canvas-safe-bottom));
    overflow: hidden;
}

html.mobile-settings-page-mode .mobileSettingsAccess .mobileSettingsContent {
    flex: 1 1 auto;
    max-width: none;
    min-height: 0;
    /* Reserve the notch outside the local scroller so its sticky first column can never slide
       beneath the cutout; the form's existing 16px remains its ordinary interior padding. */
    padding: 0 var(--mobile-canvas-safe-right) 0 var(--mobile-canvas-safe-left);
    overflow: hidden;
}

html.mobile-settings-page-mode .mobileSettingsAccess #accessWrapper {
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    overflow: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-settings-page-mode .mobileSettingsAccess #globalAccessForm {
    box-sizing: border-box;
    width: max-content;
    min-width: 100%;
    margin: 0 !important;
    padding: 16px;
}

html.mobile-settings-page-mode .mobileSettingsAccess #accessTable {
    width: max-content;
    min-width: 100%;
}

html.mobile-settings-page-mode .mobileSettingsAccess #accessTable td:not(:first-child),
html.mobile-settings-page-mode .mobileSettingsAccess #accessTable th:not(:first-child) {
    min-width: 144px;
}

html.mobile-settings-page-mode .mobileSettingsAccess #accessTableSheetNameColumnHeader {
    position: sticky;
    z-index: 25;
    top: -1px;
    left: 0;
    min-width: 180px;
    background: #fff;
}

html.mobile-settings-page-mode .mobileSettingsAccess #accessTable th.stickyLeft {
    min-width: 180px;
    max-width: 240px;
    overflow-wrap: anywhere;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsAccess .globalAccessFormSelection {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsAccess .hiddenSelection {
    visibility: visible !important;
}

html.mobile-settings-page-mode .mobileSettingsAccess .dragElement {
    display: none !important;
}

html.mobile-settings-page-mode .mobileSettingsAccess #globalAccessFormSave,
html.mobile-settings-page-mode .mobileSettingsAccess #accessSearchBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsAccess #accessSearchbar {
    box-sizing: border-box;
    width: min(280px, calc(100vw - 92px)) !important;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsAccess #advanceSettingCheckbox,
html.mobile-settings-page-mode .mobileSettingsAccess .accessExtendOption input[type="checkbox"] {
    min-width: 24px;
    min-height: 24px;
}

html.mobile-settings-page-mode .mobileSettingsAccess .accessExtendOption > div {
    min-height: 44px;
}

/* File Manager keeps the desktop card renderer but replaces mouse-only batch actions on touch. */
html.mobile-settings-page-mode .mobileSettingsFileManager .mobileSettingsContent {
    max-width: none;
    padding: 16px max(16px, var(--mobile-canvas-safe-right)) 16px max(16px, var(--mobile-canvas-safe-left));
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerContainer,
html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerContent,
html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerSheetView {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerContainer {
    position: static;
    left: auto;
    margin-top: 0;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerContent {
    min-height: 0;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerTopButtonDiv {
    position: static;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    gap: 8px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerPrePageButton,
html.mobile-settings-page-mode .mobileSettingsFileManager #pagination,
html.mobile-settings-page-mode .mobileSettingsFileManager .pageClass {
    float: none !important;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
    gap: 8px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .pageClass {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #bBack,
html.mobile-settings-page-mode .mobileSettingsFileManager #goFirstPage,
html.mobile-settings-page-mode .mobileSettingsFileManager #goPrePage,
html.mobile-settings-page-mode .mobileSettingsFileManager #goNextPage {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px !important;
    min-width: 44px;
    height: 44px;
    margin: 0 !important;
    padding: 0 !important;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerTitle {
    height: auto;
    margin: 20px 0 12px;
    overflow-wrap: anywhere;
    line-height: 1.3;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileManagerMobileActions.is-active {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileManagerMobileActions > button {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 150px;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.3;
    white-space: normal;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #fileManagerSheetView select {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin-top: 8px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager #description {
    display: none !important;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .groupDiv {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    padding-top: 16px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .groupContentDiv {
    min-width: 0;
    overflow: visible;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileManagerDirectoryGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .directoryContainerDiv {
    float: none;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 68px;
    margin: 0;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .directoryDiv {
    position: static;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 66px;
    padding: 12px 16px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .directoryIconDiv,
html.mobile-settings-page-mode .mobileSettingsFileManager .directoryNameDiv {
    float: none;
    position: static;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .directoryNameDiv {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    margin-left: 16px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileManagerFileGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
    align-items: start;
    gap: 16px 8px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileContainerDiv,
html.mobile-settings-page-mode .mobileSettingsFileManager .fileEmptyContainerDiv {
    float: none;
    justify-self: center;
    margin: 0;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileDiv {
    min-height: 120px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .fileManagerUploadRow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    height: auto;
    min-height: 44px;
}

html.mobile-settings-page-mode .mobileSettingsFileManager .groupUploadButton {
    position: static;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 8px;
    font-size: 16px;
}

html.mobile-settings-page-mode #floatingDownloadAll,
html.mobile-settings-page-mode #floatingUploadAll {
    right: max(16px, var(--mobile-canvas-safe-right));
    left: max(16px, var(--mobile-canvas-safe-left)) !important;
    box-sizing: border-box;
    max-width: none;
}

html.mobile-settings-page-mode #floatingWinDownloadAllOuterContent,
html.mobile-settings-page-mode #floatingWinUploadAllOuterContent {
    box-sizing: border-box;
    width: 100%;
    max-height: 50dvh;
    overflow: auto;
}

/* Sheet Relationship Diagram keeps Cytoscape's native touch gestures and fluidly contains its UI. */
html.mobile-settings-page-mode .mobileSettingsSheetRelation .mobileSettingsContent {
    max-width: none;
    padding: 0;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD-container {
    flex-direction: column;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    padding: 16px max(16px, var(--mobile-canvas-safe-right)) 16px max(16px, var(--mobile-canvas-safe-left)) !important;
    gap: 16px !important;
    overflow: visible;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-pageIcon {
    display: none;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-wrapper,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD-filter,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD-graph,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .cy-diagram-wrapper,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #cy {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD-filter {
    gap: 16px;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD-name {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 44px;
    font-size: 16px !important;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation #tab-barSelect,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #sheet-barSelect,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #relation-barSelect,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .barSelect {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .barSelect-selection {
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

/* BarSelect renders its active dropdown under body, outside the page wrapper. Keep these shared
   settings overlays touch-safe while the responsive settings surface is active. */
html.mobile-settings-page-mode body > .barSelect-dropDown .barSelect-search {
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode body > .barSelect-dropDown .barSelect-option[data-role="option"],
html.mobile-settings-page-mode body > .barSelect-dropDown .barSelect-group {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .barSelect-selection-value-span,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD_filter_hint_2,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #SRD_filter_hint_3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
}

html.mobile-settings-page-mode .eventConfigMenu .SRD-downloadOption {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-tableScroller {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-tableScroller table {
    min-width: 700px;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-action,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-generateActions,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-graphActions,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-legendRow,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-legendItems {
    flex-wrap: wrap;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-view,
html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-delete,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #createNewSRD,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #generateGraph,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #fitGraph,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #saveGraph,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #backStartPage,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #downloadDiagram,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #cy-zoomIn,
html.mobile-settings-page-mode .mobileSettingsSheetRelation #cy-zoomOut {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-legendRow {
    align-items: center;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation .SRD-downloadActions {
    padding-right: 0;
}

html.mobile-settings-page-mode .mobileSettingsSheetRelation #cy {
    height: min(70dvh, 640px) !important;
    min-height: 360px;
}

/* Translation stacks its selectors and lets the iframe own the remaining viewport height. */
html.mobile-settings-page-mode .mobileSettingsTranslation {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - var(--mobile-canvas-safe-bottom));
    min-height: calc(100dvh - var(--mobile-canvas-safe-bottom));
    overflow: hidden;
}

html.mobile-settings-page-mode .mobileSettingsTranslation .mobileSettingsContent {
    display: flex;
    flex: 1 1 auto;
    max-width: none;
    min-height: 0;
    padding: 16px max(16px, var(--mobile-canvas-safe-right)) 16px max(16px, var(--mobile-canvas-safe-left));
    overflow: hidden;
}

html.mobile-settings-page-mode .mobileSettingsTranslation .translationPageBody {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100% !important;
    min-height: 0;
    margin: 0 !important;
}

html.mobile-settings-page-mode .mobileSettingsTranslation .translationControls,
html.mobile-settings-page-mode .mobileSettingsTranslation .translationControlsInner {
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
}

html.mobile-settings-page-mode .mobileSettingsTranslation .translationControls {
    flex: 0 0 auto;
    margin-bottom: 12px !important;
}

html.mobile-settings-page-mode .mobileSettingsTranslation select {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-settings-page-mode .mobileSettingsTranslation .translationEditorFrame {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
}

/* Report Center, the frozen snapshot viewer, and the standalone Account Home calendar retain
   their legacy renderers. This shared frame only removes desktop chrome, supplies a compact
   header, and gives wide content one local scroller. */
html.mobile-report-center-mode,
html.mobile-report-snapshot-mode,
html.mobile-calendar-mode {
    --mobile-utility-safe-top: env(safe-area-inset-top, 0px);
    --mobile-utility-safe-right: env(safe-area-inset-right, 0px);
    --mobile-utility-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-utility-safe-left: env(safe-area-inset-left, 0px);
    --mobile-utility-header-height: 56px;
    --mobile-canvas-safe-top: var(--mobile-utility-safe-top);
    --mobile-canvas-safe-right: var(--mobile-utility-safe-right);
    --mobile-canvas-safe-bottom: var(--mobile-utility-safe-bottom);
    --mobile-canvas-safe-left: var(--mobile-utility-safe-left);
    max-width: 100%;
    overflow-x: hidden;
}

.mobileUtilityBack,
.mobileUtilityHeaderActions,
.mobileReportSnapshotHeader,
.mobileCalendarHeader {
    display: none;
}

html.mobile-report-center-mode body,
html.mobile-report-snapshot-mode body,
html.mobile-calendar-mode body {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding-bottom: var(--mobile-utility-safe-bottom);
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
}

html.mobile-report-center-mode #v5Header,
html.mobile-report-center-mode #v5SidebarTD,
html.mobile-report-center-mode #v5SidebarSep,
html.mobile-report-center-mode #v5DesignHelper,
html.mobile-report-center-mode #collapseDiv,
html.mobile-report-center-mode #mobileAppRedirectDiv,
html.mobile-report-snapshot-mode #v5Header,
html.mobile-report-snapshot-mode #v5SidebarTD,
html.mobile-report-snapshot-mode #v5SidebarSep,
html.mobile-report-snapshot-mode #v5DesignHelper,
html.mobile-report-snapshot-mode #collapseDiv,
html.mobile-report-snapshot-mode #mobileAppRedirectDiv,
html.mobile-calendar-mode #v5Header,
html.mobile-calendar-mode #v5SidebarTD,
html.mobile-calendar-mode #v5SidebarSep,
html.mobile-calendar-mode #v5DesignHelper,
html.mobile-calendar-mode #collapseDiv,
html.mobile-calendar-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-report-center-mode #v5Body,
html.mobile-report-center-mode #v5BodyTable,
html.mobile-report-center-mode #v5BodyTable > tbody,
html.mobile-report-center-mode #v5BodyRow,
html.mobile-report-center-mode #v5Content,
html.mobile-report-snapshot-mode #v5Body,
html.mobile-report-snapshot-mode #v5BodyTable,
html.mobile-report-snapshot-mode #v5BodyTable > tbody,
html.mobile-report-snapshot-mode #v5BodyRow,
html.mobile-report-snapshot-mode #v5Content,
html.mobile-calendar-mode #v5Body,
html.mobile-calendar-mode #v5BodyTable,
html.mobile-calendar-mode #v5BodyTable > tbody,
html.mobile-calendar-mode #v5BodyRow,
html.mobile-calendar-mode #v5Content {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
}

html.mobile-report-center-mode #v5BodyTable,
html.mobile-report-snapshot-mode #v5BodyTable,
html.mobile-calendar-mode #v5BodyTable {
    table-layout: fixed;
}

html.mobile-report-center-mode #v5Content,
html.mobile-report-snapshot-mode #v5Content,
html.mobile-calendar-mode #v5Content {
    min-width: 0;
    padding: 0 !important;
}

html.mobile-report-center-mode .mobileUtilityHeader,
html.mobile-report-snapshot-mode .mobileUtilityHeader,
html.mobile-calendar-mode .mobileUtilityHeader {
    position: sticky;
    top: 0;
    z-index: 300;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    width: 100%;
    min-height: calc(var(--mobile-utility-header-height) + var(--mobile-utility-safe-top));
    gap: 10px;
    padding: var(--mobile-utility-safe-top) max(12px, var(--mobile-utility-safe-right)) 6px max(12px, var(--mobile-utility-safe-left));
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

html.mobile-report-center-mode .mobileUtilityBack,
html.mobile-report-snapshot-mode .mobileUtilityBack,
html.mobile-calendar-mode .mobileUtilityBack {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    color: #333;
    border-radius: 6px;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
}

html.mobile-report-center-mode .mobileUtilityBack:focus-visible,
html.mobile-report-snapshot-mode .mobileUtilityBack:focus-visible,
html.mobile-calendar-mode .mobileUtilityBack:focus-visible {
    outline: 2px solid #3152ad;
    outline-offset: 2px;
}

html.mobile-report-center-mode .mobileUtilityTitle,
html.mobile-report-snapshot-mode .mobileUtilityTitle,
html.mobile-calendar-mode .mobileUtilityTitle {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0 0 10px;
    overflow: hidden;
    color: #222;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-report-center-mode .mobileUtilityHeaderActions,
html.mobile-report-snapshot-mode .mobileUtilityHeaderActions,
html.mobile-calendar-mode .mobileUtilityHeaderActions {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: flex-end;
    min-width: 44px;
    margin-left: auto;
}

/* Frozen snapshot HTML may contain a second historical #report plus arbitrary report-type CSS.
   Target only the unique outer hook and pan it at natural width instead of rewriting its content. */
html.mobile-report-snapshot-mode body,
html.mobile-calendar-mode body {
    height: 100vh;
    height: 100dvh;
    padding-bottom: 0;
    overflow-y: hidden !important;
}

html.mobile-report-snapshot-mode #v5Body,
html.mobile-report-snapshot-mode #v5BodyTable,
html.mobile-report-snapshot-mode #v5BodyTable > tbody,
html.mobile-report-snapshot-mode #v5BodyRow,
html.mobile-report-snapshot-mode #v5Content,
html.mobile-calendar-mode #v5Body,
html.mobile-calendar-mode #v5BodyTable,
html.mobile-calendar-mode #v5BodyTable > tbody,
html.mobile-calendar-mode #v5BodyRow,
html.mobile-calendar-mode #v5Content {
    height: 100%;
    min-height: 0;
}

html.mobile-report-snapshot-mode .mobileReportSnapshotHeaderActions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    min-width: 44px;
    margin-left: auto;
    padding-bottom: 0;
}

html.mobile-report-snapshot-mode .mobileReportSnapshotScroller {
    box-sizing: border-box;
    width: 100%;
    height: calc(100dvh - var(--mobile-utility-header-height) - var(--mobile-utility-safe-top));
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-report-snapshot-mode .mobileReportSnapshotScroller > #report.reportSnapshotViewerContent {
    position: relative;
    box-sizing: border-box;
    width: max-content;
    min-width: 100%;
    max-width: none;
    margin: 0;
    padding: 12px max(12px, var(--mobile-utility-safe-right)) max(12px, var(--mobile-utility-safe-bottom)) max(12px, var(--mobile-utility-safe-left));
    overflow: visible;
}

html.mobile-report-snapshot-mode .mobileReportSnapshotHeaderActions #reportToolbar {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

html.mobile-report-snapshot-mode .mobileReportSnapshotHeaderActions #reportToolbar .settingIcons {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    font-size: 20px;
}

/* The calendar itself keeps its established seven-column geometry. Only this viewport pans; the
   compact header and any body-level dialog stay fixed in device coordinates. */
html.mobile-calendar-mode .mobileCalendarViewport {
    box-sizing: border-box;
    width: 100%;
    height: calc(100dvh - var(--mobile-utility-header-height) - var(--mobile-utility-safe-top));
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-calendar-mode .mobileCalendarCanvas {
    box-sizing: border-box;
    width: 720px;
    min-width: 720px;
    min-height: 100%;
    padding: 4px 0 max(12px, var(--mobile-utility-safe-bottom));
}

html.mobile-calendar-mode .EventCalendar_btn,
html.mobile-calendar-mode .EventCalendar_config,
html.mobile-calendar-mode .EventCalendar_switch_label,
html.mobile-calendar-mode .EventCalendar_dropdown select {
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-calendar-mode .EventCalendar_config {
    justify-content: center;
    min-width: 44px;
    margin: 0 8px;
}

html.mobile-calendar-mode .EventCalendar_dropdown select {
    font-size: 16px;
}

html.mobile-calendar-mode .EventCalendar_Evt_Day,
html.mobile-calendar-mode .EventCalendar_Evt_Time,
html.mobile-calendar-mode .EventCalendar_Evt_Time_All_Day,
html.mobile-calendar-mode .EventCalendar_Evt_more {
    min-height: 24px;
}

html.mobile-report-snapshot-mode #floatingWin #dataDlSettingPanel {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

html.mobile-report-snapshot-mode #floatingWin #dlPDFFormatSettingTable {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

html.mobile-report-snapshot-mode #floatingWin #pdfSizeSelect,
html.mobile-report-snapshot-mode #floatingWin #pdfScaleInput,
html.mobile-report-snapshot-mode #floatingWin #dlPDFFormatSettingTable label,
html.mobile-report-snapshot-mode #floatingWin #dataDlSettingPanel + div .topButtonWhole {
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-report-snapshot-mode #floatingWin #dlPDFFormatSettingTable label,
html.mobile-report-snapshot-mode #floatingWin #dataDlSettingPanel + div .topButtonWhole {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
}

@media print {
    html.mobile-report-snapshot-mode,
    html.mobile-report-snapshot-mode body {
        width: auto !important;
        max-width: none !important;
        height: auto;
        overflow: visible !important;
    }

    html.mobile-report-snapshot-mode #v5Body,
    html.mobile-report-snapshot-mode #v5BodyTable,
    html.mobile-report-snapshot-mode #v5BodyTable > tbody,
    html.mobile-report-snapshot-mode #v5BodyRow,
    html.mobile-report-snapshot-mode #v5Content {
        width: auto !important;
        max-width: none !important;
        height: auto;
        overflow: visible !important;
    }

    html.mobile-report-snapshot-mode .mobileReportSnapshotHeader {
        display: none !important;
    }

    html.mobile-report-snapshot-mode .mobileReportSnapshotScroller {
        height: auto;
        overflow: visible;
    }

    html.mobile-report-snapshot-mode .mobileReportSnapshotScroller > #report.reportSnapshotViewerContent {
        width: auto;
        min-width: 0;
        padding: 0;
    }
}

/* Shared dialog containment (mobile-account-home-proposal.md section 5): the home, management,
   settings, task, billing and listing scopes are additive selector extensions on this block only - no declaration here
   is surface-specific, and mobileHome.css must never copy these rules. The listing twin is the
   review fix for the listing page's clipped dialogs: floatWin() owners there (the batch-exec
   action-button panel, mass-edit, delete confirmations) write desktop inline geometry, and the
   listing body is overflow:hidden, so without this frame the dialog ran past both viewport
   edges. */
/* Keep the legacy floating-window owner, but give it a viewport-sized mobile frame. */
html.mobile-record-mode #floatingWin,
html.mobile-home-mode #floatingWin,
html.mobile-data-management-mode #floatingWin,
html.mobile-settings-page-mode #floatingWin,
html.mobile-task-mode #floatingWin,
html.mobile-billing-mode #floatingWin,
html.mobile-report-center-mode #floatingWin,
html.mobile-report-snapshot-mode #floatingWin,
html.mobile-calendar-mode #floatingWin,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin {
    position: fixed;
    top: 50% !important;
    right: max(12px, var(--mobile-canvas-safe-right));
    left: max(12px, var(--mobile-canvas-safe-left)) !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    max-width: none;
    max-height: calc(100dvh - max(24px, var(--mobile-canvas-safe-top)) - max(24px, var(--mobile-canvas-safe-bottom)));
    transform: translateY(-50%);
}

/* Layout only: the gradient, borders, shadow and colour stay owned by .floatingWinHeader in
   system.css so the mobile dialog header matches the desktop one for every floatWin variant. */
html.mobile-record-mode #floatingWin #floatinWinHeader,
html.mobile-home-mode #floatingWin #floatinWinHeader,
html.mobile-data-management-mode #floatingWin #floatinWinHeader,
html.mobile-settings-page-mode #floatingWin #floatinWinHeader,
html.mobile-task-mode #floatingWin #floatinWinHeader,
html.mobile-billing-mode #floatingWin #floatinWinHeader,
html.mobile-report-center-mode #floatingWin #floatinWinHeader,
html.mobile-report-snapshot-mode #floatingWin #floatinWinHeader,
html.mobile-calendar-mode #floatingWin #floatinWinHeader,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin #floatinWinHeader {
    position: relative;
    float: none;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
    padding: 0 48px 0 12px;
}

html.mobile-record-mode #floatingWin #floatingWinHeader,
html.mobile-home-mode #floatingWin #floatingWinHeader,
html.mobile-data-management-mode #floatingWin #floatingWinHeader,
html.mobile-settings-page-mode #floatingWin #floatingWinHeader,
html.mobile-task-mode #floatingWin #floatingWinHeader,
html.mobile-billing-mode #floatingWin #floatingWinHeader,
html.mobile-report-center-mode #floatingWin #floatingWinHeader,
html.mobile-report-snapshot-mode #floatingWin #floatingWinHeader,
html.mobile-calendar-mode #floatingWin #floatingWinHeader,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin #floatingWinHeader {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.mobile-record-mode #floatingWin #floatingWinCloseIcon,
html.mobile-home-mode #floatingWin #floatingWinCloseIcon,
html.mobile-data-management-mode #floatingWin #floatingWinCloseIcon,
html.mobile-settings-page-mode #floatingWin #floatingWinCloseIcon,
html.mobile-task-mode #floatingWin #floatingWinCloseIcon,
html.mobile-billing-mode #floatingWin #floatingWinCloseIcon,
html.mobile-report-center-mode #floatingWin #floatingWinCloseIcon,
html.mobile-report-snapshot-mode #floatingWin #floatingWinCloseIcon,
html.mobile-calendar-mode #floatingWin #floatingWinCloseIcon,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin #floatingWinCloseIcon {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    transform: translateY(-50%);
}

html.mobile-record-mode #floatingWinOuterContent,
html.mobile-home-mode #floatingWinOuterContent,
html.mobile-data-management-mode #floatingWinOuterContent,
html.mobile-settings-page-mode #floatingWinOuterContent,
html.mobile-task-mode #floatingWinOuterContent,
html.mobile-billing-mode #floatingWinOuterContent,
html.mobile-report-center-mode #floatingWinOuterContent,
html.mobile-report-snapshot-mode #floatingWinOuterContent,
html.mobile-calendar-mode #floatingWinOuterContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWinOuterContent {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    max-height: calc(100dvh - max(60px, var(--mobile-canvas-safe-top)) - max(24px, var(--mobile-canvas-safe-bottom)));
    padding: 20px;
    overflow: auto;
    overscroll-behavior: contain;
}

html.mobile-record-mode #floatingWinContent,
html.mobile-home-mode #floatingWinContent,
html.mobile-data-management-mode #floatingWinContent,
html.mobile-settings-page-mode #floatingWinContent,
html.mobile-task-mode #floatingWinContent,
html.mobile-billing-mode #floatingWinContent,
html.mobile-report-center-mode #floatingWinContent,
html.mobile-report-snapshot-mode #floatingWinContent,
html.mobile-calendar-mode #floatingWinContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWinContent,
html.mobile-record-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-home-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-data-management-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-settings-page-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-task-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-billing-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-report-center-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-report-snapshot-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-calendar-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWinContent > .floatingWinIconContent {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

html.mobile-record-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-home-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-data-management-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-settings-page-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-task-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-billing-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-report-center-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-report-snapshot-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-calendar-mode #floatingWinContent > .floatingWinIconContent,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWinContent > .floatingWinIconContent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    padding-top: 0;
}

/* Every floatWinIcon() variant hard-codes a 70px icon INLINE - font-size for the icon-font
   variants (warning, loading spinner), width for the success SVG - which is wider than the mobile
   icon column. Inline styles beat the stylesheet, so the overrides below need !important, and the
   column must not clip: overflow stays visible and it grows for any icon that still runs wide. */
html.mobile-record-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-home-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-data-management-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-settings-page-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-task-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-billing-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-report-center-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-report-snapshot-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-calendar-mode #floatingWin .floatingWinIcon-iconContainer,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatingWinIcon-iconContainer {
    box-sizing: border-box;
    width: auto;
    min-width: 56px;
    padding: 0;
    overflow: visible;
    font-size: 44px;
    line-height: 1;
    text-align: center;
}

html.mobile-record-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-home-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-data-management-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-settings-page-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-task-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-billing-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-report-center-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-report-snapshot-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-calendar-mode #floatingWin .floatingWinIcon-iconContainer > i,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatingWinIcon-iconContainer > i {
    font-size: inherit !important;
    line-height: 1;
    vertical-align: middle;
}

html.mobile-record-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-home-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-data-management-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-settings-page-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-task-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-billing-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-report-center-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-report-snapshot-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-calendar-mode #floatingWin .floatingWinIcon-iconContainer > svg,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatingWinIcon-iconContainer > svg {
    display: block;
    width: 44px !important;
    height: auto;
    margin: 0 auto;
}

html.mobile-record-mode #floatingWin .floatingWinIcon-body,
html.mobile-home-mode #floatingWin .floatingWinIcon-body,
html.mobile-data-management-mode #floatingWin .floatingWinIcon-body,
html.mobile-settings-page-mode #floatingWin .floatingWinIcon-body,
html.mobile-task-mode #floatingWin .floatingWinIcon-body,
html.mobile-billing-mode #floatingWin .floatingWinIcon-body,
html.mobile-report-center-mode #floatingWin .floatingWinIcon-body,
html.mobile-report-snapshot-mode #floatingWin .floatingWinIcon-body,
html.mobile-calendar-mode #floatingWin .floatingWinIcon-body,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatingWinIcon-body {
    min-width: 0;
    padding: 0;
}

html.mobile-record-mode #floatingWin .floatingWinIcon-text,
html.mobile-home-mode #floatingWin .floatingWinIcon-text,
html.mobile-data-management-mode #floatingWin .floatingWinIcon-text,
html.mobile-settings-page-mode #floatingWin .floatingWinIcon-text,
html.mobile-task-mode #floatingWin .floatingWinIcon-text,
html.mobile-billing-mode #floatingWin .floatingWinIcon-text,
html.mobile-report-center-mode #floatingWin .floatingWinIcon-text,
html.mobile-report-snapshot-mode #floatingWin .floatingWinIcon-text,
html.mobile-calendar-mode #floatingWin .floatingWinIcon-text,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatingWinIcon-text {
    max-width: none;
    min-height: 0;
    padding: 0 0 16px;
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.4;
}

html.mobile-record-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-home-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-data-management-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-settings-page-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-task-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-billing-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-report-center-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-report-snapshot-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-calendar-mode #floatingWin .floatWinConfirmButtonDiv,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatWinConfirmButtonDiv {
    float: none;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    clear: none;
    gap: 8px;
    margin: 0;
}

html.mobile-record-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-home-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-data-management-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-settings-page-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-task-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-billing-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-report-center-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-report-snapshot-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-calendar-mode #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger,
html.mobile-sheet-mode:not(.mobile-record-mode) #floatingWin .floatWinConfirmButtonDiv > .topButtonWholeLarger {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 88px;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 380px) {
    html.mobile-record-mode .mobileCanvasRecordPrimary,
    html.mobile-record-mode .mobileCanvasRecordNavigation {
        gap: 4px;
        padding-right: 6px;
        padding-left: 6px;
    }

    html.mobile-record-mode .mobileCanvasButton {
        padding-right: 7px;
        padding-left: 7px;
        font-size: 15px;
    }

}

@media (prefers-reduced-motion: reduce) {
    html.mobile-sheet-mode *,
    html.mobile-sheet-mode *::before,
    html.mobile-sheet-mode *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Learning Center surface (/{ap}/start): the public course pages render inside #courseFrame and
   own all scrolling; the parent only supplies the device viewport, a compact header, and a
   flex-column shell. The header markup is inert on desktop - only mobile-learning-mode, added by
   the shared pre-paint script for an eligible touch device, reveals it. */
#mobileLearningHeader {
    display: none;
}

html.mobile-learning-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
}

/* The frame must be the sole scroll owner, so the body is a fixed-height column that never
   scrolls; dvh keeps the bottom toolbar overlap of vh-only layouts from hiding content. */
html.mobile-learning-mode body {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100vh;
    height: 100dvh;
    min-width: 0;
    margin: 0;
    padding: 0 0 var(--mobile-canvas-safe-bottom);
    overflow: hidden !important;
    background: #fff !important;
}

/* Desktop chrome the phone shell never shows. #v5BodyTable also covers the sidebar and progress
   cells inside it; #v5Body itself stays alive because #videoRoom (a fixed overlay) and the
   floating popup infrastructure live there. */
html.mobile-learning-mode #v5Header,
html.mobile-learning-mode #v5BodyTable,
html.mobile-learning-mode #collapseDiv,
html.mobile-learning-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-learning-mode #v5Body {
    flex: 0 0 auto;
}

html.mobile-learning-mode #mobileLearningHeader {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-canvas-safe-top));
    padding: var(--mobile-canvas-safe-top) max(12px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 8px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
}

html.mobile-learning-mode #mobileLearningBack {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    color: #333;
    border-radius: 6px;
    font-size: 25px;
    line-height: 1;
    text-decoration: none;
}

html.mobile-learning-mode #mobileLearningBack:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

html.mobile-learning-mode #mobileLearningHeader h1 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The inline desktop sizing (calc(100vh - 90px)) is replaced by the flex track. */
html.mobile-learning-mode #courseFrame {
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    width: calc(100% - var(--mobile-canvas-safe-left) - var(--mobile-canvas-safe-right)) !important;
    height: auto !important;
    min-width: 0;
    min-height: 0;
    margin-right: var(--mobile-canvas-safe-right);
    margin-left: var(--mobile-canvas-safe-left);
    border: none;
}

/* The news fly-in requested by the course pages is opened with an inline 350px width; cap it so
   it can never exceed the device viewport (16px minimum edge margins). Its JS-owned right value
   must remain untouched because that value also hides the panel. Keep the panel at that exact
   position and reserve the right safe area inside it; translating the panel would pull a strip
   back onscreen after _hideMsg() moves it right by its offsetWidth. */
html.mobile-learning-mode #fpDiv {
    box-sizing: border-box;
    top: var(--mobile-canvas-safe-top) !important;
    max-width: calc(100vw - 32px - var(--mobile-canvas-safe-left) - var(--mobile-canvas-safe-right));
    height: calc(100vh - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom));
    height: calc(100dvh - var(--mobile-canvas-safe-top) - var(--mobile-canvas-safe-bottom));
    padding-right: var(--mobile-canvas-safe-right);
}

/* Ragic AI is a desktop draggable window. On responsive surfaces it becomes a contained phone
   sheet, while the desktop tab and its saved X/Y position remain untouched. */
.mobileRagicAILauncher,
.ragicAIHistorySidebarClose {
    display: none;
}

.mobileRagicAILauncher[hidden] {
    display: none !important;
}

html.mobile-ragic-ai-surface {
    --mobile-ragic-ai-safe-top: env(safe-area-inset-top, 0px);
    --mobile-ragic-ai-safe-right: env(safe-area-inset-right, 0px);
    --mobile-ragic-ai-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-ragic-ai-safe-left: env(safe-area-inset-left, 0px);
}

html.mobile-ragic-ai-open,
html.mobile-ragic-ai-open body {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/* Account Home mounts this beside #profileNav. Other responsive owners mount the same control in
   their existing top header/action row. It is never viewport-positioned, so it cannot cover sheet
   fields. Key visibility to the dialog, not activation, so a hidden conversation can be reopened. */
html.mobile-ragic-ai-surface:not(.mobile-ragic-ai-open) .mobileRagicAILauncher:not([hidden]) {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    color: var(--mobile-home-bar-fg, #333);
    font-size: 20px;
    line-height: 1;
    background: transparent;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    cursor: pointer;
}

html.mobile-ragic-ai-surface.mobile-data-management-mode .mobileDataManagementHeader > .mobileRagicAILauncher,
html.mobile-ragic-ai-surface.mobile-settings-page-mode .mobileSettingsHeader > .mobileRagicAILauncher,
html.mobile-ragic-ai-surface.mobile-task-mode .mobileTaskHeader > .mobileRagicAILauncher,
html.mobile-ragic-ai-surface.mobile-billing-mode .mobileBillingHeader > .mobileRagicAILauncher,
html.mobile-ragic-ai-surface.mobile-report-mode .mobileReportNavigation > .mobileRagicAILauncher,
html.mobile-ragic-ai-surface.mobile-learning-mode #mobileLearningHeader > .mobileRagicAILauncher {
    margin-left: auto;
}

/* Static utility headers place the compact AI control in the existing action host. */
html.mobile-ragic-ai-surface.mobile-report-center-mode .mobileUtilityHeaderActions:has(> .mobileRagicAILauncher),
html.mobile-ragic-ai-surface.mobile-report-snapshot-mode .mobileUtilityHeaderActions:has(> .mobileRagicAILauncher),
html.mobile-ragic-ai-surface.mobile-calendar-mode .mobileUtilityHeaderActions:has(> .mobileRagicAILauncher) {
    flex-basis: auto;
    gap: 4px;
}

html.mobile-ragic-ai-surface .mobileRagicAILauncher:focus-visible {
    outline: 2px solid #08C;
    outline-offset: 2px;
}

/* The desktop star remains in the DOM for desktop state/animation code, but mobile has one entry
   point only. A closed mobile container owns no geometry or controls. */
html.mobile-ragic-ai-surface .ragicAIContainer:not(.mobileRagicAIDialogOpen),
html.mobile-ragic-ai-surface #ragicAIActiveButton {
    display: none !important;
}

html.mobile-ragic-ai-surface .ragicAIContainer.mobileRagicAIDialogOpen {
    position: fixed;
    z-index: 350;
    top: var(--mobile-ragic-ai-top, 0) !important;
    left: var(--mobile-ragic-ai-left, 0) !important;
    box-sizing: border-box;
    width: var(--mobile-ragic-ai-width, 100vw);
    height: var(--mobile-ragic-ai-height, 100dvh);
    overflow: hidden;
    transform: none !important;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIBody {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-bottom: var(--mobile-ragic-ai-safe-bottom);
    overflow: hidden;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIContentContainer,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAICurrentConversationContainer {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: auto;
    overflow: hidden;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIButtonContainer {
    flex: 0 0 auto;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-ragic-ai-safe-top));
    padding: var(--mobile-ragic-ai-safe-top) calc(56px + var(--mobile-ragic-ai-safe-right)) 0 max(8px, var(--mobile-ragic-ai-safe-left));
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAICloseButton {
    position: absolute;
    top: calc(6px + var(--mobile-ragic-ai-safe-top));
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAICloseButton {
    right: max(8px, var(--mobile-ragic-ai-safe-right));
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen.ragicAIHistoryOpen > #ragicAICloseButton,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen.ragicAISettingsOpen > #ragicAICloseButton {
    display: none;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAIHistoryButton,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAINewConversationButton,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAIUserSubmitButton,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAISettingsCloseButton {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    margin-top: 0;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #jobsButton,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAIDesignDefaultQuestionButton,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAIDataEditDefaultButton {
    display: none !important;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAISelfIntroductionSection {
    box-sizing: border-box;
    width: min(80%, calc(100% - 32px));
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIOutputContainer {
    flex: 1 1 auto;
    box-sizing: border-box;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0 max(12px, var(--mobile-ragic-ai-safe-right)) 0 max(12px, var(--mobile-ragic-ai-safe-left));
    padding-right: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIConversationResponse,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIConversationUserQuestion {
    box-sizing: border-box;
    max-width: 90%;
    overflow-wrap: anywhere;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIConversationResponseText table,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIConversationResponseText pre {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIConversationResponseText img {
    max-width: 100%;
    height: auto;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIInputContainer {
    position: relative;
    bottom: auto;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 100%;
    padding: 0 max(4px, var(--mobile-ragic-ai-safe-right)) 0 max(4px, var(--mobile-ragic-ai-safe-left));
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIDefaultQuestionButtonContainer {
    box-sizing: border-box;
    width: calc(100% - 24px);
    max-height: min(26dvh, 200px);
    gap: 8px;
    overflow-y: auto;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIDefaultQuestionButton {
    flex: 0 0 auto;
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIInputSection {
    min-height: 60px;
    margin: 6px 8px 8px;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAIUserInput,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen #ragicAIHistorySearch {
    font-size: 16px;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistorySidebar {
    z-index: 5;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: var(--mobile-ragic-ai-safe-bottom);
    border: 0;
    border-radius: 0;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistorySidebarHeader {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: calc(56px + var(--mobile-ragic-ai-safe-top));
    gap: 8px;
    padding: var(--mobile-ragic-ai-safe-top) max(8px, var(--mobile-ragic-ai-safe-right)) 0 max(8px, var(--mobile-ragic-ai-safe-left));
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistorySidebarClose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 0;
    color: #555;
    background: #FFF;
    border: 0;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistorySearch {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistorySidebarNewBtn,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistoryItem,
html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistorySidebarSettings {
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAIHistoryItemDelete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    margin: -8px -10px -8px 0;
}

html.mobile-ragic-ai-surface .mobileRagicAIDialogOpen .ragicAISettingsContainer {
    z-index: 5;
    box-sizing: border-box;
    padding: max(16px, var(--mobile-ragic-ai-safe-top)) max(16px, var(--mobile-ragic-ai-safe-right)) max(16px, var(--mobile-ragic-ai-safe-bottom)) max(16px, var(--mobile-ragic-ai-safe-left));
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* AI-owned alerts remain usable before activation and above the full-screen sheet. The marker is
   attached to the warning content so other floating-window owners retain their z-index contract. */
html.mobile-ragic-ai-surface #floatingWin:has(.ragicAIMobileAlert),
html.mobile-ragic-ai-open #floatingWin {
    position: fixed !important;
    z-index: 360 !important;
    right: max(16px, var(--mobile-ragic-ai-safe-right)) !important;
    left: max(16px, var(--mobile-ragic-ai-safe-left)) !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - 32px - var(--mobile-ragic-ai-safe-top) - var(--mobile-ragic-ai-safe-bottom));
    overflow: auto;
}

html.mobile-ragic-ai-surface #floatingWin:has(.ragicAIMobileAlert) {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

html.mobile-ragic-ai-open #floatingWin {
    top: max(16px, var(--mobile-ragic-ai-safe-top)) !important;
    right: max(16px, var(--mobile-ragic-ai-safe-right)) !important;
    left: max(16px, var(--mobile-ragic-ai-safe-left)) !important;
    transform: none !important;
}
/* Account-home touch surface (mobile-account-home-proposal.md, slices M1 containment and M2 frame).
   Every rule is scoped under html.mobile-home-mode, which has exactly one writer - the nuiv6.jsp
   pre-paint activation script - and only ever appears on an eligible touch device, on the home
   route, with no opt-out cookie. Desktop and nonmatching routes never match a selector in
   this file. Shared dialog containment and the shared navigation drawer live in mobileCanvas.css
   (selector-extended, never copied here); this file owns everything home-only: the compact header,
   the closed-state search icon (the overlay itself is shared, in mobileCanvas.css), the profile
   dropdown panel, the app banner strip, the account-status bars, the drawer's home-built controls
   and the empty-menu-set hint card. */

/* Safe-area tokens. Same names as the canvas shell defines on html.mobile-sheet-mode, because the
   shared dialog rules in mobileCanvas.css consume them and a custom property that is undefined
   makes max()/calc() declarations invalid at computed-value time. */
html.mobile-home-mode {
    --mobile-canvas-safe-top: env(safe-area-inset-top, 0px);
    --mobile-canvas-safe-right: env(safe-area-inset-right, 0px);
    --mobile-canvas-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-canvas-safe-left: env(safe-area-inset-left, 0px);
}

/* ---- Visual tokens (account-home-visual-refresh-plan.md section 1) ------------------------- */

/* The refresh has two bar variants, picked by the account's own darkTheme setting: the nuiv6.jsp
   pre-paint script adds mobile-home-dark next to mobile-home-mode when it is on, so the variant is in
   place at first paint instead of repainting the bar from JS. Only the bar, its glyphs and the
   avatar disc flip; cards, rows and tiles are the same in both. Greys come from the project
   palette, with the two exceptions the plan states: #767676 for secondary text (AA at 12-13px,
   where #888 is only 3.5:1) and #c7c7c7 for the row chevron, which must read as a hint and not
   as a control. */
html.mobile-home-mode {
    --mobile-home-page-bg: #e1e5ea;
    --mobile-home-card-bg: #fff;
    /* The canvas is the deepest surface; the folder band steps up toward the white sheet rows. */
    --mobile-home-folder-bg: #f3f3f3;
    --mobile-home-active-bg: #f3f3f3;
    --mobile-home-card-border: #e3e3e3;
    --mobile-home-card-radius: 12px;
    --mobile-home-hairline: #eee;
    --mobile-home-text: #333;
    --mobile-home-text-secondary: #767676;
    --mobile-home-chevron: #c7c7c7;
    --mobile-home-bar-bg: #fff;
    --mobile-home-bar-fg: #333;
    --mobile-home-bar-edge: #e3e3e3;
    --mobile-home-avatar-bg: #333;
    --mobile-home-avatar-fg: #fff;
    /* The neutral tile: what a widget header, a custom-image tab icon and an engine without
       color-mix() all get. The tinted tab tiles override exactly these two properties. */
    --mobile-home-tile-bg: #f1f1f1;
    --mobile-home-tile-glyph: #555;
}

html.mobile-home-mode.mobile-home-dark {
    --mobile-home-bar-bg: #333;
    --mobile-home-bar-fg: #fff;
    /* The dark bar separates itself from the page, so its edge is transparent rather than absent:
       the bar then keeps exactly the same height in both variants. */
    --mobile-home-bar-edge: transparent;
    --mobile-home-avatar-bg: #fff;
    --mobile-home-avatar-fg: #333;
}

/* ---- Frame containment ------------------------------------------------------------------- */

/* Belt and braces under the compact header: clip any horizontal overflow so the header can never
   widen the document; overflow-x: clip keeps overflow-y visible for the header's own dropdowns,
   with hidden as the fallback on older engines. */
html.mobile-home-mode #v5Header {
    overflow-x: hidden;
    overflow-x: clip;
    max-width: 100vw;
    white-space: normal;
}

/* The topmost strip (app banner when shown, otherwise the header) clears the safe-area top inset
   once, on the body; the fixed search bar carries its own. The page ground is the refresh's own
   grey and has to be !important on body because nuiv6.jsp writes background:#f8f8f8 inline there.
   The visible content cell is not transparent: v5frame.css gives #v5Content its own #f8f8f8 fill,
   so the scoped #v5Content rule below must paint the same token over that legacy owner. */
html.mobile-home-mode body {
    padding-top: var(--mobile-canvas-safe-top);
    /* The last card must clear the home indicator, so the bottom inset is page padding too. */
    padding-bottom: var(--mobile-canvas-safe-bottom);
    background: var(--mobile-home-page-bg) !important;
}

/* The body is a table: fixed layout makes the content column exactly the remainder beside the
   180px sidebar instead of growing to its content's minimum width. */
html.mobile-home-mode #v5BodyTable {
    table-layout: fixed;
    width: 100%;
}

html.mobile-home-mode #v5Content {
    max-width: 100%;
    background: var(--mobile-home-page-bg);
}

/* The drawer replaces the sidebar (section 3.3): the sidebar cell, its separator and the
   collapse handle (v6ProgressBox.jsp reveals #resizeSideBarButton when the cell is narrow). */
html.mobile-home-mode #v5SidebarTD,
html.mobile-home-mode #v5SidebarSep,
html.mobile-home-mode #collapseDiv {
    display: none !important;
}

/* ---- Compact header (section 3.1) --------------------------------------------------------- */

/* The header table becomes one flex row: hamburger + logo on the left, search icon + user area on
   the right. Row 2 (the v6Tabs.jsp include) is hidden - the drawer replaces it - and row 3 keeps
   the 2px system-colour rule. */
html.mobile-home-mode #v5HeaderTable,
html.mobile-home-mode #v5HeaderTable > tbody {
    display: block;
    width: 100%;
}

/* Solid bar, no gradient and no banner photo (plan decision 0). v6Header.jsp writes the dark
   gradient and the uploaded banner as an inline background on this table, so the theme colour
   needs !important to win in scope; the JSP is untouched. The bottom edge is how the light bar
   separates itself from the page grey - the dark variant's token is transparent, so both bars
   are exactly the same height. */
html.mobile-home-mode #v5HeaderTable {
    background: var(--mobile-home-bar-bg) !important;
    border-bottom: 1px solid var(--mobile-home-bar-edge);
}

html.mobile-home-mode #v5HeaderTable > tbody > tr {
    display: block;
}

html.mobile-home-mode #v5HeaderTable > tbody > tr:first-child {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 56px;
    padding: 0 max(8px, var(--mobile-canvas-safe-right)) 0 max(8px, var(--mobile-canvas-safe-left));
    gap: 4px;
}

html.mobile-home-mode #v5HeaderTable > tbody > tr:first-child > td {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 !important;
}

html.mobile-home-mode #v5HeaderTopLeft {
    flex: 0 0 auto;
    width: auto !important;
    max-width: 45%;
}

html.mobile-home-mode #v5HeaderTable > tbody > tr:first-child > td:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
}

html.mobile-home-mode #v5HeaderTable > tbody > tr:first-child > td:nth-child(2) > div {
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: 4px;
}

html.mobile-home-mode #bannerLeftTopBlock {
    align-items: center;
    min-width: 0;
    margin-left: 0;
}

/* Hamburger: the permanent #sidenavButton is the drawer's borrowed trigger (48px box). v6Header.jsp
   hides it with tw-invisible for guests because its desktop action (the account side nav) is sign-in only;
   here its action is the drawer, which guests with public sheets need too. */
html.mobile-home-mode #sidenavButton {
    flex: 0 0 auto;
    box-sizing: content-box;
    margin: 0;
    visibility: visible !important;
}

/* v6Header.jsp sets the hamburger SVG fill with tw-fill-white or tw-fill-[#5f6267] according to
   the account theme; this mobile rule overrides it with the bar's foreground colour. Its hover background
   is dropped as well: touch leaves the hover state stuck after a tap, and a grey blob on a solid
   bar reads as a pressed control that never releases. */
html.mobile-home-mode #sidenavButton svg {
    fill: var(--mobile-home-bar-fg) !important;
}

html.mobile-home-mode #sidenavButton:hover {
    background: transparent;
}

html.mobile-home-mode #logo {
    min-width: 0;
    height: auto;
    margin: 0 0 0 4px;
    line-height: 0;
}

html.mobile-home-mode #logo a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

/* Both logo variants use Tailwind size classes (custom: max 44x144; default: width 75px with a -25px
   margin that overlaps the hamburger); the compact header caps them in scope. */
html.mobile-home-mode #logo img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 88px !important;
    max-height: 26px !important;
    margin: 0 !important;
}

/* Owner-tool leak (plan section 2.1): criticalResource.js binds the logo and banner editors to
   mouseenter, which touch fires and never pairs with a mouseleave, so one tap on the logo left a
   dashed outline and a gear behind for the rest of the session. The outline is written inline by
   that handler, hence !important. The DMenu the handler also builds is dismissed by the usual
   outside tap; only its trigger is gone here. */
html.mobile-home-mode #logo {
    outline: none !important;
}

html.mobile-home-mode .logoChangeIcon,
html.mobile-home-mode .bannerChangeIcon {
    display: none !important;
}

/* Second header row (v6Tabs.jsp) hidden; its cell collapses to nothing. */
html.mobile-home-mode #tabsContainer {
    display: none !important;
}

html.mobile-home-mode #v5HeaderTable > tbody > tr:nth-child(2) > td {
    display: block;
    padding: 0 !important;
}

html.mobile-home-mode #v5HeaderTable > tbody > tr:last-child > td {
    display: block;
    padding: 0 !important;
}

/* The 2px system-colour rule under the desktop header belongs to the tab row the drawer replaced;
   under a solid bar it is a stray stripe in whatever colour the current tab happens to have. Kept
   in the document (v6Header.jsp writes its colour inline and nothing else reads the node) but
   given no height. */
html.mobile-home-mode #v6TabHR {
    height: 0;
    margin: 0;
}

/* User area: a flex row holding the profile dropdown and other retained account controls;
   desktop-only items (upgrade sign, learn / help / manual links and their dropdown anchors) are hidden. */
html.mobile-home-mode #user {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: none;
    clear: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    margin: 0 !important;
    gap: 4px;
    white-space: nowrap;
}

html.mobile-home-mode #upgradeSign,
html.mobile-home-mode #learnNav,
html.mobile-home-mode #learnRagicLink,
html.mobile-home-mode #user > a[target="_BLANK" i],
html.mobile-home-mode #user > b > a[target="_BLANK" i] {
    display: none !important;
}

/* The guest header's own "Home" anchor (v6Header.jsp renders it only for a logged-out visitor,
   and it is the one #user > a without an id) points at the page the visitor is already on, and
   the logo beside it links there too. Dropping it buys back a whole control's width in a row
   that also has to hold sign-up, login and, where it is enabled, SSO. */
html.mobile-home-mode #user > a:not([id]) {
    display: none !important;
}

/* The guest signup / login / SSO anchors are each wrapped in a <b> (v6Header.jsp), so the
   WRAPPER is the flex item under #user and the anchor is not. A flex item's automatic minimum
   size is its min-content width, which under the header's white-space:nowrap is the whole label,
   so styling only the anchors leaves the wrappers unable to shrink: the guest row keeps its full
   intrinsic width and pushes the search icon and retained account controls out of the compact header.
   Give the wrappers the shrink ownership and let them clip their own anchor instead. */
html.mobile-home-mode #user > b {
    display: flex;
    flex: 0 1 auto;
    box-sizing: border-box;
    /* 44px, not 0: the wrapper has to be able to shrink past its label so the other header
       controls stay visible, but never past a real tap target - a login or signup control
       squeezed to a sliver, or clipped away entirely, is worse than a truncated label. */
    min-width: 44px;
    margin: 0;
    overflow: hidden;
}

/* The drawer is a fixed, full-viewport modal whose own backdrop is the scroll surface a swipe
   lands on. mobile-sheet-mode already keeps the body from scrolling on the listing surface; the
   account home scrolls normally, so it needs the lock only while the drawer is open. Locking
   overflow keeps the scroll offset, so nothing has to be snapshotted and put back on close. */
html.mobile-home-mode.mobile-canvas-drawer-open,
html.mobile-home-mode.mobile-canvas-drawer-open body {
    overflow: hidden !important;
    overscroll-behavior: none;
}

/* Guest signup / login / SSO anchors are wrapped in <b>, so they are not direct children. */
html.mobile-home-mode #user > a,
html.mobile-home-mode #user > b > a {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden;
    font-size: 14px !important;
}

/* Avatar (plan section 2.1). The profile control becomes a 32px disc inside its 44px hit area,
   carrying the user's initial. The label it used to show ("<user> Home") is not lost: the mobile
   setup writes it to aria-label and puts the initial in data-initial, both snapshotted and
   restored on teardown. The disc inverts with the bar, so it reads on either variant. A real
   profile picture replaces the initial in a later slice (plan section 2.3). */
html.mobile-home-mode #user > #profileNav {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    padding: 0 !important;
}

/* What the disc replaces: the email + "Home" label and the dropdown caret. */
html.mobile-home-mode #profileNav > span,
html.mobile-home-mode #profileNav > i {
    display: none !important;
}

html.mobile-home-mode #profileNav::before {
    content: '';
    display: flex;
    flex: 0 0 32px;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    background: var(--mobile-home-avatar-bg);
    border-radius: 50%;
}

/* Centre the letter by its painted shape rather than its invisible font metrics. In the header
   font the glyph ink sits below the geometrically centred line box, so keep the disc itself
   untouched and apply a small optical correction to the letter only. */
html.mobile-home-mode #profileNav::after {
    content: attr(data-initial);
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--mobile-home-avatar-fg);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-shadow: none;
    transform: translate(-50%, -50%) translateY(-1.5px);
    pointer-events: none;
}

/* J's hook makes its visible silhouette sit left of its advance box; do not shift initials whose
   font metrics are already horizontally balanced. */
html.mobile-home-mode #profileNav[data-initial='J']::after {
    transform: translate(-50%, -50%) translate(1px, -1.5px);
}

html.mobile-home-mode #profileNav:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

/* The header dropdowns (profile / learn, v6TopDropMenu.jsp) are desktop multi-column popups:
   #homeDrop div is display:flex with one ul per column and 50px / 75px column margins, and
   mDropWin_display() (util.js) writes inline left / top / max-height / overflow-y from the anchor.
   On a phone the columns squeezed to one character per line and the last ran off screen. Here the
   popup is a full-width panel: pinned to both edges with the 16px screen margin (left beats the
   inline value; top stays the inline document offset, so the absolute base position is kept and
   the panel follows the anchor when the page is scrolled), columns stacked, wrapping, scrolling
   within the viewport. The open / close JS is untouched. */
html.mobile-home-mode #homeDrop > div {
    right: max(16px, var(--mobile-canvas-safe-right)) !important;
    left: max(16px, var(--mobile-canvas-safe-left)) !important;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px);
    /* mobileHome.js measures the anchor once the deferred open has landed and writes the real
       remaining height here; the calc() is the fallback for the frame before that and assumes
       the panel starts under the compact header alone (the app banner shifts it down 64px). */
    max-height: var(--mobile-home-drop-max-height, calc(100dvh - 72px - var(--mobile-canvas-safe-top) - max(16px, var(--mobile-canvas-safe-bottom)))) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}

html.mobile-home-mode #homeDrop > div > ul {
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 0;
    margin: 16px 16px 8px;
}

html.mobile-home-mode #homeDrop > div > ul + ul {
    margin-top: 0;
    padding-top: 12px;
    border-top: 1px solid #e3e3e3;
}

html.mobile-home-mode #homeDrop li {
    min-width: 0;
    /* Row gap only. The 44px target below belongs to the anchor itself, so padding here would be
       dead space around it rather than part of the target. */
    padding: 0 0 4px;
    white-space: normal;
    overflow-wrap: anywhere;
}

html.mobile-home-mode #homeDrop li > a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    margin-top: 0;
}

html.mobile-home-mode #homeDrop select {
    max-width: 100%;
    /* 16px: iOS Safari zooms the page when a control smaller than that takes focus. */
    font-size: 16px !important;
    min-height: 44px;
}

/* The avatar menu uses the same typography and hierarchy as the mobile navigation drawers;
   the neighbouring Learn menu keeps its existing content-specific layout. */
html.mobile-home-mode #profileDrop {
    overflow-x: hidden;
    color: var(--mobile-home-text);
    background: var(--mobile-home-card-bg);
    border-radius: 8px;
}

html.mobile-home-mode #profileDrop > ul {
    margin: 0;
    padding: 0;
}

html.mobile-home-mode #profileDrop > ul + ul {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

html.mobile-home-mode #profileDrop li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    padding: 0;
    color: var(--mobile-home-text);
    background: var(--mobile-home-card-bg);
    border-bottom: 1px solid var(--mobile-home-hairline);
    font-size: 15px;
    line-height: 1.4;
}

/* The desktop menu's muted h3 is only a loose label. Mobile uses the same full-width section band
   as the navigation drawer, so Account / Personal / Switch account cannot be mistaken for rows. */
html.mobile-home-mode #profileDrop .profileDropSection {
    min-height: 44px;
    padding: 0 16px;
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
}

html.mobile-home-mode #profileDrop .profileDropSection h3 {
    width: 100%;
    margin: 0;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

/* The anchor owns the complete row target. Override .bgIcon's desktop negative margin, 5px inset
   and pill radius so these links use the same rectangular row anatomy as the mobile drawers. */
html.mobile-home-mode #profileDrop li > a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    margin: 0 !important;
    padding: 10px 16px !important;
    color: var(--mobile-home-text);
    background: var(--mobile-home-card-bg);
    border-radius: 0;
    font-size: 15px;
    line-height: 1.4;
    text-decoration: none;
}

html.mobile-home-mode #profileDrop li > a:hover,
html.mobile-home-mode #profileDrop li > a:active,
html.mobile-home-mode #profileDrop li > a:focus-visible {
    color: #111;
    background: #f5f5f5;
    text-decoration: none;
}

html.mobile-home-mode #profileDrop .profileDropLanguage {
    flex-wrap: wrap;
    min-height: 56px;
    padding: 6px 16px;
    gap: 8px;
    font-size: 15px;
}

html.mobile-home-mode #profileDrop select {
    flex: 1 1 150px;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 36px 0 12px;
    /* 16px: iOS Safari zooms the page when a control smaller than that takes focus. */
    font-size: 16px !important;
    min-height: 44px;
    color: var(--mobile-home-text);
    background-color: var(--mobile-home-card-bg);
    border: 1px solid #bbb;
    border-radius: 4px;
}

/* ---- Search icon, closed state (section 3.1, icon-toggle) ---------------------------------- */

/* The overlay itself (open state: fixed bar, borrowed #searchboxDiv, close control, suggestion
   popup) is the shared block in mobileCanvas.css. This file owns only the CLOSED state inside the
   compact header: #searchboxDiv stays a flex cell showing nothing but the 44px #ragicSearch icon,
   which is the overlay's borrowed trigger. #searchbox keeps its legacy inline handlers; the
   overlay only moves / focuses it. */
html.mobile-home-mode #v5Header #searchboxDiv {
    /* DataController.resize() uses hideElement() to add tw-hidden at its 30px width floor.
       Since tw-hidden sets display:none !important, this rule needs both !important and higher
       specificity to keep the home search trigger visible after load and subsequent resizes. */
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    height: auto;
    min-height: 44px;
    margin: 0 !important;
    gap: 4px;
}

html.mobile-home-mode #v5Header #searchbox {
    display: none;
}

/* A 44px hit area holding nothing but the glyph. M2 gave it a translucent pill because the bar
   could still be a photo banner and a bare glyph disappeared into it; the bar is now a solid
   theme colour (plan decision 0), so the pill is dropped and the glyph simply takes the bar's
   foreground. The legacy onmouseover / onmouseout tooltip handlers stay on the node; with
   pointer-based activation they are inert on touch. */
html.mobile-home-mode #v5Header #ragicSearch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mobile-home-bar-fg);
    background: transparent;
    border: 0;
    border-radius: 22px;
    box-shadow: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

html.mobile-home-mode #v5Header #ragicSearch:focus-visible {
    outline: 2px solid #08c;
    outline-offset: 2px;
}

html.mobile-home-mode #v5Header #ragicSearch > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
}

/* ---- Account-status bars (section 3.2) ---------------------------------------------------- */

/* The sandbox / community bars have a fixed 1200px inner div; full-width wrapping strips here. */
html.mobile-home-mode #sandboxBar > div,
html.mobile-home-mode #commBar > div {
    box-sizing: border-box;
    width: auto !important;
    margin: 0 max(16px, var(--mobile-canvas-safe-right)) 0 max(16px, var(--mobile-canvas-safe-left)) !important;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* ---- App redirect banner (section 3.2) ---------------------------------------------------- */

/* A 48px strip: close + app icon + the primary "open with app" control, in that visual order
   (plan section 2.1 moves the close to the left edge; the markup order is unchanged, CSS order
   does the move). Open / close logic is untouched, the secondary web-app / download link is
   hidden on the strip, and the 3rem / 2rem sizes authored for shrink-to-fit become px. display is
   not !important on the strip itself: closeMobileAppRedirectDiv() / openMobileAppRedirectDiv()
   own its inline display value. */
html.mobile-sheet-mode #mobileAppRedirectDiv,
html.mobile-home-mode #mobileAppRedirectDiv {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px;
    padding: 0 max(12px, var(--mobile-canvas-safe-right)) 0 max(4px, var(--mobile-canvas-safe-left));
    /* !important on the FILL only: v5MiscFloat.jsp writes background-color:#fff inline. The
       strip's inline DISPLAY value stays owned by its open/close functions, hence no shorthand
       reset that could touch it and no !important on display. */
    background: #f7f7f7 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--mobile-home-card-border, #e8e8e8) !important;
    cursor: default;
    transition: none;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large,
html.mobile-home-mode #mobileAppRedirectDiv_large {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 100%;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table,
html.mobile-home-mode #mobileAppRedirectDiv_large > table {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    font-size: 14px;
    table-layout: auto;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    gap: 12px;
}

/* The three rows collapse into one line: icon cell, primary cell, (hidden) secondary cell. */
html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody > tr,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody > tr {
    display: contents;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody > tr > td,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    text-align: left !important;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody > tr:first-child > td,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody > tr:first-child > td {
    flex: 0 0 auto;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody > tr:nth-child(2) > td,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody > tr:nth-child(2) > td {
    flex: 1 1 auto;
    min-width: 0;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody > tr:nth-child(3) > td,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody > tr:nth-child(3) > td {
    display: none !important;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large img,
html.mobile-home-mode #mobileAppRedirectDiv_large img {
    display: block;
    width: 28px;
    height: 28px !important;
    border-radius: 6px;
}

html.mobile-sheet-mode #mobileAppRedirectDiv_large > table > tbody > tr:nth-child(2) > td,
html.mobile-home-mode #mobileAppRedirectDiv_large > table > tbody > tr:nth-child(2) > td {
    display: flex;
    justify-content: flex-end;
}

/* The primary control as a 32px pill on the right: link-blue label, neutral border, no fill. It
   is the one thing on the strip a visitor is meant to act on, and 32px keeps the strip at 48.
   Every declaration the JSP writes inline on this div (width, colour, border, radius, fill,
   padding, font-size) has to be beaten with !important; the markup stays untouched. */
html.mobile-sheet-mode #mobileAppRedirectOpenButton,
html.mobile-home-mode #mobileAppRedirectOpenButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    width: auto !important;
    max-width: 100%;
    min-height: 32px;
    padding: 0 12px !important;
    color: #08c !important;
    background: #fff !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    line-height: 1.2;
    white-space: nowrap;
    /* Visible, never hidden: a clipped pseudo-element is not hit-testable, so overflow:hidden
       would silently cut the ::after tap extension below back to the 32px pill. The ellipsis
       goes with it - the label is a short bundle string and max-width still bounds the box. */
    overflow: visible;
    cursor: pointer;
}

/* A 32px pill is 12px short of a tap target, and growing it would eat a 48px strip. The target is
   extended instead: an inert overlay on the control itself, 8px past the pill top and bottom, so
   what the finger gets is 48px while what the eye gets is the pill. Same node, same handler.
   Depends on the pill's overflow staying visible, above. */
html.mobile-sheet-mode #mobileAppRedirectOpenButton::after,
html.mobile-home-mode #mobileAppRedirectOpenButton::after {
    content: '';
    position: absolute;
    top: -8px;
    right: 0;
    bottom: -8px;
    left: 0;
}

/* Close first (the strip is a flex row and this is its last child in the markup); 44px target,
   glyph centred, so on the left edge its centre sits ~26px in. */
html.mobile-sheet-mode #mobileAppRedirectDivClose,
html.mobile-home-mode #mobileAppRedirectDivClose {
    display: flex !important;
    align-items: center;
    justify-content: center;
    order: -1;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #555;
    font-size: 18px !important;
    line-height: 1;
    cursor: pointer;
}

/* ---- Navigation drawer, home-built controls (section 3.3) --------------------------------- */

/* The drawer chrome and the borrowed .pathDrop rows come from the twinned block in
   mobileCanvas.css. Tasks and Settings use its shared primary-action row; only the menu-set
   selector and the single-action fallback need home-specific geometry here. */
html.mobile-home-mode .mobileHomeDrawerActions > :only-child {
    grid-column: 1 / -1;
}

html.mobile-home-mode .mobileHomeMenuSetSection {
    padding: 12px 16px;
    background: #eceff2;
    border-bottom: 1px solid #ddd;
}

html.mobile-home-mode .mobileHomeMenuSetLabel {
    display: block;
    margin: 0 0 6px 0;
    color: #777;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

html.mobile-home-mode .mobileHomeMenuSetSelect {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 0 10px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

html.mobile-home-mode .mobileHomeTasksLink {
    width: 100%;
}

/* ---- Empty menu set hint (section 3.3) ---------------------------------------------------- */

html.mobile-home-mode .mobileHomeEmptyHint {
    box-sizing: border-box;
    margin: 16px 0 0 0;
    padding: 16px;
    color: #333;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}

html.mobile-home-mode .mobileHomeEmptyHintText {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomeEmptyHintAction {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    margin: 12px 0 0 0;
    padding: 0 16px;
    font-size: 15px;
    cursor: pointer;
}

/* ---- Home columns (section 3.4) ----------------------------------------------------------- */

html.mobile-home-mode .homeLayoutWrapper {
    display: block;
}

/* One vertical column: the scroll outer is a plain block, the scroll-proxy bar is gone.
   overflow is visible, not the base class's auto: any non-visible value here would make this
   element the scroll container for the sticky card headers inside it (section 2.3 of the visual
   refresh plan) and they would never stick to the viewport. Nothing is lost for containment -
   every block below still carries its own inline overflow-x:auto, which is what actually keeps a
   wide report, embed or ragicSheet from widening the body, and the tab cards wrap. */
html.mobile-home-mode #homeLayoutScrollOuter {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: none !important;
    overflow: visible;
}

html.mobile-home-mode #homeLayoutScrollBar {
    display: none !important;
}

/* Inline JSP widths (layout/2022.jsp) are beaten in scope, never removed. Both containers are
   stacked in DOM order, full width with 16px side margins; flow-root keeps each container
   wrapping its floated blocks now that the container itself no longer floats. */
html.mobile-home-mode .achLeftDivContainer,
html.mobile-home-mode .achRightDivContainer {
    display: flow-root;
    float: none;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    max-width: none;
    margin: 12px max(16px, var(--mobile-canvas-safe-right)) 24px max(16px, var(--mobile-canvas-safe-left));
    padding: 0;
}

html.mobile-home-mode .achRightDivContainer {
    margin-top: 0;
}

/* Wide-content blocks (ragicSheet, report, iframe, task management) keep their inline
   overflow-x: auto and are capped at the column width. Every block is one card
   (account-home-visual-refresh-plan.md section 2.2): white, hairline border, 12px radius, 12px
   apart. .achMain's base border is #efefef and .achRightDiv's background already white; both are
   restated here so the two block families are identical in scope. */
html.mobile-home-mode .achMain,
html.mobile-home-mode .achRightDiv {
    float: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    /* .achRightDiv's base width is calc(100% - 12px) to compensate its 12px left margin;
       at width:100% that margin would overhang the stacked column by 12px. */
    margin: 0 0 12px 0;
    padding: 0 0 4px 0;
    color: var(--mobile-home-text);
    background: var(--mobile-home-card-bg);
    border: 1px solid var(--mobile-home-card-border);
    border-radius: var(--mobile-home-card-radius);
}

/* The tab-sheets block is the exception: it is not itself a card, it CONTAINS one card per tab,
   so its own panel disappears and the cards sit straight on the page grey. :has() is the only
   way to tell it apart - layout/2022.jsp gives every block the same .achMain wrapper. */
html.mobile-home-mode .achMain:has(.achDiv) {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    /* position: sticky is inert inside any ancestor whose overflow is not visible, and
       layout/2022.jsp writes overflow-x/y:auto inline on every .achMain - which would make this
       block, not the page, the sticky headers' scroll container, and nothing would ever stick.
       Only the tab block is opened up: the wide blocks keep the horizontal scroll that is what
       stops them widening the body. Where :has() is unsupported the header simply does not
       stick and the tab list renders inside one plain panel. */
    overflow: visible !important;
}

/* The tab block becomes one full-width column, overriding both the base rule and the
   1300px/1120px/940px media rules in system.css (those are !important too, so this needs higher
   specificity plus !important) and the single-tab inline min/max-width:700px in tabSheets.jsp. */
html.mobile-home-mode .achDiv {
    display: flow-root;
    float: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0 !important;
    max-width: none !important;
    /* No side margin of its own: the 16px screen margin belongs to .achLeftDivContainer, and a
       second one here would inset the cards twice. */
    margin: 0 !important;
}

/* ---- Tab cards (account-home-visual-refresh-plan.md sections 2.2 and 2.3) ------------------ */

/* One card per tab: a 48px header row (icon tile + title) over full-width sheet rows separated by
   hairlines. The card is a wrapping flex container so the header's two boxes share the first line
   and the sheet list takes the second - the desktop markup (icon, title and list as three
   siblings, all floated) is untouched.
   Deliberately NO overflow:hidden here, however tempting for the rounded corners: it would make
   the card the sticky headers' scroll container and kill the sticky behaviour outright. The
   corners are clipped by the header row's and the last row's own radius instead. */
html.mobile-home-mode .achTab {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    float: none;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 12px 0;
    color: var(--mobile-home-text);
    background: var(--mobile-home-card-bg);
    border: 1px solid var(--mobile-home-card-border);
    border-radius: var(--mobile-home-card-radius);
}

/* The icon tile. Sticky alongside the title, so the header stays legible while a long tab (an
   archive tab can hold 30+ sheets) scrolls past. The inset is 10px rather than 0 because sticky
   pins the BORDER box: with top:0 the 28px tile would jam against the top of the 48px band the
   title paints, instead of staying centred in it (48 = 10 + 28 + 10). Both sticky offsets sit on
   the safe-area inset: the pre-paint script sets viewport-fit=cover and the body's own safe-top
   padding scrolls away with the page, so a bare 0/10px would pin the header under the notch or
   the status bar on a real device (the inset is 0 in desktop emulation, which is exactly why
   this cannot be caught there). */
html.mobile-home-mode .achIconDiv {
    position: sticky;
    top: calc(var(--mobile-canvas-safe-top) + 10px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 10px 0 10px 16px;
    color: var(--mobile-home-tile-glyph);
    background: var(--mobile-home-tile-bg);
    border-radius: 8px;
    overflow: hidden;
}

/* The tab's own icon inside the 28px tile: a Font Awesome glyph, the default tab image, or an
   uploaded custom image. All three are sized for the desktop's 32px slot in system.css. */
html.mobile-home-mode .achIconDiv i {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 1;
}

html.mobile-home-mode .achIconDiv img {
    display: block;
    width: 18px;
    max-width: 18px;
    height: auto;
}

html.mobile-home-mode .achIconDiv img.cusImg {
    width: 20px;
    max-height: 20px;
}

/* Tinted tile: the tab's own system colour, the same one the sheet header rule uses, handed over
   by tabSheets.jsp as data-tab-color and copied to --tab-color by the mobile setup. Two reasons
   the tint depends on the attribute rather than always applying: an uploaded custom image carries its
   own colours and must not sit on a coloured ground, and a tile with no colour to mix has to
   land on the neutral token rather than on an invalid declaration. The var() fallback covers the
   frame between first paint and the setup copying the value. @supports because color-mix() is
   the whole mechanism - without it every tile stays neutral. */
@supports (color: color-mix(in srgb, red, blue)) {
    html.mobile-home-mode .achIconDiv[data-tab-color]:not(:has(img.cusImg)) {
        --mobile-home-tile-bg: color-mix(in srgb, var(--tab-color, #767676) 12%, #fff);
        --mobile-home-tile-glyph: color-mix(in srgb, var(--tab-color, #767676) 80%, #000);
    }
}

/* The title. Sticky at the safe-area offset (the tile adds its 10px centring inset on top) and
   pulled back underneath the tile (which occupies 16px of margin plus 28px of box), so the stuck
   header paints one continuous band across the whole card instead of leaving the tile's margins
   transparent for rows to show through. The tile is above it on z-index. */
html.mobile-home-mode .achTabNameDiv {
    position: sticky;
    top: var(--mobile-canvas-safe-top);
    z-index: 1;
    display: flex;
    align-items: center;
    float: none;
    flex: 1 1 0;
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    max-width: none;
    margin: 0 0 0 -44px;
    padding: 0 16px 0 56px;
    color: var(--mobile-home-text);
    background: var(--mobile-home-folder-bg);
    border-bottom: 1px solid var(--mobile-home-hairline);
    border-radius: var(--mobile-home-card-radius) var(--mobile-home-card-radius) 0 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

/* The sheet list is the card's second flex line, full width. */
html.mobile-home-mode .achSheetDiv {
    float: none;
    clear: both;
    flex: 0 0 100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 4px 0;
}

/* Tap targets: the per-sheet link is the real navigation target, so it is the 48px full-width
   row, not just the tab container. The row itself only carries the hairline. */
html.mobile-home-mode .achSheetItem {
    position: relative;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

/* The base .achSheetItem:hover fill would stick after a tap on touch (nothing ever moves the
   pointer away); the row's pressed state is on the anchor instead, below. */
html.mobile-home-mode .achSheetItem:hover {
    background: transparent;
}

/* Hairline between rows only - never above the first row, which already has the header's own
   bottom edge, and never below the last. Inset from the left so the list reads as one group. */
html.mobile-home-mode .achSheetItem + .achSheetItem::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 16px;
    height: 1px;
    background: var(--mobile-home-hairline);
}

html.mobile-home-mode .achSheetItem .v5MenuPageAnchorDetail {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: auto;
    min-height: 48px;
    padding: 0 12px 0 16px;
    color: var(--mobile-home-text);
    font-size: 16px;
    line-height: 1.3;
    /* Sheet links are no longer link-blue (plan decision 0), and the base A:hover underline would
       stay on after a tap. */
    text-decoration: none;
    overflow-wrap: anywhere;
}

/* The pressed state, and with it the card's bottom corners: a full-bleed fill on the last row
   would otherwise square them off. */
html.mobile-home-mode .achSheetItem .v5MenuPageAnchorDetail:active {
    background: var(--mobile-home-active-bg);
}

html.mobile-home-mode .achSheetItem:last-child .v5MenuPageAnchorDetail {
    border-radius: 0 0 var(--mobile-home-card-radius) var(--mobile-home-card-radius);
}

html.mobile-home-mode .achSheetItem .v5MenuPageAnchorDetail:focus-visible {
    outline: 2px solid #08c;
    outline-offset: -2px;
}

/* Row affordances, in the Font Awesome the page already loads (fa6 Pro, via v5NUIInit.jsp; the
   older families are named after it so a page still on fa5 resolves the same glyphs): the
   chevron every row ends with, and a leading type glyph on the two rows that do not open a sheet
   - a report (chart-bar) and an external link (external-link). */
html.mobile-home-mode .achSheetItem .v5MenuPageAnchorDetail::after,
html.mobile-home-mode .achSheetItem a[id^="anchorReport/"]::before,
html.mobile-home-mode .achSheetItem a[id^="anchorURL/"]::before {
    flex: 0 0 auto;
    font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro', 'Font Awesome 6 Free', FontAwesome;
    font-weight: 900;
    font-style: normal;
    line-height: 1;
}

html.mobile-home-mode .achSheetItem .v5MenuPageAnchorDetail::after {
    content: '\f105';
    margin-left: auto;
    padding-left: 12px;
    color: var(--mobile-home-chevron);
    font-size: 16px;
}

html.mobile-home-mode .achSheetItem a[id^="anchorReport/"]::before,
html.mobile-home-mode .achSheetItem a[id^="anchorURL/"]::before {
    width: 16px;
    margin-right: 10px;
    color: var(--mobile-home-text-secondary);
    font-size: 13px;
    text-align: center;
}

html.mobile-home-mode .achSheetItem a[id^="anchorReport/"]::before {
    content: '\f080';
}

html.mobile-home-mode .achSheetItem a[id^="anchorURL/"]::before {
    content: '\f08e';
}

/* Design mode is not available on the mobile-friendly home yet. Hide both create-sheet entry
   points while leaving their desktop behavior and the empty-account guidance untouched. */
html.mobile-home-mode .homeCreateSheet,
html.mobile-home-mode #createPrompt #bCheckout {
    display: none !important;
}

/* The empty-account learning link follows the hidden create button and carries desktop spacing
   for that sibling. Let it start at the mobile content edge. */
html.mobile-home-mode #createPrompt #bCheckout + a {
    margin-left: 0 !important;
}

/* Empty-account prompt (homeMod/empty.jsp): inline width:500px and float beaten in scope. */
html.mobile-home-mode #createPrompt {
    float: none !important;
    box-sizing: border-box;
    width: auto !important;
    max-width: 100%;
    min-height: 0 !important;
    overflow-wrap: anywhere;
}

/* Task Management has two width owners: #taskPane1 {width:55%} in v5frame.css and the inline
   40% wrapper (task.jsp, .taskPaneSecondary). Both stack vertically, full width. */
html.mobile-home-mode #homeTaskManagementBlock #taskPane1,
html.mobile-home-mode #homeTaskManagementBlock .taskPaneSecondary {
    float: none !important;
    box-sizing: border-box;
    width: auto !important;
    max-width: none;
}

html.mobile-home-mode #homeTaskManagementBlock #taskPane1 {
    min-height: 0;
    margin: 12px 12px 0 12px;
}

html.mobile-home-mode #homeTaskManagementBlock #taskPane2 {
    /* v5frame.css floats #taskPane2 too; a floated width:auto box is shrink-to-fit, and this
       pane's only initial child is absolutely positioned, so without this it renders 0px wide. */
    float: none;
    box-sizing: border-box;
    width: auto !important;
    min-height: 60px;
    margin: 12px;
}

html.mobile-home-mode #homeTaskManagementBlock select,
html.mobile-home-mode #homeTaskManagementBlock input {
    max-width: 100%;
}

/* ---- Widget cards (account-home-visual-refresh-plan.md section 2.2) ------------------------ */

/* Configured record-list widget (homeMod/ragicSheet.jsp). Its desktop markup is a padded stack
   of bare anchors, so it needs named parts before it can share the mobile card anatomy. */
html.mobile-home-mode .mobileHomeRagicSheet {
    box-sizing: border-box;
    padding: 0 !important;
    color: var(--mobile-home-text);
    font-size: 16px !important;
    line-height: 1.3 !important;
}

html.mobile-home-mode .mobileHomeRagicSheetHeader {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0 16px !important;
    color: var(--mobile-home-text);
    border-bottom: 1px solid var(--mobile-home-hairline);
    font-size: 15px;
    font-weight: 600;
}

html.mobile-home-mode .mobileHomeRagicSheetHeader > div {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 12px;
}

html.mobile-home-mode .mobileHomeRagicSheetIcon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    flex: 0 0 28px;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    color: var(--mobile-home-tile-glyph) !important;
    background: var(--mobile-home-tile-bg);
    border-radius: 8px;
    font-size: 14px !important;
}

html.mobile-home-mode .mobileHomeRagicSheetRow {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding: 8px 12px 8px 16px;
    gap: 8px;
    color: var(--mobile-home-text) !important;
    border-bottom: 1px solid var(--mobile-home-hairline);
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none !important;
}

html.mobile-home-mode .mobileHomeRagicSheetRow::after {
    content: '\f105';
    flex: 0 0 auto;
    margin-left: auto;
    color: var(--mobile-home-chevron);
    font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro', 'FontAwesome';
    font-size: 18px;
    font-weight: 400;
}

html.mobile-home-mode .mobileHomeRagicSheetRow:active {
    background: var(--mobile-home-active-bg);
}

html.mobile-home-mode .mobileHomeRagicSheetRow:focus-visible {
    outline: 2px solid #08c;
    outline-offset: -2px;
}

html.mobile-home-mode .mobileHomeRagicSheetPrimary {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomeRagicSheetMeta {
    flex: 0 1 auto;
    margin: 0 !important;
    color: var(--mobile-home-text-secondary) !important;
    font-size: 13px !important;
    white-space: nowrap;
}

html.mobile-home-mode .mobileHomeRagicSheetMoreDots {
    display: none;
}

html.mobile-home-mode .mobileHomeRagicSheetFooter {
    padding: 0 !important;
}

html.mobile-home-mode .mobileHomeRagicSheetMore {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0 16px;
    color: #08c !important;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none !important;
}

html.mobile-home-mode .mobileHomeRagicSheetMore::after {
    content: '\f105';
    margin-left: auto;
    font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro', 'FontAwesome';
    font-size: 16px;
    font-weight: 400;
}

/* Events and tasks use the shared .divDescPart / .achRightPanel anatomy below. Named wrapper
   hooks remove the desktop inset in either home column; the older :has() fallback only covered
   right-column widgets. */
html.mobile-home-mode .mobileHomeEvents,
html.mobile-home-mode .mobileHomeTasks {
    box-sizing: border-box;
    min-width: 0;
    margin: 0 !important;
}

/* Starred records are a compact navigation list, matching the configured-record widget rather
   than retaining the desktop's loose icon-and-link stack. */
html.mobile-home-mode .mobileHomeStarred {
    box-sizing: border-box;
    padding: 0 !important;
    color: var(--mobile-home-text);
    font-size: 16px !important;
    line-height: 1.3 !important;
}

html.mobile-home-mode .mobileHomeStarredHeader {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0 16px !important;
    color: var(--mobile-home-text);
    border-bottom: 1px solid var(--mobile-home-hairline);
    font-size: 15px;
    font-weight: 600;
}

html.mobile-home-mode .mobileHomeStarredHeader > div {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 12px;
}

html.mobile-home-mode .mobileHomeStarredIcon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    flex: 0 0 28px;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    color: var(--mobile-home-tile-glyph) !important;
    background: var(--mobile-home-tile-bg);
    border-radius: 8px;
    font-size: 14px !important;
}

html.mobile-home-mode .mobileHomeStarredRow {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    padding-left: 16px;
    border-bottom: 1px solid var(--mobile-home-hairline);
}

html.mobile-home-mode .mobileHomeStarredRowIcon {
    flex: 0 0 auto;
    margin: 0 10px 0 0 !important;
    color: var(--mobile-home-text-secondary) !important;
}

html.mobile-home-mode .mobileHomeStarredLink {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    box-sizing: border-box;
    min-width: 0;
    min-height: 48px;
    margin: 0 !important;
    padding: 8px 12px 8px 0 !important;
    color: var(--mobile-home-text) !important;
    border-radius: 0;
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomeStarredLink::after {
    content: '\f105';
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 12px;
    color: var(--mobile-home-chevron);
    font-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro', 'FontAwesome';
    font-size: 18px;
    font-weight: 400;
}

html.mobile-home-mode .mobileHomeStarredRow:active {
    background: var(--mobile-home-active-bg);
}

/* Concurrent-user status is naturally a small grouped list. The mobile treatment removes the
   fixed desktop widths, permits long names and translated timestamps to wrap, and keeps the
   administrator's kick control reachable without relying on hover. */
html.mobile-home-mode .mobileHomeOnlineUsers {
    box-sizing: border-box;
    max-height: none;
    padding: 0;
    color: var(--mobile-home-text);
    font-size: 14px;
}

html.mobile-home-mode .mobileHomeOnlineUsers > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

html.mobile-home-mode .mobileHomeOnlineUsers .waitUserBlock,
html.mobile-home-mode .mobileHomeOnlineUsers .inUserBlock {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0 !important;
    padding: 8px 16px;
    color: var(--mobile-home-text-secondary);
    background: var(--mobile-home-folder-bg);
    border-bottom: 1px solid var(--mobile-home-hairline);
    font-size: 14px;
    line-height: 1.35;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserItem {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 8px 12px 8px 16px;
    gap: 10px;
    border-bottom: 1px solid var(--mobile-home-hairline);
    border-radius: 0;
    line-height: 1.35;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserItem:hover {
    background: transparent;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserName {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserIdleStatus {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    color: var(--mobile-home-text-secondary);
    font-size: 12px;
    line-height: 1.35;
    text-align: right;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserKickBtn:empty {
    display: none;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserKickBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
}

html.mobile-home-mode .mobileHomeOnlineUsers .onlineUserItem .onlineUserKickBtn i {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    color: #b42318;
    font-size: 16px;
}

/* Configured text is BBCode output owned by this page. Give it readable mobile type and constrain
   the media/preformatted shapes BBCode can produce; genuinely external HTML remains the iframe
   widget's responsibility and is intentionally not claimed here. */
html.mobile-home-mode .mobileHomeText {
    box-sizing: border-box;
    max-width: 100%;
    padding: 16px !important;
    color: var(--mobile-home-text);
    font-size: 16px !important;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomeText img,
html.mobile-home-mode .mobileHomeText video,
html.mobile-home-mode .mobileHomeText canvas,
html.mobile-home-mode .mobileHomeText svg {
    max-width: 100%;
    height: auto;
}

html.mobile-home-mode .mobileHomeText table {
    max-width: 100%;
}

html.mobile-home-mode .mobileHomeText pre {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
}

/* The poll summary is a title plus one action, so it can use a simple full-width card row. */
html.mobile-home-mode .mobileHomePoll {
    align-items: stretch;
    box-sizing: border-box;
    min-width: 0;
    padding: 16px;
    border: 0;
    border-radius: 0;
}

html.mobile-home-mode .mobileHomePoll .poll-title-wrapper {
    display: block;
    min-width: 0;
    padding: 0 0 12px;
    font-size: 16px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

html.mobile-home-mode .mobileHomePoll .poll-goPoll-button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 8px 16px;
    font-size: 16px;
}

/* PollAgent owns a dedicated poll dialog rather than the shared generic dialog. Its structure
   is fixed and local, so the same viewport containment and touch targets are safe to apply here. */
html.mobile-home-mode #floatingPoll {
    position: fixed;
    top: 50% !important;
    right: max(12px, var(--mobile-canvas-safe-right));
    left: max(12px, var(--mobile-canvas-safe-left)) !important;
    box-sizing: border-box;
    width: auto;
    min-width: 0 !important;
    max-height: calc(100dvh - max(24px, var(--mobile-canvas-safe-top)) - max(24px, var(--mobile-canvas-safe-bottom)));
    transform: translateY(-50%);
}

html.mobile-home-mode #floatingPoll .mobileHomePollDialogHeader {
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 0 0 0 16px !important;
}

html.mobile-home-mode #floatingPollCloseIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    align-self: stretch;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
}

html.mobile-home-mode #floatingPoll .mobileHomePollDialogContent {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: calc(100dvh - max(68px, var(--mobile-canvas-safe-top)) - max(24px, var(--mobile-canvas-safe-bottom))) !important;
    overflow: auto;
    overscroll-behavior: contain;
}

html.mobile-home-mode #floatingPollContent {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

html.mobile-home-mode #floatingPoll .poll {
    box-sizing: border-box;
    padding: 16px;
}

html.mobile-home-mode #floatingPoll .poll-button,
html.mobile-home-mode #floatingPoll .poll-option-information.vote,
html.mobile-home-mode #floatingPoll .poll-setting-wrapper {
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-home-mode #floatingPoll input,
html.mobile-home-mode #floatingPoll select {
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

/* Widget blocks (events, tasks, report, starred, embeds) take the card anatomy above with a
   NEUTRAL tile - only tab cards carry a tint. Their headers are not one shared component: events
   and tasks (and the tutorial block macro.js builds) use .divDescPart, while starred opens with
   an inline-styled wrapper of its own that has no class to hook. The configured ragicSheet widget
   now has named parts and is handled immediately above; starred keeps its own header in the card.
   The events/tasks wrappers carry an inline margin authored for the desktop panel (12px left,
   25px bottom); the card owns that spacing now, so THEIR margin goes - and only theirs, keyed on
   the .divDescPart header inside. A blanket strip on every .achRightDiv child also took the
   report block's only spacing (report.jsp wraps its chart in a bare margin:16px 8px div, with
   nothing underneath to replace it) and the not-configured notices' margins, leaving that
   content flush against the card border. Blocks without the header keep their own inline
   spacing; on engines without :has() the events/tasks headers keep the desktop inset inside the
   card, which is the same degradation the tab block already accepts. Main-column blocks are
   deliberately left alone either way. */
html.mobile-home-mode .achRightDiv > div:has(> .divDescPart) {
    margin: 0 !important;
}

html.mobile-home-mode .divDescPart {
    padding: 0;
}

html.mobile-home-mode .divDescPart > div {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 48px;
    padding: 0 12px 0 16px;
    gap: 12px;
    color: var(--mobile-home-text);
    border-bottom: 1px solid var(--mobile-home-hairline);
    font-size: 15px;
    font-weight: 600;
}

/* The block's leading icon holder is the neutral tile. It is an inline-styled anonymous div in
   every one of these JSPs (float, margin and font-size), hence the !important declarations. */
html.mobile-home-mode .divDescPart > div > div:first-child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    color: var(--mobile-home-tile-glyph);
    background: var(--mobile-home-tile-bg);
    border-radius: 8px;
    font-size: 14px !important;
}

/* The header's own action (the tasks "+", the events gear) ends the row as a real tap target. */
html.mobile-home-mode .divDescPart .achAddIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    flex: 0 0 auto;
    /* border-box so .bgIcon's 5px padding (v5frame.css) counts inside the 44px target instead of
       adding to it and pushing the 48px header row taller. */
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    margin: 0 0 0 auto;
}

/* #hiddenEventGear is a placeholder whose only content is a commented-out icon: an empty 44px
   target at the end of the events header, invisible and pressable. (:empty ignores comments.) */
html.mobile-home-mode .divDescPart .achAddIcon:empty {
    display: none;
}

/* Block content sits inside the card rather than against its edge, and its secondary lines (no
   events, no tasks) use the AA-safe grey. The side padding moves onto the rows below once there
   are any; on the empty panel the placeholder <p> carries its own inline spacing. */
html.mobile-home-mode .achRightPanel {
    padding: 4px 0 8px;
    color: var(--mobile-home-text-secondary);
    font-size: 13px;
}

/* The empty-state notice (tasks.js writes it inline: 12px #ccc, margins tuned for the desktop
   panel) restated at the card's own inset and the AA-safe grey. */
html.mobile-home-mode .achRightPanel > p {
    margin: 8px 16px 12px !important;
    color: var(--mobile-home-text-secondary) !important;
    font-size: 13px !important;
}

/* ---- Widget rows (events, tasks - tasks.js builds these) ----------------------------------- */

/* The desktop packs each event or task into a 21px clipped line (.achTaskItem in system.css);
   on the phone every row is a real >= 44px target. The anchor is the row's full height, so the
   whole line is tappable, not just the glyphs of the text. */
html.mobile-home-mode .achEventDay {
    float: none;
    margin: 10px 16px 0;
    color: var(--mobile-home-text-secondary);
    font-size: 12px;
}

html.mobile-home-mode .achTaskItem {
    display: flex;
    align-items: center;
    float: none;
    clear: none;
    box-sizing: border-box;
    height: auto;
    min-height: 44px;
    margin: 0;
    padding: 0 16px;
    overflow: visible;
    list-style: none;
}

html.mobile-home-mode .achTaskTextDiv {
    float: none;
    flex: 1 1 auto;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    margin: 0;
    font-size: 14px;
}

html.mobile-home-mode .achTaskLinkDiv {
    font-size: 14px;
}

html.mobile-home-mode .achTaskItem .achTaskLinkDiv a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* The task checkbox: the glyph stays 20px, the padding makes the 44px target, and the negative
   margins keep the row's box where it was. Pulled 12px into the row's left padding so the glyph
   itself sits at the 16px inset. */
html.mobile-home-mode .achTaskCheckDiv {
    float: none;
    clear: none;
    flex: 0 0 auto;
    width: auto;
}

html.mobile-home-mode .achTaskCheckDiv i {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0 0 0 -12px;
    font-size: 20px;
}

/* The owner's per-event shortname gear is hover-revealed on desktop; on touch, hover is a stuck
   state after a tap and the DMenu it opens is a desktop editing flow - an owner tool, suppressed
   like the rest of section 3.5. */
html.mobile-home-mode .achTaskGearDiv {
    display: none !important;
}

/* The events footer ("show in calendar"): an inline-styled float under the panel, restyled as a
   full-width 44px row so the link is a real target. */
html.mobile-home-mode .achRightPanel ~ div {
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 16px;
}

html.mobile-home-mode .achRightPanel ~ div a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    font-size: 13px;
    font-weight: 600;
}

/* ---- Owner tools suppressed (section 3.5) -------------------------------------------------- */

/* The layout-editor entry (its wrapper is a flex item), the tab-icon caret, and the column
   drag/resize handles. The tab-icon contextmenu editor is guarded in mobileHome.js. */
html.mobile-home-mode #editHomeLayoutIconWrapper,
html.mobile-home-mode .achIconDivTriIcon,
html.mobile-home-mode .dcellHomeLayout {
    display: none !important;
}

/* ---- Reduced motion --------------------------------------------------------------------- */

/* The shared drawer block in mobileCanvas.css animates its panel on open, and the reduced-motion
   kill switch there is scoped to html.mobile-sheet-mode only, so the home scope needs its own
   twin (section 5 allows selector extensions only inside the drawer and dialog blocks, and this
   is neither - it lives here instead). Same declarations as the canvas block so both surfaces
   behave identically under prefers-reduced-motion. */
@media (prefers-reduced-motion: reduce) {
    html.mobile-home-mode *,
    html.mobile-home-mode *::before,
    html.mobile-home-mode *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/*
 * Mobile report viewing is a presentation mode around the existing report renderer. Every rule
 * stays dormant until saved-report route matching and the client capability check add this class.
 */
html.mobile-report-mode {
    --mobile-report-safe-top: env(safe-area-inset-top, 0px);
    --mobile-report-safe-right: env(safe-area-inset-right, 0px);
    --mobile-report-safe-bottom: env(safe-area-inset-bottom, 0px);
    --mobile-report-safe-left: env(safe-area-inset-left, 0px);
    --mobile-report-edge-top: max(16px, var(--mobile-report-safe-top));
    --mobile-report-edge-right: max(16px, var(--mobile-report-safe-right));
    --mobile-report-edge-bottom: max(16px, var(--mobile-report-safe-bottom));
    --mobile-report-edge-left: max(16px, var(--mobile-report-safe-left));
    --mobile-report-navigation-height: 56px;
    --mobile-report-toolbar-height: 58px;
    max-width: 100%;
    overflow-x: hidden;
}

html.mobile-report-mode body {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding-bottom: var(--mobile-report-safe-bottom);
    /* The root clips the viewport; body must not intercept sticky positioning. */
    overflow: visible !important;
    overscroll-behavior-x: none;
}

html.mobile-report-mode #v5Header,
html.mobile-report-mode #v5SidebarTD,
html.mobile-report-mode #v5SidebarSep,
html.mobile-report-mode #v5DesignHelper,
html.mobile-report-mode #collapseDiv,
html.mobile-report-mode #mobileAppRedirectDiv {
    display: none !important;
}

html.mobile-report-mode #v5Body,
html.mobile-report-mode #v5BodyTable,
html.mobile-report-mode #v5BodyTable > tbody,
html.mobile-report-mode #v5BodyRow,
html.mobile-report-mode #v5Content {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
}

html.mobile-report-mode #v5BodyTable {
    table-layout: fixed;
}

html.mobile-report-mode #v5Content {
    min-width: 0;
    padding: 0 !important;
}

/* The coordinator builds this compact back-navigation row. */
html.mobile-report-mode .mobileReportNavigation {
    position: sticky;
    top: 0;
    z-index: 300;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    width: 100%;
    min-height: calc(var(--mobile-report-navigation-height) + var(--mobile-report-safe-top));
    gap: 8px;
    padding: var(--mobile-report-safe-top) var(--mobile-report-edge-right) 6px var(--mobile-report-edge-left);
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

html.mobile-report-mode .mobileReportBack {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 14px !important;
    float: none !important;
    color: #333;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none !important;
}

html.mobile-report-mode .mobileReportBack {
    flex: 0 0 44px;
    width: 44px;
    padding: 0 !important;
    font-size: 30px;
}

html.mobile-report-mode .mobileReportBack:focus-visible {
    outline: 2px solid #3152ad;
    outline-offset: 2px;
}

/* Keep the existing report toolbar, but let the strip scroll when its controls exceed a phone. */
html.mobile-report-mode .reportIconHeaderContainer {
    position: sticky;
    top: calc(var(--mobile-report-navigation-height) + var(--mobile-report-safe-top));
    left: 0;
    z-index: 200;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #e2e2e2;
}

html.mobile-report-mode .reportOuterContainer .reportIconHeaderContainer {
    top: 0;
    width: 100%;
}

html.mobile-report-mode .reportIconHeaderContainer::-webkit-scrollbar {
    display: none;
}

html.mobile-report-mode #report-header-anchor,
html.mobile-report-mode #report-header-fill {
    display: none !important;
    height: 0 !important;
}

html.mobile-report-mode .reportIconHeader {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: flex;
    box-sizing: border-box;
    float: none;
    width: max-content;
    min-width: 100%;
    min-height: var(--mobile-report-toolbar-height);
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 7px var(--mobile-report-edge-right) 7px var(--mobile-report-edge-left);
    border-radius: 0;
    box-shadow: none !important;
}

html.mobile-report-mode .reportIconHeader > a {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0 3px;
}

html.mobile-report-mode .reportIconHeader #sharedViewSelect,
html.mobile-report-mode .reportIconHeader #sharedView2Select {
    box-sizing: border-box;
    flex: 0 1 220px;
    width: min(220px, 58vw);
    min-width: 130px;
    min-height: 44px;
    margin: 0 6px !important;
    font-size: 16px !important;
}

html.mobile-report-mode .reportIconHeader #open-setting-dropdown {
    margin-left: auto;
}

/* Viewer operations stay in the existing menu; only its desktop positioning is normalized. */
html.mobile-report-mode #settings {
    position: fixed !important;
    top: calc(var(--mobile-report-safe-top) + var(--mobile-report-navigation-height) + var(--mobile-report-toolbar-height) + 4px) !important;
    right: var(--mobile-report-edge-right) !important;
    bottom: auto !important;
    left: var(--mobile-report-edge-left) !important;
    box-sizing: border-box;
    width: auto !important;
    max-width: none;
    max-height: calc(100dvh - var(--mobile-report-safe-top) - var(--mobile-report-safe-bottom) - var(--mobile-report-navigation-height) - var(--mobile-report-toolbar-height) - 16px);
    padding: 6px;
    overflow-y: auto;
    transform: none !important;
}

html.mobile-report-mode #settings > div {
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 16px;
}

/* One fluid shell surrounds every existing report-type renderer. */
html.mobile-report-mode .reportPresentation,
html.mobile-report-mode #report {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

html.mobile-report-mode #report {
    overflow-x: visible !important;
}

html.mobile-report-mode .reportHeader {
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    margin: 20px var(--mobile-report-edge-right) 0 var(--mobile-report-edge-left);
}

html.mobile-report-mode .reportHeader.hideTitle {
    margin-bottom: 20px;
}

html.mobile-report-mode .reportHeader h2,
html.mobile-report-mode .reportHeader td,
html.mobile-report-mode .reportHeader a {
    overflow-wrap: anywhere;
}

html.mobile-report-mode .reportDescriptionContainer {
    width: 100%;
    max-width: 100%;
}

/* The persisted description size is inline, so this is one intentional scoped exception. */
html.mobile-report-mode #reportDesc {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    resize: none !important;
    overflow-wrap: anywhere;
}

html.mobile-report-mode #moreDesc {
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 0;
}

html.mobile-report-mode .queryTable {
    max-width: 100%;
}

html.mobile-report-mode .queryTable th {
    min-width: 0;
    white-space: normal;
}

html.mobile-report-mode .queryTable td {
    max-width: 70vw;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Normal reports have one local horizontal scroller. */
html.mobile-report-mode #report[data-report-fixed-area="false"] .reportContent {
    box-sizing: border-box;
    width: auto;
    max-width: calc(100vw - var(--mobile-report-edge-left) - var(--mobile-report-edge-right));
    margin: 14px var(--mobile-report-edge-right) 20px var(--mobile-report-edge-left) !important;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

/* Fixed-area reports instead keep their existing outer two-axis scroller. */
html.mobile-report-mode .reportOuterContainer {
    box-sizing: border-box;
    width: 100vw;
    max-width: 100vw;
    height: calc(100vh - var(--mobile-report-navigation-height) - var(--mobile-report-safe-top) - var(--mobile-report-safe-bottom)) !important;
    height: calc(100dvh - var(--mobile-report-navigation-height) - var(--mobile-report-safe-top) - var(--mobile-report-safe-bottom)) !important;
    margin-left: 0;
    padding-bottom: var(--mobile-report-edge-bottom);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-top: var(--mobile-report-toolbar-height);
}

html.mobile-report-mode #report[data-report-fixed-area="true"] {
    min-width: 100%;
    max-width: none;
}

html.mobile-report-mode #report[data-report-fixed-area="true"] .reportContent {
    width: auto;
    max-width: none;
    margin: 14px var(--mobile-report-edge-right) 20px var(--mobile-report-edge-left) !important;
    overflow: visible;
}

/* Header/footer editing is a desktop affordance. Keep the rendered content, but do not let a
   stray phone tap enter the editable child document. */
html.mobile-report-mode .reportEditableFrame {
    pointer-events: none;
    user-select: none;
}

html.mobile-report-mode .reportHeaderFooterContainer,
html.mobile-report-mode .reportHeaderFooterContent {
    box-sizing: border-box;
    max-width: 100%;
}

/* All authoring entry points are inert semantic hooks; viewer filters, exports, and print remain. */
html.mobile-report-mode .reportAuthoringControl,
html.mobile-report-mode .reportAuthoringPanel,
html.mobile-report-mode #styleSettings,
html.mobile-report-mode #config_mode_block,
html.mobile-report-mode #trendReportSettings,
html.mobile-report-mode #barReportSettings,
html.mobile-report-mode #dualAxisReportSettings,
html.mobile-report-mode #pieReportSettings,
html.mobile-report-mode #radarReportSettings,
html.mobile-report-mode #rankingSettingSection,
html.mobile-report-mode #mapReportSettings,
html.mobile-report-mode #pivotSettingSection,
html.mobile-report-mode #groupingReportSettings,
html.mobile-report-mode .ganttSettingSection,
html.mobile-report-mode #kanbanReportSettings,
html.mobile-report-mode #reserve-setting-config,
html.mobile-report-mode .ledgerSettingSection,
html.mobile-report-mode #removeReportDiv,
html.mobile-report-mode #removedDomainIdsContainer,
html.mobile-report-mode .dragElement,
html.mobile-report-mode .grHeaderDrag,
html.mobile-report-mode .resetCustomWidthButton,
html.mobile-report-mode #report[data-report-type="ragic/todo"] #todoTimestampFieldSelect,
html.mobile-report-mode #report[data-report-type="ragic/calendar"] .reportContent > .printHide,
html.mobile-report-mode #report[data-report-type="ragic/label"] .reportContent > .printHide,
html.mobile-report-mode #report[data-report-type="ragic/estactual"] .reportContent > .printHide,
html.mobile-report-mode #report[data-report-type="ragic/estactual"] .reportContent select,
html.mobile-report-mode #report[data-report-type="ragic/ranking"] [data-ranking-report-config],
html.mobile-report-mode #report[data-report-type="ragic/association"] .associationExcludeDiv,
html.mobile-report-mode #report[data-report-type="ragic/association"] .associationTable i.fa-times,
html.mobile-report-mode #report[data-report-type="ragic/dashboard"] [data-dashboard-report-config],
html.mobile-report-mode #report[data-report-type="ragic/dashboard"] [data-dashboard-report-action] {
    display: none !important;
}

/* Period changes only update the current report session; the separately hidden Save action still
   owns persistence. Keep that viewer operation and let its desktop row wrap. */
html.mobile-report-mode .accountingReportSetting {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-width: 100%;
    gap: 12px;
}

html.mobile-report-mode .accountingReportSetting > :not(.accountingReportViewerControl) {
    display: none !important;
}

html.mobile-report-mode .accountingReportSetting .reportSetting {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    gap: 8px 4px;
    margin: 0;
    line-height: 1.4;
}

html.mobile-report-mode .accountingReportSetting input {
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 !important;
}

html.mobile-report-mode .accountingReportSetting #reportStartDate,
html.mobile-report-mode .accountingReportSetting #reportEndDate {
    flex: 1 1 10rem;
    min-width: 0;
}

html.mobile-report-mode .accountingReportSetting > .topButtonWhole.accountingReportViewerControl {
    display: inline-flex !important;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
}

/* Form controls remain legible without Safari focus zoom and expose a reasonable touch target. */
html.mobile-report-mode #report input[type="text"],
html.mobile-report-mode #report input[type="number"],
html.mobile-report-mode #report input[type="date"],
html.mobile-report-mode #report input[type="datetime-local"],
html.mobile-report-mode #report input[type="button"],
html.mobile-report-mode #report button,
html.mobile-report-mode #report select,
html.mobile-report-mode #report textarea,
html.mobile-report-mode #queryReport input,
html.mobile-report-mode #queryReport button,
html.mobile-report-mode #queryReport select,
html.mobile-report-mode #queryReport textarea {
    box-sizing: border-box;
    min-height: 44px;
    font-size: 16px;
}

html.mobile-report-mode .filterOperationBarContainer .filterDiv,
html.mobile-report-mode .filterOperationBarContainer .addFilterBtn,
html.mobile-report-mode .filterOperationBarContainer .clearFiltersBtn,
html.mobile-report-mode .EventCalendar_btn {
    box-sizing: border-box;
    min-height: 44px;
}

html.mobile-report-mode .filterOperationBarContainer {
    gap: 5px;
    font-size: 14px;
}

html.mobile-report-mode #report[data-report-type="ragic/todo"] .todoTable input[type="checkbox"] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 10px;
}

/* Body-appended filter controls and date pickers cannot be allowed to exceed the phone viewport. */
html.mobile-report-mode .filterInfoEditor,
html.mobile-report-mode .addFilterDropdown,
html.mobile-report-mode .dateSpecialDropdown,
html.mobile-report-mode .userSpecialDropdown,
html.mobile-report-mode body > .dropdown,
html.mobile-report-mode body > .dropdownBlack,
html.mobile-report-mode body > .dropdownToolbar,
html.mobile-report-mode body > .floatingWin {
    box-sizing: border-box;
    max-width: calc(100vw - var(--mobile-report-edge-left) - var(--mobile-report-edge-right)) !important;
    max-height: calc(100dvh - var(--mobile-report-edge-top) - var(--mobile-report-edge-bottom)) !important;
    overflow: auto;
}

html.mobile-report-mode.mobile-report-display-mode .filterInfoEditor,
html.mobile-report-mode.mobile-report-display-mode .addFilterDropdown,
html.mobile-report-mode.mobile-report-display-mode .dateSpecialDropdown,
html.mobile-report-mode.mobile-report-display-mode .userSpecialDropdown {
    position: fixed !important;
    top: calc(var(--mobile-report-safe-top) + var(--mobile-report-navigation-height) + var(--mobile-report-toolbar-height) + 8px) !important;
    right: var(--mobile-report-edge-right) !important;
    bottom: auto !important;
    left: var(--mobile-report-edge-left) !important;
    box-sizing: border-box;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--mobile-report-safe-top) - var(--mobile-report-safe-bottom) - var(--mobile-report-navigation-height) - var(--mobile-report-toolbar-height) - 20px) !important;
    overflow: auto;
    transform: none !important;
}

html.mobile-report-mode.mobile-report-display-mode .fieldOptionDiv,
html.mobile-report-mode.mobile-report-display-mode .specialDropdownOption {
    box-sizing: border-box;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

html.mobile-report-mode .datePickerRagic {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    box-sizing: border-box;
    width: min(340px, calc(100vw - var(--mobile-report-edge-left) - var(--mobile-report-edge-right)));
    max-height: calc(100dvh - var(--mobile-report-edge-top) - var(--mobile-report-edge-bottom));
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border-radius: 8px;
}

html.mobile-report-mode .datePickerRagic:has(.timeDiv) {
    display: block;
}

html.mobile-report-mode .datePickerRagic .dateTableContainer {
    float: none;
    width: 100%;
}

html.mobile-report-mode .datePickerRagic .ymheaderTable,
html.mobile-report-mode .datePickerRagic .calTable {
    width: calc(100% - 20px);
    table-layout: fixed;
}

html.mobile-report-mode .datePickerRagic .ymheaderTable td,
html.mobile-report-mode .datePickerRagic .calTable td,
html.mobile-report-mode .datePickerRagic .calTodayButton {
    box-sizing: border-box;
    width: auto;
    min-width: 40px;
    height: 44px;
    min-height: 44px;
    font-size: 14px;
}

html.mobile-report-mode .datePickerRagic .timeDiv {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px 10px;
}

/* Query is the only pre-display route in the initial mobile scope. */
html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryCard {
    box-sizing: border-box;
    width: auto;
    max-width: calc(100vw - var(--mobile-report-edge-left) - var(--mobile-report-edge-right));
    margin: 16px var(--mobile-report-edge-right) 20px var(--mobile-report-edge-left) !important;
    padding: clamp(16px, 5vw, 25px) !important;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryTitle {
    margin-bottom: 20px !important;
    overflow-wrap: anywhere;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryForm {
    width: 100%;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryField {
    margin: 0 0 16px;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryLabel {
    margin-bottom: 6px;
    font-size: 14px !important;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryInput,
html.mobile-report-mode.mobile-report-query-mode .mobileReportQuerySelect,
html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls > .multiComboBox {
    box-sizing: border-box;
    flex: 1 1 160px;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0 !important;
    font-size: 16px;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls > .multiComboBox .multiComboSelectedDiv {
    min-height: 44px;
    line-height: 42px;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls > .multiComboBox ul {
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    min-width: 100% !important;
    max-width: 100%;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls > .multiComboBox li {
    box-sizing: border-box;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

html.mobile-report-mode.mobile-report-query-mode .mobileReportQuerySubmit {
    min-width: 120px;
    min-height: 44px;
    margin-top: 4px !important;
    padding: 0 20px !important;
}

/* Charts fit; inherently tabular or timeline-oriented reports retain their natural width and pan. */
html.mobile-report-mode #report[data-report-type="ragic/trend"] #chartdiv,
html.mobile-report-mode #report[data-report-type="ragic/bar"] #chartDiv,
html.mobile-report-mode #report[data-report-type="ragic/dualAxis"] #chartDiv {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    height: clamp(360px, 70dvh, 600px) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html.mobile-report-mode #report[data-report-type="ragic/pie"] #chartDiv,
html.mobile-report-mode #report[data-report-type="ragic/radar"] #chartDiv,
html.mobile-report-mode #report[data-report-type="ragic/ranking"] #chartDiv,
html.mobile-report-mode #report[data-report-type="ragic/pivot"] #chartDiv {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    height: clamp(340px, 82vw, 520px) !important;
}

html.mobile-report-mode #report[data-report-type="ragic/pie"] #pieChart,
html.mobile-report-mode #report[data-report-type="ragic/radar"] #radarChart {
    box-sizing: border-box;
    min-width: 0 !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html.mobile-report-mode #report[data-report-type="ragic/pie"] #legend {
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    max-height: none;
    align-items: stretch;
    padding: 8px 0;
}

html.mobile-report-mode #report[data-report-type="ragic/pie"] #legend .legend-item {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
}

html.mobile-report-mode #report[data-report-type="ragic/map"] #map_canvas {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    height: clamp(360px, 70dvh, 620px) !important;
    margin: 0 !important;
}

html.mobile-report-mode #report[data-report-type="ragic/dashboard"] #reportMain {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    margin: 12px !important;
}

html.mobile-report-mode #report[data-report-type="ragic/dashboard"] #reportMain > div[domainid] {
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin: 8px 0 !important;
}

html.mobile-report-mode #report[data-report-type="ragic/calendar"] #eventCalendar,
html.mobile-report-mode #report[data-report-type="ragic/todo"] #todoReportTable {
    min-width: 720px;
}

/* A reservation calendar is narrow enough to reflow without shrinking its interactive content.
   Keep variable room columns in a local scroller, then stack the booking form for phone widths. */
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationChart {
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationCalendar {
    box-sizing: border-box;
    width: 100%;
    max-width: 370px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationCalendar > .reserveDatePicker {
    box-sizing: border-box;
    width: 100%;
    min-width: 324px;
    padding-right: 8px;
    padding-left: 8px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationCalendar .ymheaderTable {
    width: 100%;
    margin: 10px 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationCalendar .calTable {
    width: 100%;
    min-width: 308px;
    margin: 10px 0;
    table-layout: fixed;
    border-spacing: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationCalendar .calTable td {
    width: auto;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    text-align: center;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationCalendar .btn-primary {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationTimePicker {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 16px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-system-today,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservationTitle {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: anywhere;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-system-today > span {
    box-sizing: border-box;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer {
    flex-wrap: wrap;
    gap: 8px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer > .multiComboBox {
    flex: 1 1 180px;
    min-width: 0;
    max-width: 100%;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer .multiComboSelectedDiv {
    min-width: 0;
    min-height: 44px;
    overflow: hidden;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer .multiComboValue {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer .multiComboBox ul {
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    min-width: 100% !important;
    max-width: 100%;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer .multiComboBox li {
    overflow: hidden;
    text-overflow: ellipsis;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #itemSelectContainer .multiComboFilterInput {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #showSchedule {
    flex: 0 0 auto;
    min-height: 44px;
    height: auto;
    margin-left: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserveScheduleContainer {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingSchedule {
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: 16px;
    padding: 16px 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingSchedule > div,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI-header,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI-content,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserveInfo,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-form {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI-content {
    padding: 16px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI .closeReserve {
    box-sizing: border-box;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin-right: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-form .divRow {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 4px;
    width: 100%;
    min-width: 0;
    margin-bottom: 12px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-form .divCell {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    padding: 6px 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-form .divCell:first-child {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-right: 8px;
    text-align: center;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-form .divCell:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
    padding-right: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reservation-form .divCell:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    padding-right: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI .reservation-field:not(select),
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI [data-to-turn-into-barSelect],
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI .barSelect {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI span.reservation-field {
    display: block;
    height: auto;
    min-height: 0;
    overflow-wrap: anywhere;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI select.reservation-field {
    width: 0;
    min-width: 0;
    max-width: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    border: 0;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI input.reservation-field,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI textarea.reservation-field,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #bookingUI .barSelect-selection {
    min-height: 44px;
    font-size: 16px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #startEndMode,
html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserve_resetTimePeriod {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    height: auto !important;
    margin: 0 !important;
    white-space: normal;
    font-size: 16px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserve_resetTimePeriod {
    margin-top: 8px !important;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserveInfo .footer {
    flex-wrap: wrap;
    gap: 8px;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserveInfo .footer > button {
    box-sizing: border-box;
    flex: 1 1 120px;
    width: auto;
    min-width: 0;
    min-height: 44px;
    height: auto;
    max-width: 100%;
    margin-right: 0 !important;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserveInfo .footer > .reserve-btn {
    flex-basis: 100%;
    width: 100%;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #reserveScheduleContainer > .loadingContainer {
    box-sizing: border-box;
    padding-left: 0;
    justify-content: center;
}

html.mobile-report-mode #report[data-report-type="ragic/reservation"] #unavailableTimesText {
    box-sizing: border-box;
    width: 100% !important;
    margin: 120px 0 !important;
    padding: 0 16px;
}

@media (max-width: 480px) {
    html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls {
        align-items: stretch;
        flex-direction: column;
    }

    html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryRangeSeparator {
        display: none;
    }

    html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryInput,
    html.mobile-report-mode.mobile-report-query-mode .mobileReportQuerySelect,
    html.mobile-report-mode.mobile-report-query-mode .mobileReportQueryControls > .multiComboBox {
        flex-basis: auto;
    }
}