.LandingPage_btnLogOut__VJo8Y{width:204px;height:44px;color:#fff;background-color:#074e9f;border-radius:8px;padding:10px 56px 10px 56px}@keyframes LandingPage_spin__ZRSQE{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes LandingPage_pulse__qc5QV{50%{background:#fff}}.LandingPage_loading__4na_C{border-radius:50%;width:40px;height:40px;margin-bottom:12px;border:.25rem solid rgba(52,103,243,.3);border-top-color:#338afc;animation:LandingPage_spin__ZRSQE 1s infinite linear}.LandingPage_simple_loading__ynxnA{border-radius:50%;border:3px solid rgba(45,148,245,.3);border-top-color:#35a9f7;animation:LandingPage_spin__ZRSQE 1s infinite linear} .Header_navs__Lwhxd{display:flex;align-items:center;height:100%;gap:10px;padding-right:4px}.Header_navLink__BnoBq,.Header_navLinkActive__kPuwB{display:flex;align-items:center;color:var(--header-link-color, #333);gap:10px;padding:4px;border-radius:8px}.Header_navLink__BnoBq .Header_navArrow__PEVU3,.Header_navLinkActive__kPuwB .Header_navArrow__PEVU3{width:18px;height:18px;display:flex;justify-content:center;align-items:center}button.Header_navLink__BnoBq{border-width:0;background-color:rgba(0,0,0,0)}button.Header_navLink__BnoBq .Header_navIcon__MJWbq{pointer-events:none}.Header_navIcon__MJWbq{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.Header_navText__7sxcC{font-size:16px;font-weight:500}.Header_title__gVRy7{font-weight:600;font-size:14px;line-height:22px;color:var(--header-title-color, #333)}.Header_subtitle__Y44_z{font-weight:400;font-size:14px;line-height:20px;color:var(--header-subtitle-color, #ffffff)}.Header_left__Fi7vd{padding-left:18px}.Header_navItemUser__rnSEM{position:relative}.Header_navItemUser__rnSEM .Header_navLink__BnoBq,.Header_navItemUser__rnSEM .Header_navLinkActive__kPuwB{padding-right:15px;padding-left:15px;border-radius:0;height:var(--header-height, 48px)}.Header_navItemUser__rnSEM .Header_navLinkActive__kPuwB{background-color:var(--header-link-hover-bg, #f2f2f2)}.Header_navItemUser__rnSEM .Header_navIcon__MJWbq{width:32px;height:32px;background-color:rgba(0,0,0,.1)}.Header_userDropdownWrap__MMmaI{position:absolute;top:100%;right:0;z-index:1000}.Header_userDropdownContent__bgPts{display:flex;flex-direction:column;border-radius:0 0 var(--border-radius, 8px) var(--border-radius, 8px);background-color:#fff;box-shadow:var(--box-shadow, 0 0 10px rgba(0, 0, 0, 0.1));width:230px;max-width:230px}.Header_userDropdownHeader__p3_a2{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #eee}.Header_userDropdownAvatar__X4yhO{display:flex;align-items:center;gap:10px;border-radius:50%;background-color:#eee;width:72px;height:72px;margin:0 auto}.Header_userDropdownMeta__7VVPZ{display:flex;flex-direction:column;gap:2px;text-align:center;margin-top:8px}.Header_userDropdownMeta__7VVPZ h3{margin:0}.Header_userDropdownMeta__7VVPZ p{margin:0}.Header_userDropdownBody__Kyzkw{display:flex;flex-direction:column;gap:4px;padding:10px}.Header_userDropdownLink__nIUg0{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;width:100%;color:var(--body-color, #333);border-width:0;background-color:rgba(0,0,0,0)}.Header_userDropdownLink__nIUg0:hover{background-color:#f2f2f2;cursor:pointer}.Header_userDropdownIcon__QqUAY{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.Header_userDropdownText__1V_l_{display:flex;flex-direction:column;gap:5px}.Header_flowIcon__40jQh{width:112px;height:48px;background-size:112px 48px;background-repeat:no-repeat;background-image:url(/_next/static/media/flowLogo.ef260736.png)}.Header_userDropdownItemDivider__YMMy3{border-bottom:1px solid #eee}.Header_userMenu__W1EjY{width:374px;height:100%;min-height:-moz-fit-content;min-height:fit-content;max-height:560px;padding:0px 16px;border-radius:8px;position:absolute;right:-27px;top:73px;background-color:#fff;box-shadow:0px 0px 15px 0px rgba(59,89,152,.1)}.Header_logMenu__4qBuz{display:flex;width:100%;flex-direction:row;align-items:center;gap:8px;margin:16px 0px}.Header_arrowDown__H0XVG{margin-top:8px;width:32px;justify-content:flex-end}.Header_avatar__eab2r{border:1px solid #e4e7ec;border-radius:99px;display:flex;justify-content:center;align-items:center;width:96px;height:96px;font-size:40px;color:#344054}.Header_switchCompany__uiou_{width:100%;height:56px;padding:8px 0px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}@media(max-width: 743.5px){.Header_userMenu__W1EjY{right:-20px !important;top:33px !important}.Header_navs__Lwhxd{padding-left:0px}.Header_navText__7sxcC{display:none}.Header_navLink__BnoBq{padding-right:0px !important}.Header_navLinkIcon__ZIZlT{width:24px !important;height:24px !important}.Header_navIcon__MJWbq svg{width:18px !important;height:14px !important}.Header_navIconOpen__ymMG8 svg{width:32px !important;height:32px !important}.Header_flowIcon__40jQh{width:24px;height:24px;background-size:24px 24px;background-image:url(/_next/static/media/flowLogo-mb.7beef0a8.png)}.Header_rightPan__ChVQA{display:flex}} .companyModal_popup__0mzkR{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.companyModal_popup__0mzkR.companyModal_blur__uvDAW .companyModal_backdrop__mgecu{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.companyModal_popup__0mzkR.companyModal_white__PzluM .companyModal_backdrop__mgecu{background-color:rgba(255,255,255,.5)}.companyModal_popup__0mzkR .companyModal_backdrop__mgecu{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100%;height:100%;cursor:pointer;visibility:visible;align-content:center;text-align:center;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5);padding:1rem}.companyModal_popup__0mzkR .companyModal_popupContainer__mE1ty{position:relative;will-change:opacity,transform;background-color:#fffefd;vertical-align:middle;display:inline-block;width:420px;max-width:100%;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.companyModal_popup__0mzkR .companyModal_popupHeader__8EGCb{display:flex;align-items:center;padding:10px 15px;gap:10px}.companyModal_popup__0mzkR .companyModal_popupHeaderTitle__qYAY3{color:#344054;font-weight:600;font-size:22px;line-height:32px}.companyModal_popup__0mzkR .companyModal_popupHeaderAction__aTpBU{left:auto;display:flex;margin-left:auto;gap:10px}.companyModal_popup__0mzkR .companyModal_popupBodyContent__yHHVn{display:flex;flex-direction:column;padding:10px 15px}.companyModal_popup__0mzkR .companyModal_popupBodyContent__yHHVn label{color:#344054;line-height:24px;font-size:16px;font-weight:400}.companyModal_popup__0mzkR .companyModal_popupBodyContent__yHHVn select option{line-height:24px;font-size:16px;font-weight:400}.companyModal_popup__0mzkR .companyModal_formGroup__2IeP8 label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.companyModal_popup__0mzkR .companyModal_popupFooter__QeO_0{display:flex;align-items:center;padding:10px 15px;gap:10px}.companyModal_popup__0mzkR .companyModal_w420__9vkEn{max-width:420px} .Sidebar_body__jSuAw{flex:1;overflow-y:auto}.Sidebar_navs__LMqbI{display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px}.Sidebar_navItem__UiB2v,.Sidebar_navItemExpand__o6fas{margin:2px 10px}.Sidebar_navItemExpand__o6fas{background-color:#f2f2f2;border-radius:6px}.Sidebar_navItemExpand__o6fas .Sidebar_navArrow__qvsOh{transform:rotate(90deg)}.Sidebar_navLink__B_0i9{display:flex;align-items:center;gap:5px;color:inherit;border-radius:6px;padding-left:10px;padding-right:10px;min-height:38px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.Sidebar_navLink__B_0i9:hover{background-color:#f2f2f2;cursor:pointer}.Sidebar_navIcon__qdnRU{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.Sidebar_navArrow__qvsOh{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}.Sidebar_navText__tDa5g{flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Sidebar_navItemDivider__W45Ww{background-color:rgba(233,234,236,.1);height:1px;margin:4px 10px}.Sidebar_navSub__bLLdb{padding-left:52px}.Sidebar_subLink__C1g4U{display:flex;align-items:center;gap:5px;color:#676767;text-decoration:none}.Sidebar_subLink__C1g4U:hover{cursor:pointer;color:#101010}.Sidebar_subText__Eq94T{flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Sidebar_copyright__qyXG3{font-size:14px;color:#667085;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;padding:10px}@media(max-width: 375px){.Sidebar_bd__m_hmo{border-top:1px solid #e4e7ec}.Sidebar_marginB__pOQLy{margin-bottom:54px}} .Layout_wrapper__RIOU4{display:flex;flex-direction:column}.Layout_header__fX20p{position:relative;height:80px}.Layout_headerContainer__MB5uT{height:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;left:0;top:0;right:0;z-index:250;background-color:var(--header-bg, #fff);color:var(--header-color, #fff);box-shadow:var(--header-box-shadow, 0px 1px 18px rgba(181, 201, 235, 0.21), 0px 3px 5px rgba(132, 147, 198, 0.12));display:flex;justify-content:space-between}.Layout_main__TdNNX{display:flex}.Layout_content__FMDb9{min-height:calc(100vh - 80px);display:flex;flex-direction:column;flex:1;overflow-x:hidden}.Layout_sidebar__yCale{width:72px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 80px)}.Layout_sidebarOverlay__06Hiq{position:fixed;top:80px;left:0;bottom:0;z-index:200;border-right:0 solid #eaecef;background-color:#23263c;width:72px;transition:width .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.Layout_sidebarOverlayExpand__fYT9B{position:fixed;top:80px;left:0;bottom:0;z-index:200;border-right:0 solid #eaecef;background-color:#23263c;width:240px;transition:width .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.Layout_sidebarContainer__ixTCH{position:relative;display:flex;justify-content:space-between;flex-direction:column;height:100%;border-right:0 solid #eaecef;background-color:var(--sidebar-bg, #fff);overflow:hidden}.Layout_layoutMain__kiK45{grid-area:main;position:relative}@media(max-width: 743.5px){.Layout_header__fX20p,.Layout_headerContainer__MB5uT{height:40px}.Layout_content__FMDb9{min-height:calc(100vh - 40px)}.Layout_sidebar__yCale{height:calc(100vh - 40px)}.Layout_sidebarOverlay__06Hiq,.Layout_sidebarOverlayExpand__fYT9B{top:40px}} .InboxModal_popup__Q7K9M{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.InboxModal_popup__Q7K9M.InboxModal_blur__i3Ne4 .InboxModal_backdrop__CZhqG{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.InboxModal_popup__Q7K9M.InboxModal_white__31I1I .InboxModal_backdrop__CZhqG{background-color:rgba(255,255,255,.5)}.InboxModal_popup__Q7K9M .InboxModal_backdrop__CZhqG{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.InboxModal_popup__Q7K9M .InboxModal_popupContainer__iE4zX{position:relative;will-change:opacity,transform;background-color:#fffefd;width:420px;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.InboxModal_popup__Q7K9M .InboxModal_popupHeader__1iA_x{display:flex;align-items:center;padding:10px 15px;gap:10px}.InboxModal_popup__Q7K9M .InboxModal_popupHeaderTitle__ewTOo{font-weight:600;font-size:22px;line-height:32px}.InboxModal_popup__Q7K9M .InboxModal_popupHeaderAction__r9e20{left:auto;display:flex;margin-left:auto;gap:10px}.InboxModal_popup__Q7K9M .InboxModal_popupBodyContent__KmaKG{display:flex;flex-direction:column;padding:10px 15px}.InboxModal_popup__Q7K9M .InboxModal_popupBodyContent__KmaKG label{color:#344054;line-height:24px;font-size:16px;font-weight:400}.InboxModal_popup__Q7K9M .InboxModal_popupBodyContent__KmaKG select option{line-height:24px;font-size:16px;font-weight:400}.InboxModal_popup__Q7K9M .InboxModal_formGroup__Cb2mA label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.InboxModal_popup__Q7K9M .InboxModal_popupFooter__UlR8l{display:flex;align-items:center;padding:10px 15px;gap:10px}.InboxModal_popup__Q7K9M .InboxModal_w420__aJ2vV{max-width:420px}.InboxModal_alertBodyContent__VgH2q{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding-bottom:30px !important}.InboxModal_alertIcon__Kj9OS{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.InboxModal_alertIcon__Kj9OS svg{width:100%;height:100%}.InboxModal_alertIconSuccess__oev2R{color:#07a721}.InboxModal_alertIconError__Az2FX{color:#f44336}.InboxModal_alertIconQuestion__1veEB{color:#074e9f}.InboxModal_alertTitle__gNB_e{font-weight:600;font-size:22px;line-height:32px;color:#344054}.InboxModal_alertMessage__mGrXa{color:#343639}.InboxModal_loadingContainer__55oGp{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.InboxModal_loadingTitle__sKK3n{font-weight:600;font-size:22px;line-height:32px;color:#fff}.InboxModal_backdropLoading__7aQ0d{cursor:default;background-color:rgba(0,0,0,.7)}@media(max-width: 375px){.InboxModal_popupContainer__iE4zX{max-width:343px !important;max-height:472px !important}.InboxModal_popupFooter__UlR8l{flex-direction:column-reverse}} .ConnectorModal_popup__ZHq_6{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.ConnectorModal_popup__ZHq_6.ConnectorModal_blur__axw3W .ConnectorModal_backdrop__CAjTh{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.ConnectorModal_popup__ZHq_6.ConnectorModal_white__W1qiB .ConnectorModal_backdrop__CAjTh{background-color:rgba(255,255,255,.5)}.ConnectorModal_popup__ZHq_6 .ConnectorModal_backdrop__CAjTh{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupContainer__YQM_n{position:relative;will-change:opacity,transform;background-color:#fffefd;width:862px;overflow:auto;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupHeader__obwZ3{display:flex;align-items:center;padding:10px 15px;gap:10px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupHeaderTitle__VRwy3{font-weight:600;font-size:22px;line-height:32px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupHeaderAction__IFAzZ{left:auto;display:flex;justify-content:flex-end;gap:10px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupBodyContent__z7wHK{display:flex;flex-direction:column;padding:10px 15px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupBodyContent__z7wHK .ConnectorModal_miniTitle__kkHib{margin-top:1rem;line-height:26px;background-color:#f5fafe;display:flex;justify-content:space-between;align-items:center;gap:10px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupBodyContent__z7wHK .ConnectorModal_miniTitle__kkHib .ConnectorModal_addButton__IzepR button{display:flex}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupBodyContent2__BVHtj{display:flex;flex-direction:column}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupBodyContent2__BVHtj .ConnectorModal_varGroup__ZG9VE{max-height:220px;overflow:auto}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupBodyContent2__BVHtj .ConnectorModal_miniTitle__kkHib{background-color:#f5fafe;margin-top:1rem;line-height:26px;display:flex;justify-content:space-between;align-items:center;gap:10px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_formGroup__vy29h label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_popupFooter__9ncjz{display:flex;align-items:center;padding:10px 15px;gap:10px}.ConnectorModal_popup__ZHq_6 .ConnectorModal_w420__iDMd9{max-width:420px}.ConnectorModal_alertBodyContent__gFCLc{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding-bottom:30px !important}.ConnectorModal_alertIcon__gE0X7{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.ConnectorModal_alertIcon__gE0X7 svg{width:100%;height:100%}.ConnectorModal_alertIconSuccess__tw_hD{color:#07a721}.ConnectorModal_alertIconError__NJvHW{color:#f44336}.ConnectorModal_alertIconQuestion__dZnrG{color:#074e9f}.ConnectorModal_alertTitle__GtJoO{font-weight:600;font-size:22px;line-height:32px;color:#344054}.ConnectorModal_alertMessage__iItym{color:#343639}.ConnectorModal_loadingContainer__SdzR5{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.ConnectorModal_loadingTitle__tzAjY{font-weight:600;font-size:22px;line-height:32px;color:#fff}.ConnectorModal_backdropLoading__ZalZl{cursor:default;background-color:rgba(0,0,0,.7)}.ConnectorModal_rangeSelect__eSsjA,.ConnectorModal_addVar__TKyyD{display:flex;align-items:center}.ConnectorModal_rangeSelect__eSsjA div,.ConnectorModal_addVar__TKyyD div{display:flex;flex-direction:column;flex:1}.ConnectorModal_addVar__TKyyD button{border:1px solid #074e9f}.ConnectorModal_btnPreview__Wu_2R{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:84px;height:44px;color:#074e9f;font-style:normal;font-weight:600;font-size:16px;line-height:20px}.ConnectorModal_btnPreview__Wu_2R:disabled{color:#98a2b3;pointer-events:none}.ConnectorModal_varialbleBox__tA7A3{margin-top:13px} .Modal_popup__1xzkh{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.Modal_popup__1xzkh.Modal_blur__v_Siw .Modal_backdrop__cNqOa{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.Modal_popup__1xzkh.Modal_white__8HaSV .Modal_backdrop__cNqOa{background-color:rgba(255,255,255,.5)}.Modal_popup__1xzkh .Modal_backdrop__cNqOa{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.Modal_popup__1xzkh .Modal_popupContainer__pgyP5,.Modal_popup__1xzkh .Modal_popupContainerBigSize__svvPo{position:relative;will-change:opacity,transform;background-color:#fffefd;width:100%;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.Modal_popup__1xzkh .Modal_popupContainer__pgyP5{max-width:450px;max-height:824px}.Modal_popup__1xzkh .Modal_popupContainerBigSize__svvPo{max-width:640px}.Modal_popup__1xzkh .Modal_popupHeader__Kyi6h{display:flex;align-items:center;padding:10px 15px;gap:10px}.Modal_popup__1xzkh .Modal_popupHeaderTitle__LnW6E{font-weight:600;font-size:22px;line-height:32px}.Modal_popup__1xzkh .Modal_popupHeaderAction__ww71L{left:auto;display:flex;margin-left:auto;gap:10px}.Modal_popup__1xzkh .Modal_popupBodyContent__tuamR{padding:10px 15px}.Modal_popup__1xzkh .Modal_formGroup__5VnPd label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.Modal_popup__1xzkh .Modal_popupFooter__pkoB2{display:flex;align-items:center;margin:24px 16px 16px 16px;gap:10px}.Modal_popup__1xzkh .Modal_w420__hA_3P{max-width:420px}.Modal_alertBodyContent__bLuf7{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:8px 16px}.Modal_alertIcon__pr_1p{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.Modal_alertIcon__pr_1p svg{width:100%;height:100%}.Modal_alertIconSuccess__4jCyj{color:#07a721}.Modal_alertIconError__8PxZW{color:#f44336}.Modal_alertIconQuestion__DS_Pa{color:#074e9f}.Modal_secret__3NuBn svg path{fill:#f8bd26 !important}.Modal_alertTitle__XW0OO{color:#344054;font-weight:600;font-size:22px;line-height:32px;text-align:center}.Modal_alertMessage__MabrS,.Modal_publitTitle__aunc8{font-weight:400;text-align:center}.Modal_publitTitle__aunc8{font-size:16px;color:#101828}.Modal_alertMessage__MabrS{margin-top:8px;color:#667085}.Modal_loadingContainer__IGRJN{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.Modal_loadingTitle__P3z3f{font-weight:600;font-size:22px;line-height:32px;color:#fff}.Modal_backdropLoading__raPb_{cursor:default;background-color:rgba(0,0,0,.7)}section .Modal_row__qRS_U{margin-bottom:10px;border:1px solid #e4e7ec;list-style:none;padding:5px;border-radius:10px;align-items:center}section .Modal_row__qRS_U i{font-size:40px}.Modal_loadingArea__pu8pd .Modal_details__E_akT{display:flex;align-items:center;margin-top:5px;margin-bottom:5px;justify-content:space-between}.Modal_loadingArea__pu8pd .Modal_loadingBar__1jmex{height:6px;width:100%;margin-bottom:4px;background:#bfcbcc;border-radius:30px}.Modal_loadingArea__pu8pd .Modal_loading__W3dWm{height:100%;width:100%;background:#07a721;border-radius:inherit}.Modal_upperLine__JYD5X{display:flex;justify-content:space-between}.Modal_upperLine__JYD5X .Modal_iconStatus__1Ykft i{font-size:20px}.Modal_lowerLine__1lkAw{display:flex;justify-content:space-between}.Modal_lowerLine__1lkAw .Modal_textStatus__M_F7Q{color:#07a721;font-size:12px}.Modal_loadingArea__pu8pd .Modal_activityIcon__3cp_H{border:#074e9f;padding:5px;width:-moz-fit-content;width:fit-content;margin-right:5px}.Modal_loadingArea__pu8pd .Modal_activityIcon__3cp_H i{font-size:20px}.Modal_selectExcelButton__0btQc{display:flex;background-color:#074e9f;color:#fff;border-radius:5px;padding-left:15px;padding-right:25px;padding-top:8px;padding-bottom:8px;border:none;cursor:pointer;font-size:12px;font-weight:600;align-items:center;justify-content:space-evenly}.Modal_selectExcelButton__0btQc p{font-size:14px;font-weight:600;line-height:20px}.Modal_uploadExcelPart__CdQ6u i{font-size:18px;margin-right:5px}.Modal_fileName__QATxB{margin-right:70px;font-size:12px;width:200px}.Modal_statusFile__N0osG{padding-left:10px;padding-right:25px;padding-top:8px;padding-bottom:8px;font-size:16px;font-weight:400;line-height:24px;color:#667085}.Modal_fileSize__mi4Zs{margin-top:3px;color:#98a2b3;font-size:14px;font-weight:400;line-height:16px}.Modal_loadingTime___UdEj{font-size:12px;color:#667085}.Modal_activityIcon__3cp_H .Modal_deleteButton__SH2D_{color:#fff;border-radius:5px;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;border:1px solid #d92d20;cursor:pointer;font-size:12px;font-weight:600;align-items:center;justify-content:space-evenly}@media(max-width: 375px){.Modal_popupContainer__pgyP5{max-width:343px !important}.Modal_popupFooter__pkoB2{flex-direction:column-reverse}} .SetidEmployeeModal_popup__b1RRg{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.SetidEmployeeModal_popup__b1RRg.SetidEmployeeModal_blur__7pEto .SetidEmployeeModal_backdrop__MoXki{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.SetidEmployeeModal_popup__b1RRg.SetidEmployeeModal_white__6L1xb .SetidEmployeeModal_backdrop__MoXki{background-color:rgba(255,255,255,.5)}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_backdrop__MoXki{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupContainer__hyNYB{width:913px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupContainerCreate__Vpcdb{width:420px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupContainer__hyNYB,.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupContainerCreate__Vpcdb{position:relative;will-change:opacity,transform;background-color:#fffefd;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupHeader__7oIWV{display:flex;align-items:center;padding:10px 15px;gap:10px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_maxH__Mujds{max-height:730px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupHeaderTitle__F_rXt{font-weight:600;font-size:22px;line-height:32px;color:#074e9f}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupHeaderAction__LApiK{left:auto;display:flex;margin-left:auto;gap:10px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupBodyContent__K_Tiv{padding:10px 15px;height:100%;max-height:calc(100vh - 204px);overflow:hidden auto}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_formGroup__AeH_S label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_popupFooter__IxM7T{display:flex;align-items:center;padding:10px 15px;gap:10px}.SetidEmployeeModal_popup__b1RRg .SetidEmployeeModal_w420__X4__r{max-width:420px}.SetidEmployeeModal_alertBodyContent__zbk9o{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding-bottom:30px !important}.SetidEmployeeModal_alertIcon__KZovy{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.SetidEmployeeModal_alertIcon__KZovy svg{width:100%;height:100%}.SetidEmployeeModal_alertIconSuccess__5KOWi{color:#07a721}.SetidEmployeeModal_alertIconError__vuJDo{color:#f44336}.SetidEmployeeModal_alertIconQuestion__cNMYO{color:#074e9f}.SetidEmployeeModal_alertTitle__NVu6F{font-weight:600;font-size:22px;line-height:32px;color:#344054}.SetidEmployeeModal_alertMessage__ZMQIR{color:#343639}.SetidEmployeeModal_loadingContainer__AJnnQ{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.SetidEmployeeModal_loadingTitle__5ZogC{font-weight:600;font-size:22px;line-height:32px;color:#fff}.SetidEmployeeModal_backdropLoading__anq55{cursor:default;background-color:rgba(0,0,0,.7)} .TemplateStyle_appbar__x4U4D{background-color:#fff}.TemplateStyle_tablerWrapper__LuZxw{background-color:#fff;padding:16px 32px;margin:16px 32px;border-radius:8px;min-height:804px;height:85vh}.TemplateStyle_btnCreate__G_ay6{display:flex;width:140px;justify-content:center;gap:8px;padding:10px 24px;align-items:center;background-color:#074e9f;border-radius:8px;color:#f5fafe;font-weight:600}.TemplateStyle_btnCreate__G_ay6:disabled{background-color:#e4e7ec;color:#8a95a8}.TemplateStyle_btnCreate__G_ay6:disabled svg path{fill:#8a95a8}.TemplateStyle_btnSearch__BlM5_,.TemplateStyle_btnPlain__8zVJT{display:flex;gap:8px;padding:10px 14px;align-items:center;border:1px solid #074e9f;border-radius:8px;color:#074e9f;font-weight:600;width:140px;justify-content:center}.TemplateStyle_btnSearch__BlM5_ svg{stroke:#074e9f}.TemplateStyle_btnPlain__8zVJT svg{width:24px;height:24px;fill:#074e9f}.TemplateStyle_dragArea__HDA72{overflow-y:auto;max-height:calc(100vh - 530px);margin-top:16px}.TemplateStyle_filterIcon__dftD0{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#98a2b3;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.TemplateStyle_filterInput__64Bkc{padding-left:38px;border:1px solid #a6b0bf}.TemplateStyle_radioOption__NGaAY{border:1px solid #a6b0bf;border-radius:8px;padding:10px 12px;height:44px;flex:1}.TemplateStyle_radioOption__NGaAY input{cursor:pointer;border-color:#667085}.TemplateStyle_radioOption__NGaAY label{margin-left:8px}.TemplateStyle_tableEmpty__muW0R{padding:0;border:none;text-align:center}.TemplateStyle_tableEmptyWrap__cT8Pp{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;border:1px solid #e4e7ec;gap:5px;padding:24px;height:100%}.TemplateStyle_tableEmptyWrap__cT8Pp .TemplateStyle_tableEmptyIcon__Ddo8p{width:84px;height:84px;color:#d0d5dd;margin-bottom:16px}.TemplateStyle_tableEmptyWrap__cT8Pp .TemplateStyle_tableEmptyTitle__iuTp0{font-size:22px;font-weight:600;line-height:32px;color:#344054}.TemplateStyle_tableEmptyWrap__cT8Pp .TemplateStyle_tableEmptyText__BCaVz{font-size:14px;line-height:22px;color:#667085}.TemplateStyle_table__ZZ3X1{width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff}.TemplateStyle_table__ZZ3X1 th,.TemplateStyle_table__ZZ3X1 td{padding:8px 12px;border-bottom:1px solid #ddd;text-align:left}.TemplateStyle_table__ZZ3X1 td{background-color:#fff}.TemplateStyle_table__ZZ3X1 th{background-color:#f5fafe;font-weight:bold;font-size:16px;line-height:24px;white-space:nowrap}.TemplateStyle_table__ZZ3X1 tr:hover td{background-color:#f4f4f4}.TemplateStyle_table__ZZ3X1 .TemplateStyle_tdIndex__ku1sH{width:10px;white-space:nowrap}.TemplateStyle_table__ZZ3X1 .TemplateStyle_tdAction__hBEXG{width:100px;white-space:nowrap}.TemplateStyle_table__ZZ3X1 .TemplateStyle_tdAction__hBEXG:hover{background-color:#f4f4f4}.TemplateStyle_table__ZZ3X1 .TemplateStyle_updateByCol__NFiL4{text-wrap:nowrap}.TemplateStyle_table__ZZ3X1 .TemplateStyle_formnameCol__NjFhg{min-width:300px}.TemplateStyle_table__ZZ3X1 .TemplateStyle_hactionCol__nhu12{position:sticky;right:0;z-index:1;box-shadow:none;width:180px;filter:drop-shadow(-2px 0px 5px rgba(219, 219, 219, 0.3))}.TemplateStyle_table__ZZ3X1 .TemplateStyle_actionCol__rMZ_M{position:sticky;right:0;min-width:180px;height:100%;max-height:32px;box-shadow:none}.TemplateStyle_table__ZZ3X1 .TemplateStyle_actionCol__rMZ_M :first-child{display:flex;gap:8px;width:-moz-fit-content;width:fit-content;align-items:center;color:#074e9f;text-wrap:nowrap;font-size:14px}.TemplateStyle_table__ZZ3X1 .TemplateStyle_actionCol__rMZ_M .TemplateStyle_btnB__8OHkK{border:1px solid #074e9f;padding:8px;background-color:#fff;min-height:unset !important}.TemplateStyle_table__ZZ3X1 .TemplateStyle_actionCol__rMZ_M .TemplateStyle_btnB__8OHkK svg{fill:#074e9f;height:16px}.TemplateStyle_table__ZZ3X1 .TemplateStyle_actionCol__rMZ_M .TemplateStyle_btnB__8OHkK:disabled{border-color:#a6b0bf;background-color:unset;cursor:default;color:#8a95a8 !important}.TemplateStyle_table__ZZ3X1 .TemplateStyle_actionCol__rMZ_M .TemplateStyle_btnB__8OHkK:disabled svg{fill:#8a95a8 !important}.TemplateStyle_table__ZZ3X1 .TemplateStyle_btnR__5NHi_{width:32px;height:32px;border-radius:8px;border:1px solid #d92d20}.TemplateStyle_table__ZZ3X1 .TemplateStyle_btnR__5NHi_:disabled{border-color:#a6b0bf}.TemplateStyle_table__ZZ3X1 .TemplateStyle_btnR__5NHi_:disabled svg{fill:#a6b0bf}.TemplateStyle_table__ZZ3X1 .TemplateStyle_btnR__5NHi_ svg{margin:auto;height:16px;fill:#d92d20}.TemplateStyle_table__ZZ3X1 .TemplateStyle_tableHeaderLabel__7CMcN{display:inline-flex;align-items:center;gap:2px;color:#0a6ee1}.TemplateStyle_table__ZZ3X1 .TemplateStyle_tableHeaderLabel__7CMcN:hover{cursor:pointer}.TemplateStyle_table__ZZ3X1 .TemplateStyle_tableHeaderLabel__7CMcN:hover .TemplateStyle_tableHeaderText__uHV_5{text-decoration:underline}.TemplateStyle_footer__ffzcM{display:flex;justify-content:space-between;align-items:center;gap:15px}.TemplateStyle_footer__ffzcM .TemplateStyle_total__mJ_QJ{font-weight:400;font-size:16px;line-height:24px;color:#344054}.TemplateStyle_container__vMmGW{display:flex;flex-direction:column}@media(max-width: 743.5px){.TemplateStyle_container__vMmGW{display:flex;flex-direction:column;gap:0px}.TemplateStyle_navBar__3Xk3V{width:100%;display:block;background:var(--Surface-colour-White-Surface, #fff);box-shadow:4px 2px 12px 0px rgba(10,10,16,.06)}.TemplateStyle_navBar__3Xk3V span{font-size:16px;font-style:normal;font-weight:400;line-height:24px}} .WorkflowEdit_main__IpU_0{display:flex;flex-direction:column;gap:15px;flex:1;margin-top:60px}.WorkflowEdit_header__SOHmJ,.WorkflowEdit_headerPopup__p69Cp,.WorkflowEdit_headerFlow__M84av,.WorkflowEdit_headerFlowView__gM8Ep,.WorkflowEdit_headerFlowViewP__niNMJ{background:#fff;border-radius:8px;padding:24px}.WorkflowEdit_headerFlow__M84av{max-height:calc(100vh - 400px)}.WorkflowEdit_headerFlowView__gM8Ep{max-height:calc(100vh - 480px)}.WorkflowEdit_headerFlowViewP__niNMJ{max-height:calc(100vh - 380px)}.WorkflowEdit_headerPopup__p69Cp{height:80vh}.WorkflowEdit_hideElement__PBBXN{display:none !important}.WorkflowEdit_mainCollider__Tsbdu{border:1px solid #074e9f !important;border-radius:8px !important;background-color:#fff;gap:10px}.WorkflowEdit_mainCollider__Tsbdu span{font-weight:600;color:#074e9f}.WorkflowEdit_collider__oD7gT{background-color:#fff;border-radius:8px !important;left:0;top:50px;box-shadow:0px 3px 5px 0px rgba(132,147,198,.12)}.WorkflowEdit_container__PA78e{display:flex;flex-direction:column;flex:1;gap:15px;border-radius:8px}.WorkflowEdit_appbar__xAom6{background-color:#fff;position:fixed;width:100%}.WorkflowEdit_appbarBt__qzhoh{background-color:#fff;position:fixed;bottom:0;right:0}.WorkflowEdit_btnGroup__39ECm{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:7px 16px;gap:8px;width:100%;height:44px;background:#fff;border:1px solid #e4e7ec;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:20px}.WorkflowEdit_datePick__dnX6T LABEL{font-family:var(--btn-font-family)}.WorkflowEdit_datePick__dnX6T div{height:44px;font-size:1rem;font-weight:400;color:#1f2329;border-radius:10px}.WorkflowEdit_filterSerachbox__RdUZe .WorkflowEdit_filterSerachboxIcon__6nW76{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#98a2b3;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.WorkflowEdit_filterSerachbox__RdUZe .WorkflowEdit_filterSerachboxInput__Xzchl{padding-left:38px}.WorkflowEdit_filterItem__qY6dh{position:relative}.WorkflowEdit_sidenav__gHpNG{display:flex;flex-direction:column;border-radius:8px;padding:16px;max-height:75vh;background:#fff;margin-bottom:16px;overflow-x:hidden}.WorkflowEdit_fileBox__brbuu{width:100%}.WorkflowEdit_eachInBox__9kN4H{border-width:1px;border-radius:8px;border-color:#e4e7ec;padding:16px;width:auto}.WorkflowEdit_bodyWorkflow__pv6KH{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;max-height:calc(100vh - 400px)}.WorkflowEdit_bodyWorkflowView__iKwfo{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;max-height:calc(100vh - 480px)}.WorkflowEdit_bodyWorkflowViewP__ehax0{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;max-height:calc(100vh - 380px)}.WorkflowEdit_boolean__ZogZ0{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:84px;height:26px;background:#e4f0e5;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#06951e}.WorkflowEdit_string__hJLpc{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:84px;height:26px;background:#ecf2f8;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#0078b4}.WorkflowEdit_number__SUOM0{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:-moz-max-content;width:max-content;width:84px;height:26px;background:#e9e7f4;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#5a4bac}.WorkflowEdit_tableEmptyWrap__1dHW2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:24px;flex:1}.WorkflowEdit_tableEmptyWrap__1dHW2 .WorkflowEdit_tableEmptyIcon__QD8Qt{width:84px;height:84px;color:#d0d5dd;margin-bottom:16px}.WorkflowEdit_tableEmptyWrap__1dHW2 .WorkflowEdit_tableEmptyTitle__rDdn9{font-size:24px;line-height:32px;color:#344054}.WorkflowEdit_tableEmptyWrap__1dHW2 .WorkflowEdit_tableEmptyText__lKxBn{display:flex;font-size:16px;line-height:24px;color:#98a2b3}.WorkflowEdit_workflowDetail__kE3h2{background-color:#fff;border:1px solid #ddd;padding:10px 16px;width:200px;height:86px;border-radius:8px;align-items:center;font-size:x-small}.WorkflowEdit_workflowStEd__xuDvF{background-color:#deedfe;border:1px solid #0a6ee1;padding:10px 16px;width:200px;height:40px;border-radius:8px;align-items:center;text-align:center;font-size:x-small}.WorkflowEdit_workflowVariable__H8Dog{background-color:#ddd;border:1px solid #818181;padding:10px 16px;width:200px;height:86px;border-radius:8px;align-items:center;font-size:x-small}.WorkflowEdit_panel__QCik6{margin-right:0px !important}.WorkflowEdit_radioOption__zSdCJ{border:1px solid #a6b0bf;border-radius:8px;padding:10px 12px;height:44px;flex:1}.WorkflowEdit_radioOption__zSdCJ input{cursor:pointer;border-color:#667085}.WorkflowEdit_radioOption__zSdCJ label{margin-left:8px} .EmailModalStyle_popup__kRtqy{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.EmailModalStyle_popup__kRtqy.EmailModalStyle_blur__mUPRc .EmailModalStyle_backdrop__O_kbM{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.EmailModalStyle_popup__kRtqy.EmailModalStyle_white__T0Mxa .EmailModalStyle_backdrop__O_kbM{background-color:rgba(255,255,255,.5)}.EmailModalStyle_popup__kRtqy .EmailModalStyle_backdrop__O_kbM{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.EmailModalStyle_popup__kRtqy .EmailModalStyle_popupContainer__iHCuc{position:relative;will-change:opacity,transform;background-color:#fffefd;width:100%;max-width:862px;height:100%;max-height:930px;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.EmailModalStyle_popup__kRtqy .EmailModalStyle_popupHeader__VekwE{display:flex;align-items:center;justify-content:flex-end;padding:10px 15px;gap:10px}.EmailModalStyle_popup__kRtqy .EmailModalStyle_popupHeaderTitle__a0UTP{font-weight:600;font-size:22px;line-height:32px}.EmailModalStyle_popup__kRtqy .EmailModalStyle_popupHeaderAction__MB4tO{display:flex;align-items:center;gap:10px}.EmailModalStyle_popup__kRtqy .EmailModalStyle_formGroup__7UB6x label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.EmailModalStyle_popup__kRtqy .EmailModalStyle_popupFooter__9viL1{display:flex;align-items:center;padding:10px 16px;gap:10px}.EmailModalStyle_popup__kRtqy .EmailModalStyle_w420__BUzOV{max-width:420px}.EmailModalStyle_alertBodyContent__OXint{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding-bottom:30px !important}.EmailModalStyle_alertIcon__hcca5{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.EmailModalStyle_alertIcon__hcca5 svg{width:100%;height:100%}.EmailModalStyle_alertIconSuccess__EbtIi{color:#07a721}.EmailModalStyle_alertIconError__PHsHO{color:#f44336}.EmailModalStyle_alertIconQuestion__X5rGx{color:#074e9f}.EmailModalStyle_alertTitle__mmcg5{font-weight:600;font-size:22px;line-height:32px;color:#344054}.EmailModalStyle_alertMessage__A2pam{color:#343639}.EmailModalStyle_loadingContainer__daNQd{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.EmailModalStyle_loadingTitle__7brR6{font-weight:600;font-size:22px;line-height:32px;color:#fff}.EmailModalStyle_backdropLoading__uWAI2{cursor:default;background-color:rgba(0,0,0,.7)} .EmailTemplateStyle_rejected__gaJO9{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:118px;height:26px;background:#f8e5e5;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#c2281d}.EmailTemplateStyle_approve__I_WqT{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:118px;height:26px;background:#e4f0e5;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#06951e}.EmailTemplateStyle_toApprove__5BsHK{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:118px;height:26px;background:#ecf2f8;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#0078b4}.EmailTemplateStyle_request__Ywymy{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:118px;height:26px;background:#e9e7f4;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#5a4bac}.EmailTemplateStyle_sendBack__FKzIG{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:118px;height:26px;background:#fef3e5;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:#dea922}.EmailTemplateStyle_toSubmitter__k683a{display:flex;flex-direction:row;align-items:center;padding:2px,16px,2px,16px;gap:8px;width:118px;height:26px;background:#eaeaea;border-radius:1.5rem;justify-content:center;font-style:normal;font-weight:400;font-size:14px;line-height:10px;color:dimgray}.EmailTemplateStyle_header__TNErD{background:#fff;border-radius:8px;padding:24px}.EmailTemplateStyle_body__pNKyA{background:#f6f7f9;border-radius:8px;padding:16px}.EmailTemplateStyle_appbar__4pplr{background-color:#fff}.EmailTemplateStyle_textarea__Koj0R{border:none;resize:none;background-color:rgba(0,0,0,0);font-size:inherit;padding:0;outline:none;height:136px}.EmailTemplateStyle_subject__CdhFv{font-size:20px;font-weight:600;line-height:30px}.EmailTemplateStyle_toolbar__wfrQN{border:1px solid rgb(226 232 240/var(--tw-border-opacity))}.EmailTemplateStyle_tableOuter__HG7w3{inset:0}.EmailTemplateStyle_table__PJeU7{width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff}.EmailTemplateStyle_table__PJeU7 th,.EmailTemplateStyle_table__PJeU7 td{border-bottom:1px solid #ddd;text-align:left;height:48px;padding-left:16px}.EmailTemplateStyle_table__PJeU7 th{background-color:#f5fafe !important;font-weight:bold;color:#344054;font-size:16px;line-height:24px;white-space:nowrap}.EmailTemplateStyle_table__PJeU7 tr:hover td{background-color:#f4f4f4}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tableEmpty__LvUyI{padding:0;border:none;text-align:center}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tableEmptyWrap__xXval{display:block;align-items:center;justify-content:center;gap:5px;padding:60px 60px 60px 60px}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tableEmptyWrap__xXval .EmailTemplateStyle_tableEmptyIcon__P8gWv{align-items:center;justify-content:center;width:84px;height:84px;color:#d0d5dd;margin-left:auto;margin-right:auto;margin-bottom:16px}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tableEmptyWrap__xXval .EmailTemplateStyle_tableEmptyTitle__7qz1j{font-size:18px;line-height:32px;color:#344054}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tableEmptyWrap__xXval .EmailTemplateStyle_tableEmptyText__vh_gb{font-size:16px;line-height:24px;color:#98a2b3}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tdIndex__zXR5r{width:10px;white-space:nowrap}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tdSetDesc__u_dGQ{max-width:459px;white-space:nowrap}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tdAction__zLCzm{width:186px;white-space:nowrap;text-align:center;background-color:#fff}.EmailTemplateStyle_table__PJeU7 .EmailTemplateStyle_tdIsOnline__TtUXs{width:200px;white-space:nowrap}.EmailTemplateStyle_tableHeaderLabel__Qb7h0{display:inline-flex;align-items:center;gap:2px;color:#0a6ee1}.EmailTemplateStyle_tableHeaderLabel__Qb7h0:hover{cursor:pointer}.EmailTemplateStyle_tableHeaderLabel__Qb7h0:hover .EmailTemplateStyle_tableHeaderText__McL_O{text-decoration:underline}.EmailTemplateStyle_btnSearch__UfM1X{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 16px;gap:8px;width:150px;height:44px;background:#074e9f;border-radius:8px;color:#fff;font-style:normal;font-weight:600;font-size:16px;line-height:24px}.EmailTemplateStyle_btnGroup__DZg2p{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:7px 16px;gap:8px;width:224px;height:44px;background:#fff;border:1px solid #e4e7ec;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:20px}.EmailTemplateStyle_container__jDycq{display:flex;flex-direction:column;flex:1;gap:16px}.EmailTemplateStyle_tableContainer__2kgpM{margin-top:4px;position:relative;border-radius:var(--border-radius, 8px);overflow:hidden}.EmailTemplateStyle_filterWrap__2BEjG{display:flex;gap:15px;align-items:center}.EmailTemplateStyle_filterItem__9w9tD{position:relative}.EmailTemplateStyle_filterSerachbox__jrdZW .EmailTemplateStyle_filterSerachboxIcon__EhmEX{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#98a2b3;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.EmailTemplateStyle_filterSerachbox__jrdZW .EmailTemplateStyle_filterSerachboxInput__yug75{padding-left:38px}.EmailTemplateStyle_footer__WdHqF{display:flex;justify-content:space-between;align-items:center;gap:15px}.EmailTemplateStyle_footer__WdHqF .EmailTemplateStyle_total__8_oyz{font-weight:400;font-size:16px;line-height:24px;color:#344054}.EmailTemplateStyle_filterSerachbox__jrdZW .EmailTemplateStyle_filterSerachboxIcon__EhmEX{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#98a2b3;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.EmailTemplateStyle_filterSerachbox__jrdZW .EmailTemplateStyle_filterSerachboxInput__yug75{padding-left:38px}.EmailTemplateStyle_filterSerachboxInput__yug75{padding-left:38px}.EmailTemplateStyle_tdAction__zLCzm{width:100px;white-space:nowrap;text-align:center}.EmailTemplateStyle_contentTabs__7nOh_{display:flex}.EmailTemplateStyle_contentTabs__7nOh_ .EmailTemplateStyle_tab__f0OZH{background-color:rgba(0,0,0,0);padding:12px 24px;font-weight:bold;color:var(--text-light, #667085);border-radius:8px 8px 0 0}.EmailTemplateStyle_contentTabs__7nOh_ .EmailTemplateStyle_tab__f0OZH:hover{color:var(--primary, #074e9f);cursor:pointer}.EmailTemplateStyle_contentTabs__7nOh_ .EmailTemplateStyle_tabActive___ru5o{background-color:var(--primary, #074e9f);color:var(--primary-color, #fff)}.EmailTemplateStyle_contentTabs__7nOh_ .EmailTemplateStyle_tabActive___ru5o:hover{background-color:var(--primary, #074e9f);color:var(--primary-color, #fff)}.EmailTemplateStyle_contentContainer__6wLVW{background:#fff;border-radius:0 0 8px 8px;flex:1}.EmailTemplateStyle_contentHtml__kj5un{height:324px;margin-bottom:4px}.EmailTemplateStyle_editText__8GkQd{flex:1}.EmailTemplateStyle_autoComplete__8jPF1{height:44px}.EmailTemplateStyle_btnTestmail__MUlHe{height:44px;padding:10px 16px 10px 16px;gap:8px;border-radius:8px;border:1px solid #22ab67;color:#22ab67;display:flex;justify-content:center}.EmailTemplateStyle_tooltip___eppT ul{list-style-type:disc !important} .rdw-option-wrapper { border: 1px solid #F1F1F1; padding: 5px; min-width: 25px; height: 20px; border-radius: 2px; margin: 0 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: white; text-transform: capitalize; } .rdw-option-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-option-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-disabled { opacity: 0.3; cursor: default; } .rdw-dropdown-wrapper { height: 30px; background: white; cursor: pointer; border: 1px solid #F1F1F1; border-radius: 2px; margin: 0 3px; text-transform: capitalize; background: white; } .rdw-dropdown-wrapper:focus { outline: none; } .rdw-dropdown-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdown-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-dropdown-carettoopen { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-top: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-carettoclose { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-bottom: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-selectedtext { display: flex; position: relative; height: 100%; align-items: center; padding: 0 5px; } .rdw-dropdown-optionwrapper { z-index: 100; position: relative; border: 1px solid #F1F1F1; width: 98%; background: white; border-radius: 2px; margin: 0; padding: 0; max-height: 250px; overflow-y: scroll; } .rdw-dropdown-optionwrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdownoption-default { min-height: 25px; display: flex; align-items: center; padding: 0 5px; } .rdw-dropdownoption-highlighted { background: #F1F1F1; } .rdw-dropdownoption-active { background: #f5f5f5; } .rdw-dropdownoption-disabled { opacity: 0.3; cursor: default; } .rdw-inline-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-inline-dropdown { width: 50px; } .rdw-inline-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-block-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-block-dropdown { width: 110px; } .rdw-fontsize-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-fontsize-dropdown { min-width: 40px; } .rdw-fontsize-option { display: flex; justify-content: center; } .rdw-fontfamily-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-fontfamily-dropdown { width: 115px; } .rdw-fontfamily-placeholder { white-space: nowrap; max-width: 90px; overflow: hidden; text-overflow: ellipsis; } .rdw-fontfamily-optionwrapper { width: 140px; } .rdw-list-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-list-dropdown { width: 50px; z-index: 90; } .rdw-list-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-text-align-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-text-align-dropdown { width: 50px; z-index: 90; } .rdw-text-align-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-right-aligned-block { text-align: right; } .rdw-left-aligned-block { text-align: left !important; } .rdw-center-aligned-block { text-align: center !important; } .rdw-justify-aligned-block { text-align: justify !important; } .rdw-right-aligned-block > div { display: inline-block; } .rdw-left-aligned-block > div { display: inline-block; } .rdw-center-aligned-block > div { display: inline-block; } .rdw-justify-aligned-block > div { display: inline-block; } .rdw-colorpicker-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-colorpicker-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 175px; height: 175px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-colorpicker-modal-header { display: flex; padding-bottom: 5px; } .rdw-colorpicker-modal-style-label { font-size: 15px; width: 50%; text-align: center; cursor: pointer; padding: 0 10px 5px; } .rdw-colorpicker-modal-style-label-active { border-bottom: 2px solid #0a66b7; } .rdw-colorpicker-modal-options { margin: 5px auto; display: flex; width: 100%; height: 100%; flex-wrap: wrap; overflow: scroll; } .rdw-colorpicker-cube { width: 22px; height: 22px; border: 1px solid #F1F1F1; } .rdw-colorpicker-option { margin: 3px; padding: 0; min-height: 20px; border: none; width: 22px; height: 22px; min-width: 22px; box-shadow: 1px 2px 1px #BFBDBD inset; } .rdw-colorpicker-option:hover { box-shadow: 1px 2px 1px #BFBDBD; } .rdw-colorpicker-option:active { box-shadow: -1px -2px 1px #BFBDBD; } .rdw-colorpicker-option-active { box-shadow: 0px 0px 2px 2px #BFBDBD; } .rdw-link-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-link-dropdown { width: 50px; } .rdw-link-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-link-dropdownPlaceholder { margin-left: 8px; } .rdw-link-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 205px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-link-modal-label { font-size: 15px; } .rdw-link-modal-input { margin-top: 5px; border-radius: 2px; border: 1px solid #F1F1F1; height: 25px; margin-bottom: 15px; padding: 0 5px; } .rdw-link-modal-input:focus { outline: none; } .rdw-link-modal-buttonsection { margin: 0 auto; } .rdw-link-modal-target-option { margin-bottom: 20px; } .rdw-link-modal-target-option > span { margin-left: 5px; } .rdw-link-modal-btn { margin-left: 10px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-link-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-link-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-link-modal-btn:focus { outline: none !important; } .rdw-link-modal-btn:disabled { background: #ece9e9; } .rdw-link-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-embedded-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-embedded-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; justify-content: space-between; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-embedded-modal-header { font-size: 15px; display: flex; } .rdw-embedded-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-embedded-modal-header-label { width: 95px; border: 1px solid #f1f1f1; margin-top: 5px; background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-embedded-modal-link-section { display: flex; flex-direction: column; } .rdw-embedded-modal-link-input { width: 88%; height: 35px; margin: 10px 0; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-embedded-modal-link-input-wrapper { display: flex; align-items: center; } .rdw-embedded-modal-link-input:focus { outline: none; } .rdw-embedded-modal-btn-section { display: flex; justify-content: center; } .rdw-embedded-modal-btn { margin: 0 3px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-embedded-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-embedded-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-embedded-modal-btn:focus { outline: none !important; } .rdw-embedded-modal-btn:disabled { background: #ece9e9; } .rdw-embedded-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-embedded-modal-size-input { width: 80%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-embedded-modal-size-input:focus { outline: none; } .rdw-emoji-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-emoji-modal { overflow: auto; position: absolute; top: 35px; left: 5px; display: flex; flex-wrap: wrap; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-emoji-icon { margin: 2.5px; height: 24px; width: 24px; cursor: pointer; font-size: 22px; display: flex; justify-content: center; align-items: center; } .rdw-spinner { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .rdw-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .rdw-spinner .rdw-bounce1 { animation-delay: -0.32s; } .rdw-spinner .rdw-bounce2 { animation-delay: -0.16s; } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } .rdw-image-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-image-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-image-modal-header { font-size: 15px; margin: 10px 0; display: flex; } .rdw-image-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-image-modal-header-label { width: 80px; background: #f1f1f1; border: 1px solid #f1f1f1; margin-top: 5px; } .rdw-image-modal-header-label-highlighted { background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-image-modal-upload-option { width: 100%; color: gray; cursor: pointer; display: flex; border: none; font-size: 15px; align-items: center; justify-content: center; background-color: #f1f1f1; outline: 2px dashed gray; outline-offset: -10px; margin: 10px 0; padding: 9px 0; } .rdw-image-modal-upload-option-highlighted { outline: 2px dashed #0a66b7; } .rdw-image-modal-upload-option-label { cursor: pointer; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; } .rdw-image-modal-upload-option-label span{ padding: 0 20px; } .rdw-image-modal-upload-option-image-preview { max-width: 100%; max-height: 200px; } .rdw-image-modal-upload-option-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .rdw-image-modal-url-section { display: flex; align-items: center; } .rdw-image-modal-url-input { width: 90%; height: 35px; margin: 15px 0 12px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-image-modal-btn-section { margin: 10px auto 0; } .rdw-image-modal-url-input:focus { outline: none; } .rdw-image-modal-btn { margin: 0 5px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-image-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-image-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-image-modal-btn:focus { outline: none !important; } .rdw-image-modal-btn:disabled { background: #ece9e9; } .rdw-image-modal-spinner { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; opacity: 0.5; } .rdw-image-modal-alt-input { width: 70%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; margin-left: 5px; } .rdw-image-modal-alt-input:focus { outline: none; } .rdw-image-modal-alt-lbl { font-size: 12px; } .rdw-image-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-image-modal-size-input { width: 40%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-image-modal-size-input:focus { outline: none; } .rdw-image-mandatory-sign { color: red; margin-left: 3px; margin-right: 3px; } .rdw-remove-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; flex-wrap: wrap } .rdw-history-wrapper { display: flex; align-items: center; margin-bottom: 6px; flex-wrap: wrap } .rdw-history-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-link-decorator-wrapper { position: relative; } .rdw-link-decorator-icon { position: absolute; left: 40%; top: 0; cursor: pointer; background-color: white; } .rdw-mention-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-suggestion-wrapper { position: relative; } .rdw-suggestion-dropdown { position: absolute; display: flex; flex-direction: column; border: 1px solid #F1F1F1; min-width: 100px; max-height: 150px; overflow: auto; background: white; z-index: 100; } .rdw-suggestion-option { padding: 7px 5px; border-bottom: 1px solid #f1f1f1; } .rdw-suggestion-option-active { background-color: #F1F1F1; } .rdw-hashtag-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-image-alignment-options-popup { position: absolute; background: white; display: flex; padding: 5px 2px; border-radius: 2px; border: 1px solid #F1F1F1; width: 105px; cursor: pointer; z-index: 100; } .rdw-alignment-option-left { justify-content: flex-start; } .rdw-image-alignment-option { height: 15px; width: 15px; min-width: 15px; } .rdw-image-alignment { position: relative; } .rdw-image-imagewrapper { position: relative; } .rdw-image-center { display: flex; justify-content: center; } .rdw-image-left { display: flex; } .rdw-image-right { display: flex; justify-content: flex-end; } .rdw-image-alignment-options-popup-right { right: 0; } .rdw-editor-main { height: 100%; overflow: auto; box-sizing: border-box; } .rdw-editor-toolbar { padding: 6px 5px 0; border-radius: 2px; border: 1px solid #F1F1F1; display: flex; justify-content: flex-start; background: white; flex-wrap: wrap; font-size: 15px; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .public-DraftStyleDefault-block { margin: 1em 0; } .rdw-editor-wrapper:focus { outline: none; } .rdw-editor-wrapper { box-sizing: content-box; } .rdw-editor-main blockquote { border-left: 5px solid #f1f1f1; padding-left: 5px; } .rdw-editor-main pre { background: #f1f1f1; border-radius: 3px; padding: 1px 10px; } /** * Draft v0.9.1 * * Copyright (c) 2013-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. */ .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4} .SetidAdminModal_popup__p15zr{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.SetidAdminModal_popup__p15zr.SetidAdminModal_blur__CWKtw .SetidAdminModal_backdrop__xn_Ru{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.SetidAdminModal_popup__p15zr.SetidAdminModal_white__gKfNH .SetidAdminModal_backdrop__xn_Ru{background-color:rgba(255,255,255,.5)}.SetidAdminModal_popup__p15zr .SetidAdminModal_backdrop__xn_Ru{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupContainer__p0KJt{position:relative;will-change:opacity,transform;background-color:#fffefd;width:100%;max-width:450px;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupHeader__kb_mO{display:flex;align-items:center;padding:10px 15px;gap:10px}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupHeaderTitle__By2FA{font-weight:600;font-size:22px;line-height:32px}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupHeaderAction__hHQ7b{left:auto;display:flex;margin-left:auto;gap:10px}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupBodyContent__rHf1c{display:flex;flex-direction:column;padding:8px 16px}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupBodyContent__rHf1c label{color:#344054;line-height:24px;font-size:16px;font-weight:400}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupBodyContent__rHf1c select option{color:#101828;line-height:24px;font-size:16px;font-weight:400}.SetidAdminModal_popup__p15zr .SetidAdminModal_formGroup__Kcmt0 label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.SetidAdminModal_popup__p15zr .SetidAdminModal_popupFooter__yyjCx{display:flex;align-items:center;margin:24px 16px 16px 16px;gap:10px}.SetidAdminModal_popup__p15zr .SetidAdminModal_w420__Ae5fY{max-width:420px}.SetidAdminModal_alertBodyContent__Uf76p{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding-bottom:30px !important}.SetidAdminModal_alertIcon__Tgnvx{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.SetidAdminModal_alertIcon__Tgnvx svg{width:100%;height:100%}.SetidAdminModal_alertIconSuccess__Kfy8a{color:#07a721}.SetidAdminModal_alertIconError__Uvv4c{color:#f44336}.SetidAdminModal_alertIconQuestion__LFCYw{color:#074e9f}.SetidAdminModal_alertTitle__6VCR7{font-weight:600;font-size:22px;line-height:32px;color:#344054}.SetidAdminModal_alertMessage__2O1Mf{color:#343639}.SetidAdminModal_loadingContainer__LpcyA{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.SetidAdminModal_loadingTitle__W0_Xm{font-weight:600;font-size:22px;line-height:32px;color:#fff}.SetidAdminModal_backdropLoading__HcELl{cursor:default;background-color:rgba(0,0,0,.7)} .DisplayModal_popup__HO2sk{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.DisplayModal_popup__HO2sk.DisplayModal_blur__es5FO .DisplayModal_backdrop__aYXIE{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.DisplayModal_popup__HO2sk.DisplayModal_white__kZBiL .DisplayModal_backdrop__aYXIE{background-color:rgba(255,255,255,.5)}.DisplayModal_popup__HO2sk .DisplayModal_backdrop__aYXIE{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:1000vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.DisplayModal_popup__HO2sk .DisplayModal_popupContainer__cv7nj{position:relative;will-change:opacity,transform;background-color:#fffefd;height:90vh;width:100%;max-width:90vw;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.DisplayModal_popup__HO2sk .DisplayModal_popupHeader__y8Y8f{display:flex;align-items:center;padding:10px 15px;gap:10px}.DisplayModal_popup__HO2sk .DisplayModal_popupHeaderTitle__1VoQG{font-weight:600;font-size:22px;line-height:32px}.DisplayModal_popup__HO2sk .DisplayModal_popupHeaderAction__jolz0{left:auto;display:flex;margin-left:auto;gap:10px}.DisplayModal_popup__HO2sk .DisplayModal_popupBodyContent__QZ_2s{display:flex;flex-direction:column;padding:10px 15px;height:550px}.DisplayModal_popup__HO2sk .DisplayModal_w420__8fnrD{max-width:420px} /* this gets exported as style.css and can be used for the default theming */ /* these are the necessary styles for React Flow, they get used by base.css and style.css */ .react-flow__container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .react-flow__pane { z-index: 1; cursor: grab; } .react-flow__pane.selection { cursor: pointer; } .react-flow__pane.dragging { cursor: grabbing; } .react-flow__viewport { transform-origin: 0 0; z-index: 2; pointer-events: none; } .react-flow__renderer { z-index: 4; } .react-flow__selection { z-index: 6; } .react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible { outline: none; } .react-flow .react-flow__edges { pointer-events: none; overflow: visible; } .react-flow__edge-path, .react-flow__connection-path { stroke: #b1b1b7; stroke-width: 1; fill: none; } .react-flow__edge { pointer-events: visibleStroke; cursor: pointer; } .react-flow__edge.animated path { stroke-dasharray: 5; animation: dashdraw 0.5s linear infinite; } .react-flow__edge.animated path.react-flow__edge-interaction { stroke-dasharray: none; animation: none; } .react-flow__edge.inactive { pointer-events: none; } .react-flow__edge.selected, .react-flow__edge:focus, .react-flow__edge:focus-visible { outline: none; } .react-flow__edge.selected .react-flow__edge-path, .react-flow__edge:focus .react-flow__edge-path, .react-flow__edge:focus-visible .react-flow__edge-path { stroke: #555; } .react-flow__edge-textwrapper { pointer-events: all; } .react-flow__edge-textbg { fill: white; } .react-flow__edge .react-flow__edge-text { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .react-flow__connection { pointer-events: none; } .react-flow__connection .animated { stroke-dasharray: 5; animation: dashdraw 0.5s linear infinite; } .react-flow__connectionline { z-index: 1001; } .react-flow__nodes { pointer-events: none; transform-origin: 0 0; } .react-flow__node { position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: all; transform-origin: 0 0; box-sizing: border-box; cursor: grab; } .react-flow__node.dragging { cursor: grabbing; } .react-flow__nodesselection { z-index: 3; transform-origin: left top; pointer-events: none; } .react-flow__nodesselection-rect { position: absolute; pointer-events: all; cursor: grab; } .react-flow__handle { position: absolute; pointer-events: none; min-width: 5px; min-height: 5px; width: 6px; height: 6px; background: #1a192b; border: 1px solid white; border-radius: 100%; } .react-flow__handle.connectionindicator { pointer-events: all; cursor: crosshair; } .react-flow__handle-bottom { top: auto; left: 50%; bottom: -4px; transform: translate(-50%, 0); } .react-flow__handle-top { left: 50%; top: -4px; transform: translate(-50%, 0); } .react-flow__handle-left { top: 50%; left: -4px; transform: translate(0, -50%); } .react-flow__handle-right { right: -4px; top: 50%; transform: translate(0, -50%); } .react-flow__edgeupdater { cursor: move; pointer-events: all; } .react-flow__panel { position: absolute; z-index: 5; margin: 15px; } .react-flow__panel.top { top: 0; } .react-flow__panel.bottom { bottom: 0; } .react-flow__panel.left { left: 0; } .react-flow__panel.right { right: 0; } .react-flow__panel.center { left: 50%; transform: translateX(-50%); } .react-flow__attribution { font-size: 10px; background: rgba(255, 255, 255, 0.5); padding: 2px 3px; margin: 0; } .react-flow__attribution a { text-decoration: none; color: #999; } @keyframes dashdraw { from { stroke-dashoffset: 10; } } .react-flow__edgelabel-renderer { position: absolute; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .react-flow__edge.updating .react-flow__edge-path { stroke: #777; } .react-flow__edge-text { font-size: 10px; } .react-flow__node.selectable:focus, .react-flow__node.selectable:focus-visible { outline: none; } .react-flow__node-default, .react-flow__node-input, .react-flow__node-output, .react-flow__node-group { padding: 10px; border-radius: 3px; width: 150px; font-size: 12px; color: #222; text-align: center; border-width: 1px; border-style: solid; border-color: #1a192b; background-color: white; } .react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover { box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08); } .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.selectable:focus-visible, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-output.selectable:focus-visible, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus, .react-flow__node-group.selectable:focus-visible { box-shadow: 0 0 0 0.5px #1a192b; } .react-flow__node-group { background-color: rgba(240, 240, 240, 0.25); } .react-flow__nodesselection-rect, .react-flow__selection { background: rgba(0, 89, 220, 0.08); border: 1px dotted rgba(0, 89, 220, 0.8); } .react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible, .react-flow__selection:focus, .react-flow__selection:focus-visible { outline: none; } .react-flow__controls { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08); } .react-flow__controls-button { border: none; background: #fefefe; border-bottom: 1px solid #eee; box-sizing: content-box; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 5px; } .react-flow__controls-button:hover { background: #f4f4f4; } .react-flow__controls-button svg { width: 100%; max-width: 12px; max-height: 12px; } .react-flow__controls-button:disabled { pointer-events: none; } .react-flow__controls-button:disabled svg { fill-opacity: 0.4; } .react-flow__minimap { background-color: #fff; } .react-flow__resize-control { position: absolute; } .react-flow__resize-control.left, .react-flow__resize-control.right { cursor: ew-resize; } .react-flow__resize-control.top, .react-flow__resize-control.bottom { cursor: ns-resize; } .react-flow__resize-control.top.left, .react-flow__resize-control.bottom.right { cursor: nwse-resize; } .react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right { cursor: nesw-resize; } /* handle styles */ .react-flow__resize-control.handle { width: 4px; height: 4px; border: 1px solid #fff; border-radius: 1px; background-color: #3367d9; transform: translate(-50%, -50%); } .react-flow__resize-control.handle.left { left: 0; top: 50%; } .react-flow__resize-control.handle.right { left: 100%; top: 50%; } .react-flow__resize-control.handle.top { left: 50%; top: 0; } .react-flow__resize-control.handle.bottom { left: 50%; top: 100%; } .react-flow__resize-control.handle.top.left { left: 0; } .react-flow__resize-control.handle.bottom.left { left: 0; } .react-flow__resize-control.handle.top.right { left: 100%; } .react-flow__resize-control.handle.bottom.right { left: 100%; } /* line styles */ .react-flow__resize-control.line { border-color: #3367d9; border-width: 0; border-style: solid; } .react-flow__resize-control.line.left, .react-flow__resize-control.line.right { width: 1px; transform: translate(-50%, 0); top: 0; height: 100%; } .react-flow__resize-control.line.left { left: 0; border-left-width: 1px; } .react-flow__resize-control.line.right { left: 100%; border-right-width: 1px; } .react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom { height: 1px; transform: translate(0, -50%); left: 0; width: 100%; } .react-flow__resize-control.line.top { top: 0; border-top-width: 1px; } .react-flow__resize-control.line.bottom { border-bottom-width: 1px; top: 100%; } .TimelineModal_popup__2ozLG{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.TimelineModal_popup__2ozLG.TimelineModal_blur__yQjVD .TimelineModal_backdrop__bv4zb{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.TimelineModal_popup__2ozLG.TimelineModal_white__CBfo2 .TimelineModal_backdrop__bv4zb{background-color:rgba(255,255,255,.5)}.TimelineModal_popup__2ozLG .TimelineModal_backdrop__bv4zb{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.TimelineModal_popup__2ozLG .TimelineModal_popupContainer__yTHh6{position:relative;max-height:100vh;will-change:opacity,transform;background-color:#fffefd;padding:24px;width:926px;overflow:auto;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.TimelineModal_popup__2ozLG .TimelineModal_popupHeader__2TMZG{display:flex;align-items:center;padding:10px 15px;gap:10px}.TimelineModal_popup__2ozLG .TimelineModal_popupHeaderTitle__8uXLJ{font-weight:600;font-size:22px;line-height:32px}.TimelineModal_popup__2ozLG .TimelineModal_popupSubTitle__92kk_{font-weight:600;font-size:16px;line-height:24px;color:#667085}.TimelineModal_popup__2ozLG .TimelineModal_popupHeaderAction__eH6ee{left:auto;display:flex;justify-content:flex-end;gap:10px}.TimelineModal_popup__2ozLG .TimelineModal_popupBodyContent__ZoNJE{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-height:674px;overflow-y:auto}.TimelineModal_popup__2ozLG .TimelineModal_formGroup__UbCJB label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.TimelineModal_popup__2ozLG .TimelineModal_popupFooter__HkTzx{display:flex;align-items:center;padding:10px 15px;gap:10px}.TimelineModal_iconSize__L4w_v svg{width:40px;height:40px}.TimelineModal_iconSizeParallel___GOa_ svg{width:32px;height:32px}.TimelineModal_line__V2JTA{width:100%;height:1px;background-color:#e4e7ec;margin-bottom:8px}.TimelineModal_predictIcon___1PoA span{color:#98a2b3 !important}.TimelineModal_predictIcon___1PoA svg{color:#e4e7ec !important;fill:#e4e7ec !important}.TimelineModal_predictIcon___1PoA text{fill:#98a2b3}.TimelineModal_subTitle__vfpO0 span{color:#074e9f;font-weight:600;font-size:16px}.TimelineModal_title__jDjlX span{font-weight:600;font-size:18px;line-height:28px;display:flex;justify-content:space-between}.TimelineModal_detailsH__RJLTw{max-height:730px;overflow-y:auto}.TimelineModal_filesWrapper__Fwn3m{position:relative;height:-moz-fit-content;height:fit-content;top:56px;background-color:#fff}.TimelineModal_filesWrapper__Fwn3m h3{font-weight:600;font-size:16px}.TimelineModal_outerSwiper__wVoSE{border:1px solid #e4e7ec;padding:8px 16px !important;border-radius:8px}.TimelineModal_swiperContainer__q_yDV{width:calc(100% - 25px);border-left:1px solid #667085;margin-left:20px;padding-left:25px} .InboxView_appbar__ThQ6n{background-color:#fff}.InboxView_main__XPLAw{padding-left:20px;padding-right:20px;display:flex;flex-direction:column;gap:20px;flex:1}.InboxView_form__URFaF{display:flex;flex-direction:column;gap:20px;flex:1}.InboxView_inboxContent__3vE7J{display:flex;flex-direction:column;padding:24px;max-height:calc(100% - 80px);overflow-y:auto}.InboxView_greenBtn__sltty{width:-moz-fit-content;width:fit-content;height:32px;color:#fff;background-color:#22ab67;font-weight:600;font-size:14px;line-height:20px}.InboxView_trackingWrapper__fuB00{background:#fff;border-radius:8px;position:relative;flex-direction:column;flex:3;overflow:auto}.InboxView_header__ecDCf{background:#fff;border-radius:8px;position:relative;margin-left:16px;display:flex;flex-direction:column;justify-content:space-between;flex:3;min-width:667px;overflow:auto}.InboxView_tableEmptyWrap__OMM92{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:24px;flex:1}.InboxView_tableEmptyWrap__OMM92 .InboxView_tableEmptyIcon___jQjY{width:84px;height:84px;fill:#d0d5dd;margin-bottom:16px}.InboxView_tableEmptyWrap__OMM92 .InboxView_tableEmptyTitle__ETclM{font-size:18px;line-height:32px;color:#344054}.InboxView_tableEmptyWrap__OMM92 .InboxView_tableEmptyText__4wLXB{font-size:16px;line-height:24px;color:#98a1b2}.InboxView_container__bKg6a{display:flex;flex-direction:column;gap:15px}.InboxView_contactTable__YRmPN{width:100%;overflow-x:auto}.InboxView_contactTable__YRmPN thead{background-color:#f5fafe;border-bottom:1px solid #e4e7ec}.InboxView_contactTable__YRmPN thead th{padding:12px 16px;text-align:left;text-wrap:nowrap}.InboxView_contactTable__YRmPN tbody{background-color:#fff}.InboxView_contactTable__YRmPN tbody td{border-bottom:1px solid #e4e7ec;padding:12px 16px;text-wrap:nowrap}.InboxView_tableContainer__3hGW0{margin-top:16px;flex:1;position:relative;border:1px solid #e4e7ec;border-radius:var(--border-radius, 8px);overflow:hidden}.InboxView_filterWrap__OG9kM{display:flex;gap:15px;align-items:center}.InboxView_filterItem__OYwN5{position:relative}.InboxView_downloadZone__7A_20{border-color:#e4e7ec}.InboxView_downloadZone__7A_20 .InboxView_downloadIcon__CxBX7{display:flex;align-items:center;flex:1}.InboxView_downloadZone__7A_20 .InboxView_linkBlog__0_pn2{display:flex;flex-direction:column;align-items:flex-start;flex:10;max-width:27vw}.InboxView_downloadZone__7A_20 .InboxView_linkBlog__0_pn2 span{width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-decoration:underline}.InboxView_downloadZone__7A_20 .InboxView_btnLoad__qAYl1{align-items:center;color:#074e9f;display:flex;padding:6px 16px 6px 16px;justify-content:flex-end}.InboxView_downloadZone__7A_20 .InboxView_btnLoad__qAYl1 button{border:solid 1px #074e9f;display:flex}.InboxView_svgIcon__UGqSW{fill:#074e9f;width:32px;height:40px}.InboxView_contentArea__scZHZ{font-weight:600;white-space:pre-line;width:100%;margin-top:8px}.InboxView_titleForm__WCd5S{font-size:20px;font-weight:600;line-height:30px}.InboxView_eachCard__Xj30d{min-width:285.5px;border:1px solid #e4e7ec;padding:10px 0px;border-radius:8px;background-color:#fff;position:relative;justify-content:space-between;align-items:center}.InboxView_eachCard__Xj30d :focus{border-radius:10px;width:100%}.InboxView_insideCard__PgQyg{width:100%;height:90px;background-color:#fff;border-radius:8px;padding-left:16px;align-items:center;display:flex;gap:16px}.InboxView_uploadBtn__beepO{min-width:127px;height:32px;border:1px solid #074e9f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#074e9f;font-size:14px;font-weight:600;text-align:center;cursor:pointer}.InboxView_uploadBtnMB__3wNxu{min-width:343px;width:100%;height:32px;border:1px solid #074e9f;background-color:#074e9f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;text-align:center;cursor:pointer}.InboxView_uploadBtnDisMB__Kbuqh{width:127px;height:32px;border:1px solid #98a2b3;background-color:#e4e7ec;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:14px;font-weight:600;text-align:center}.InboxView_uploadBtnDis__NkFtb{width:127px;height:32px;border:1px solid #98a2b3;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:14px;font-weight:600;text-align:center}.InboxView_delBtn__6IKMT{width:32px !important;height:32px;border:1px solid #d92d20;border-radius:8px;padding:8px;position:absolute;right:0;top:29px;z-index:2;display:flex;align-items:center}.InboxView_status__e_tIk{display:flex;font-size:14px;font-weight:400;line-height:16px}.InboxView_fail__ASGNX{color:#d92d20}.InboxView_uploading__JVAp2{color:#0a6ee1}.InboxView_sucees__aJ434{color:#07a721}.InboxView_navBar__U1AXQ{display:none}.InboxView_swiper__6lZcW{width:100% !important;height:100%;margin-left:auto;margin-right:auto}.InboxView_SwiperSlide__vjl98{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.InboxView_fileBox__nc6Ne{display:flex;cursor:pointer;flex:0 0 calc(100% - 8px);gap:16px;border-radius:8px;border:1px solid #e4e7ec;padding:6px 4px;max-width:calc(100% - 8px);align-items:center}.InboxView_fileContent__h7Zxj{flex:1;min-width:0}.InboxView_fileContent__h7Zxj p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}@media(max-width: 743.5px){.InboxView_mobileFooter__QqQ7o{position:sticky;bottom:0;background:#fff;z-index:1}.InboxView_uploadBtnDisMB__Kbuqh{min-width:127px;width:100%}.InboxView_swiperHs__RRv4M .swiper-pagination{height:100%}.InboxView_header__ecDCf{max-width:743px;min-width:unset;margin-left:0px !important}.InboxView_trackingWrapper__fuB00{margin-top:70px;height:100%}.InboxView_navBar__U1AXQ{width:100%;display:block;background:var(--Surface-colour-White-Surface, #fff);box-shadow:4px 2px 12px 0px rgba(10,10,16,.06)}.InboxView_navBar__U1AXQ span{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.InboxView_linkBlog__0_pn2{max-width:70vw}.InboxView_linkBlog__0_pn2 span{width:100%;overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-decoration:underline}}@media(min-width: 745px){.InboxView_fileBox__nc6Ne{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}} .History_popup__zJpDL{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.History_popup__zJpDL.History_blur__pFqx9 .History_backdrop__OUEhV{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.History_popup__zJpDL.History_white__EPvvj .History_backdrop__OUEhV{background-color:rgba(255,255,255,.5)}.History_popup__zJpDL .History_backdrop__OUEhV{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.History_popup__zJpDL .History_popupContainer__PrN66{position:relative;will-change:opacity,transform;background-color:#fffefd;width:420px;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.History_popup__zJpDL .History_popupHeader__CGQ9x{display:flex;align-items:center;padding:10px 15px;gap:10px}.History_popup__zJpDL .History_popupHeaderTitle__WJLwY{font-weight:600;font-size:22px;line-height:32px}.History_popup__zJpDL .History_popupHeaderAction__5BOT4{left:auto;display:flex;margin-left:auto;gap:10px}.History_popup__zJpDL .History_popupBodyContent___WvCC{display:flex;flex-direction:column;padding:10px 15px}.History_popup__zJpDL .History_popupBodyContent___WvCC label{color:#344054;line-height:24px;font-size:16px;font-weight:400}.History_popup__zJpDL .History_popupBodyContent___WvCC select option{line-height:24px;font-size:16px;font-weight:400}.History_popup__zJpDL .History_formGroup__XewsC label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.History_popup__zJpDL .History_popupFooter__pfXzj{display:flex;align-items:center;padding:10px 15px;gap:10px}.History_popup__zJpDL .History_w420__WH_EH{max-width:420px}.History_container___P0K4{display:flex;flex-direction:column;flex:1;gap:15px;overflow:auto}.History_container___P0K4 .History_inboxView__ZIkVq{display:flex;flex-direction:row;align-items:stretch;flex-grow:6;padding-bottom:16px;height:calc(100vh - 240px)}.History_filterContainer__P9ux4{height:118px;background-color:#fff;padding:16px;width:100%}.History_filterContainer__P9ux4 h3{text-wrap:nowrap;font-weight:600;font-size:18px;line-height:26px}.History_filterSearchboxIcon__YaDJf{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#98a2b3;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.History_filterSearchboxInput__ElOX3{padding-left:48px !important;width:100% !important;border-radius:0px 8px 8px 0px !important;border-left:0px !important}@media(max-width: 743.5px){.History_filterContainer__P9ux4{display:flex;height:76px;min-width:375px !important;align-items:center;justify-content:space-between}.History_filterContainer__P9ux4 button{height:44px}.History_popupContainer__PrN66{width:343px !important;min-height:360px !important}.History_popupFooter__pfXzj{flex-direction:column-reverse}.History_filterSearchboxInput__ElOX3{min-width:311px;border-radius:8px;border:1px solid #e4e7ec !important}} .SearchModal_popup___6KAL{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.SearchModal_popup___6KAL.SearchModal_blur__TGGnT .SearchModal_backdrop__SnN_d{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.SearchModal_popup___6KAL.SearchModal_white__eV9ko .SearchModal_backdrop__SnN_d{background-color:rgba(255,255,255,.5)}.SearchModal_popup___6KAL .SearchModal_backdrop__SnN_d{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.SearchModal_popup___6KAL .SearchModal_popupContainer__FFRo_{position:relative;will-change:opacity,transform;background-color:#fffefd;width:420px;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.SearchModal_popup___6KAL .SearchModal_popupHeader__P3cqw{display:flex;align-items:center;padding:10px 15px;gap:10px}.SearchModal_popup___6KAL .SearchModal_popupHeaderTitle__nHPOZ{font-weight:600;font-size:22px;line-height:32px}.SearchModal_popup___6KAL .SearchModal_popupHeaderAction__mq4c1{left:auto;display:flex;margin-left:auto;gap:10px}.SearchModal_popup___6KAL .SearchModal_popupBodyContent__GzIVE{display:flex;flex-direction:column;padding:10px 15px}.SearchModal_popup___6KAL .SearchModal_popupBodyContent__GzIVE label{color:#344054;line-height:24px;font-size:16px;font-weight:400}.SearchModal_popup___6KAL .SearchModal_popupBodyContent__GzIVE select option{line-height:24px;font-size:16px;font-weight:400}.SearchModal_popup___6KAL .SearchModal_formGroup__flD2c label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.SearchModal_popup___6KAL .SearchModal_popupFooter__J_vHV{display:flex;align-items:center;padding:10px 15px;gap:10px}.SearchModal_popup___6KAL .SearchModal_w420__bMMQn{max-width:420px}.SearchModal_alertBodyContent__C0WRk{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding-bottom:30px !important}.SearchModal_alertIcon__ANKwU{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;margin-bottom:20px}.SearchModal_alertIcon__ANKwU svg{width:100%;height:100%}.SearchModal_alertIconSuccess__MUUV7{color:#07a721}.SearchModal_alertIconError__RQtWV{color:#f44336}.SearchModal_alertIconQuestion__JqHJB{color:#074e9f}.SearchModal_alertTitle__0ysQL{font-weight:600;font-size:22px;line-height:32px;color:#344054}.SearchModal_alertMessage__7p47z{color:#343639}.SearchModal_loadingContainer__v6dqn{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px;border-radius:var(--border-radius, 15px);color:#fff;z-index:1;font-size:20px;letter-spacing:2px;background-color:rgba(0,0,0,.5)}.SearchModal_loadingTitle__ab0Ux{font-weight:600;font-size:22px;line-height:32px;color:#fff}.SearchModal_backdropLoading__Vef2w{cursor:default;background-color:rgba(0,0,0,.7)}.SearchModal_filterItem__jYjBW{position:relative}.SearchModal_filterSerachbox__tCyF2 .SearchModal_filterSerachboxIcon__W00Q8{position:absolute;top:50%;left:0;transform:translateY(-50%);color:#98a2b3;padding:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.SearchModal_filterSerachbox__tCyF2 .SearchModal_filterSerachboxInput__hfwWN{padding-left:38px}.SearchModal_datePick__ayIM8{width:100%;height:44px}.SearchModal_datePick__ayIM8 LABEL{font-family:var(--btn-font-family);color:#344054}.SearchModal_datePick__ayIM8 div{height:44px;font-size:1rem;font-weight:400;color:#1f2329;border-radius:10px}@media(max-width: 375px){.SearchModal_popupContainer__FFRo_{max-width:343px !important;max-height:472px !important}.SearchModal_popupFooter__J_vHV{flex-direction:column-reverse}} .JsonModal_popup__i8h_T{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center}.JsonModal_popup__i8h_T.JsonModal_blur__fG_Vn .JsonModal_backdrop__nSjyB{background-color:rgba(0,0,0,.5);backdrop-filter:saturate(180%) blur(20px)}.JsonModal_popup__i8h_T.JsonModal_white__rV0Sw .JsonModal_backdrop__nSjyB{background-color:rgba(255,255,255,.5)}.JsonModal_popup__i8h_T .JsonModal_backdrop__nSjyB{position:fixed;inset:0px;overflow:hidden auto;will-change:background-color;width:100vw;height:100vh;cursor:pointer;visibility:visible;transition:background-color 100ms cubic-bezier(0.15, 0.15, 0, 1) 0s,visibility 0ms linear 0s;background-color:rgba(0,0,0,.5)}.JsonModal_popup__i8h_T .JsonModal_popupContainer__4t5tX{position:relative;will-change:opacity,transform;background-color:#fffefd;width:640px;border-radius:var(--border-radius, 8px);box-shadow:0 11px 34px 0 rgba(0,0,0,.2)}.JsonModal_popup__i8h_T .JsonModal_popupHeader__rSBkq{display:flex;align-items:center;padding:16px 16px 0px 16px;gap:10px}.JsonModal_popup__i8h_T .JsonModal_popupHeaderTitle__keHYr{font-weight:600;font-size:22px;line-height:32px}.JsonModal_popup__i8h_T .JsonModal_popupHeaderAction__TkE39{left:auto;display:flex;margin-left:auto;gap:10px}.JsonModal_popup__i8h_T .JsonModal_popupBodyContent___GmpY{display:flex;flex-direction:column;height:100%;max-height:528px;overflow-y:auto;padding:24px 16px 10px 16px}.JsonModal_popup__i8h_T .JsonModal_popupBodyContent___GmpY label{color:#344054;line-height:24px;font-size:16px;font-weight:400}.JsonModal_popup__i8h_T .JsonModal_popupBodyContent___GmpY select option{line-height:24px;font-size:16px;font-weight:400}.JsonModal_popup__i8h_T .JsonModal_formGroup__UC4OI label{font-size:14px;font-weight:500;color:#333;display:block;margin-bottom:3px}.JsonModal_popup__i8h_T .JsonModal_popupFooter__lOndf{display:flex;align-items:center;padding:10px 15px;gap:10px}.JsonModal_popup__i8h_T .JsonModal_w420__cXI3z{max-width:420px} /** * Swiper 11.1.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 30, 2024 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */ @layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root{--font-size:16px;--font-family:"IBM Plex Sans Thai",sans-serif;--font-color:#344054;--text-light:#667085;--text-dark:#344054;--line-height:1.5;--base-bg:#f6f7f9;--primary:#074e9f;--primary-bg:#074e9f;--primary-color:#fff;--header-bg:#074e9f;--header-color:#fff;--header-link-color:#fff;--header-link-hover-bg:#ffffff1a;--header-link-hover-color:#fff;--header-box-shadow:0 1px 5px 0 #29557336;--header-title-color:#fff;--box-shadow:0px 1px 3px #0000001a,0px 2px 1px #0000000f,0px 1px 1px #00000014;--border-radius:8px;--sidebar-bg:#fff;--sidebar-color:#074e9f;--sidebar-shadow:0px 0px 15px #3b59981a;--sidebar-hover-color:#fff;--sidebar-hover-bg:#074e9f;--sidebar-active-color:#fff;--sidebar-active-bg:#074e9f;--page-container-max-width:1280px;--status-radius:15px}.layout-main{display:flex}.layout-main.is-expand-menu .layout-sidebar{width:240px}.sidebar-container{background-color:var(--sidebar-bg,#23263c);height:100%;box-shadow:var(--sidebar-shadow,0px 0px 15px #3b59981a);border-right:0 solid #eaecef;flex-direction:column;justify-content:space-between;display:flex;position:relative}.layout-sidebar,.sidebar-overlay{width:240px}.layout-sidebar{z-index:200;flex-direction:column;justify-content:space-between;height:calc(100vh - 80px);transition:width .25s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.min-h-100{min-height:calc(100vh - 80px)}.sidebar-overlay{z-index:200;background-color:var(--sidebar-bg,#23263c);border-right:0 solid #eaecef;transition:width .25s cubic-bezier(.165,.84,.44,1);position:fixed;top:80px;bottom:0;left:0}.sidebar-overlay.is-expand{width:240px}.sidebar-overlay.is-expand .body{overflow-y:auto}.sidebar-overlay.is-expand .navs{padding-top:10px;padding-bottom:10px}.sidebar-overlay.is-expand .nav-arrow{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .1s ease-out;display:flex}.sidebar-overlay.is-expand .nav-link{flex-direction:row;font-size:16px}.sidebar-overlay.is-expand .nav-icon>span{font-size:24px}.sidebar-overlay .body{flex:1}.sidebar-overlay .navs{flex-direction:column;padding-top:20px;padding-bottom:10px;display:flex}.sidebar-overlay .nav-item.is-expand{background-color:#f2f2f2;border-radius:6px}.sidebar-overlay .nav-item.is-expand .nav-arrow{transform:rotate(90deg)}.sidebar-overlay .nav-item.is-expand .nav-sub{opacity:1;height:auto}.sidebar-overlay .nav-link{color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-left:4px solid #0000;align-items:center;gap:5px;min-height:38px;padding:16px 4px;text-decoration:none;display:flex;overflow:hidden}.sidebar-overlay .nav-link:hover{color:#3750a1;cursor:pointer}.sidebar-overlay .nav-link.active{color:#3750a1;border-left-color:var(--sidebar-active-bg,#3750a1);background-color:#f6f7f9;font-weight:700}.sidebar-overlay .nav-link.active span svg{fill:#074e9f}.sidebar-overlay .nav-link.active .nav-text{color:#074e9f;font-weight:600}.sidebar-overlay .nav-icon{color:#fff;justify-content:center;align-items:center;width:38px;height:24px;display:flex}.sidebar-overlay .nav-icon svg{width:26px;height:26px}.sidebar-overlay .nav-text{white-space:nowrap;text-overflow:ellipsis;color:#344054;flex:1;width:100%;font-weight:400;display:block;overflow:hidden}.sidebar-overlay .navItemDivider{background-color:#e9eaec1a;height:1px;margin:4px 10px}.sidebar-overlay .nav-sub{height:0;padding-left:52px;overflow:hidden}.sidebar-overlay .sub-link{color:#676767;align-items:center;gap:5px;text-decoration:none;display:flex}.sidebar-overlay .sub-link:hover{cursor:pointer;color:#101010}.sidebar-overlay .sub-link.active{color:var(--primary-bg,#3750a1);font-weight:700}.sidebar-overlay .subText{white-space:nowrap;text-overflow:ellipsis;flex:1;display:block;overflow:hidden}.sidebar-overlay .popover-sub-menu{position:absolute;top:0;left:100%}@media (max-width:743.5px){.layout-sidebar{left:0;top:var(--header-height,40px);z-index:100;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:calc(100vh - 40px);transition:opacity .2s cubic-bezier(.15,.15,0,1);position:fixed;bottom:0}.layout-sidebar .sidebar-overlay{transition:transform .2s cubic-bezier(.15,.15,0,1);top:40px;transform:translate(-100%)}.layout-main.is-expand-menu .layout-sidebar{opacity:1;visibility:visible;width:100%}.layout-main.is-expand-menu .layout-sidebar .sidebar-overlay{transform:translate(0)}.sidebar-overlay.is-expand .nav-logout{padding:32px 16px!important}}@media (min-width:745px){.layout-sidebar{position:relative}}@media (min-width:375px){.layout-sidebar,.sidebar-overlay.is-collapsed{width:68px}.sidebar-overlay.is-collapsed .nav-link{padding-top:16px;font-size:12px}.sidebar-overlay.is-collapsed .nav-link:hover{background-color:#f5f5f5}.sidebar-overlay.is-collapsed .nav-icon{width:68px}.sidebar-overlay.is-collapsed .nav-icon>span{font-size:30px}.sidebar-overlay.is-collapsed .nav-icon svg{width:26px;height:26px}.sidebar-overlay.is-collapsed .nav-text{display:none}}.breadcrumbs{display:flex}.breadcrumbs .breadcrumb-link{color:#666;align-items:center;height:30px;font-size:90%;display:flex;position:relative}.breadcrumbs .breadcrumb-link.active{color:#000}.breadcrumbs .breadcrumb-link>span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:inline-block;overflow:hidden}.breadcrumbs .breadcrumb-link+.breadcrumb-link{margin-left:8px;padding-left:15px}.breadcrumbs .breadcrumb-link+.breadcrumb-link:before{content:"/";font-size:80%;position:absolute;top:50%;left:0;transform:translateY(-50%)}*,:before,:after{box-sizing:border-box}body{overflow-y:scroll}input,select,optgroup,textarea{font-family:inherit;font-size:inherit;line-height:inherit}@media (min-width:960px){.min-md-w-200{min-width:200px}}.text-danger{color:#dc3545!important}.text-disable{color:#98a2b3!important}.bg-gray-20{background:#f6f7f9}.min-w-40{min-width:40px}.min-w-120{min-width:120px}.min-w-110{min-width:110px}.min-w-150{min-width:150px}.fw-600{font-weight:600}.text-blue{color:#074e9f!important}.text-red{color:#dc3545!important}.text-grey{color:#8a95a8!important}.text-gray{color:#667085!important}.text-lightGray{color:#98a2b3!important}.text-black{color:#344054!important}.text-lightBlue{color:#0086c9!important}.btn{--btn-padding-x:.75rem;--btn-padding-y:.375rem;--btn-font-family:var(--font-family);--btn-font-size:var(--btn-font-size,16px);--btn-font-weight:600;--btn-line-height:20px;--btn-color:#1f2329;--btn-bg:transparent;--btn-border-width:1px;--btn-border-color:transparent;--btn-border-radius:10px;--btn-hover-border-color:transparent;--btn-box-shadow:inset 0 1px 0 #ffffff26,0 1px 1px #00000013;--btn-disabled-opacity:.65;--btn-focus-box-shadow:0 0 0 .25rem rgba(var(--btn-focus-shadow-rgb),.5);padding:var(--btn-padding-y)var(--btn-padding-x);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);min-height:44px;color:var(--btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--btn-border-width)solid var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--btn-bg);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.btn.is-icon{justify-content:center;align-items:center;gap:5px;display:inline-flex}.btn.is-icon .btn-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.btn.is-icon .btn-icon span{font-size:18px}.btn.disabled{color:#98a2b3;pointer-events:none;background:#e4e7ec;border-color:#e4e7ec}.isActive,.isInactive,.purpleStatus,.greyStatus,.yellowStatus,.blueStatus{text-wrap:nowrap;border-radius:1.5rem;gap:.5rem;width:-moz-fit-content;width:fit-content;height:26px;padding:.5rem 1rem;font-size:14px;font-style:normal;font-weight:400;line-height:10px}.isActive{color:#06951e;background:#e4f0e5;font-family:IBM Plex Sans Thai,sans-serif}.isInactive{color:#c2281d;background:#f8e5e5;font-family:IBM Plex Sans Thai,sans-serif}.purpleStatus{color:#5a4bac;background:#e9e7f4;font-family:IBM Plex Sans Thai,sans-serif}.greyStatus{color:#696969;background:#eaeaea;font-family:IBM Plex Sans Thai,sans-serif}.yellowStatus{color:#dea922;background:#fef3e5;font-family:IBM Plex Sans Thai,sans-serif}.blueStatus{color:#0078b4;background:#ecf2f8;font-family:IBM Plex Sans Thai,sans-serif}.detailBtn{color:#074e9f;background-color:#fff;border:1px solid #074e9f;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:154px;height:32px;padding:6px 16px;font-size:14px;font-weight:600;line-height:20px;display:flex}.detailBtn.disabled{color:#98a2b3;pointer-events:none;border-color:#e4e7ec}.btn-view{--btn-padding-x:.75rem;--btn-padding-y:.375rem;--btn-font-family:var(--font-family);--btn-font-size:var(--btn-font-size,16px);--btn-font-weight:600;--btn-line-height:20px;--btn-color:#1f2329;--btn-bg:transparent;--btn-border-width:1px;--btn-border-color:transparent;--btn-border-radius:10px;--btn-hover-border-color:transparent;--btn-box-shadow:inset 0 1px 0 #ffffff26,0 1px 1px #00000013;--btn-disabled-opacity:.65;--btn-focus-box-shadow:0 0 0 .25rem rgba(var(--btn-focus-shadow-rgb),.5);padding:var(--btn-padding-y)var(--btn-padding-x);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);min-height:32px;color:var(--btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--btn-border-width)solid var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--btn-bg);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.btn-view.is-icon{justify-content:center;align-items:center;gap:5px;display:inline-flex}.btn-view.is-icon .btn-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.btn-view.is-icon .btn-icon span{font-size:18px}.btn-view.disabled{pointer-events:none;background:#e4e7ec;border-color:#e4e7ec}.btn-icon{--btn-padding-y:.375rem;--btn-font-family:var(--font-family);--btn-font-size:var(--btn-font-size,16px);--btn-font-weight:600;--btn-line-height:20px;--btn-color:#1f2329;--btn-bg:transparent;--btn-border-width:1px;--btn-border-color:transparent;--btn-border-radius:10px;--btn-hover-border-color:transparent;--btn-box-shadow:inset 0 1px 0 #ffffff26,0 1px 1px #00000013;--btn-disabled-opacity:.65;--btn-focus-box-shadow:0 0 0 .25rem rgba(var(--btn-focus-shadow-rgb),.5);padding:var(--btn-padding-y)var(--btn-padding-x);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);min-width:32px;min-height:32px;color:var(--btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--btn-border-width)solid var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--btn-bg);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.btn-icon.is-icon{justify-content:center;align-items:center;gap:5px;display:inline-flex}.btn-icon.is-icon .btn-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.btn-icon.is-icon .btn-icon span{font-size:18px}.btn-icon.disabled{pointer-events:none;background:#e4e7ec;border-color:#e4e7ec}.btn-lg,.btn-group-lg>.btn{--btn-padding-y:.5rem;--btn-padding-x:1rem;--btn-font-size:1.25rem;--btn-border-radius:.5rem}.btn-primary{--btn-color:#fff;--btn-bg:var(--primary,#074e9f);--btn-border-color:var(--primary,#074e9f);--btn-hover-color:#fff;--btn-hover-bg:var(--primary,#074e9f);--btn-hover-border-color:var(--primary,#074e9f);--btn-focus-shadow-rgb:49,132,253;--btn-active-color:#fff;--btn-active-bg:#0a58ca;--btn-active-border-color:var(--primary,#074e9f);--btn-active-shadow:inset 0 3px 5px #00000020;--btn-disabled-color:#8a95a8;--btn-disabled-bg:var(--primary,#e4e7ec);--btn-disabled-border-color:var(--primary,#074e9f)}.btn-sso{--btn-color:#fff;--btn-bg:var(--primary,#074e9f);--btn-border-color:var(--primary,#074e9f);--btn-hover-color:#fff;--btn-hover-bg:var(--primary,#074e9f);--btn-hover-border-color:var(--primary,#074e9f);--btn-focus-shadow-rgb:49,132,253;--btn-active-color:#fff;--btn-active-bg:var(--primary,#074e9f);--btn-active-border-color:var(--primary,#074e9f);--btn-active-shadow:inset 0 3px 5px #00000020;--btn-disabled-color:#fff;--btn-disabled-bg:var(--primary,#074e9f);--btn-disabled-border-color:var(--primary,#074e9f)}.btn-outline-primary{--btn-color:#074e9f;--btn-bg:transparent;--btn-border-color:#074e9f;--btn-hover-color:#fff;--btn-hover-bg:#074e9f;--btn-hover-border-color:#074e9f;--btn-focus-shadow-rgb:49,132,253;--btn-active-color:#fff;--btn-active-bg:var(--primary,#074e9f);--btn-active-border-color:var(--primary,#074e9f);--btn-active-shadow:inset 0 3px 5px #00000020;--btn-disabled-color:var(--primary,#074e9f);--btn-disabled-bg:transparent;--btn-disabled-border-color:var(--primary,#074e9f);background-color:#fff}.btn-outline-primary:hover{--btn-hover-color:#fff;--btn-hover-bg:var(--primary,#074e9f);--btn-hover-border-color:var(--primary,#074e9f)}.btn-outline-primary.disabled{color:#98a2b3;background-color:#fff;border-color:#e4e6eb}.btn-default{color:#212529;background-color:#e4e6eb;border-color:#e4e6eb}.btn-outline-default{color:#212529;background-color:#fff;border-color:#e4e6eb}.btn-action{text-align:center;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.btn-action>svg{width:24px;height:24px}.btn-block{width:100%;display:block}.btn-active{text-wrap:nowrap;color:#06951e;background:#e4f0e5;border-radius:1.5rem;flex-direction:row;justify-content:center;align-items:flex-start;gap:.5rem;width:-moz-fit-content;width:fit-content;height:26px;padding:.5rem 1rem;font-size:14px;font-style:normal;font-weight:400;line-height:10px;display:block}.blue-bullet{color:#074e9f;text-wrap:nowrap;background-color:#bddbfc;border-radius:99px;width:-moz-fit-content;width:fit-content;padding:2px 8px;font-size:14px;font-weight:400;line-height:22px}.blue-collapse{color:#0078b4;font-size:14px;font-weight:400;line-height:22px;text-decoration:underline}.btn-inactive{text-wrap:nowrap;color:#c2281d;background:#f8e5e5;border-radius:1.5rem;flex-direction:row;justify-content:center;align-items:flex-start;gap:.5rem;width:-moz-fit-content;width:fit-content;height:26px;padding:.5rem 1rem;font-size:14px;font-style:normal;font-weight:400;line-height:10px;display:flex}.form-control{color:#1d2939;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-clip:padding-box;border:1px solid #a6b0bf;border-radius:10px;outline:none;width:100%;height:44px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.form-control::-moz-placeholder{color:var(--form-control-placeholder,#98a1b2);opacity:1}.form-control::placeholder{color:var(--form-control-placeholder,#98a1b2);opacity:1}.form-control:hover{border-color:#000}.form-control:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.select-style{width:100%;height:44px;font-family:IBM Plex Sans Thai,sans-serif;border-radius:8px!important}.select-style p,.select-style div,.select-style input,.select-style span{font-family:IBM Plex Sans Thai,sans-serif}.form-control[disabled]{color:#98a2b3;background-color:#f2f4f7}.form-control-lg{border-radius:.5rem;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem}.form-fields{flex-direction:column;gap:16px;display:flex}.form-check{min-height:1.5rem;margin-bottom:.125rem;padding-left:1.5em;display:block}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{text-align:right;padding-left:0;padding-right:1.5em}.form-check-reverse .form-check-input{float:right;margin-left:0;margin-right:-1.5em}.form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #00000040;width:1.25rem;height:1.25rem}.form-check-input[type=checkbox]{border-color:#e4e7ec;border-radius:6px;width:1.25rem;height:1.25rem}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{outline:0}.form-check-input:checked{background-color:#0a6ee1}.form-check-input:checked[type=checkbox]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTU0MjMgMTQuNjU2MkM3Ljg0MzEyIDE0LjY1NjIgNy43Mzg5NSAxNC42Mzg5IDcuNjQxNzMgMTQuNjA0MkM3LjU0NDUxIDE0LjU2OTQgNy40NTQyMyAxNC41MTA0IDcuMzcwOSAxNC40MjcxTDMuNzg3NTYgMTAuODQzOEMzLjYzNDc4IDEwLjY5MSAzLjU2MTg3IDEwLjQ5MzEgMy41Njg4MSAxMC4yNUMzLjU3NTc2IDEwLjAwNjkgMy42NTU2MiA5LjgwOTAzIDMuODA4NCA5LjY1NjI1QzMuOTYxMTcgOS41MDM0NyA0LjE1NTYyIDkuNDI3MDggNC4zOTE3MyA5LjQyNzA4QzQuNjI3ODQgOS40MjcwOCA0LjgyMjI4IDkuNTAzNDcgNC45NzUwNiA5LjY1NjI1TDcuOTU0MjMgMTIuNjM1NEwxNS4wMTY3IDUuNTcyOTJDMTUuMTY5NSA1LjQyMDE0IDE1LjM2NzQgNS4zNDM3NSAxNS42MTA1IDUuMzQzNzVDMTUuODUzNSA1LjM0Mzc1IDE2LjA1MTUgNS40MjAxNCAxNi4yMDQyIDUuNTcyOTJDMTYuMzU3IDUuNzI1NjkgMTYuNDMzNCA1LjkyMzYxIDE2LjQzMzQgNi4xNjY2N0MxNi40MzM0IDYuNDA5NzIgMTYuMzU3IDYuNjA3NjQgMTYuMjA0MiA2Ljc2MDQyTDguNTM3NTYgMTQuNDI3MUM4LjQ1NDIzIDE0LjUxMDQgOC4zNjM5NSAxNC41Njk0IDguMjY2NzMgMTQuNjA0MkM4LjE2OTUxIDE0LjYzODkgOC4wNjUzNCAxNC42NTYyIDcuOTU0MjMgMTQuNjU2MloiIGZpbGw9IiNGNUZBRkUiLz4KPC9zdmc+Cg==)}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")}.form-check-input:checked[type=radio]:disabled{background-color:#696969;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:#0d6efd}.form-check-input:checked[type=checkbox]:disabled{background-color:#696969;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")}.form-check-input:disabled{filter:none;opacity:.5;pointer-events:none;background-color:#e4e7ec;border-color:#d0d5dd}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");background-position:0;border-radius:2em;width:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")}.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%}.form-switch.form-check-reverse{padding-left:0;padding-right:2.5em}.form-switch.form-check-reverse .form-check-input{margin-left:0;margin-right:-2.5em}.form-check-inline{margin-right:1rem;display:inline-block}.btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.form-select{-moz-padding-start:calc(.75rem - 3px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #e4e7ec;border-radius:8px;width:100%;height:44px;padding:.375rem 2.25rem .375rem .75rem;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;font-weight:400;line-height:24px;display:block}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;padding-right:.75rem}.form-select:disabled{color:#98a2b3;background-color:#f2f4f7}.form-select:-moz-focusring{color:#0000;text-shadow:0 0 #1f2329}.form-select-sm{border-radius:.25rem;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{border-radius:.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.invalid-feedback{color:#dc3545;width:100%;margin-top:.25rem;font-size:80%}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#28a745;padding-right:calc(1.5em + .75rem)}.form-select.isInvalid,.form-control.isInvalid,.was-validated .form-control:invalid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#dc3545;padding-right:calc(1.5em + .75rem);box-shadow:0 0 0 .25rem #dc354540}.bg_blue{background:#deedfe}.mb-5{margin-bottom:5px}.ml1{margin-left:1rem}.ml2{margin-left:2rem}.ml3{margin-left:3rem}.ml4{margin-left:4rem}.check-box-blue{border:1px solid #a6b0bf;border-radius:8px;gap:8px;height:44px;padding:10px 12px;display:flex}.check-box-blue input{cursor:pointer}.check-box-blue label{margin-left:8px}.check-box-blue.select{background-color:#bddbfc;border-color:#042f5f}.align_center{align-items:center;display:flex}.fieldset .label{color:#101828;font-size:16px;line-height:24px}.w-150{width:150px}.w-180{width:180px}html,body{margin:0;padding:0}body{font-size:var(--font-size,14px);font-family:var(--font-family);line-height:var(--line-height,1.5);background-color:var(--base-bg);color:var(--font-color);overflow-y:auto}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}h1,h3{font-weight:700}.h1{font-size:32px}.h2{font-size:24px}.h3{font-size:20px}a{text-decoration:none}.error-page{flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.error-page .error-title{font-size:32px}.page-header-sticky{z-index:50;top:var(--header-height,48px);backdrop-filter:saturate(180%)blur(5px);background-color:#eeec;position:sticky!important}.page-header-top{justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex;position:relative}.page-header-top .page-title-text{font-size:32px;font-weight:700}.page-header-top .page-title-discription{color:#666;font-size:90%}.page-container{width:100%;max-width:var(--page-container-max-width,1600px);margin-right:auto;padding-left:24px;padding-right:24px;position:relative}.page-container.is-full-width{max-width:none;margin-right:0}.page-navbar.has-pagination .page-navbar-container{border-bottom:1px solid #bbb}.page-navbar.has-pagination .page-table-navbar{border-bottom:0}.page-header-top-actions{align-items:center;gap:8px;display:flex}.title-scope{justify-content:space-between;align-items:center;display:flex}.title-header{font-size:20px;font-weight:600;line-height:30px}.info-title,.info-value,.retroact{font-size:16px;line-height:24px}.info-title{color:#667085;font-weight:400}.info-value{color:#344054;font-weight:600}.retroact{color:#074e9f;font-weight:600}.btn-retroact{align-items:center;gap:8px;width:119px;height:44px;padding-left:16px;display:flex}.btn-retroact span svg{width:20px;height:20px}.btn-retroact .btn-icon{justify-content:flex-end;align-items:center;display:flex}.card{background-color:var(--card-bg,#fff);border-radius:var(--border-radius,.25rem);box-shadow:var(--box-shadow,0 1px 2px #0000000d);border:1px solid #0000;position:relative}.card-body{padding:1.25rem}.card-header{border-top-left-radius:calc(var(--border-radius,.25rem) - 1px);border-top-right-radius:calc(var(--border-radius,.25rem) - 1px);border-bottom:1px solid #00000020;padding:1.25rem}.card-summary{color:var(--card-color,#263147);flex-direction:column;text-decoration:none;display:flex}.card-summary .card-content{flex:1}.card-summary .card-title-text{font-size:24px}.card-summary .card-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:1.25rem;display:flex}.card-summary .card-arrow{color:var(--card-color,#263147);background-color:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.card-summary .card-arrow>span{font-size:18px}.card-summary:hover{background-color:var(--primary-bg,#f2f2f2);color:var(--primary-color,#fff)}.card-summary:hover .card-title-text,.card-summary:hover .card-arrow{color:var(--primary-color,#fff)}.card-accordian{background-color:var(--card-bg,#fff);border:1px solid #0000;border-radius:16px;position:relative;box-shadow:0 4px 15px #3b59981a}.card-close{border-radius:16px}.card-open{border-radius:16px 16px 0 0}.card-dtl-accordian{border-top-left-radius:calc(var(--border-radius,.25rem) - 1px);border-top-right-radius:calc(var(--border-radius,.25rem) - 1px);padding:16px 25px}.page-table-container{border-radius:var(--border-radius,8px);box-shadow:var(--box-shadow,0 0 10px #0000001a);background-color:#fff;margin-bottom:20px}.page-table-container .page-table-wrap{width:100%}.page-table-container .page-table-wrap th,.page-table-container .page-table-wrap td{padding:10px}.page-table-container .page-table-wrap th{white-space:nowrap;color:var(--color-light-500,#667085);text-align:left;font-size:14px;font-style:normal;font-weight:600;line-height:22px;box-shadow:inset 0 -1px #e8e9eb}.page-table-container .page-table-wrap tr:not(:last-child) td{box-shadow:inset 0 -1px #e8e9eb}.page-table-container .page-table-wrap .td-index{white-space:nowrap;text-align:center;width:10px;padding-left:24px}.page-table-container .page-table-wrap .td-code{white-space:nowrap;text-align:center;width:10px}.page-table-container .page-table-wrap .td-date{width:40px}.page-table-container .page-table-wrap .td-status{white-space:nowrap;text-align:center;width:20px}.page-table-container .page-table-wrap .td-action{white-space:nowrap;width:20px}.page-table-container .page-table-wrap .action-buttons{align-items:center;gap:6px;display:flex}.page-table-filter{padding:15px 15px 8px}.filter-wrap{align-items:center;gap:12px;display:flex}.filter-wrap .filter-item{position:relative}.filter-wrap .btn-submit{min-width:100px}.filter-wrap .filter-item-search{position:relative}.filter-wrap .filter-item-search .form-control{min-width:400px;padding-left:40px;padding-right:40px}.filter-wrap .filter-item-search .btn-icon-search{background-color:#0000;border-width:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:absolute;top:0;left:0}.filter-wrap .filter-item-search .btn-icon-close{background-color:#ddd;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.filter-wrap .filter-item-search .btn-icon-close>span{font-size:18px}.page-table-navbar{border-bottom:1px solid #bbb}.navbar-list{align-items:center;gap:24px;display:flex}.navbar-list .navbar-item{align-items:center;gap:6px;display:flex}.navbar-list .navbar-item .navbar-link{color:var(--color-light-500,#667085);align-items:center;margin-bottom:-1px;padding:10px 0;font-weight:600;display:flex;position:relative}.navbar-list .navbar-item .navbar-link:before{content:"";background-color:var(--primary-bg,#007bff);width:0;height:3px;transition:width .3s;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.navbar-list .navbar-item.active .navbar-link{border-bottom-color:var(--primary-bg,#007bff);color:var(--primary-bg,#007bff)}.navbar-list .navbar-item.active .navbar-link:before{width:100%}.navbar-list .navbar-item-count{color:#667085;margin-left:2px;font-size:90%;line-height:22px}.page-table-footer{z-index:1;background-color:#fff;background-color:var(--page-footer-bg,#ffffffd9);backdrop-filter:saturate(180%)blur(20px);border-top:1px solid #eaecef;position:sticky;bottom:0;left:0;right:0}.page-table-footer .page-footer-container{min-height:48px}.table-empty{color:#667085;text-align:center;padding:50px}.templateSheetDetailTableWrap{margin-left:-1.25rem;margin-right:-1.25rem}.templateSheetDetailTableWrap tr th:first-child,.templateSheetDetailTableWrap tr td:first-child{padding-left:1.25rem}.templateSheetDetailTableWrap tr th:last-child,.templateSheetDetailTableWrap tr td:last-child{padding-right:1.25rem}.templateSheetDetailTable{border-collapse:collapse;width:100%;position:relative}.templateSheetDetailTable th,.templateSheetDetailTable td{text-align:left;padding:4px 6px}.templateSheetDetailTable .thead-sticky th{z-index:1;background-color:#fff;position:sticky;top:0}.templateSheetDetailTable th{color:#969696;white-space:nowrap;text-align:center;border-bottom:1px solid #eaecef;font-size:90%;font-weight:700}.templateSheetDetailTable .text-left{text-align:left}.templateSheetDetailTable td{border-bottom:1px solid #eaecef}.templateSheetDetailTable tr:hover td{background-color:#f5f6f7}.templateSheetDetailTable .td-index{white-space:nowrap;text-align:center;width:50px}.templateSheetDetailTable .td-code{white-space:nowrap;text-align:center;width:60px}.templateSheetDetailTable .td-action{white-space:nowrap;text-align:center;width:10px;padding:0}.templateSheetDetailTable .tr-child{display:none}.templateSheetDetailTable .tr-child .td-line{padding-top:8px;padding-bottom:8px;padding-left:22px;position:relative;transform:translate(-20px)}.templateSheetDetailTable .tr-child .td-line:before{content:"";z-index:1;background-color:#fff;border:3px solid #cdcdcd;border-radius:50%;width:11px;height:11px;position:absolute;top:15px;left:-5px}.templateSheetDetailTable .tr-child .td-line:after{content:"";border-top:1px dashed #e0e0e0;width:16px;position:absolute;top:20px;left:0}.templateSheetDetailTable .tr-child .td-line .line{border-left:1px dashed #e0e0e0;height:100%;position:absolute;top:0;left:0}.templateSheetDetailTable .t-tbody.is-expand .tr-child{display:table-row}.templateSheetDetailTable .t-tbody tr:last-child .td-line .line{height:16px}.templateSheetDetailTable .border-left{border-left:1px solid #eaecef}.templateSheetDetailTable .td-name{padding:0}.templateSheetDetailTable .td-input{width:70px;padding:0;position:relative;overflow:hidden}.templateSheetDetailTable .td-input.w-100{width:100px}.templateSheetDetailTable .td-input.w-120{width:120px}.templateSheetDetailTable .td-input.w-150{width:150px}.templateSheetDetailTable .td-input.w-180{width:180px}.templateSheetDetailTable .td-input .input-wrap{position:absolute;inset:0;overflow:hidden}.templateSheetDetailTable .td-input input{outline:none;width:100%;height:100%;min-height:38px;padding:0 8px;position:absolute;inset:0}.templateSheetDetailTable .td-input input :focus{background-color:bisque}.template-detail-table{width:100%}.template-detail-table th,.template-detail-table td{text-align:left;padding:4px 6px}.template-detail-table th{color:#969696;font-size:90%;font-weight:700}.template-detail-table td{border-top:1px solid #0000;border-bottom:1px solid #ccc}.template-detail-table tr:hover .btn-action-flex{opacity:1;pointer-events:auto}.template-detail-table .btn-action-flex{opacity:0;white-space:nowrap;pointer-events:none;align-items:center;gap:8px;display:flex}.template-detail-table .btn-action-flex .btn-sm{border-radius:3px;align-items:center;padding:0 4px;font-weight:400;display:flex}.template-detail-table .btn-action-flex .btn-sm:hover{background-color:#f2f2f2}.projectPlanTableWrapper{margin-left:-1.25rem;margin-right:-1.25rem}.projectPlanTable{border-collapse:collapse;color:#344054;width:100%;position:relative}.projectPlanTable tr th:first-child,.projectPlanTable tr td:first-child{border-left-color:#0000;padding-left:1.25rem}.projectPlanTable tr th:last-child,.projectPlanTable tr td:last-child{border-right-color:#0000;padding-right:1.25rem}.projectPlanTable td{position:relative}.projectPlanTable th,.projectPlanTable td{border-bottom:1px solid #e8e8e8;padding:6px 8px}.projectPlanTable .td-hide{border-left-color:#0000;border-right-color:#0000}.projectPlanTable .form-input{border:1px solid #ced4da;border-radius:8px;outline:none;width:100%;padding:8px 12px}.projectPlanTable .form-input.disabled{background-color:#f2f2f2}.projectPlanTable .td-unit{white-space:nowrap;text-align:left;width:50px}.projectPlanTable .td-input{width:170px}.projectPlanTable .td-w-auto{width:auto}.projectPlanTable .tr-header .displayName,.projectPlanTable .tr-summary .displayName{font-weight:700}.projectPlanTable .tr-header td{color:#344054;background-color:#deedfe;border-bottom-color:#dddef9}.projectPlanTable .tr-header.level-0 td{background-color:#fff}.projectPlanTable .th-head td .displayName{font-weight:700}.projectPlanTable .tr-detail:hover td{background-color:#f5f6f7}.projectPlanTable .tr-detail .form-input.disabled{background-color:#e4e7ec}.projectPlanTable .tr-summary .form-input{border-color:#0000}.projectPlanTable .tr-summary.level-0 td{background-color:#e4e7ec}.projectPlanTable .input-number{text-align:right}.projectPlanTable .input-number:focus{text-align:left}.projectPlanTable .input-quantity{text-align:center}.status{border-radius:var(--status-radius,8px);min-height:var(--btn-heigth,38px);background:#fef3e5;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:4px 14px;font-size:12px;font-weight:600;line-height:18px;display:flex}.status-INPROCESS{color:#dea922;background:#fef3e5}.status-APPROVE{color:#07a721;background:#e4f0e5}.status-REJECT,.status-CANCEL{color:#d92d20;background:#f8e5e5}.status-DRAFT{color:#0086c9;background:#ecf2f8}.status-PUBLISHED,.status-published{color:#07a721;background:#e4f0e5}.swal2-popup{border-radius:var(--swal2-radius,8px)!important}.swal2-popup .swal2-confirm,.swal2-popup .swal2-cancel{min-width:120px;font-weight:700;border-radius:var(--swal2-btn-radius,6px)!important}body.swal2-toast-shown .swal2-container{width:280px!important}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{padding:10px!important}.swal2-popup.swal2-toast .swal2-title{font-weight:700;line-height:1.2;margin:0!important}.swal2-popup.swal2-toast .swal2-html-container{line-height:1.2;margin:0!important}body.is-dark-mode .swal2-container.swal2-backdrop-show{background:var(--dark-swal2-backdrop-bg,#000c)}body.is-dark-mode .swal2-popup{background-color:var(--dark-swal2-bg,#0f0f10);color:var(--dark-swal2-color,#fff);box-shadow:var(--dark-swal2-shadow,0 0 3px #0000004d)}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-slate-200:oklch(92.9% .013 255.508);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.pointer-events-none\!{pointer-events:none!important}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-2\.5{top:calc(var(--spacing)*2.5)}.top-\[35px\]{top:35px}.top-\[40px\]{top:40px}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.right-8{right:calc(var(--spacing)*8)}.left-0{left:calc(var(--spacing)*0)}.z-2{z-index:2}.z-10{z-index:10}.z-\[2\]{z-index:2}.col-2{grid-column:2}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.float-right{float:right}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.m-6{margin:calc(var(--spacing)*6)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-\[15px\]{margin-inline:15px}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.my-6\!{margin-block:calc(var(--spacing)*6)!important}.my-7{margin-block:calc(var(--spacing)*7)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-6\!{margin-top:calc(var(--spacing)*6)!important}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[70px\]{margin-top:70px}.mt-auto{margin-top:auto}.\!mr-0{margin-right:calc(var(--spacing)*0)!important}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-5{margin-right:calc(var(--spacing)*5)}.mr-8{margin-right:calc(var(--spacing)*8)}.mr-14{margin-right:calc(var(--spacing)*14)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-\[12px\]{margin-bottom:12px}.\!ml-0{margin-left:calc(var(--spacing)*0)!important}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-2\.5{margin-left:calc(var(--spacing)*2.5)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-7{margin-left:calc(var(--spacing)*7)}.ml-8{margin-left:calc(var(--spacing)*8)}.ml-11{margin-left:calc(var(--spacing)*11)}.ml-\[20px\]{margin-left:20px}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.grid\!{display:grid!important}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.\!h-\[32px\]{height:32px!important}.\!h-\[56px\]{height:56px!important}.h-2{height:calc(var(--spacing)*2)}.h-8{height:calc(var(--spacing)*8)}.h-11{height:calc(var(--spacing)*11)}.h-14{height:calc(var(--spacing)*14)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-\[32px\]{height:32px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[48px\]{height:48px}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[68px\]{height:68px}.h-\[72px\]{height:72px}.h-\[80px\]{height:80px}.h-\[818px\]{height:818px}.h-\[calc\(100vh-40px\)\]{height:calc(100vh - 40px)}.h-\[calc\(100vh-150px\)\]{height:calc(100vh - 150px)}.h-\[calc\(100vh-284px\)\]{height:calc(100vh - 284px)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\[70px\]{max-height:70px}.max-h-\[320px\]{max-height:320px}.max-h-\[452px\]{max-height:452px}.max-h-\[550px\]{max-height:550px}.max-h-\[652px\]{max-height:652px}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[88px\]{min-height:88px}.min-h-\[92px\]{min-height:92px}.min-h-\[136px\]{min-height:136px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.\!w-\[32px\]{width:32px!important}.\!w-\[90px\]{width:90px!important}.\!w-\[112px\]{width:112px!important}.\!w-\[200px\]{width:200px!important}.\!w-fit{width:-moz-fit-content!important;width:fit-content!important}.\!w-full{width:100%!important}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-11{width:calc(var(--spacing)*11)}.w-36{width:calc(var(--spacing)*36)}.w-44{width:calc(var(--spacing)*44)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-150{width:calc(var(--spacing)*150)}.w-180{width:calc(var(--spacing)*180)}.w-\[24px\]{width:24px}.w-\[32px\]{width:32px}.w-\[44px\]{width:44px}.w-\[48px\]{width:48px}.w-\[69\%\]{width:69%}.w-\[70px\]{width:70px}.w-\[72px\]{width:72px}.w-\[108px\]{width:108px}.w-\[140px\]{width:140px}.w-\[140px\]\!{width:140px!important}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[200px\]\!{width:200px!important}.w-\[208px\]{width:208px}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[311px\]{width:311px}.w-\[311px\]\!{width:311px!important}.w-\[316px\]{width:316px}.w-\[344px\]{width:344px}.w-\[360px\]{width:360px}.w-\[702px\]{width:702px}.w-\[743px\]{width:743px}.w-\[880px\]{width:880px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.\!max-w-\[210px\]{max-width:210px!important}.max-w-32{max-width:calc(var(--spacing)*32)}.max-w-\[20\%\]{max-width:20%}.max-w-\[32px\]{max-width:32px}.max-w-\[66px\]{max-width:66px}.max-w-\[70vw\]{max-width:70vw}.max-w-\[80\%\]{max-width:80%}.max-w-\[100px\]{max-width:100px}.max-w-\[110px\]{max-width:110px}.max-w-\[150px\]{max-width:150px}.max-w-\[160px\]{max-width:160px}.max-w-\[190px\]{max-width:190px}.max-w-\[220px\]{max-width:220px}.max-w-\[300px\]{max-width:300px}.max-w-\[311px\]{max-width:311px}.max-w-\[420px\]{max-width:420px}.max-w-\[610px\]{max-width:610px}.max-w-\[743px\]{max-width:743px}.min-w-24{min-width:calc(var(--spacing)*24)}.min-w-40{min-width:calc(var(--spacing)*40)}.min-w-48{min-width:calc(var(--spacing)*48)}.min-w-110{min-width:calc(var(--spacing)*110)}.min-w-120{min-width:calc(var(--spacing)*120)}.min-w-150{min-width:calc(var(--spacing)*150)}.min-w-\[32px\]{min-width:32px}.min-w-\[77px\]{min-width:77px}.min-w-\[100px\]{min-width:100px}.min-w-\[131px\]{min-width:131px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[225px\]{min-width:225px}.min-w-\[250px\]{min-width:250px}.min-w-\[270px\]{min-width:270px}.min-w-\[343px\]{min-width:343px}.min-w-\[360px\]{min-width:360px}.min-w-\[420px\]{min-width:420px}.min-w-\[517px\]{min-width:517px}.min-w-\[743px\]{min-width:743px}.\!flex-none{flex:none!important}.flex-1{flex:1}.flex-2{flex:2}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row\!{flex-direction:row!important}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-baseline{align-content:baseline}.content-center{align-content:center}.\!items-start{align-items:flex-start!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.\!justify-start{justify-content:flex-start!important}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.\!gap-4{gap:calc(var(--spacing)*4)!important}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[4px\]{gap:4px}.gap-\[10px\]{gap:10px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-lg{border-radius:var(--radius-lg)!important}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t,.border-t-1,.border-t-\[1px\]{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-\[\#042F5F\]{border-color:#042f5f!important}.\!border-\[\#A6B0BF\]{border-color:#a6b0bf!important}.border-\[\#0A6EE1\]{border-color:#0a6ee1}.border-\[\#074E9F\],.border-\[\#074e9f\]{border-color:#074e9f}.border-\[\#A6B0BF\]{border-color:#a6b0bf}.border-\[\#D92D20\]{border-color:#d92d20}.border-\[\#D92D20\]\!{border-color:#d92d20!important}.border-\[\#DEEDFE\]{border-color:#deedfe}.border-\[\#E4E7EC\]{border-color:#e4e7ec}.border-\[\#E5E7EB\]{border-color:#e5e7eb}.border-\[\#d7d7d7\]{border-color:#d7d7d7}.border-\[\#d92d20\]{border-color:#d92d20}.border-gray-100{border-color:var(--color-gray-100)}.border-slate-200{border-color:var(--color-slate-200)}.\!border-t-\[\#FFFFFF\]{border-top-color:#fff!important}.\!bg-\[\#E4E7EC\]{background-color:#e4e7ec!important}.bg-\[\#074E9F\]{background-color:#074e9f}.bg-\[\#BDDBFC\]{background-color:#bddbfc}.bg-\[\#D7D7D7\]{background-color:#d7d7d7}.bg-\[\#E4E7EC\]{background-color:#e4e7ec}.bg-\[\#F5FAFE\]{background-color:#f5fafe}.bg-\[\#FFFFFF\],.bg-\[\#ffffff\]{background-color:#fff}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-center{background-position:50%}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.\!px-2{padding-inline:calc(var(--spacing)*2)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-\[10px\]{padding-inline:10px}.px-\[12px\]{padding-inline:12px}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.\!py-3{padding-block:calc(var(--spacing)*3)!important}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-\[10px\]{padding-block:10px}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\[20px\]{padding-top:20px}.pt-\[85px\]{padding-top:85px}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-\[5px\]{padding-left:5px}.pl-\[40px\]\!{padding-left:40px!important}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-start{text-align:start}.align-bottom{vertical-align:bottom}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[22px\]{font-size:22px!important}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.leading-\[15px\]{--tw-leading:15px;line-height:15px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#8A95A8\]{color:#8a95a8!important}.\!text-\[\#98A2B3\]{color:#98a2b3!important}.text-\[\#0A6EE1\]{color:#0a6ee1}.text-\[\#07A721\]{color:#07a721}.text-\[\#8A95A8\]{color:#8a95a8}.text-\[\#22AB68\]{color:#22ab68}.text-\[\#074E9F\]{color:#074e9f}.text-\[\#0086C9\]{color:#0086c9}.text-\[\#0086C9\]\!{color:#0086c9!important}.text-\[\#98A2B3\]{color:#98a2b3}.text-\[\#101828\]{color:#101828}.text-\[\#344054\]{color:#344054}.text-\[\#667085\]{color:#667085}.text-\[\#D92D20\]{color:#d92d20}.text-\[\#D92D20\]\!{color:#d92d20!important}.text-\[\#F5FAFE\]{color:#f5fafe}.text-black{color:var(--color-black)}.text-gray-500{color:var(--color-gray-500)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.normal-case{text-transform:none}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:fill-\[\#0A6EE1\]:is(:where(.group):hover *){fill:#0a6ee1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:text-\[\#0A6EE1\]:hover{color:#0a6ee1}}@media (min-width:40rem){@media not all and (min-width:48rem){.sm\:max-md\:max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.sm\:max-md\:justify-between{justify-content:space-between}}}@media (min-width:48rem){.md\:max-w-\[190px\]{max-width:190px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media not all and (min-width:64rem){.md\:max-lg\:max-h-\[calc\(80vh-25px\)\]{max-height:calc(80vh - 25px)}}}@media (min-width:64rem){.lg\:max-h-\[80vh\]{max-height:80vh}.lg\:min-h-\[744px\]{min-height:744px}.lg\:max-w-\[300px\]{max-width:300px}.lg\:content-start{align-content:flex-start}}}button{cursor:pointer}.MuiSelect-icon{top:auto!important;right:8px!important}.MuiChip-root.Mui-disabled{opacity:1!important}h1{font-size:20px;font-weight:600;line-height:30px}hr{border-color:#d7d7d7}.MuiAutocomplete-root .MuiAutocomplete-tag{text-align:center;background-color:#bddbfc;border-radius:99px;min-width:65px;height:22px;color:#074e9f!important}.MuiAutocomplete-root .MuiAutocomplete-tag svg{width:16px;height:16px;fill:#074e9f!important}.MuiSvgIcon-root{margin:auto}.MuiFormLabel-root,.MuiInputBase-input{font-family:IBM Plex Sans Thai,sans-serif!important}.MuiInputBase-root .MuiOutlinedInput-root .MuiInputBase-colorPrimary .Mui-disabled{background-color:"#F2F4F7"!important}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:1px solid #a6b0bf}.MuiListItemIcon-root{min-width:0!important;display:block!important}input{font-family:IBM Plex Sans Thai,sans-serif!important}.MuiStepConnector-line{display:none!important}.MuiStepLabel-label{color:#344054;width:100%;font-family:IBM Plex Sans Thai,sans-serif!important}.MuiCollapse-root{min-width:190px}.MuiButtonBase-root-MuiListItemButton-root{background-color:#eee8aa;width:100%}.MuiTypography-root{font-size:16px;font-weight:400;font-family:IBM Plex Sans Thai,sans-serif!important}.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled{color:#00000061;cursor:default;background-color:#f2f4f7!important}.MuiAutocomplete-root .MuiOutlinedInput-root{padding:0!important}.react-flow__attribution a{text-decoration:none;color:#fff!important}.MuiStepIcon-root{color:#074e9f!important}.MuiMenuItem-root{font-family:unset!important}.MuiStepContent-root{border-left:1px solid #667085!important;margin-left:20px!important;padding-left:30px!important}.rdw-editor-wrapper{border-color:#e4e7ec}.MuiSelect-root{width:100%}::-webkit-scrollbar{width:4px;height:4px;background:#ececec!important}::-webkit-scrollbar-track{background:0 0;border:none}::-webkit-scrollbar-thumb{background:#d7d7d7;border-radius:10px}pre{font-family:IBM Plex Sans Thai,sans-serif!important}.lds-default,.lds-default div{box-sizing:border-box}.lds-default{color:#074e9f;width:80px;height:80px;display:inline-block;position:relative}.lds-default div{background:currentColor;border-radius:50%;width:6.4px;height:6.4px;animation:1.2s linear infinite lds-default;position:absolute}.lds-default div:first-child{animation-delay:0s;top:36.8px;left:66.24px}.lds-default div:nth-child(2){animation-delay:-.1s;top:22.08px;left:62.2958px}.lds-default div:nth-child(3){animation-delay:-.2s;top:11.3042px;left:51.52px}.lds-default div:nth-child(4){animation-delay:-.3s;top:7.36px;left:36.8px}.lds-default div:nth-child(5){animation-delay:-.4s;top:11.3042px;left:22.08px}.lds-default div:nth-child(6){animation-delay:-.5s;top:22.08px;left:11.3042px}.lds-default div:nth-child(7){animation-delay:-.6s;top:36.8px;left:7.36px}.lds-default div:nth-child(8){animation-delay:-.7s;top:51.52px;left:11.3042px}.lds-default div:nth-child(9){animation-delay:-.8s;top:62.2958px;left:22.08px}.lds-default div:nth-child(10){animation-delay:-.9s;top:66.24px;left:36.8px}.lds-default div:nth-child(11){animation-delay:-1s;top:62.2958px;left:51.52px}.lds-default div:nth-child(12){animation-delay:-1.1s;top:51.52px;left:62.2958px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media (max-width:743px){.swiper-wrapper{max-height:550px}.swiper-pagination{position:initial!important}.custom-swiper .swiper-slide{height:64px!important}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}