UKG Developer Hub

<!DOCTYPE html><html data-color-mode="light" class="useReactApp"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="readme-deploy" content="5.286.0"><meta name="readme-subdomain" content="staging-developer-ukg"><title>UKG Developer Hub</title><meta name="description" property="og:description" content="Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs."><meta name="title" property="og:title" content="UKG Developer Hub"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="readme-basepath-language"><link rel="canonical" href="https://developer.ukg.com/"><link rel="shortcut icon" href="https://files.readme.io/d91f41b-favicon.ico" type="image/x-icon"><link data-chunk="Page" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/Page.d0fd6c22c6d5f3de196f.css"> <link data-chunk="routes-Discuss" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-Discuss.571e99fd5e02a59c06dd.css"> <link data-chunk="routes-Tutorials" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-Tutorials.c978ddef3555c7447f00.css"> <link data-chunk="List" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/List.314889d8418f91c2a137.css"> <link data-chunk="CustomPage" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/CustomPage.38a39d6ce8b0e2afad5a.css"> <link data-chunk="routes-Doc" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-Doc.f7ce97dc8d07fa3e6aaa.css"> <link data-chunk="routes-SuperHub-Routes" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-SuperHub-Routes.8ced12a6b9cfbdeaa7ea.css"> <link data-chunk="routes-Changelog" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-Changelog.28957affcff81e852361.css"> <link data-chunk="Editor" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/Editor.69ce74fb2253892c9b4f.css"> <link data-chunk="routes-PageNotFound" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-PageNotFound.d8afd1171cf7a455eed7.css"> <link data-chunk="routes-Landing" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-Landing.332d7eed7b2d976c458e.css"> <link data-chunk="routes-Reference" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-Reference.60a8dcec37a13b0b71c5.css"> <link data-chunk="Header" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/Header.074b2cb2cc57c5a5979d.css"> <link data-chunk="routes-SuperHub" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/routes-SuperHub.ebab74e752b462aaef3a.css"> <link data-chunk="routes-SuperHub" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/7188.75e3fc491ee8103c63a3.css"> <link data-chunk="routes-SuperHub" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/2395.593cd7b6ba0bdb6787a8.css"> <link data-chunk="main" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/main.ef84cc15c1ff3d327657.css"> <link data-chunk="main" rel="preload" as="style" href="https://cdn.readme.io/public/hub/web/ui-styles.74f5f8f1933c41f8fa39.css"> <link data-chunk="main" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/main.221ce09d98cef8aef125.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/6601.cef2fa12a9b5e2b9df03.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/3622.30b9cb2443fabb238262.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/9772.8580ecb31f87dc171976.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/4904.df63e6b74f3878787175.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/7449.dae0332305a8704415a6.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/7372.4f5a59d2f86c6ece493b.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/9082.f9fa9ec2b80af1ef61bd.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/734.2949e3d7010fa5c21ffd.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/954.53ce7f86793664155f78.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/6903.75b9333e2c99d6924d0e.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/2395.3ba369762002e0fbe7fe.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/8161.c06bb55544d4d5ece838.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/1008.ef0ab3c31014af8b9334.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/7188.88a12309549c98d14d35.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/5753.d9657ebf13ad8af40015.js"> <link data-chunk="routes-SuperHub" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-SuperHub.b86494be835b660d227f.js"> <link data-chunk="Header" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/9930.8ac6b4156bf4ee8644e6.js"> <link data-chunk="Header" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/7783.61fd99fcb3212444ef40.js"> <link data-chunk="Header" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/Header.9f91a308d58e71424034.js"> <link data-chunk="core-icons-chevron-up-down-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-chevron-up-down-svg.6aae957df71e6f4c5e24.js"> <link data-chunk="routes-Reference" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/4287.916cdd386055d2c5d238.js"> <link data-chunk="routes-Reference" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/5948.a51402657e2eb40ab43b.js"> <link data-chunk="routes-Reference" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/4201.069cb338e36be5100aad.js"> <link data-chunk="routes-Reference" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/8230.52ae4e87b64409b85cbc.js"> <link data-chunk="routes-Reference" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-Reference.c4f7838ee3492b106b0f.js"> <link data-chunk="core-icons-more-vertical-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-more-vertical-svg.4822b3f831e11095980d.js"> <link data-chunk="Footer" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/Footer.3c2db21e4df4b80899c5.js"> <link data-chunk="core-icons-alert-circle-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-alert-circle-svg.4cee8264c97045599b56.js"> <link data-chunk="core-icons-lock-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-lock-svg.70942d3ee6bad6267696.js"> <link data-chunk="routes-Landing" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/4002.704e628347d37011965d.js"> <link data-chunk="routes-Landing" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-Landing.e9109069c99886dc83c5.js"> <link data-chunk="routes-PageNotFound" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-PageNotFound.852328ff472332820e4a.js"> <link data-chunk="Editor" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/Editor.dc84877609bddc61988b.js"> <link data-chunk="core-icons-x-circle-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-x-circle-svg.abc0e0ea5b7f9dff667c.js"> <link data-chunk="core-icons-suggested-edits-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-suggested-edits-svg.8d2d8ac2fd22ded9238d.js"> <link data-chunk="routes-Changelog" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-Changelog.d2788e3eea8e5d625df9.js"> <link data-chunk="Post" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/Post.d60fcbfc334770cfd22b.js"> <link data-chunk="core-icons-search-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-search-svg.ad9cac962958d30983a7.js"> <link data-chunk="core-icons-custom-pages-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-custom-pages-svg.444e514638d9afbec182.js"> <link data-chunk="routes-SuperHub-Routes" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/7285.703d773b1bb63ae6e7ee.js"> <link data-chunk="routes-SuperHub-Routes" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-SuperHub-Routes.1b77649c9910147452bf.js"> <link data-chunk="routes-Doc" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-Doc.8f9048009363a89d95ec.js"> <link data-chunk="core-icons-arrow-right-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-arrow-right-svg.eadb74658f93b4e7d75f.js"> <link data-chunk="CustomPage" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/6922.e8247ef6931a72e55b3e.js"> <link data-chunk="CustomPage" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/2859.2016eb8401ec8f0ae947.js"> <link data-chunk="core-icons-book-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-book-svg.556c5a2abddd44b2284c.js"> <link data-chunk="core-icons-key-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-key-svg.71e09670b926900508b8.js"> <link data-chunk="RMDX" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/RMDX.f342d2ba5744bf63cff9.js"> <link data-chunk="core-icons-arrow-up-right-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-arrow-up-right-svg.8ec73f7e322d79a2695b.js"> <link data-chunk="core-icons-chevron-down-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-chevron-down-svg.e20b84e9871bd73d1b8c.js"> <link data-chunk="List" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/2637.f161cf21b4202fcf0f18.js"> <link data-chunk="List" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/4674.86c5bae187635c44f1a7.js"> <link data-chunk="List" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/List.c0e29713e76e718cb92a.js"> <link data-chunk="routes-Tutorials" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-Tutorials.e4bca363391d584c95da.js"> <link data-chunk="routes-Discuss" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/routes-Discuss.3590ddf59c866718c2eb.js"> <link data-chunk="Page" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/Page.60c9a9ab62fa8b6d5935.js"> <link data-chunk="core-icons-star-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-star-svg.b834e1612cb2af1e174e.js"> <link data-chunk="core-icons-trending-up-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-trending-up-svg.0dd920b0698e57f75afa.js"> <link data-chunk="core-icons-callout-info-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-callout-info-svg.79b14e8568c9cecbc827.js"> <link data-chunk="core-icons-webhook-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-webhook-svg.fe540ea1c09e1c0e0247.js"> <link data-chunk="core-icons-eye-off-svg" rel="preload" as="script" href="https://cdn.readme.io/public/hub/web/core-icons-eye-off-svg.b2b8b241b4b324dfd9c1.js"> <link data-chunk="main" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/ui-styles.74f5f8f1933c41f8fa39.css"> <link data-chunk="main" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/main.ef84cc15c1ff3d327657.css"> <link data-chunk="routes-SuperHub" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/2395.593cd7b6ba0bdb6787a8.css"> <link data-chunk="routes-SuperHub" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/7188.75e3fc491ee8103c63a3.css"> <link data-chunk="routes-SuperHub" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-SuperHub.ebab74e752b462aaef3a.css"> <link data-chunk="Header" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/Header.074b2cb2cc57c5a5979d.css"> <link data-chunk="routes-Reference" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-Reference.60a8dcec37a13b0b71c5.css"> <link data-chunk="routes-Landing" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-Landing.332d7eed7b2d976c458e.css"> <link data-chunk="routes-PageNotFound" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-PageNotFound.d8afd1171cf7a455eed7.css"> <link data-chunk="Editor" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/Editor.69ce74fb2253892c9b4f.css"> <link data-chunk="routes-Changelog" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-Changelog.28957affcff81e852361.css"> <link data-chunk="routes-SuperHub-Routes" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-SuperHub-Routes.8ced12a6b9cfbdeaa7ea.css"> <link data-chunk="routes-Doc" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-Doc.f7ce97dc8d07fa3e6aaa.css"> <link data-chunk="CustomPage" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/CustomPage.38a39d6ce8b0e2afad5a.css"> <link data-chunk="List" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/List.314889d8418f91c2a137.css"> <link data-chunk="routes-Tutorials" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-Tutorials.c978ddef3555c7447f00.css"> <link data-chunk="routes-Discuss" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/routes-Discuss.571e99fd5e02a59c06dd.css"> <link data-chunk="Page" rel="stylesheet" href="https://cdn.readme.io/public/hub/web/Page.d0fd6c22c6d5f3de196f.css"><style>:root{--project-color-primary:#005151;--project-color-inverse:#fff;--recipe-button-color:#005151;--recipe-button-color-hover:#000000;--recipe-button-color-active:#000000;--recipe-button-color-focus:rgba(0, 81, 81, 0.25);--recipe-button-color-disabled:#1effff}[id=enterprise] .ReadMeUI[is=AlgoliaSearch]{--project-color-primary:#005151;--project-color-inverse:#fff}a{color:var(--color-link-primary,#005151)}a:hover{color:var(--color-link-primary-darken-5,#000)}a.text-muted:hover{color:var(--color-link-primary,#005151)}.btn.btn-primary{background-color:#005151}.btn.btn-primary:hover{background-color:#000}.theme-line #hub-landing-top h2{color:#005151}#hub-landing-top .btn:hover{color:#005151}.theme-line #hub-landing-top .btn:hover{color:#fff}.theme-solid header#hub-header #header-top{background-color:#005151}.theme-solid.header-gradient header#hub-header #header-top{background:linear-gradient(to bottom,#005151,#000404)}.theme-solid.header-custom header#hub-header #header-top{background-image:url(undefined)}.theme-line header#hub-header #header-top{border-bottom-color:#005151}.theme-line header#hub-header #header-top .btn{background-color:#005151}header#hub-header #header-top #header-logo{width:260px;height:27px;margin-top:6px;background-image:url(https://files.readme.io/3b02c2e-small-logo_developer_hub.png)}#hub-subheader-parent #hub-subheader .hub-subheader-breadcrumbs .dropdown-menu a:hover{background-color:#005151}#subheader-links a.active{color:#005151!important;box-shadow:inset 0 -2px 0 #005151}#subheader-links a:hover{color:#005151!important;box-shadow:inset 0 -2px 0 #005151;opacity:.7}.discussion .submit-vote.submit-vote-parent.voted a.submit-vote-button{background-color:#005151}section#hub-discuss .discussion a .discuss-body h4{color:#005151}section#hub-discuss .discussion a:hover .discuss-body h4{color:#000}#hub-subheader-parent #hub-subheader.sticky-header.sticky{border-bottom-color:#005151}#hub-subheader-parent #hub-subheader.sticky-header.sticky .search-box{border-bottom-color:#005151}#hub-search-results h3 em{color:#005151}.main_background,.tag-item{background:#005151!important}.main_background:hover{background:#000!important}.main_color{color:#005151!important}.border_bottom_main_color{border-bottom:2px solid #005151}.main_color_hover:hover{color:#005151!important}section#hub-discuss h1{color:#005151}#hub-reference .hub-api .api-definition .api-try-it-out.active{border-color:#005151;background-color:#005151}#hub-reference .hub-api .api-definition .api-try-it-out.active:hover{background-color:#000;border-color:#000}#hub-reference .hub-api .api-definition .api-try-it-out:hover{border-color:#005151;color:#005151}#hub-reference .hub-reference .logs .logs-empty .logs-login-button,#hub-reference .hub-reference .logs .logs-login .logs-login-button{background-color:var(--project-color-primary,#005151);border-color:var(--project-color-primary,#005151)}#hub-reference .hub-reference .logs .logs-empty .logs-login-button:hover,#hub-reference .hub-reference .logs .logs-login .logs-login-button:hover{background-color:#000;border-color:#000}#hub-reference .hub-reference .logs .logs-empty>svg>path,#hub-reference .hub-reference .logs .logs-login>svg>path{fill:#005151;fill:var(--project-color-primary,#005151)}#hub-reference .hub-reference .logs:last-child .logs-empty,#hub-reference .hub-reference .logs:last-child .logs-login{margin-bottom:35px}#hub-reference .hub-reference .hub-reference-section .hub-reference-left header .hub-reference-edit:hover{color:#005151}.main-color-accent{border-bottom:3px solid #005151;padding-bottom:8px}/*! BEGIN HUB_CUSTOM_STYLES */span.highlight.active{display:contents;color:#007bff;font-weight:700}.rm-Sidebar-heading{cursor:pointer;position:relative;text-transform:none!important;color:var(--text-body,#1c2024)!important;font-size:14px!important;font-style:normal!important;font-weight:500!important;line-height:20px!important}.rm-Sidebar-list.section-list-expanded{display:flex!important}[class*=Sidebar-link].active{background:#f3f4f4}[class*=Sidebar-listWrapper]{margin-top:2px!important}[class*=LandingBlock-Links]{justify-content:unset!important}[class*=Header-bottom]{min-height:0!important}[class*=Header-search_feather]{position:absolute!important;box-shadow:unset!important}body{font-family:Volte Rounded!important}.Header-right21PC2XTT6aMg{padding-right:0}.SearchBert1u4IeBwd-ET6{color:#637288;background:#fff}.SearchBert-Prompt3UVFfRcBSAeq::placeholder{color:#637288;opacity:1}.SearchBert1u4IeBwd-ET6.Dropdown-toggle{--Owlbot-width:300px}.landing-searchbox{--Owlbot-width:504px;background:#fff!important}.rm-APIAuth .InputGroup-badge{display:none!important}.rm-Header{background:var(--ukg_sys_color_navHeaderGradient,linear-gradient(90deg,var(--ukg_sys_color_brand,#005151) 0,var(--ukg_sys_color_navHeaderGradient_highlight,#087c79) 60%,var(--ukg_sys_color_brand,#005151) 100%));--Header-border-width:0!important}.rm-Header-bottom-link.active{position:relative}.rm-Header-bottom-link.active::after{content:'';position:absolute;bottom:-5px;width:100%;height:4px;background-color:#005151;border-radius:6px 6px 0 0}.Header-leftADQdGVqx1wqU a:hover{background-color:rgba(0,0,0,.05)}.rm-Header-top{background:var(--ukg_sys_color_navHeaderGradient,linear-gradient(90deg,var(--ukg_sys_color_brand,#005151) 0,var(--ukg_sys_color_navHeaderGradient_highlight,#087c79) 60%,var(--ukg_sys_color_brand,#005151) 100%));box-shadow:unset!important}.rm-Header-bottom{background:#fff!important}.rm-ParamContainer button div{text-transform:none!important}#updated-at{display:none}._2a21541c6bdfdcae7d5631faeb57468f-scss{display:none!important}.Header3zzata9F_ZPQ{box-shadow:unset!important}.Header-staging2fhBvH-z5mvq{display:none!important}p.copyright{text-align:center;font-family:Noto Sans;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:20px;letter-spacing:normal;margin:0 158px!important;padding-bottom:10px!important}.landing-footer{position:relative;width:100%;background-color:#f5f5f5}.rm-Header .Button{font-weight:400!important;font-family:Noto Sans!important}.rm-Header-top-link[href^="https:"]::after{content:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.667 4.667a.667.667 0 0 1 .077 1.329L4.667 6h-1c-.164 0-.3.118-.328.273l-.006.06v6c0 .164.118.3.274.328l.06.006h6c.163 0 .3-.118.328-.274l.005-.06v-1a.667.667 0 0 1 1.329-.077l.004.077v1c0 .884-.687 1.607-1.557 1.663l-.11.004h-6a1.667 1.667 0 0 1-1.662-1.557L2 12.333v-6c0-.883.688-1.606 1.557-1.663l.11-.003h1zM12 2a2 2 0 0 1 1.997 1.882L14 4v3.333a.667.667 0 0 1-1.329.078l-.004-.078V4.276L7.138 9.805a.667.667 0 0 1-.998-.88l.055-.063 5.528-5.529H8.667a.667.667 0 0 1-.078-1.329L8.667 2H12z' fill='%23FFF' fill-rule='nonzero' fill-opacity='.88'/%3E%3C/svg%3E");width:16px;height:16px;margin:-3.552px 0 -4.992px 4px}#AppSearch>details>ol>li:has(label>span[title*="UKG 5"]){display:none}.tippy-box-custom .Dropdown-content>div{background:#fff;border-radius:5px;box-shadow:0 5px 10px rgb(0 0 0 / 5%),0 2px 6px rgb(0 0 0 / 3%),0 1px 3px rgb(0 0 0 / 3%)}.rm-Header-bottom-link{color:#016ca2!important}.border-unset{box-shadow:unset!important;--Header-border-width:unset!important}#content-container>#content-head{display:none}#content-container{max-width:unset!important;margin:unset!important}#main.container{width:100%!important;max-width:unset;overflow:hidden;padding-top:0!important;margin:0 auto!important}.App .rm-Container{max-width:unset!important}nav.Header-leftADQdGVqx1wqU{display:none}.Header-leftADQdGVqx1wqU a{color:#016ca2!important}.rm-Container>nav+div{position:absolute!important;width:auto!important;top:366px;left:158px;padding:0,4px,0,16px;box-shadow:unset!important}.landing-parent-searchbox>nav+div{top:unset;left:unset}.rm-Header-bottom>div{min-height:0!important}.rm-Header-top{border-bottom:unset!important}.subheader-height{min-height:0!important}.content-block{margin:auto}.landing-page-background .content-block{max-width:1400px;margin:0 auto}.header-icon{width:16px;height:16px;margin:-.192px 0 -5px 4px;object-fit:contain}.hr-doc{text-decoration:none!important}.card-button-text-desktop{display:block;margin-top:16px;height:24px;flex-grow:0;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#0176b2!important;text-decoration-color:#0176b2!important;text-decoration:underline!important}.card-button-text-tablet{display:none;margin-top:16px;height:24px;flex-grow:0;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#0176b2!important;text-decoration-color:#0176b2!important;text-decoration:underline!important}.app-header{display:flex;align-self:stretch;width:100%;margin-left:170px;flex-grow:0;font-family:Volte Rounded;font-size:26px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.19;letter-spacing:normal;text-align:left;color:rgba(0,0,0,.87)}.card-header-content{display:flex;align-self:stretch;align-items:center;justify-content:center;width:100%;flex-grow:0;font-family:Volte Rounded;font-size:26px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.19;letter-spacing:normal;text-align:center;color:rgba(0,0,0,.87)}.card-header-content .title{font-size:41px;line-height:48px;letter-spacing:.2;font-family:Volte Rounded;font-weight:500;color:#005151;padding-bottom:26px}.card-header-content .text{font-size:16px;line-height:24px;letter-spacing:normal;font-family:Noto sans;font-weight:400;color:#000000DE;margin-top:8px}.project-card{display:flex;flex-flow:row;margin-left:144px}.card-section{--asc-bg-size:107rem;--asc-bg-x-offset:-27rem;--asc-bg-y-offset:0rem;--asc-bg-angle-size:121rem;--asc-bg-x-angle-offset:-8.0rem;--asc-bg-y-angle-offset:-28rem;background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top -10rem center/40rem,#fff}.card-section .content-block{padding-top:88px}.card-section .content-block:last-child{padding-bottom:88px}.card-section:before{position:absolute;top:calc(46.5*(1rem) - 10rem);bottom:0;left:0;right:0;min-width:100%;content:"";z-index:0}.card{padding:24px;border:solid .08em #eee;border-radius:15px;box-shadow:1px 1px 10px -1.4px #cbc7c7;z-index:99;margin:16px 0 32px 24px;max-width:448px;min-width:200px;width:41.3333%;height:248px;background-color:#fff;text-decoration:unset!important;box-sizing:border-box}.card-title{height:28px;flex-grow:1;margin-bottom:16px;font-family:Volte Rounded;font-size:23px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.22;letter-spacing:normal;text-align:left;color:#005151}.card-description{height:48px;flex-grow:1;margin-bottom:16px;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;flex-basis:fit-content;color:rgba(0,0,0,.87)}.card-icon{display:flex;max-width:156px;width:100%;margin:16px auto;justify-content:center}.card-icon-text{overflow:hidden;white-space:nowrap;height:24px;flex-grow:0;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#0176b2!important;text-decoration:underline}.break-ipad-line,.break-line{display:block}.desktop-header,.ipad-header,.mobile-header{text-align:center}.card-icon-content{content:url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17h8c.55 0 1-.45 1-1v-1c0-.55.45-1 1-1s1 .45 1 1v2c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V7a2 2 0 0 1 2-2h2c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zm4.832-10c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1V8.41l-6.13 6.13a.996.996 0 1 1-1.41-1.41L15.422 7h-2.59z' fill='%230176B2'/%3E%3C/svg%3E%0A");width:20px;height:20px;margin:-1.2px 0 0 2px}.project-slider-card{display:flex;flex-flow:row}.slider-card{border:1px solid #00000026;border-radius:12px;box-shadow:0 0 29px 0 rgba(0,0,0,.08);z-index:99;margin:16px 0 32px 24px;min-width:200px;width:41.3333%;height:228px!important;background-color:#fff;text-decoration:unset!important;box-sizing:border-box}.slide-banner-content{padding:0 32px}.slider-nav{margin-top:30px}.slider-card{border:1px solid #00000026;border-radius:12px;box-shadow:0 0 29px 0 rgba(0,0,0,.08);z-index:99;margin:0;height:228px;background-color:#fff;text-decoration:unset!important;box-sizing:border-box;background:#fff}.slider-card-content-title{height:70px}.slider-card-title{margin:0 auto!important;flex-grow:1;font-family:Volte Rounded;font-size:23px;font-weight:500;font-stretch:normal;font-style:normal;line-height:28px;letter-spacing:normal;text-align:center;color:#005151}.main-banner-link{text-decoration:none!important}.slider-card-content-description{height:100px}.slider-card-description{margin:0 auto!important;flex-grow:1;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing:normal;text-align:center;flex-basis:fit-content;color:#000}.learn-more-content{margin:0 auto!important}.slider-card-link{margin:5px auto 20px auto}.slider-card-link span{overflow:hidden;white-space:nowrap;height:24px;flex-grow:0;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing:normal;text-align:center;color:#016ca2!important;text-decoration:underline}.slider-card-content{display:flex;flex-direction:column;align-items:center;padding:24px 32px 24px 32px}.flex-card-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;align-items:flex-start;flex-direction:row;align-items:center;flex:1 0 100%;padding:0 32px 0 32px;gap:32px;justify-content:center}.slider-card-content a.learn-more{font-size:16px;font-weight:400;font-family:Noto Sans;line-height:24px;text-decoration:none;cursor:pointer}.slide-clickable{text-decoration:none!important}.overlay{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#4070f4;border-radius:25px 25px 0 25px}.overlay::after,.overlay::before{content:'';position:absolute;right:0;bottom:-40px;height:40px;width:40px;background-color:#4070f4}.overlay::after{border-radius:0 25px 0 0;background-color:#fff}.slider-nav{text-align:center}.slide-Specialized-content .card-wrapper,.slide-getting-content .card-wrapper{padding-bottom:10px}.swiper-navBtn{color:#6e93f7;transition:color .3s ease}.swiper-navBtn:hover{color:#4070f4}.swiper-navBtn::after,.swiper-navBtn::before{font-size:35px}.swiper-wrapper{height:unset!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:unset!important}.swiper-pagination-bullet{width:.75rem!important;height:.75rem!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-ms-flex-align:center!important;align-items:center!important;-ms-flex-pack:center!important;justify-content:center!important;background:#6e93f7!important;opacity:1!important;outline:0;position:static!important;pointer-events:auto!important;-ms-flex-negative:0!important;flex-shrink:0!important;-webkit-transform:scale(1)!important;transform:scale(.75)!important;vertical-align:middle!important}.swiper-pagination-bullet{background-color:#fffFFFA6!important}.swiper-pagination-bullet-active{background-color:#4070f4;transform:scale(1)!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:41.2%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:41.2%!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:22px!important;font-weight:700!important;color:#fff!important}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-next{background:#fffFFFF0!important}.card-header-content .text{padding:0 10px}.swiper-button-next,.swiper-button-prev{z-index:9999!important;margin-top:unset!important}.slider-card-link span{overflow:hidden;white-space:nowrap;height:24px;flex-grow:0;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing:normal;text-align:center;color:#016ca2!important;text-decoration:underline}.hub-slider{padding:5px 0 40px 0!important}.slider-card{cursor:pointer}.project{display:flex;flex-flow:column}.project-subheader{position:relative;text-align:left;color:#fff;width:100%;height:100%;background:var(--ukg_sys_color_navHeaderGradient,linear-gradient(90deg,var(--ukg_sys_color_brand,#005151) 0,var(--ukg_sys_color_navHeaderGradient_highlight,#087c79) 60%,var(--ukg_sys_color_brand,#005151) 100%))}.landing-footer{position:relative;text-align:left;color:#fff;width:100%;height:100%;background:#005151}.landing-footer a{cursor:pointer}.landing-footer-parent{background-color:#005151!important;background:no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/25%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 30% left 10%/7%,no-repeat url(https://files.readme.io/6d93f4c99ce8ad10ccef0792faf5e887657f5ca4cf1df0c8a553ccd2d8da3e98-Vector-halfcircle.svg) top 3rem right -15%/20%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 12% right 12%/7%,no-repeat url(https://files.readme.io/f1095123730536bbd01be5d1aeb43615946166cefb776fcf9ae2b632ef1fbfaa-Rectangle_103.svg) top 4% right 12%/7%;padding:47px 0}.project-subfooter{max-width:1400px;padding-left:4%}.footer-logo-container{text-align:center;padding-bottom:46px}.landing-footer ul{margin:0;padding:0;list-style:none}.landing-footer .footer-menu-container nav ul:not(.contextual-links) ul{display:block}.landing-footer ul>li.menu-level--0{margin-bottom:4.375rem}.landing-footer li.menu-level--0>span,.landing-footer ul>li.menu-level--0>a,.landing-footer ul>li.menu-level--1{margin-bottom:1rem}.landing-footer li.menu-level--0>a,.landing-footer li.menu-level--0>span{display:inline-block;padding:0;border-radius:0;color:#fff;font-family:Volte Rounded;font-size:18px;font-weight:600;line-height:22px;letter-spacing:-.18000000715255737px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;text-decoration:none;position:relative;text-transform:capitalize}.landing-footer li.menu-level--1>a{display:inline-block;padding:0;border-radius:0;color:#badada;font-family:Volte Rounded;font-size:15px;font-weight:600;line-height:18px;letter-spacing:-.15000000596046448px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;text-decoration:none;position:relative}.hub-subheader-parent{display:flex;justify-content:center;flex-flow:row}.hub-subheader-parent .hub-left{width:100%;height:100%;display:flex;flex-flow:column;margin-bottom:10px}.hub-subheader-parent .hub-slider-content{height:100%;display:flex;flex-flow:column;margin-bottom:10px}.hub-subheader-parent .hub-right{width:60%;height:100%}.hub-left .welcome{width:auto;height:76px;margin:auto!important;font-family:Volte Rounded!important;font-size:51px;font-weight:500!important;font-stretch:normal!important;font-style:normal!important;line-height:61px!important;letter-spacing:-.2px!important;color:#fff!important;text-align:center}.hub-left .resources-text{justify-content:center;align-items:center;text-align:center;width:100%;margin:0 auto 10% auto!important;font-family:Volte Rounded!important;font-size:20px;font-weight:600!important;font-stretch:normal!important;font-style:normal!important;line-height:24px!important;letter-spacing:normal!important;color:#fff!important}.hub-slider-content .hub-whats-new-slider-content{width:auto;height:32px;font-family:Volte Rounded!important;font-size:26px;font-weight:500!important;font-stretch:normal!important;font-style:normal!important;line-height:32px!important;letter-spacing:-.2px!important;color:#fff!important}.hub-right img{object-fit:contain}.project p{font-size:12px;padding:5px}.landing-container{width:100%;margin:0!important;padding:0!important}.footer-content-flex{display:flex;flex-direction:column;justify-content:center;align-items:center}.max-width-unset{max-width:unset!important}.specialized-coming-soon-label{display:flex;width:100%;height:100%;font-family:Volte Rounded;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.22;letter-spacing:normal;text-align:center;align-items:center;justify-content:center;color:rgba(0,0,0,.87)}section.grid-75:has(+.grid-25:empty){max-width:unset!important}.rm-Article{--hub-main-max-width:100%!important}section.grid-25:empty{display:none}.hub-footer{display:none!important}.AppFooter{display:none}[class^=RefinementList] .Toggle-label{white-space:normal!important}.notification{display:none;position:absolute;width:446px;height:359.5px;top:54px;z-index:9999;right:14px;padding:12px,12px,0,0;color:#fff}.text-defaultnotification{padding:16px;color:#000;font-weight:450}.Header-right21PC2XTT6aMg{padding-right:0!important}.bannerbox{height:auto;border-radius:14px;background:#fff;box-shadow:0 3px 8px 0 #0000001A}.navigation{top:370px;padding-bottom:10px}.navheader{width:423px;top:69px;left:835px;padding:0 16px 0 16px;gap:0;border-radius:12px 12px 0 0}.headercontent{display:flex;flex-direction:row;align-items:center;width:100%;padding:16px 0 16px 0;gap:16px}.whats-new{width:163.5px;line-height:24px;margin-top:4px;font-family:Noto Sans Display;font-size:20px;font-weight:500;line-height:18px;text-align:left;color:#000000DE;text-decoration:none!important}.viewall-box{display:flex;width:auto;height:26px;padding:13px 16px 12px 16px;gap:6px;border-radius:50px 50px 50px 50px;background-color:#0176b2;justify-content:space-evenly;margin-top:14px}.viewall{border-radius:50px 50px 0 0;height:18px;font-family:Noto Sans;font-size:16px;font-weight:400;text-align:left;color:#fff}.clearall{font-family:Noto Sans;font-size:14px;font-weight:400;line-height:18px;text-align:right;width:80%;padding:4px;color:#0176b2;text-decoration:underline}.clearall span{cursor:pointer}.hideclearall{color:#00000033;pointer-events:none}.closenotification{width:32px;height:32px;padding:4px 0 0 0;gap:6px;border-radius:50px 0 0 0;content:url(https://files.readme.io/c1c6e37-Close_4.svg)}.banner{display:flex;justify-content:space-between;align-items:center;height:56px;padding:4px 16px;gap:28px}.closeDiv{height:50%}.closebtn{width:16px;height:16px;content:url(https://files.readme.io/58cfdc5-Icondelete.svg)}.divider{width:405px;border:1px solid #00000026;padding:1px 0 0 0}.header-layout{display:flex;flex-direction:row;width:100%}.bannerDiv{width:322px;height:48px}.textDiv a{color:#000000DE!important;font-weight:450}.bannerText{width:322px;height:24px;font-family:Noto Sans;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:var(--Text-color-text_highEmphasis_onLight,rgba(0,0,0,.87))}.bellicon{cursor:pointer}.notification-banner{margin:15px;padding-right:10px;content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" focusable="false" width="20" height="20" viewBox="0 0 24 24"><path fill="white" fill-rule="evenodd" d="M13.984 5.254a2 2 0 1 0-3.968 0 7.235 7.235 0 0 0-2.914 1.513C5.777 7.915 5 9.506 5 11.2c0 2.108-.52 3.6-1.133 4.636l-.01.017a71.188 71.188 0 0 0-.908 1.56c-.103.186-.194.36-.26.507a2.16 2.16 0 0 0-.097.256c-.02.07-.072.25-.05.47.011.12.038.36.177.604.14.244.332.39.43.46.159.117.318.167.398.19.093.025.184.04.26.05.15.02.326.031.51.037.365.013.875.013 1.518.013h2.29a4.002 4.002 0 0 0 7.749 0h2.29c.643 0 1.154 0 1.519-.013.183-.006.359-.016.51-.036.075-.01.166-.026.26-.052.08-.022.238-.072.398-.188.097-.072.29-.217.429-.461a1.48 1.48 0 0 0 .178-.604c.022-.22-.03-.4-.051-.47a2.158 2.158 0 0 0-.097-.256 6.951 6.951 0 0 0-.26-.508 71.35 71.35 0 0 0-.908-1.56l-.01-.016C19.52 14.8 19 13.308 19 11.2c0-1.694-.778-3.285-2.103-4.433a7.235 7.235 0 0 0-2.913-1.513ZM12 21a2 2 0 0 1-1.733-1h3.465A2 2 0 0 1 12 21Zm-7.084-3.002c.26.002.57.002.942.002h12.284c.37 0 .682 0 .941-.002-.174-.302-.397-.68-.672-1.144C17.61 15.5 17 13.656 17 11.2c0-1.064-.487-2.119-1.413-2.921C14.657 7.472 13.368 7 12 7c-1.369 0-2.658.472-3.588 1.279C7.486 9.08 7 10.136 7 11.2c0 2.456-.612 4.301-1.411 5.654-.276.465-.498.842-.673 1.144Z" clip-rule="evenodd" style="&%2310;"/></svg>')}.notification-badge{background-color:#fa3e3e;border-radius:10px;padding:5px 5px;position:absolute;margin-right:24px;right:0;top:25px}.flex-content{width:100%;padding:0 4%;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative}.markdown-body li+li,.page-content .field-description li+li{margin:0!important}.page-content{margin:0 auto;position:relative}.page-content .content{width:100%;padding-top:0 4%;margin:0 auto}.page-content .content-pro{width:100%;padding-top:0 4%;margin:0 auto}.product-spec .content-pro{width:unset!important;padding-top:unset!important;margin:unset!important;display:unset!important;flex:unset!important;justify-content:unset!important;align-items:unset!important}[class^=data-tab-content]{display:none}.active[class^=data-tab-content]{display:block}.page-content .tabs{display:flex;justify-content:space-around;list-style-type:none;margin:0}.flex-tab-content{padding:32px 0 0 0}.page-content .tab-li{flex:1;margin-bottom:0}.page-content .tab-li a.active{border-bottom:solid #005151;transition:left cubic-bezier(.88,-.35,.565,1.35) .4s}.page-content .tab-li a{font-size:14px;font-family:Noto sans;font-weight:400;line-height:18px;text-decoration:none;white-space:nowrap;padding:10px;color:#00000099;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;display:block}.page-content .content{transition:all .3s ease}.slide-banner-content{padding:0 32px}.cm-soon{color:#00000099!important}.page-content .content .card-getting-started{height:254px;background:linear-gradient(131.44deg,rgba(230,255,220,.5) 24.68%,rgba(255,245,205,.5) 81.97%);border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.24);border:2px solid rgba(7,7,7,.12);font-size:16px;position:relative;justify-content:center;align-items:center;flex-direction:column;cursor:default;padding:24px;margin-right:8px}.flex-card-wrapper .card-getting-started{width:calc((100% - 40px)/ 4);height:168px!important;background:#fff!important;box-shadow:0 3px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.13)!important;border-radius:12px!important;border:2px solid rgba(7,7,7,.12)!important;font-size:16px;position:relative;justify-content:center;align-items:center;flex-direction:column;cursor:default;padding:24px;min-width:280px;max-width:340px;padding:24px;align-items:center;gap:8px;flex:1 0 0}.page-content .content-pro .card-getting-started{font-size:16px;position:relative;justify-content:center;align-items:center;flex-direction:column;cursor:default;transition:all .5s ease-in-out;padding:0}.page-content .product-spec .card-getting-started{padding-bottom:0!important}.page-content .content-specialized .card-getting-started{height:348px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.24);border:2px solid rgba(7,7,7,.12);font-size:16px;position:relative;justify-content:center;align-items:center;flex-direction:column;cursor:default;padding:24px 16px;margin-right:8px}.page-content .content-pro-main{margin:0 auto!important}.page-content .content .icon{margin:0 auto;width:100%;max-width:100px;display:flex;justify-content:center;align-items:center;background-position:0}.page-content .content-pro .icon{margin:0 auto;display:flex;justify-content:center;align-items:center;background-position:0;padding:24px}.page-content .content-pro .icon img{border-radius:20px;cursor:default}.page-content .swiper-horizontal>.swiper-pagination-bullets,.page-content .swiper-pagination,.page-content .swiper-pagination-bullets.swiper-pagination-horizontal,.page-content .swiper-pagination-custom,.page-content .swiper-pagination-fraction{bottom:10px!important}.page-content .swiper-pagination-bullet{background-color:#0000006B!important}.page-content .swiper-pagination-bullet-active{background-color:#0176b2!important}.page-content .swiper-navBtn::after{color:#000!important}.page-content .content .icon1{height:72px;background:no-repeat url(https://files.readme.io/7daf60c8059b07391f6d6fe048b1859260b8131235f36b3c24dfd320b5cdfcb3-article-40.svg)}.page-content .content .icon3{height:72px;background:no-repeat url(https://files.readme.io/8847ef60f88b593587edae05b52a7fe40407091e44bdf759a0a609da2e7eee8f-Group_379.svg)}.page-content .content .icon2{height:72px;background:no-repeat url(https://files.readme.io/68cbef459d94e7a94138110826dc26ac8fcd64f7bfce72a7e0b57f19c7b0d7ab-learning-certificate-40.svg)}.page-content .content-specialized .icon{margin-top:1rem}.page-content .content-specialized .icon3{height:88px;background:no-repeat url(//files.readme.io/89b28b63e9af535e05984c6d6ad46f25bcb4f6dfbda30a8b4fbd6f9b1811f5d5-feedback-people-40.svg)}.page-content .content-specialized .icon2{height:88px;background:no-repeat url(//files.readme.io/9500daa685cd457269e72ae7b54d370e81de7e4b3e0d6b94bbf6a2657e414464-talent-40.svg)}.page-content .content-specialized .icon1{height:88px;background:no-repeat url(//files.readme.io/61c2527e0fcedcc8288b193773d55301c54dc0b36518b67c60d95a17353dad5e-mobile-people-40.svg)}.page-content .content .card-getting-started .title{width:100%;margin:0;margin-top:10px;color:#000000DE;letter-spacing:normal;font-family:Volte Rounded;font-size:20px;font-weight:600;line-height:24px;text-align:center;text-decoration-line:underline;text-decoration-style:solid;text-underline-position:from-font;text-decoration-skip-ink:none}.page-content .content .card-getting-started .text{width:80%;margin:0 auto;margin-top:10px;color:#000000DE;max-height:0;font-family:Noto Sans;font-size:16px;font-weight:400;line-height:24px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.page-content .content-pro .card-getting-started .title{width:100%;margin:0 auto 24px auto;letter-spacing:normal;font-family:Volte Rounded;color:#005151;font-size:26px;font-weight:600;line-height:31px;letter-spacing:-.2px;text-align:center}.flex-card-wrapper .card-getting-started .title{letter-spacing:normal;color:#005151;font-family:"Volte Rounded";font-size:20px;font-style:normal;font-weight:600;line-height:24px;text-align:center}.flex-card-wrapper .card-getting-started .text{letter-spacing:normal;color:#000000DE;font-family:"Noto Sans";font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.page-content .content-pro .card-getting-started .text{width:100%;margin:0 auto;margin-top:10px;font-family:Noto Sans;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#000000DE}.page-content .content-specialized .card-getting-started .title{width:100%;margin:1.2rem auto 1.4rem auto;letter-spacing:normal;font-family:Volte Rounded;color:#005151;font-size:20px;font-weight:600;line-height:24px;letter-spacing:-.2px;text-align:center;text-decoration-line:none}.page-content .content-specialized .card-getting-started .text{width:100%;margin:0 auto;max-height:0;font-family:Noto Sans;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#000000DE}.icon-nav-advanced{background:url(//files.readme.io/08f7f824967aa40a994b299ff8a3c115fc0a8fd139c15dc9d9bb8df27c85efdf-icon.svg);background-repeat:no-repeat;display:inline-block;width:16.3px;height:11.45px;margin-left:5px}.page-content .content-pro .card-getting-started .text .gap-text{margin:16px auto 24px auto}.page-content .content-pro .card-getting-started .text .gap-text p{margin:0 auto!important}.page-content .content-pro .card-getting-started .text a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Noto Sans;font-size:16px;font-weight:400;line-height:24px;text-align:center;text-decoration:none;color:#016ca2;padding:0 23px 0 23px;cursor:pointer}@media screen and (min-width:1024px){.grid-container-fluid .content-body{width:100%!important}}@media screen and (min-width:1025px){.landing-footer .footer-menu-container nav ul:not(.contextual-links){display:grid;grid-template-columns:23% 21% 13% 17% 18%;gap:1rem 1rem}}@media only screen and (min-device-width:1025px) and (max-device-width:1190px){.slider-card{height:250px!important}.slider-card-content-link{margin-top:20px}}@media only screen and (min-device-width:320px) and (max-device-width:350px){.slider-card{height:340px!important}.slider-card-content-title{height:90px}.slider-card-content-link{margin-top:80px}}@media only screen and (min-device-width:351px) and (max-device-width:400px){.slider-card{height:300px!important}.slider-card-content-title{height:90px}.slider-card-content-link{margin-top:50px}}@media only screen and (min-device-width:401px) and (max-device-width:419px){.slider-card{height:250px!important}.slider-card-content-link{margin-top:20px}}@media only screen and (min-device-width:768px) and (max-device-width:799px){.slider-card{height:250px!important}.slider-card-content-link{margin-top:20px}}@media screen and (min-device-width:1440px){.content-block{width:100%}.land-search-box .landing-searchbox{--Owlbot-width:775px!important}.hub-slider{padding:20px 0 59px 0!important}.slider-nav{margin-top:30px}.hub-left .welcome{font-size:51px;line-height:61px}.hub-left .resources-text{font-size:20px;line-height:24px!important;margin:0 auto 10% auto!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}}.hub-left .welcome{font-size:51px;line-height:61px}.hub-left .resources-text{font-size:20px;line-height:24px!important;margin:0 auto 10% auto!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}.land-search-box .landing-searchbox{--Owlbot-width:508px!important}@media only screen and (min-device-width:1025px) and (max-device-width:1050px){.flex-card-wrapper .card-getting-started{min-width:215px}}@media only screen and (min-device-width:1051px) and (max-device-width:1110px){.flex-card-wrapper .card-getting-started{min-width:225px}}@media only screen and (min-device-width:1111px) and (max-device-width:1140px){.flex-card-wrapper .card-getting-started{min-width:235px}}@media only screen and (min-device-width:1141px) and (max-device-width:1180px){.flex-card-wrapper .card-getting-started{min-width:245px}}@media only screen and (min-device-width:1181px) and (max-device-width:1200px){.flex-card-wrapper .card-getting-started{min-width:255px}}@media only screen and (min-device-width:1201x) and (max-device-width:1239px){.flex-card-wrapper .card-getting-started{min-width:270px}}@media only screen and (min-device-width:1200px) and (max-device-width:1239px){.flex-card-wrapper .card-getting-started{min-width:260px}}@media only screen and (min-device-width:1240px) and (max-device-width:1279px){.flex-card-wrapper .card-getting-started{min-width:270px}}@media screen and (min-width:768px) and (max-width:1024px){.card-section{background:repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 right 0,#fff}.landing-footer-parent{background:no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -4%/50%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 74% left 30%/10%}.footer-logo-container{text-align:left}.footer-container{padding-left:40px}.copyright_text{padding-left:0 6px 0 6px}.copyright_text p.copyright{margin:unset!important;text-align:left!important}.flex-card-wrapper{flex-wrap:wrap}.flex-card-wrapper .card-getting-started{width:calc((100% - 20px)/ 2)}.hub-left .welcome{font-size:51px;line-height:61px}.hub-left .resources-text{font-size:20px;line-height:24px!important;margin:8% auto 14% auto!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}.land-search-box .landing-searchbox{--Owlbot-width:504px!important}.slider-nav{margin-top:30px}.slide-banner-content{padding:0 32px 0 32px}.card-section{background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top var(--asc-bg-y-offset) right 0/110rem,#fff}.card-section::before{content:'';background:repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0}.content-pro{padding:0 15px}.pro-content-sec-first{background:url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat}.pro-content-sec-second{background:url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat}.content-block{width:100%}.rm-Container>nav+div{top:346px;left:160px}.landing-parent-searchbox>nav+div{top:unset;left:unset}.hub-left .welcome{height:unset}.card{height:270px}.card:nth-child(3){margin-right:64px}.project{padding-top:unset}.card-description{height:77px}.card-icon{display:block;margin:auto;max-width:156px}.card-icon-text{overflow:hidden;word-wrap:unset;width:fit-content}.card-icon-content{margin:-3px 0 0 2px;padding-top:2px}.card-button-label{max-width:336px}.card-icon{display:block;margin:auto;max-width:156px}}@media screen and (max-width:768px){.flex-card-wrapper{flex-wrap:wrap}.landing-footer-parent{background:no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/97%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) top 25% left 65%/20%}.hub-left .resources-text{font-size:20px;line-height:24px!important;margin:0 auto 15% auto!important}.footer-logo-container{text-align:left}.footer-container{padding-left:40px}.copyright_text{padding-left:6px}.copyright_text p.copyright{margin:unset!important;text-align:left!important}.flex-card-wrapper .card-getting-started{width:calc((100% - 10px)/ 1)}.Header-leftADQdGVqx1wqU,._8c5e155fd05011ae8141a8e56a439f24-scss{overflow-x:unset!important}.card-header-content .text{padding:0 35px}nav.Header-leftADQdGVqx1wqU{display:none!important}.Header-left-nav2xWPWMNHOGf_,._0b8760caf07bfcf93faabcc6b03eeba1-scss,.hub-subheader-parent .hub-right,.rm-Header-top-link{display:none!important}.Header-searchtb6Foi0-D9Vx{padding-right:14px!important}.card-title,.hub-subheader-parent .hub-left{width:100%}.content-block{width:unset!important}.project-card{flex-flow:column;margin:auto;width:100%}.card{margin:16px auto 32px auto;width:328px;height:290px}.card:nth-child(2){margin-left:auto}.card-description{width:100%;flex-basis:fit-content}.card-link-label{text-decoration:none!important}.card-button-label{margin:auto;margin-top:18px}.project-section{flex-flow:column;margin-left:auto}.rm-Flyout>div>a[href^="/ukg-5"]{display:none}.rm-Flyout{--Flyout-background:#fff!important}.rm-Flyout>div>a{color:rgb(0,0,0,.6)!important}.rm-Header .Button{font-size:12px}.ThemeContext_dark .MobileSubnav1DsTfasXloM2{--Select-color:#000!important}p.copyright{margin:0 46.08px!important}.app-header{width:100%;margin-left:auto}.card-button-text-desktop{display:none}.card-button-text-tablet{display:block}.material-icons-outlined{margin-right:10px}}.main-container{width:100%;font-size:16px;height:480px;padding-top:80px}.error-container{height:233px;width:916px;display:flex;flex-flow:row-reverse nowrap;justify-content:space-evenly;margin:auto;padding:10px}.error-image-container{display:flex;width:50%;justify-content:space-evenly}.error-image-container img{width:319.5px;height:216px}.error-message-container{display:flex;width:50%;flex-direction:column;justify-content:space-evenly}.error-heading{height:80px;align-self:stretch;flex-grow:0;font-family:Volte Rounded;font-size:32px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:-.2px;text-align:left}.error-message{height:44px;align-self:stretch;flex-grow:0;font-family:Noto Sans;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.38;letter-spacing:normal;text-align:left}.go-to-home{width:61px;height:16px;flex-grow:0;font-family:Noto Sans;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-align:left;color:#016ca2}.go-to-home a{color:inherit!important;text-decoration:none!important}@media only screen and (min-width:768px) and (max-width:850px){.rm-Header-top-link{padding:0}[class*=Header-right_desktop]{margin-right:0}}@media only screen and (min-width:768px) and (max-width:995px){.main-container{padding-top:48px}.error-container{flex-flow:nowrap column;width:469px;height:393.8px}.error-image-container{justify-content:center;width:100%}.error-message-container{width:100%;height:240px}.error-heading{display:flex;width:100%;padding:5px;text-align:center;margin:16px auto}.error-message{text-align:center;margin:16px auto}.go-to-home{text-align:center;width:100%}.project-card{margin-left:64px}.card-title{flex-basis:fit-content}p.copyright{margin:0 76.08px!important}.app-header{margin-left:85px}.card-button-text-desktop{display:none}.card-button-text-tablet{display:block}.rm-Container>nav+div{top:360px}.landing-parent-searchbox>nav+div{top:unset}}@media only screen and (min-width:601px) and (max-width:680px){.swiper-button-prev,.swiper-rtl .swiper-button-next{left:38.5%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:38.5%!important}}@media only screen and (min-width:467.1px) and (max-width:767px){.error-container{flex-flow:nowrap column;width:437px;height:393.8px}.error-image-container{justify-content:center;width:100%}.error-message-container{width:100%}.error-heading{display:block;width:87%;font-size:26px;padding:5px;text-align:center;margin:auto auto 10px auto}.error-message{display:block;width:75%;text-align:center;margin:auto auto 10px auto}.go-to-home{text-align:center;width:100%}.project-section{display:block}.app-header{width:100%;margin-left:156px}.rm-Container>nav+div{top:325px}.SearchBert-Prompt3UVFfRcBSAeq{opacity:1}.landing-parent-searchbox>nav+div{top:unset}.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq{opacity:unset}}@media only screen and (max-width:600px){.flex-header-title{inline-size:355px;overflow-wrap:break-word}.slide-clickable{text-decoration:none!important}.overlay{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#4070f4;border-radius:25px 25px 0 25px}.overlay::after,.overlay::before{content:'';position:absolute;right:0;bottom:-40px;height:40px;width:40px;background-color:#4070f4}.overlay::after{border-radius:0 25px 0 0;background-color:#fff}.slider-nav{text-align:center}.swiper-navBtn{color:#6e93f7;transition:color .3s ease}.swiper-navBtn:hover{color:#4070f4}.swiper-navBtn::after,.swiper-navBtn::before{font-size:35px}.swiper-pagination-bullet{background-color:#6e93f7;opacity:1}.swiper-pagination-bullet-active{background-color:#4070f4}.swiper-wrapper{height:unset!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:unset!important}.swiper-pagination-bullet{width:12px!important;height:12px!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:37.2%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:37.2%!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:22px!important;font-weight:700!important;color:#fff!important}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-next{background:#fff!important}.swiper-button-next,.swiper-button-prev{z-index:9999!important;margin-top:unset!important}.break-line{display:block}.hub-left .welcome{font-size:51px;letter-spacing:-.2px}.hub-left .resources-text{font-size:20px;line-height:24px!important;margin:20% auto 15% auto!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}.land-search-box .landing-searchbox{--Owlbot-width:305px!important}.slider-nav{margin-top:30px}.slide-banner-content{padding:0 32px 0 32px}}@media only screen and (min-width:321px) and (max-width:467px){.main-container{display:flex;margin:auto auto 16px auto;padding-top:16px}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:32.5%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:32.5%!important}.error-container{flex-flow:nowrap column;width:437px;height:393.8px}.error-image-container{justify-content:center;width:100%}.error-message-container{width:100%}.error-message img{width:272px;height:183.6px}.error-heading{width:82%;font-size:23px;padding:5px;text-align:center;margin:10px auto 0 auto}.error-message{display:block;width:88%;text-align:center;margin:auto auto 10px auto}.go-to-home{text-align:center;width:100%;margin-top:16px}.project-section{display:block}.app-header{width:100%;margin-left:30px}.card-title{flex-basis:fit-content}.SearchBert1u4IeBwd-ET6.Dropdown-toggle{--Owlbot-width:22px;--icon-md:18px;border:unset;color:#fff;background:0 0}.SearchBert-Prompt3UVFfRcBSAeq{opacity:1}.rm-Container>nav+div{width:auto!important;top:11px!important;right:10px!important;left:auto!important}.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle{--Owlbot-width:unset;--icon-md:unset;border:unset;color:unset;background:unset}.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq{opacity:unset}.landing-parent-searchbox>nav+div{width:unset!important;top:unset!important;right:unset!important;left:unset!important}.navheader{width:300px}.notification{width:339px}.notification-banner{margin-right:60px!important}.notification-badge{margin-right:71px!important}.hub-left .resources-text{margin:25% auto 25% auto!important}}@media only screen and (min-width:321px) and (max-width:380px){.getting-tab1 .content .card-getting-started,.getting-tab2 .content .card-getting-started{height:284px}}@media only screen and (min-width:200px) and (max-width:320px){.main-container{padding-top:16px}.getting-tab1 .content .card-getting-started,.getting-tab2 .content .card-getting-started{height:300px}.hub-left .resources-text{margin:25% auto 25% auto!important}.error-container{flex-flow:nowrap column;width:312px;height:100%;padding:8px}.error-image-container{justify-content:center;width:100%}.error-message-container{width:100%;height:100%;justify-content:unset}.error-heading{height:56px;font-size:23px;width:100%;text-align:center;margin:16px auto}.error-message{height:44px;width:100%;font-size:16px;text-align:center}.go-to-home{display:flex;width:100%;justify-content:center;margin-top:16px}.go-to-home a{width:61px;height:16px}.project-section{display:block}.card{margin:16px auto 32px auto;width:100%;height:350px}.app-header{width:100%;margin-left:30px}.card-title{flex-basis:fit-content}.card-button-text-tablet{margin-top:32px}.SearchBert-Prompt3UVFfRcBSAeq{opacity:1}.rm-Container>nav+div{width:auto!important;top:11px!important;right:10px!important;left:auto!important}.SearchBert1u4IeBwd-ET6.Dropdown-toggle{--Owlbot-width:22px;--icon-md:18px;border:unset;color:#fff;background:initial}.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq{opacity:unset}.landing-parent-searchbox>nav+div{width:unset!important;top:unset!important;right:unset!important;left:unset!important}.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle{--Owlbot-width:unset;--icon-md:unset;border:unset;color:unset;background:unset}.navheader{width:250px}.notification{width:289px}.notification-banner{margin-right:60px!important}.notification-badge{margin-right:71px!important}.slide-banner-content{padding:0 32px 0 32px}}@media only screen and (min-width:291px) and (max-width:341px){.hub-left .welcome{font-size:51px;line-height:61px!important}.hub-left .resources-text{font-size:20px;line-height:24px!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:22.5%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:22.5%!important}}@media only screen and (min-width:241px) and (max-width:291px){.hub-left .welcome{font-size:51px;line-height:61px!important}.hub-left .resources-text{font-size:20px;line-height:24px!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:22.5%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:22.5%!important}}@media only screen and (min-width:200px) and (max-width:241px){.hub-left .welcome{font-size:51px;line-height:61px!important}.hub-left .resources-text{font-size:20px;line-height:24px!important}.hub-slider-content .hub-whats-new-slider-content{font-size:26px}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:22.5%!important}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:22.5%!important}}@media only screen and (max-width:30rem){.card-section{background:repeat-y url(//files.readme.io/42549d0c26207414f3d3e88b13d6479e1d307141fa6566c1c8c1f5e8b9e2c475-full-bg-right.svg.svg) top 0 right 0,#fff}.card-section::before{content:'';background:repeat-y url(//files.readme.io/d68c428f1205e8babd8a4ecd9c94967a3992c8a0029f686cc6e71db5f58430d2-full-bg-left.svg_1.svg) top 0 left 0}.content-pro{padding:0 15px}.page-content .content-pro{margin:0 auto 1% auto!important}.page-content .content-pro .card-getting-started .text .gap-text{margin:16px auto 24px auto}.pro-content-sec-first{background:url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 12% left 57%/75% no-repeat}}@media only screen and (min-width:30rem){.card-section{background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right -10rem/122rem,#fff}.card-section::before{content:'';background:repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left -12rem/137rem}.content-pro{padding:0 15px}.page-content .content-pro{margin:0 auto!important}.page-content .content-pro .card-getting-started .text .gap-text{margin:16px auto 24px auto}.pro-content-sec-first{background:url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 2%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat}.pro-content-sec-second{background:url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 1% left 0/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 24.5% right 1%/27% no-repeat}}@media only screen and (min-width:90rem){.card-section{background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right 0/110rem,#fff}.card-section::before{content:'';background:repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0}.content-pro{padding:0 15px}.pro-content-sec-first{background:url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat}.pro-content-sec-second{background:url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.card-section{background:repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 left 0,#fff}.card-section::before{background:unset}}.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;background:#fff}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 150ms infinite linear;-moz-animation:spinner 150ms infinite linear;-ms-animation:spinner 150ms infinite linear;-o-animation:spinner 150ms infinite linear;animation:spinner 150ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0;box-shadow:rgba(255,255,255,.75) 1.5em 0 0 0,rgba(255,255,255,.75) 1.1em 1.1em 0 0,rgba(255,255,255,.75) 0 1.5em 0 0,rgba(255,255,255,.75) -1.1em 1.1em 0 0,rgba(255,255,255,.75) -1.5em 0 0 0,rgba(255,255,255,.75) -1.1em -1.1em 0 0,rgba(255,255,255,.75) 0 -1.5em 0 0,rgba(255,255,255,.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-viewport{width:device-width}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}@media (min-width:576px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:768px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:992px){.row{margin-right:-15px;margin-left:-15px}}@media (min-width:1200px){.row{margin-right:-15px;margin-left:-15px}}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:576px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}@media (min-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}@media (min-width:992px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}@media (min-width:1200px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}/*! END HUB_CUSTOM_STYLES */</style><meta name="childrenProjects" content="[{"subdomain":"developer-wfm","name":"UKG Pro Workforce Management","_id":"641dc182c53c97000aad8a75"},{"subdomain":"developer-general","name":"Developer Hub Topics","_id":"641dc1204840480d3fe5913b"},{"subdomain":"developer-hcm","name":"UKG Pro","_id":"641dbb2b5b8d7a004c213e3b"},{"subdomain":"ukg5","name":"ukg5","_id":"641dc132ed6a400b07f7cd9d"},{"subdomain":"ukg4","name":"ukg4","_id":"641dc127e3cb08061d684984"}]"><meta name="loadedProject" content="staging-developer-ukg"> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5J83L3CC');</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1JFRM2SNME"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1JFRM2SNME'); </script>  <script src="//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.js"></script>  <link rel="stylesheet" href="https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/noto/ignite-fonts-noto-hinted-cdn.css" /> <link rel="stylesheet" href="https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/volte/ignite-fonts-volte-cdn.css" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.css"> <meta name="description" content="Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs."> <meta name="google-site-verification" content="iIlWTcgPQSVS83QTAPruRs6Rx35k-joUOwD2djHlBKc" /> <meta name="robots" content="index"></head><body id="enterprise" glp-state-container><div id="ssr-top"><script src="/public/js/cash-dom.min.js?1740152276554"></script></div><div id="ssr-main"><div class="App ThemeContext ThemeContext_dark " style="--color-primary:#005151;--color-primary-inverse:#fff;--color-primary-alt:#000404;--color-primary-darken-10:#001e1e;--color-primary-darken-20:#000000;--color-primary-alpha-25:rgba(0, 81, 81, 0.25);--color-link-primary:#005151;--color-link-primary-darken-5:#003737;--color-link-primary-darken-10:#001e1e;--color-link-primary-darken-20:#000000;--color-link-primary-alpha-50:rgba(0, 81, 81, 0.5);--color-link-primary-alpha-25:rgba(0, 81, 81, 0.25);--color-link-background:rgba(0, 81, 81, 0.09);--color-link-text:#fff;--color-login-link:#005151;--color-login-link-text:#fff;--color-login-link-darken-10:#001e1e;--color-login-link-primary-alpha-50:rgba(0, 81, 81, 0.5)"><header class="Header3zzata9F_ZPQ rm-Header "><div class="rm-Header-top Header-topuTMpygDG4e1V"><div class="rm-Container rm-Container_flex"><div style="outline:none" tabindex="-1"><a href="#content" target="_self" class="Button Button_md rm-JumpTo Header-jumpTo3IWKQXmhSI5D Button_primary">Jump to Content</a></div><div class="rm-Header-left Header-leftADQdGVqx1wqU"><a class="rm-Logo Header-logo1Xy41PtkzbdG" href="/" target="_self"><img alt="UKG Developer Hub" class="rm-Logo-img Header-logo-img3YvV4lcGKkeb" src="https://files.readme.io/3b02c2e-small-logo_developer_hub.png"/></a></div><div class="rm-Header-left Header-leftADQdGVqx1wqU Header-left_mobile1RG-X93lx6PF"><div><button aria-label="Toggle navigation menu" class="icon-menu menu3d6DYNDa3tk5" type="button"></button><div class=""><div class="Flyout95xhYIIoTKtc undefined rm-Flyout" data-testid="flyout"><div class="MobileFlyout1hHJpUd-nYkd"><hr class="MobileFlyout-divider10xf7R2X1MeW"/><a class="rm-MobileFlyout-item NavItem-item1gDDTqaXGhm1 NavItem-item_mobile1qG3gd-Mkck- NavItem_dropdown-muted1xJVuczwGc74" href="/general/changelog" target="_self" to="/general/changelog">What's New</a><a class="rm-MobileFlyout-item NavItem-item1gDDTqaXGhm1 NavItem-item_mobile1qG3gd-Mkck- NavItem_dropdown-muted1xJVuczwGc74" href="https://www.ukg.com" rel="noopener" target="_blank" to="https://www.ukg.com">UKG.com</a><a class="rm-MobileFlyout-item NavItem-item1gDDTqaXGhm1 NavItem-item_mobile1qG3gd-Mkck- NavItem_dropdown-muted1xJVuczwGc74" href="https://marketplace.ukg.com" rel="noopener" target="_blank" to="https://marketplace.ukg.com">Marketplace</a><a class="MobileFlyout-logo3Lq1eTlk1K76 Header-logo1Xy41PtkzbdG rm-Logo" href="/" target="_self"><img alt="UKG Developer Hub" class="Header-logo-img3YvV4lcGKkeb rm-Logo-img" src="https://files.readme.io/3b02c2e-small-logo_developer_hub.png"/></a></div></div></div></div><div class="Header-left-nav2xWPWMNHOGf_"><i class="undefined Header-left-nav-icon10glJKFwewOv"></i></div></div><div class="rm-Header-right Header-right21PC2XTT6aMg"><span class="Header-right_desktop14ja01RUQ7HE"><a class="Button Button_md rm-Header-link rm-Header-top-link Button_slate_text Header-link2tXYTgXq85zW" href="/general/changelog" target="_self" to="/general/changelog">What's New</a><a class="Button Button_md rm-Header-link rm-Header-top-link Button_slate_text Header-link2tXYTgXq85zW" href="https://www.ukg.com" target="_self" to="https://www.ukg.com">UKG.com</a><a class="Button Button_md rm-Header-link rm-Header-top-link Button_slate_text Header-link2tXYTgXq85zW" href="https://marketplace.ukg.com" target="_self" to="https://marketplace.ukg.com">Marketplace</a></span></div></div></div><div class="Header-bottom2eLKOFXMEmh5 rm-Header-bottom rm-Header-bottom_withProjects Header-bottom_withProjects2M-cAt2wdVuU rm-Header-bottom_withOwlbot Header-bottom_withOwlbot3wuKp8NLXCqs"><div class="rm-Container rm-Container_flex"><nav class="Header-leftADQdGVqx1wqU"><div class="Dropdown Dropdown_closed"><button aria-haspopup="dialog" class="Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link rm-ProjectPicker Dropdown-toggle Button_primary" type="button"><span>UKG Developer Hub</span><span class="undefined icon-chevron-down"></span></button></div></nav><div class="rm-Header-search Header-searchtb6Foi0-D9Vx Header-search_owlbot2iEpu0FSLYUx rm-Header-search_feather Header-search_featherYsmQBn55F3d9"></div></div></div><div class="hub-search-results--reactApp " id="hub-search-results"><div class="hub-container"><div class="modal-backdrop show-modal rm-SearchModal" role="button" tabindex="0"></div></div></div></header><div><div class="rm-Markdown markdown-body" data-testid="RDMD"><div class="rdmd-html"><div id="main" class="container flex-1"> <div id="project_landing" class="landing-container landing-page-background land-search-box"> <div class="project-subheader"> <div class="content-block"> <div class="hub-subheader-parent dynamic-sub-header-element"> <div class="hub-left desktop-header"> <span class="welcome">Welcome to the Developer Hub</span> <span class="resources-text" style="margin-top: 0px !important;">Explore documentation, code samples, tutorials and best practices for building solutions on UKG’s Flex platform</span> </div> </div> <div class="hub-subheader-parent"> <div class="hub-slider-content" style="margin-top: 20px !important;"> <span class="hub-whats-new-slider-content">What’s new</span> </div> </div> <div class="hub-subheader-parent"> <div class="hub-slider swiper"> <div class="slide-content slide-banner-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden"> <div class="card-wrapper swiper-wrapper" id="swiper-wrapper-2fd795e8f5dfbb17" aria-live="polite"> <div class="slider-card swiper-slide first-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 424px; margin-right: 32px;"> <div class="slider-card-content"> <a class="main-banner-link" href="/general/changelog/introducing-ukg-webhooks"> <div class="slider-card-content-title"> <p class="slider-card-title">Get hooked - UKG Webhooks</p> </div> <div class="slider-card-content-description"> <p class="slider-card-description">Explore the capabilities of UKG Webhooks to automate workflows within your organization. </p> </div> </a><div class="slider-card-content-link"><a class="main-banner-link" href="/general/changelog/introducing-ukg-webhooks"> </a><p class="learn-more-content"><a class="main-banner-link" href="/general/changelog/introducing-ukg-webhooks"></a><a href="/general/changelog/introducing-ukg-webhooks" class="learn-more"><span>Learn more</span></a></p> </div> </div> </div> <div class="slider-card swiper-slide second-slide swiper-slide-next" role="group" aria-label="2 / 3" style="width: 424px; margin-right: 32px;"> <div class="slider-card-content"> <a class="main-banner-link" href="/wfm/docs/release-notes-doc"> <div class="slider-card-content-title"> <p class="slider-card-title">Discover new and improved APIs</p> </div> <div class="slider-card-content-description"> <p class="slider-card-description">New Payroll and Recruiting APIs now available along with enhancements to existing operations for UKG Pro and UKG Pro WFM. </p> </div> </a><div class="slider-card-content-link"><a class="main-banner-link" href="/wfm/docs/release-notes-doc"> </a><p class="learn-more-content"><a class="main-banner-link" href="/wfm/docs/release-notes-doc"></a><a href="/wfm/docs/release-notes-doc" class="learn-more"><span>Learn more</span></a></p> </div> </div> </div> <div class="slider-card swiper-slide" role="group" aria-label="3 / 3" style="width: 424px; margin-right: 32px;"> <div class="slider-card-content"> <a class="main-banner-link" href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev"> <div class="slider-card-content-title"> <p class="slider-card-title">Connect directly with other developers</p> </div> <div class="slider-card-content-description"> <p class="slider-card-description">Your go-to destination for getting answers, exchanging tips and sharing best practices when working with the Pro Suite APIs and UKG tools. </p> </div> </a><div class="slider-card-content-link"><a class="main-banner-link" href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev"> </a><p class="learn-more-content"><a class="main-banner-link" href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev"></a><a href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev" class="learn-more"><span>Learn more</span></a></p> </div> </div> </div> </div> <div class="slider-nav"> <div class="swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-2fd795e8f5dfbb17" aria-disabled="true" style="top: -15px;"></div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock" style="width: 40px;"><span class="swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true" style="left: 0px;"></span></div> <div class="swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-2fd795e8f5dfbb17" aria-disabled="true" style="top: -15px;"></div> </div> <div class="hub-subheader-parent slide-blank"> <div class="hub-left"></div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> </div> <div class="card-section"> <div class="content-block"> <div class="card-header-content"> <span class="title">Getting started</span> </div> <div class="card-header-content"> <span class="text">Learn how to work with Developer Hub resources, whether you're a developer or an HR professional</span> </div> <div class="page-content flex-content"> <nav> <ul class="tabs"> <li class="tab-li"> <a href="#tab1" class="tab-li__link active">Developers</a> </li> <li class="tab-li"> <a href="#tab2" class="tab-li__link">Non-Developers</a> </li> </ul> </nav> </div> <div class="page-content flex-tab-content"> <div id="tab1" class="data-tab-content getting-tab1 active" style=""> <div class="hub-slider swiper"> <div class="content slide-banner-content slide-getting-content slide-getting-tab1-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden"> <div class="card-wrapper swiper-wrapper" id="swiper-wrapper-8275c5a78c9b8d18" aria-live="polite"> <div class="card-getting-started swiper-slide swiper-slide-active" role="group" aria-label="1 / 3" style="width: 424px; margin-right: 32px;"> <a href="/hcm/docs/call-your-first-pro-api" class="main-banner-link"> <div class="icon icon1"></div> <p class="title">Call your first Pro API</p> <p class="text">Learn which APIs and tools to use when and how to use them</p> </a> </div> <div class="card-getting-started swiper-slide swiper-slide-next" role="group" aria-label="2 / 3" style="width: 424px; margin-right: 32px;"> <a href="/general/docs/api-and-developer-tools-overview" class="main-banner-link"> <div class="icon icon2"></div> <p class="title">API and developer tools overview</p> <p class="text">Understand the breadth of capabilities available to extend the Pro Suite</p> </a> </div> <div class="card-getting-started swiper-slide" role="group" aria-label="3 / 3" style="width: 424px; margin-right: 32px;"> <a target="_blank" class="main-banner-link" href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev"> <div class="icon icon3"></div> <p class="title">Talk to the Community<i class="icon-nav-advanced"></i></p> <p class="text">Have a question about integrations, APIs or how to use the resources in the Developer Hub?</p> </a> </div> </div> <div class="slider-nav"> <div class="swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock" style="top: -15px;" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-8275c5a78c9b8d18" aria-disabled="true"></div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock" style="width: 40px;"><span class="swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main" tabindex="0" aria-current="true" style="left: 0px;"></span></div> <div class="swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock" style="top: -15px;" tabindex="-1" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-8275c5a78c9b8d18" aria-disabled="true"></div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> <div id="tab2" class="data-tab-content getting-tab2" style=""> <div class="hub-slider swiper"> <div class="content slide-banner-content slide-getting-content slide-getting-tab2-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode"> <div class="card-wrapper swiper-wrapper" id="swiper-wrapper-74f618610b7bf7841" aria-live="polite" style="cursor: grab; transition-duration: 0ms;"> <div class="card-getting-started swiper-slide"> <a href="/general/docs/api-and-developer-tools-overview" class="main-banner-link"> <div class="icon icon1"></div> <p class="title">API and tools overview</p> <p class="text">Understand the breadth of capabilities available to extend the Pro Suite</p> </a> </div> <div class="card-getting-started swiper-slide"> <a href="/general/docs/authentication-and-authorization" class="main-banner-link"> <div class="icon icon2"></div> <p class="title">Authentication & Authorization</p> <p class="text">Understand how to authorize access to APIs and developer tools</p> </a> </div> <div class="card-getting-started swiper-slide"> <a target="_blank" class="main-banner-link" href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev"> <div class="icon icon3"></div> <p class="title">Talk to the Community<i class="icon-nav-advanced"></i></p> <p class="text">Have a question about integrations, APIs or how to use the resources in the Developer Hub?</p> </a> </div> </div> <div class="slider-nav"> <div class="swiper-button-prev swiper-navBtn" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-74f618610b7bf7841" aria-disabled="false" style="top: -15px;"></div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic"></div> <div class="swiper-button-next swiper-navBtn" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-74f618610b7bf7841" aria-disabled="false" style="top: -15px;"></div> </div> <div class="hub-subheader-parent slide-blank"> <div class="hub-left"></div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> </div> </div> <div class="content-block"> <div class="card-header-content"> <span class="title">Product Suites</span> </div> <div class="page-content flex-tab-content-pro product-spec"> <div class="row content-pro-main"> <div class="col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-first"> <div class="card-wrapper"> <div class="card-getting-started"> <p class="title">UKG Pro®</p> <div class="icon"> <img src="//files.readme.io/02fee2bc0d06938323c657eb43938c029db1a90204686a06090bcb0ddf7b32c9-image-pro-mobile.svg" class="pro-img-mobile" style="display:none"> <img src="//files.readme.io/009a0767406717e7ffaad1b53096c04eeb77b56f70f0f21dc60b021b0a377aa6-image-pro-ipad.svg" class="pro-img-ipad" style="display:none"> <img src="//files.readme.io/27545e1f1f5c14d20d1321a1fced5eb969605490de99c3b80c9843232de861ad-image-pro-desktop.svg" class="pro-img-desktop" style="display: block;"> </div> <div class="text"> <p class="gap-text">Developer resources to build solutions with your enterprise-level data</p> <div> <p> <a href="/hcm"><span>Work with people, benefits, payroll, talent  and HR data</span></a></p> <p> <a href="/wfm"><span>Create solutions with punches, shifts, scheduling, accruals, and time data</span></a></p> </div> </div> </div> </div> </div> <div class="col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-second"> <div class="card-wrapper"> <div class="card-getting-started"> <p class="title">Ready</p> <div class="icon"> <img src="//files.readme.io/64104f6a0c7f2aaf3ff9e9b825847ddc711a3a88cec9d7b94850d64c12a5b34a-image-ready-mobile.svg" class="ready-img-mobile" style="display:none"> <img src="//files.readme.io/08ee4be9212d13b638d1b4dfa67c3d360ae0e1c4803c4302b9c7720a4438cd1a-image-ready-ipad.svg" class="ready-img-ipad" style="display:none"> <img src="//files.readme.io/3af2e970c8fc1293e7ab564cd324051edae3f293f2cc1ffb273d47654d5a108b-image-ready-desktop-demo.svg" class="ready-img-desktop" style="display: block;"> </div> <div class="text"> <p class="gap-text">Developer resources for small and medium-sized businesses</p> <div> <p> <a href="https://secure7.saashr.com/ta/docs/rest/public/" target="_blank"><span>Get started with Ready<i class="icon-nav-advanced"></i></span></a></p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="content-block"> <div class="card-header-content"> <span class="title flex-header-title">Specialty solutions</span> </div> <div class="page-content flex-specialized"> <div id="Specialized" class="content-specialized"> <div class="hub-slider swiper"> <div class="content slide-banner-content slide-Specialized-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden"> <div class="card-wrapper swiper-wrapper" id="swiper-wrapper-90f1dd722757307a" aria-live="polite"> <div class="card-getting-started swiper-slide swiper-slide-active" role="group" aria-label="1 / 2" style="width: 652px; margin-right: 32px;"> <a href="https://doc.people-doc.com/" target="_blank" class="hr-doc"> <div class="icon icon1"></div> <p class="title">HR Service Delivery<i class="icon-nav-advanced"></i></p> <p class="text">Improve HR agility through employee request management, knowledge portal, process automation, document storage and compliance.</p> </a> </div> <div class="card-getting-started swiper-slide swiper-slide-next" role="group" aria-label="2 / 2" style="width: 652px; margin-right: 32px;"> <div class="icon icon3"></div> <p class="title">Talk</p> <p class="text cm-soon">Coming soon</p> </div> </div> <div class="slider-nav"> <div class="swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-90f1dd722757307a" aria-disabled="true" style="top: -15px;"></div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock" style="width: 40px;"><span class="swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main" tabindex="0" aria-current="true" style="left: 0px;"></span></div> <div class="swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-90f1dd722757307a" aria-disabled="true" style="top: -15px;"></div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> </div> </div> <div class="content-block"> <div class="card-header-content"> <span class="title flex-header-title">FleX</span> </div> <div class="page-content flex-ukg"> <div id="flex-ukg" class="flex-ukg-content"> <div> <div class="content-flex"> <div class="flex-card-wrapper card-wrapper"> <div class="card-getting-started"> <a href="/hcm/docs/ukg-webhooks-user-guide" class="hr-doc"> <p class="title">Webhooks</p> <p class="text">Modern, event-driven notifications for changes related to UKG data</p> </a> </div> <div class="card-getting-started"> <a href="/wfm/docs/a-guide-to-ukg-flow" class="hr-doc"> <p class="title">UKG Flow</p> <p class="text">Ready-to-use third-party integrations</p> </a> </div> <div class="card-getting-started"> <a class="hr-doc"> <p class="title">UKG People fabric</p> <p class="text cm-soon">Coming soon</p> </a> </div> <div class="card-getting-started"> <a class="hr-doc"> <p class="title">Integrations</p> <p class="text cm-soon">Coming soon</p> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="loading" style="display: block;">Loading…</div></div></div></div></div><footer aria-label="Status banner" class="AppFooter rm-Banners"></footer><div class="ModalWrapper" id="ChatGPT-modal"></div></div></div><div class="ng-non-bindable"><script id="ssr-props" data-initial-props="{"baseUrl":"/","apiBaseUrl":"/","search":{"appId":"52CQU0Z4X8","searchApiKey":"MjViMmU3ZjI2ZmUyY2E4ZGQ5Y2NjYjI3N2FlZjhlMzllZjhmOWM0ZWFhOWQ2OTcxMTIwYmMzMmU0ODAxYzE0ZHRhZ0ZpbHRlcnM9KHByb2plY3Q6NjQxZGMxODJjNTNjOTcwMDBhYWQ4YTc1LHByb2plY3Q6NjQxZGMxMjA0ODQwNDgwZDNmZTU5MTNiLHByb2plY3Q6NjQxZGJiMmI1YjhkN2EwMDRjMjEzZTNiKSwodmVyc2lvbjpub25lLHZlcnNpb246NjQxZGMyODI0ODQwNDgwZDNmZTViMDhmLHZlcnNpb246NjZkZjI2YzhhNjM3ODgwMDYxMDk1ZWI2LHZlcnNpb246NjQzMDNkNjBiYTMyNWEwMDNjNjk3YjBiLHZlcnNpb246NjQzNDYxYmNjN2ZlOWMwZGVhYWI3NjFjKSwoaGlkZGVuOm5vbmUsaGlkZGVuOmZhbHNlKSwoaW5kZXg6Q3VzdG9tUGFnZSxpbmRleDpQYWdlLGluZGV4OkJsb2cp","indexName":"readme_search_v2","projectsMeta":[{"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"id":"641dc182c53c97000aad8a75","name":"UKG Pro Workforce Management","subdomain":"developer-wfm","subpath":"wfm","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""}},{"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":false,"suggested_edits":false,"logs":false,"custompages":true,"tutorials":false},"id":"641dc1204840480d3fe5913b","name":"Developer Hub Topics","subdomain":"developer-general","subpath":"general","nav_names":{"docs":"Documentation","reference":"","changelog":"What's New","discuss":"","tutorials":"","recipes":""}},{"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"id":"641dbb2b5b8d7a004c213e3b","name":"UKG Pro","subdomain":"developer-hcm","subpath":"hcm","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""}}],"UrlManager":{"options":{"child":false,"parent":null,"hasOneChild":false,"project":null,"version":null,"lang":"en"},"defaults":{"lang":"en"}},"urlManagerOpts":{"lang":"en","parent":{"childrenProjects":[]},"project":{"subdomain":"staging-developer-ukg"},"version":"1.0.0"}},"parent":{"_id":"641dc2824840480d3fe5b090","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"<div class=\"rm-Markdown markdown-body\" data-testid=\"RDMD\"><div class=\"rdmd-html\"><div id=\"main\" class=\"container flex-1\">\n <div id=\"project_landing\" class=\"landing-container landing-page-background land-search-box\">\n <div class=\"project-subheader\">\n <div class=\"content-block\">\n <div class=\"hub-subheader-parent dynamic-sub-header-element\">\n \n \n <div class=\"hub-left desktop-header\">\n <span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\" style=\"margin-top: 0px !important;\">Explore documentation, code samples, tutorials and best practices for building\n solutions on UKG’s Flex platform</span>\n </div>\n </div>\n <div class=\"hub-subheader-parent\">\n <div class=\"hub-slider-content\" style=\"margin-top: 20px !important;\">\n <span class=\"hub-whats-new-slider-content\">What’s new</span>\n </div>\n </div>\n <div class=\"hub-subheader-parent\">\n <div class=\"hub-slider swiper\">\n <div class=\"slide-content slide-banner-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-live=\"polite\">\n <div class=\"slider-card swiper-slide first-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <div class=\"slider-card-content\">\n <a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\">\n <div class=\"slider-card-content-title\">\n <p class=\"slider-card-title\">Get hooked - UKG Webhooks</p>\n </div>\n <div class=\"slider-card-content-description\">\n \t <p class=\"slider-card-description\">Explore the capabilities of UKG Webhooks to automate workflows\n within your organization.\n </p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\">\n \t</a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\"></a><a href=\"/general/changelog/introducing-ukg-webhooks\" class=\"learn-more\"><span>Learn\n more</span></a></p> \n </div>\n \n </div>\n\n </div>\n\n <div class=\"slider-card swiper-slide second-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\n <div class=\"slider-card-content\">\n <a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\">\n <div class=\"slider-card-content-title\">\n <p class=\"slider-card-title\">Discover new and improved APIs</p>\n </div>\n <div class=\"slider-card-content-description\">\n <p class=\"slider-card-description\">New Payroll and Recruiting APIs now available along with enhancements to existing operations for UKG Pro and UKG Pro WFM.\n \t </p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\">\n </a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\"></a><a href=\"/wfm/docs/release-notes-doc\" class=\"learn-more\"><span>Learn\n more</span></a></p>\n </div>\n \n </div>\n\n </div>\n\n <div class=\"slider-card swiper-slide\" role=\"group\" aria-label=\"3 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\n <div class=\"slider-card-content\">\n\t\t\t\t\t\t\t\t\t <a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"slider-card-content-title\">\n \t<p class=\"slider-card-title\">Connect directly with other developers</p>\n </div>\n <div class=\"slider-card-content-description\">\n \t <p class=\"slider-card-description\">Your go-to destination for getting answers, exchanging tips and sharing best practices when working with the Pro Suite APIs and UKG tools.\n \t</p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n \t</a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\"></a><a href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\" class=\"learn-more\"><span>Learn\n more</span></a></p>\n </div>\n \n </div>\n\n </div>\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" role=\"button\" aria-label=\"Go to slide 1\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n </div>\n <div class=\"hub-subheader-parent slide-blank\">\n <div class=\"hub-left\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n\n </div>\n </div>\n <div class=\"card-section\">\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title\">Getting started</span>\n </div>\n <div class=\"card-header-content\">\n <span class=\"text\">Learn how to work with Developer Hub resources, whether you're a developer or an HR professional</span>\n </div>\n <div class=\"page-content flex-content\">\n <nav>\n <ul class=\"tabs\">\n <li class=\"tab-li\">\n <a href=\"#tab1\" class=\"tab-li__link active\">Developers</a>\n </li>\n <li class=\"tab-li\">\n <a href=\"#tab2\" class=\"tab-li__link\">Non-Developers</a>\n </li>\n </ul>\n </nav>\n </div>\n <div class=\"page-content flex-tab-content\">\n <div id=\"tab1\" class=\"data-tab-content getting-tab1 active\" style=\"\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-getting-content slide-getting-tab1-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-8275c5a78c9b8d18\" aria-live=\"polite\">\n <div class=\"card-getting-started swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <a href=\"/hcm/docs/call-your-first-pro-api\" class=\"main-banner-link\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">Call your first Pro API</p>\n <p class=\"text\">Learn which APIs and tools to use when and how to use them</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <a href=\"/general/docs/api-and-developer-tools-overview\" class=\"main-banner-link\">\n <div class=\"icon icon2\"></div>\n <p class=\"title\">API and developer tools overview</p>\n <p class=\"text\">Understand the breadth of capabilities available to extend the Pro Suite</p>\n </a> \n </div>\n\n <div class=\"card-getting-started swiper-slide\" role=\"group\" aria-label=\"3 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\t\t\t\t\t\t\t\t\t\t <a target=\"_blank\" class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk to the Community<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Have a question about integrations, APIs or how to use the resources in the\n Developer Hub?</p>\n </a>\n </div>\n\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" style=\"top: -15px;\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-8275c5a78c9b8d18\" aria-disabled=\"true\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" style=\"top: -15px;\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-8275c5a78c9b8d18\" aria-disabled=\"true\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n\n <div id=\"tab2\" class=\"data-tab-content getting-tab2\" style=\"\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-getting-content slide-getting-tab2-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-74f618610b7bf7841\" aria-live=\"polite\" style=\"cursor: grab; transition-duration: 0ms;\">\n <div class=\"card-getting-started swiper-slide\">\n <a href=\"/general/docs/api-and-developer-tools-overview\" class=\"main-banner-link\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">API and tools overview</p>\n <p class=\"text\">Understand the breadth of capabilities available to extend the Pro Suite</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide\">\n <a href=\"/general/docs/authentication-and-authorization\" class=\"main-banner-link\">\n <div class=\"icon icon2\"></div>\n <p class=\"title\">Authentication &amp; Authorization</p>\n <p class=\"text\">Understand how to authorize access to APIs and developer tools</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide\">\n\t\t\t\t\t\t\t\t\t\t\t<a target=\"_blank\" class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk to the Community<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Have a question about integrations, APIs or how to use the resources in the\n Developer Hub?</p>\n </a>\n </div>\n\n\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn\" tabindex=\"0\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-74f618610b7bf7841\" aria-disabled=\"false\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic\"></div>\n <div class=\"swiper-button-next swiper-navBtn\" tabindex=\"0\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-74f618610b7bf7841\" aria-disabled=\"false\" style=\"top: -15px;\"></div>\n </div>\n <div class=\"hub-subheader-parent slide-blank\">\n <div class=\"hub-left\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title\">Product Suites</span>\n </div>\n <div class=\"page-content flex-tab-content-pro product-spec\">\n <div class=\"row content-pro-main\">\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-first\">\n <div class=\"card-wrapper\">\n <div class=\"card-getting-started\">\n <p class=\"title\">UKG Pro®</p>\n <div class=\"icon\">\n <img src=\"//files.readme.io/02fee2bc0d06938323c657eb43938c029db1a90204686a06090bcb0ddf7b32c9-image-pro-mobile.svg\" class=\"pro-img-mobile\" style=\"display:none\">\n <img src=\"//files.readme.io/009a0767406717e7ffaad1b53096c04eeb77b56f70f0f21dc60b021b0a377aa6-image-pro-ipad.svg\" class=\"pro-img-ipad\" style=\"display:none\">\n <img src=\"//files.readme.io/27545e1f1f5c14d20d1321a1fced5eb969605490de99c3b80c9843232de861ad-image-pro-desktop.svg\" class=\"pro-img-desktop\" style=\"display: block;\">\n </div>\n <div class=\"text\">\n <p class=\"gap-text\">Developer resources to build solutions with your enterprise-level data</p>\n <div>\n <p> <a href=\"/hcm\"><span>Work with people, benefits, payroll, talent&nbsp; and HR\n data</span></a></p>\n <p> <a href=\"/wfm\"><span>Create solutions with punches, shifts, scheduling,\n accruals, and time data</span></a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-second\">\n <div class=\"card-wrapper\">\n <div class=\"card-getting-started\">\n <p class=\"title\">Ready</p>\n <div class=\"icon\">\n <img src=\"//files.readme.io/64104f6a0c7f2aaf3ff9e9b825847ddc711a3a88cec9d7b94850d64c12a5b34a-image-ready-mobile.svg\" class=\"ready-img-mobile\" style=\"display:none\">\n <img src=\"//files.readme.io/08ee4be9212d13b638d1b4dfa67c3d360ae0e1c4803c4302b9c7720a4438cd1a-image-ready-ipad.svg\" class=\"ready-img-ipad\" style=\"display:none\">\n <img src=\"//files.readme.io/3af2e970c8fc1293e7ab564cd324051edae3f293f2cc1ffb273d47654d5a108b-image-ready-desktop-demo.svg\" class=\"ready-img-desktop\" style=\"display: block;\">\n </div>\n <div class=\"text\">\n <p class=\"gap-text\">Developer resources for small and medium-sized businesses</p>\n <div>\n <p> <a href=\"https://secure7.saashr.com/ta/docs/rest/public/\" target=\"_blank\"><span>Get started\n with Ready<i class=\"icon-nav-advanced\"></i></span></a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n\n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title flex-header-title\">Specialty solutions</span>\n </div>\n <div class=\"page-content flex-specialized\">\n <div id=\"Specialized\" class=\"content-specialized\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-Specialized-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-90f1dd722757307a\" aria-live=\"polite\">\n <div class=\"card-getting-started swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 2\" style=\"width: 652px; margin-right: 32px;\">\n \t\t\t\t\t\t\t\t<a href=\"https://doc.people-doc.com/\" target=\"_blank\" class=\"hr-doc\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">HR Service Delivery<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Improve HR agility through employee request management, knowledge portal, process automation, document storage and compliance.</p>\n </a>\n </div>\n \n <div class=\"card-getting-started swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 2\" style=\"width: 652px; margin-right: 32px;\">\n \n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk</p>\n <p class=\"text cm-soon\">Coming soon</p>\n \n </div>\n \n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-90f1dd722757307a\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-90f1dd722757307a\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n \n \n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title flex-header-title\">FleX</span>\n </div>\n <div class=\"page-content flex-ukg\">\n <div id=\"flex-ukg\" class=\"flex-ukg-content\">\n <div>\n <div class=\"content-flex\">\n <div class=\"flex-card-wrapper card-wrapper\">\n \n <div class=\"card-getting-started\">\n \n <a href=\"/hcm/docs/ukg-webhooks-user-guide\" class=\"hr-doc\">\n <p class=\"title\">Webhooks</p>\n <p class=\"text\">Modern, event-driven notifications for changes related to UKG data</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a href=\"/wfm/docs/a-guide-to-ukg-flow\" class=\"hr-doc\">\n <p class=\"title\">UKG Flow</p>\n <p class=\"text\">Ready-to-use third-party integrations</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a class=\"hr-doc\">\n <p class=\"title\">UKG People fabric</p>\n <p class=\"text cm-soon\">Coming soon</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a class=\"hr-doc\">\n <p class=\"title\">Integrations</p>\n <p class=\"text cm-soon\">Coming soon</p>\n </a>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n \n \n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"loading\" style=\"display: block;\">Loading…</div></div></div></div>","redirect":""},"referenceSimpleMode":true,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"light","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":true,"logo":["https://files.readme.io/3b02c2e-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/bf7966a-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":["https://files.readme.io/d91f41b-favicon.ico","favicon.ico",16,16,"#000000"],"stylesheet":"","stylesheet_hub2":"span.highlight.active {\n display: contents;\n color: #007BFF;\n font-weight:bold;\n\n}\n.rm-Sidebar-heading {\n cursor: pointer;\n position: relative;\n text-transform: none !important;\n color: var(--text-body, #1C2024) !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 500 !important;\n line-height: 20px !important;\n}\n\n.rm-Sidebar-list.section-list-expanded {\n display: flex !important;\n}\n\n[class*=\"Sidebar-link\"].active {\n background: rgb(243,244,244);\n}\n[class*=\"Sidebar-listWrapper\"]{\n margin-top: 2px !important;\n}\n[class*=\"LandingBlock-Links\"]{\njustify-content: unset !important;\n}\n[class*=\"Header-bottom\"] {\nmin-height:0px !important; \n}\n[class*=\"Header-search_feather\"] { \n position: absolute !important;\n box-shadow: unset !important; \n}\n\nbody {\nfont-family: Volte Rounded !important;\n}\n\n.Header-right21PC2XTT6aMg {\n padding-right: 0px;\n}\n\n.SearchBert1u4IeBwd-ET6 {\ncolor: #637288;\n background: white\n}\n.SearchBert-Prompt3UVFfRcBSAeq::placeholder {\ncolor: #637288;\nopacity: 1;\n}\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle { \n--Owlbot-width: 300px; \n}\n\n.landing-searchbox { \n--Owlbot-width: 504px; \nbackground: #ffffff !important;\n}\n\n.rm-APIAuth .InputGroup-badge {\ndisplay:none !important;\n}\n\n.rm-Header {\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\n--Header-border-width: 0 !important;\n}\n\n.rm-Header-bottom-link.active {\nposition: relative;\n}\n\n.rm-Header-bottom-link.active::after {\ncontent: '';\nposition: absolute;\nbottom: -5px;\nwidth: 100%;\nheight: 4px;\nbackground-color: #005151;\nborder-radius: 6px 6px 0px 0px;\n}\n\n.Header-leftADQdGVqx1wqU a:hover {\nbackground-color: rgba(0, 0, 0, 0.05);\n}\n\n.rm-Header-top {\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\nbox-shadow: unset !important;\n}\n\n.rm-Header-bottom {\nbackground: #fff !important;\n}\n\n.rm-ParamContainer button div {\ntext-transform: none !important;\n}\n\n#updated-at {\ndisplay: none;\n}\n\n._2a21541c6bdfdcae7d5631faeb57468f-scss {\ndisplay: none !important;\n}\n\n.Header3zzata9F_ZPQ {\nbox-shadow: unset !important;\n}\n\n.Header-staging2fhBvH-z5mvq {\ndisplay: none !important;\n}\n\np.copyright {\ntext-align: center;\nfont-family: Noto Sans;\nfont-size: 14px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 20px;\nletter-spacing: normal;\nmargin: 0px 158px !important;\npadding-bottom: 10px !important;\n}\n\n.landing-footer {\nposition: relative;\nwidth: 100%;\nbackground-color: #f5f5f5;\n}\n.rm-Header .Button {\nfont-weight: normal !important;\nfont-family: Noto Sans !important;\n}\n\n.rm-Header-top-link[href^=\"https:\"]::after {\ncontent: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.667 4.667a.667.667 0 0 1 .077 1.329L4.667 6h-1c-.164 0-.3.118-.328.273l-.006.06v6c0 .164.118.3.274.328l.06.006h6c.163 0 .3-.118.328-.274l.005-.06v-1a.667.667 0 0 1 1.329-.077l.004.077v1c0 .884-.687 1.607-1.557 1.663l-.11.004h-6a1.667 1.667 0 0 1-1.662-1.557L2 12.333v-6c0-.883.688-1.606 1.557-1.663l.11-.003h1zM12 2a2 2 0 0 1 1.997 1.882L14 4v3.333a.667.667 0 0 1-1.329.078l-.004-.078V4.276L7.138 9.805a.667.667 0 0 1-.998-.88l.055-.063 5.528-5.529H8.667a.667.667 0 0 1-.078-1.329L8.667 2H12z' fill='%23FFF' fill-rule='nonzero' fill-opacity='.88'/%3E%3C/svg%3E\");\nwidth: 16px;\nheight: 16px;\nmargin: -3.552px 0 -4.992px 4px;\n}\n\n#AppSearch>details>ol>li:has(label > span[title*=\"UKG 5\"]) {\ndisplay: none;\n}\n\n.tippy-box-custom .Dropdown-content>div {\nbackground: #fff;\nborder-radius: 5px;\nbox-shadow: 0 5px 10px rgb(0 0 0 / 5%), 0 2px 6px rgb(0 0 0 / 3%),\n 0 1px 3px rgb(0 0 0 / 3%);\n}\n\n.rm-Header-bottom-link {\ncolor: #016ca2 !important;\n}\n\n.border-unset {\nbox-shadow: unset !important;\n--Header-border-width: unset !important;\n}\n\n#content-container>#content-head {\ndisplay: none;\n}\n\n#content-container {\nmax-width: unset !important;\nmargin: unset !important;\n}\n\n#main.container {\nwidth: 100% !important;\nmax-width: unset;\noverflow: hidden;\npadding-top: 0 !important;\nmargin: 0 auto !important;\n}\n\n.App .rm-Container {\nmax-width: unset !important;\n}\n\nnav.Header-leftADQdGVqx1wqU {\ndisplay: none;\n}\n\n.Header-leftADQdGVqx1wqU a {\ncolor: #016ca2 !important;\n}\n\n.rm-Container>nav+div {\n position: absolute !important;\n width: auto !important;\n top: 366px;\n left: 158px;\n padding: 0px, 4px, 0px, 16px;\n box-shadow: unset !important;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n left: unset;\n}\n.rm-Header-bottom>div {\nmin-height: 0 !important;\n}\n\n.rm-Header-top {\nborder-bottom: unset !important;\n}\n\n.subheader-height {\nmin-height: 0 !important;\n}\n\n.content-block {\n/*width: 1280px;*/\nmargin: auto;\n}\n.landing-page-background .content-block\n{\n max-width: 1400px;\n margin: 0 auto;\n}\n.header-icon {\nwidth: 16px;\nheight: 16px;\nmargin: -0.192px 0 -5px 4px;\nobject-fit: contain;\n}\n.hr-doc{\n text-decoration: none !important;\n}\n.card-button-text-desktop {\ndisplay: block;\nmargin-top: 16px;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration-color: #0176b2 !important;\ntext-decoration: underline !important;\n}\n\n.card-button-text-tablet {\ndisplay: none;\nmargin-top: 16px;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration-color: #0176b2 !important;\ntext-decoration: underline !important;\n}\n\n.app-header {\ndisplay: flex;\nalign-self: stretch;\nwidth: 100%;\nmargin-left: 170px;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 26px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.19;\nletter-spacing: normal;\ntext-align: left;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\n.card-header-content {\ndisplay: flex;\nalign-self: stretch;\nalign-items: center;\njustify-content: center;\nwidth: 100%;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 26px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.19;\nletter-spacing: normal;\ntext-align: center;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\n.card-header-content .title {\nfont-size: 41px;\nline-height: 48px;\nletter-spacing: 0.2;\nfont-family: Volte Rounded;\nfont-weight: 500;\ncolor: #005151;\npadding-bottom: 26px;\n}\n\n.card-header-content .text {\nfont-size: 16px;\nline-height: 24px;\nletter-spacing: normal;\nfont-family: Noto sans;\nfont-weight: normal;\ncolor: #000000DE;\nmargin-top:8px;\n;\n}\n\n\n.project-card {\ndisplay: flex;\nflex-flow: row;\nmargin-left: 144px;\n\n}\n.card-section {\n --asc-bg-size: 107rem;\n --asc-bg-x-offset: -27rem;\n --asc-bg-y-offset: 0rem;\n --asc-bg-angle-size: 121rem;\n --asc-bg-x-angle-offset: -8.0rem;\n --asc-bg-y-angle-offset: -28rem;\n background: repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top -10rem center/40rem,#fff;\n}\n.card-section .content-block{\n padding-top: 88px;\n}\n.card-section .content-block:last-child{\n padding-bottom: 88px;\n}\n.card-section:before {\n position: absolute;\n top: calc(46.5*(1rem) - 10rem);\n bottom: 0;\n left: 0;\n right: 0;\n min-width: 100%;\n content: \"\";\n z-index: 0;\n}\n.card {\npadding: 24px;\nborder: solid 0.08em #eee;\nborder-radius: 15px;\nbox-shadow: 1px 1px 10px -1.4px #cbc7c7;\nz-index: 99;\nmargin: 16px 0 32px 24px;\nmax-width: 448px;\nmin-width: 200px;\nwidth: 41.3333%;\nheight: 248px;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\n}\n.card-title {\nheight: 28px;\nflex-grow: 1;\nmargin-bottom: 16px;\nfont-family: Volte Rounded;\nfont-size: 23px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.22;\nletter-spacing: normal;\ntext-align: left;\ncolor: #005151;\n}\n\n.card-description {\nheight: 48px;\nflex-grow: 1;\nmargin-bottom: 16px;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\nflex-basis: fit-content;\ncolor: rgba(0, 0, 0, 0.87)\n}\n\n.card-icon {\ndisplay: flex;\nmax-width: 156px;\nwidth: 100%;\nmargin: 16px auto;\njustify-content: center;\n}\n\n.card-icon-text {\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration: underline;\n\n}\n.break-line, .break-ipad-line{\ndisplay: block;\n}\n.mobile-header, .ipad-header, .desktop-header{\ntext-align:center;\n}\n.card-icon-content {\ncontent: url(\"data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17h8c.55 0 1-.45 1-1v-1c0-.55.45-1 1-1s1 .45 1 1v2c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V7a2 2 0 0 1 2-2h2c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zm4.832-10c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1V8.41l-6.13 6.13a.996.996 0 1 1-1.41-1.41L15.422 7h-2.59z' fill='%230176B2'/%3E%3C/svg%3E%0A\");\nwidth: 20px;\nheight: 20px;\nmargin: -1.2px 0 0 2px;\n}\n/* card css for slider */\n.project-slider-card {\ndisplay: flex;\nflex-flow: row;\n\n}\n.slider-card {\nborder: 1px solid #00000026;\nborder-radius: 12px;\nbox-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08);\nz-index: 99;\nmargin: 16px 0 32px 24px;\nmin-width: 200px;\nwidth: 41.3333%;\nheight: 228px !important;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\n}\n\n.slide-banner-content{\npadding: 0 32px;\n}\n.slider-nav{\nmargin-top: 30px;\n}\n.slider-card{\nborder: 1px solid #00000026;\nborder-radius: 12px;\nbox-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08);\nz-index: 99;\nmargin: 0;\nheight: 228px;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\nbackground: #FFFFFF;\n}\n.slider-card-content-title{\n height:70px;\n}\n.slider-card-title {\nmargin: 0 auto !important;\nflex-grow: 1;\nfont-family: Volte Rounded;\nfont-size: 23px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 28px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #005151;\n}\n\n.main-banner-link{\n text-decoration: none !important;\n}\n\n.slider-card-content-description{\n height:100px;\n}\n.slider-card-description {\nmargin: 0 auto !important;\nflex-grow: 1;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\nflex-basis: fit-content;\ncolor: #000000;\n}\n.learn-more-content{\n margin: 0 auto !important;\n}\n.slider-card-link {\nmargin: 5px auto 20px auto;\n}\n\n.slider-card-link span{\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #016CA2 !important;\ntext-decoration: underline;\n}\n.slider-card-content{\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 24px 32px 24px 32px;\n}\n.flex-card-wrapper{\ndisplay: -webkit-flex;\ndisplay: flex;\n-webkit-flex-direction: row;\nflex-direction: row;\nalign-items: flex-start;\nflex-direction: row;\nalign-items: center;\nflex: 1 0 100%;\npadding: 0 32px 0 32px;\ngap: 32px;\njustify-content: center;\n}\n.slider-card-content a.learn-more{\nfont-size: 16px;\nfont-weight: 400;\nfont-family: Noto Sans;\nline-height: 24px;\ntext-decoration: none;\ncursor: pointer;\n}\n.slide-clickable{\ntext-decoration: none !important;\n}\n.overlay{\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: 100%;\nbackground-color: #4070F4;\nborder-radius: 25px 25px 0 25px;\n}\n.overlay::before,\n.overlay::after{\ncontent: '';\nposition: absolute;\nright: 0;\nbottom: -40px;\nheight: 40px;\nwidth: 40px;\nbackground-color: #4070F4;\n}\n.overlay::after{\nborder-radius: 0 25px 0 0;\nbackground-color: #FFF;\n}\n.slider-nav {\n text-align: center;\n}\n.slide-getting-content .card-wrapper, .slide-Specialized-content .card-wrapper{\n padding-bottom: 10px;\n}\n.swiper-navBtn{\ncolor: #6E93f7;\ntransition: color 0.3s ease;\n}\n.swiper-navBtn:hover{\ncolor: #4070F4;\n}\n.swiper-navBtn::before,\n.swiper-navBtn::after{\nfont-size: 35px;\n}\n.swiper-wrapper{\nheight: unset !important;\n}\n\n.swiper-horizontal>.swiper-pagination-bullets, \n.swiper-pagination-bullets.swiper-pagination-horizontal, \n.swiper-pagination-custom, .swiper-pagination-fraction{\nbottom: unset !important;\n}\n\n.swiper-pagination-bullet {\n width: 0.75rem !important;\n height: 0.75rem !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n background: #6E93f7 !important;\n opacity: 1 !important;\n outline: none;\n position: static !important;\n pointer-events: auto !important;\n -ms-flex-negative: 0 !important;\n flex-shrink: 0 !important;\n -webkit-transform: scale(1) !important;\n transform: scale(0.75) !important;\n vertical-align: middle !important;\n}\n.swiper-pagination-bullet {\n background-color: #FFFFFFA6 !important;\n}\n.swiper-pagination-bullet-active{\nbackground-color: #4070F4;\ntransform: scale(1) !important;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\nleft: 41.2% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\nright: 41.2% !important;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after{\nfont-size: 22px !important;\nfont-weight: bold !important;\ncolor: #ffffff !important;\n}\n.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-next{\nbackground: #FFFFFFF0 !important;\n}\n.card-header-content .text{\n padding: 0 10px;\n}\n.swiper-button-next, .swiper-button-prev{\n/* top: 41.1% !important;*/\n z-index: 9999 !important;\n margin-top: unset !important;\n}\n.slider-card-link span{\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #016CA2 !important;\ntext-decoration: underline;\n}\n\n.hub-slider{\n/* max-width: 1120px;*/\n/* width: 100%;*/\npadding: 5px 0 40px 0 !important;\n\n}\n\n.slider-card{\ncursor:pointer;\n}\n/*card css for slider*/\n.project {\ndisplay: flex;\nflex-flow: column;\n}\n\n.project-subheader {\nposition: relative;\ntext-align: left;\ncolor: #fff;\nwidth: 100%;\nheight: 100%;\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\n}\n/*Footer*/\n.landing-footer {\n position: relative;\n text-align: left;\n color: #fff;\n width: 100%;\n height: 100%;\n background: #005151;\n}\n.landing-footer a{\n cursor: pointer;\n}\n.landing-footer-parent{\n background-color: #005151 !important;\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/25%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 30% left 10%/7%,no-repeat url(https://files.readme.io/6d93f4c99ce8ad10ccef0792faf5e887657f5ca4cf1df0c8a553ccd2d8da3e98-Vector-halfcircle.svg) top 3rem right -15%/20%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 12% right 12%/7%,no-repeat url(https://files.readme.io/f1095123730536bbd01be5d1aeb43615946166cefb776fcf9ae2b632ef1fbfaa-Rectangle_103.svg) top 4% right 12%/7%;\n padding: 47px 0;\n}\n.project-subfooter {\n /*padding: 0 10px 0 10px !important;*/\n max-width: 1400px;\n padding-left: 4%;\n}\n.footer-logo-container{\n text-align:center;\n padding-bottom: 46px;\n}\n.landing-footer ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.landing-footer .footer-menu-container nav ul:not(.contextual-links) ul{\n display: block;\n}\n.landing-footer ul>li.menu-level--0{\n margin-bottom: 4.375rem;\n}\n.landing-footer ul>li.menu-level--0>a, .landing-footer li.menu-level--0>span, .landing-footer ul>li.menu-level--1{\n margin-bottom: 1rem;\n}\n.landing-footer li.menu-level--0>a, .landing-footer li.menu-level--0>span{\n display: inline-block;\n padding: 0;\n border-radius: 0;\n color: #fff;\n font-family: Volte Rounded;\n font-size: 18px;\n font-weight: 600;\n line-height: 22px;\n letter-spacing: -0.18000000715255737px;\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n text-decoration: none;\n position: relative;\n text-transform:capitalize;\n}\n.landing-footer li.menu-level--1>a{\n display: inline-block;\n padding: 0;\n border-radius: 0;\n color: #badada;\n font-family: Volte Rounded;\n font-size: 15px;\n font-weight: 600;\n line-height: 18px;\n letter-spacing: -0.15000000596046448px;\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n text-decoration: none;\n position: relative;\n}\n/*Footer*/\n.hub-subheader-parent {\ndisplay: flex;\njustify-content: center;\nflex-flow: row;\n}\n\n.hub-subheader-parent .hub-left {\nwidth: 100%;\nheight: 100%;\ndisplay: flex;\nflex-flow: column;\nmargin-bottom: 10px;\n}\n\n.hub-subheader-parent .hub-slider-content {\nheight: 100%;\ndisplay: flex;\nflex-flow: column;\nmargin-bottom: 10px;\n}\n\n.hub-subheader-parent .hub-right {\nwidth: 60%;\nheight: 100%;\n}\n\n.hub-left .welcome {\nwidth: auto;\nheight: 76px;\nmargin: auto !important;\nfont-family: Volte Rounded !important;\nfont-size: 51px;\nfont-weight: 500 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 61px !important;\nletter-spacing: -0.2px !important;\ncolor: #fff !important;\ntext-align: center;\n}\n\n.hub-left .resources-text {\njustify-content: center;\nalign-items: center;\ntext-align: center;\nwidth: 100%;\nmargin: 0 auto 10% auto !important;\nfont-family: Volte Rounded !important;\nfont-size: 20px;\nfont-weight: 600 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 24px !important;\nletter-spacing: normal !important;\ncolor: #fff !important;\n}\n\n.hub-slider-content .hub-whats-new-slider-content {\nwidth: auto;\nheight: 32px;\nfont-family: Volte Rounded !important;\nfont-size: 26px;\nfont-weight: 500 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 32px !important;\nletter-spacing: -0.2px !important;\ncolor: #fff !important;\n}\n\n.hub-right img {\nobject-fit: contain;\n}\n\n.project p {\nfont-size: 12px;\npadding: 5px;\n}\n\n.landing-container {\nwidth: 100%;\nmargin: 0 !important;\npadding: 0 !important;\n}\n.footer-content-flex{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.max-width-unset {\nmax-width: unset !important;\n}\n\n.specialized-coming-soon-label {\ndisplay: flex;\nwidth: 100%;\nheight: 100%;\nfont-family: Volte Rounded;\nfont-size: 18px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.22;\nletter-spacing: normal;\ntext-align: center;\nalign-items: center;\njustify-content: center;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\nsection.grid-75:has(+ .grid-25:empty) {\nmax-width: unset !important;\n}\n\n.rm-Article {\n--hub-main-max-width: 100% !important;\n}\n\nsection.grid-25:empty {\ndisplay: none;\n}\n\n.hub-footer {\ndisplay: none !important;\n}\n\n.AppFooter {\ndisplay: none;\n}\n\n[class^=\"RefinementList\"] .Toggle-label {\n white-space: normal !important;\n}\n\n.notification {\n display: none;\n position: absolute;\n width: 446px;\n height: 359.5px;\n top: 54px;\n z-index: 9999;\n right: 14px;\n padding: 12px, 12px, 0px, 0px;\n color: #FFFFFF;\n}\n.text-defaultnotification {\n padding: 16px;\n color: #000;\n font-weight: 450;\n}\n.Header-right21PC2XTT6aMg {\n padding-right: 0px !important;\n}\n.bannerbox {\n height: auto;\n border-radius: 14px;\n background: #FFFFFF;\n box-shadow: 0px 3px 8px 0px #0000001A;\n}\n.navigation {\n top: 370px;\n padding-bottom: 10px;\n}\n.navheader {\n width: 423px;\n top: 69px;\n left: 835px;\n padding: 0px 16px 0px 16px;\n gap: 0px;\n border-radius: 12px 12px 0px 0px;\n}\n.headercontent {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n padding: 16px 0 16px 0;\n gap: 16px;\n}\n.whats-new {\n width: 163.5px;\n line-height: 24px;\n margin-top: 4px;\n font-family: Noto Sans Display;\n font-size: 20px;\n font-weight: 500;\n line-height: 18px;\n text-align: left;\n color: #000000DE;\n text-decoration: none !important;\n}\n.viewall-box {\n display: flex;\n width: auto;\n height: 26px;\n padding: 13px 16px 12px 16px;\n gap: 6px;\n border-radius: 50px 50px 50px 50px;\n background-color: #0176B2;\n justify-content: space-evenly;\n margin-top: 14px;\n}\n.viewall {\n border-radius: 50px 50px 0px 0px;\n height: 18px;\n font-family: Noto Sans;\n font-size: 16px;\n font-weight: 400;\n text-align: left;\n color: #FFFFFF;\n}\n.clearall {\n font-family: Noto Sans;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n text-align: right;\n width: 80%;\n padding: 4px;\n color: #0176B2;\n text-decoration: underline;\n}\n.clearall span {\n cursor: pointer;\n}\n.hideclearall {\n color: #00000033;\n pointer-events: none;\n}\n.closenotification {\n width: 32px;\n height: 32px;\n padding: 4px 0px 0px 0px;\n gap: 6px;\n border-radius: 50px 0px 0px 0px;\n content: url(https://files.readme.io/c1c6e37-Close_4.svg);\n}\n.banner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 56px;\n padding: 4px 16px;\n gap: 28px;\n}\n.closeDiv {\n height: 50%;\n}\n.closebtn {\n width: 16px;\n height: 16px;\n content: url(https://files.readme.io/58cfdc5-Icondelete.svg);\n}\n.divider {\n width: 405px;\n border: 1px solid #00000026;\n padding: 1px 0px 0px 0px;\n}\n.header-layout {\n display: flex;\n flex-direction: row;\n width: 100%\n}\n.bannerDiv {\n width: 322px;\n height: 48px;\n}\n.textDiv a{\n color: #000000DE !important;\n font-weight: 450;\n}\n.bannerText {\n width: 322px;\n height: 24px;\n font-family: Noto Sans;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0px;\n text-align: left;\n color: var(--Text-color-text_highEmphasis_onLight, rgba(0, 0, 0, 0.87));\n}\n.bellicon{\n cursor: pointer;\n}\n.notification-banner {\n margin: 15px;\npadding-right: 10px;\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"white\" fill-rule=\"evenodd\" d=\"M13.984 5.254a2 2 0 1 0-3.968 0 7.235 7.235 0 0 0-2.914 1.513C5.777 7.915 5 9.506 5 11.2c0 2.108-.52 3.6-1.133 4.636l-.01.017a71.188 71.188 0 0 0-.908 1.56c-.103.186-.194.36-.26.507a2.16 2.16 0 0 0-.097.256c-.02.07-.072.25-.05.47.011.12.038.36.177.604.14.244.332.39.43.46.159.117.318.167.398.19.093.025.184.04.26.05.15.02.326.031.51.037.365.013.875.013 1.518.013h2.29a4.002 4.002 0 0 0 7.749 0h2.29c.643 0 1.154 0 1.519-.013.183-.006.359-.016.51-.036.075-.01.166-.026.26-.052.08-.022.238-.072.398-.188.097-.072.29-.217.429-.461a1.48 1.48 0 0 0 .178-.604c.022-.22-.03-.4-.051-.47a2.158 2.158 0 0 0-.097-.256 6.951 6.951 0 0 0-.26-.508 71.35 71.35 0 0 0-.908-1.56l-.01-.016C19.52 14.8 19 13.308 19 11.2c0-1.694-.778-3.285-2.103-4.433a7.235 7.235 0 0 0-2.913-1.513ZM12 21a2 2 0 0 1-1.733-1h3.465A2 2 0 0 1 12 21Zm-7.084-3.002c.26.002.57.002.942.002h12.284c.37 0 .682 0 .941-.002-.174-.302-.397-.68-.672-1.144C17.61 15.5 17 13.656 17 11.2c0-1.064-.487-2.119-1.413-2.921C14.657 7.472 13.368 7 12 7c-1.369 0-2.658.472-3.588 1.279C7.486 9.08 7 10.136 7 11.2c0 2.456-.612 4.301-1.411 5.654-.276.465-.498.842-.673 1.144Z\" clip-rule=\"evenodd\" style=\"&%2310;\"/></svg>');\n}\n.notification-badge {\n background-color: #fa3e3e;\n border-radius: 10px;\n padding: 5px 5px;\n position: absolute;\n margin-right: 24px;\n right: 0;\n top: 25px;\n}\n/*Getting started section*/\n.flex-content {\n width: 100%;\n padding: 0 4%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n.page-content .field-description li+li, .markdown-body li+li{\nmargin: 0 !important;\n}\n.page-content {\nmargin: 0 auto;\nposition: relative;\n}\n/*.flex-content{\n padding: 10px 0;\n}*/\n.page-content .content {\nwidth: 100%;\npadding-top: 0 4%;\nmargin: 0 auto;\n/*display: flex;\njustify-content: center;\nalign-items: center;*/\n}\n.page-content .content-pro {\nwidth: 100%;\npadding-top: 0 4%;\nmargin: 0 auto;\n/*display: flex;\njustify-content: center;\nalign-items: center;*/\n}\n.product-spec .content-pro {\n width: unset !important;\n padding-top: unset !important;\n margin: unset !important;\n display: unset !important;\n flex: unset !important;\n justify-content: unset !important;\n align-items: unset !important;\n }\n[class^=\"data-tab-content\"] {\ndisplay:none;\n}\n.active[class^=\"data-tab-content\"] {\ndisplay: block;\n}\n\n.page-content .tabs{\ndisplay: flex;\njustify-content: space-around;\nlist-style-type: none;\nmargin: 0;\n}\n.flex-tab-content{\n padding: 32px 0 0 0;\n}\n.page-content .tab-li {\nflex: 1;\nmargin-bottom: 0;\n}\n\n.page-content .tab-li a.active {\nborder-bottom: solid #005151;\ntransition: left cubic-bezier(.88, -.35, .565, 1.35) .4s;\n}\n\n.page-content .tab-li a {\nfont-size: 14px;\nfont-family: Noto sans;\nfont-weight: 400;\nline-height: 18px;\ntext-decoration: none;\nwhite-space: nowrap;\npadding: 10px;\ncolor: #00000099;\n-webkit-user-drag: none;\nuser-select: none;\n-moz-user-select: none;\n-webkit-user-select: none;\n-ms-user-select: none;\ndisplay: block;\n}\n.page-content .content{\n transition: all 0.3s ease;\n}\n\n.slide-banner-content{\npadding: 0 32px;\n}\n.cm-soon{\n color: #00000099 !important;\n}\n.page-content .content .card-getting-started {\n/*width: 445.33px;*/\n/*max-width: 300px;*/\n/*min-width: 328px;*/\nheight: 254px;\nbackground: linear-gradient(131.44deg, rgba(230, 255, 220, 0.5) 24.68%, rgba(255, 245, 205, 0.5) 81.97%);\nborder-radius: 20px;\nbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);\nborder: 2px solid rgba(7, 7, 7, 0.12);\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px;\nmargin-right:8px;\n}\n.flex-card-wrapper .card-getting-started {\nwidth:calc((100% - 40px)/4);\nheight: 168px !important;\nbackground: #ffffff !important;\nbox-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 0px 4px 0px rgba(0, 0, 0, 0.13) !important;;\nborder-radius: 12px !important;\nborder: 2px solid rgba(7, 7, 7, 0.12) !important;\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px;\nmin-width: 280px;\nmax-width: 340px;\npadding: 24px;\nalign-items: center;\ngap: 8px;\nflex: 1 0 0;\n}\n\n.page-content .content-pro .card-getting-started {\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\ntransition: all .5s ease-in-out;\npadding: 0 ;\n}\n\n.page-content .product-spec .card-getting-started {\n padding-bottom: 0 !important;\n}\n\n.page-content .content-specialized .card-getting-started {\nheight: 348px;\nbackground: #ffffff;\nborder-radius: 12px;\nbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);\nborder: 2px solid rgba(7, 7, 7, 0.12);\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px 16px;\nmargin-right:8px;\n}\n\n.page-content .content-pro-main{\nmargin: 0 auto !important;\n}\n\n.page-content .content .icon {\nmargin: 0 auto;\nwidth: 100%;\nmax-width: 100px;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nbackground-position: 0px;\n}\n\n.page-content .content-pro .icon {\nmargin: 0 auto;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nbackground-position: 0px;\npadding: 24px;\n}\n\n.page-content .content-pro .icon img {\nborder-radius: 20px;\ncursor: default;\n}\n\n.page-content .swiper-pagination, .page-content .swiper-horizontal>.swiper-pagination-bullets, \n.page-content .swiper-pagination-bullets.swiper-pagination-horizontal, \n.page-content .swiper-pagination-custom, \n.page-content .swiper-pagination-fraction{\nbottom: 10px !important;\n}\n\n.page-content .swiper-pagination-bullet {\n background-color: #0000006B !important;\n}\n\n.page-content .swiper-pagination-bullet-active {\nbackground-color: #0176B2 !important;\n}\n\n.page-content .swiper-navBtn::after{\ncolor: #000 !important;\n}\n.page-content .content .icon1 {\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/7daf60c8059b07391f6d6fe048b1859260b8131235f36b3c24dfd320b5cdfcb3-article-40.svg'); \n}\n\n.page-content .content .icon3{\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/8847ef60f88b593587edae05b52a7fe40407091e44bdf759a0a609da2e7eee8f-Group_379.svg'); \n}\n\n.page-content .content .icon2{\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/68cbef459d94e7a94138110826dc26ac8fcd64f7bfce72a7e0b57f19c7b0d7ab-learning-certificate-40.svg');\n}\n.page-content .content-specialized .icon {\nmargin-top: 1rem;\n}\n.page-content .content-specialized .icon3 {\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/89b28b63e9af535e05984c6d6ad46f25bcb4f6dfbda30a8b4fbd6f9b1811f5d5-feedback-people-40.svg'); \n}\n\n.page-content .content-specialized .icon2{\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/9500daa685cd457269e72ae7b54d370e81de7e4b3e0d6b94bbf6a2657e414464-talent-40.svg'); \n}\n\n.page-content .content-specialized .icon1{\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/61c2527e0fcedcc8288b193773d55301c54dc0b36518b67c60d95a17353dad5e-mobile-people-40.svg');\n}\n\n.page-content .content .card-getting-started .title {\nwidth: 100%;\nmargin: 0;\nmargin-top: 10px;\ncolor: #000000DE;\nletter-spacing: normal;\nfont-family: Volte Rounded;\nfont-size: 20px;\nfont-weight: 600;\nline-height: 24px;\ntext-align: center;\ntext-decoration-line: underline;\ntext-decoration-style: solid;\ntext-underline-position: from-font;\ntext-decoration-skip-ink: none;\n\n}\n\n.page-content .content .card-getting-started .text {\nwidth: 80%;\nmargin: 0 auto;\nmargin-top: 10px;\ncolor: #000000DE;\nmax-height: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ntext-underline-position: from-font;\ntext-decoration-skip-ink: none;\n\n}\n.page-content .content-pro .card-getting-started .title {\nwidth: 100%;\nmargin: 0 auto 24px auto;\nletter-spacing: normal;\nfont-family: Volte Rounded;\ncolor: #005151;\nfont-size: 26px;\nfont-weight: 600;\nline-height: 31px;\nletter-spacing: -0.2px;\ntext-align: center;\n}\n.flex-card-wrapper .card-getting-started .title {\n letter-spacing: normal;\n color: #005151;\n font-family: \"Volte Rounded\";\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-align: center;\n}\n.flex-card-wrapper .card-getting-started .text {\n letter-spacing: normal;\n color:#000000DE;\n font-family: \"Noto Sans\";\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n text-align: center;\n}\n.page-content .content-pro .card-getting-started .text {\nwidth: 100%;\nmargin: 0 auto;\nmargin-top: 10px;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ncolor: #000000DE;\n}\n.page-content .content-specialized .card-getting-started .title {\nwidth: 100%;\nmargin: 1.2rem auto 1.4rem auto;\nletter-spacing: normal;\nfont-family: Volte Rounded;\ncolor: #005151;\nfont-size: 20px;\nfont-weight: 600;\nline-height: 24px;\nletter-spacing: -0.2px;\ntext-align: center;\ntext-decoration-line: none;\n\n}\n.page-content .content-specialized .card-getting-started .text {\nwidth: 100%;\nmargin: 0 auto;\nmax-height: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ncolor: #000000DE;\n}\n.icon-nav-advanced {\n background: url(//files.readme.io/08f7f824967aa40a994b299ff8a3c115fc0a8fd139c15dc9d9bb8df27c85efdf-icon.svg);\n background-repeat: no-repeat;\n display: inline-block;\n width: 16.3px;\n height: 11.45px;\n margin-left: 5px;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\nmargin: 16px auto 24px auto;\n}\n.page-content .content-pro .card-getting-started .text .gap-text p{\n margin: 0 auto !important;\n}\n.page-content .content-pro .card-getting-started .text a{\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: center;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ntext-decoration: none;\ncolor: #016CA2;\npadding: 0 23px 0 23px;\ncursor: pointer;\n}\n\n/*Getting started section*/\n@media screen and (min-width: 1024px) {\n.grid-container-fluid .content-body {\n width: 100% !important;\n}\n}\n@media screen and (min-width: 1025px) {\n .landing-footer .footer-menu-container nav ul:not(.contextual-links){\n display: grid;\n /*grid-template-columns: repeat(5,1fr);*/\n grid-template-columns: 23% 21% 13% 17% 18%;\n gap: 1rem 1rem;\n }\n}\n@media only screen \nand (min-device-width: 1025px) \nand (max-device-width: 1190px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n@media only screen \nand (min-device-width: 320px) \nand (max-device-width: 350px) \n{\n .slider-card{\n height: 340px !important;\n }\n .slider-card-content-title{\n height:90px;\n }\n .slider-card-content-link{\n margin-top: 80px;\n }\n}\n@media only screen \nand (min-device-width: 351px) \nand (max-device-width: 400px) \n{\n .slider-card{\n height: 300px !important;\n }\n .slider-card-content-title{\n height:90px;\n }\n .slider-card-content-link{\n margin-top: 50px;\n }\n}\n@media only screen \nand (min-device-width: 401px) \nand (max-device-width: 419px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n@media only screen \nand (min-device-width: 768px) \nand (max-device-width: 799px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n/*Extra Large screen*/\n@media screen \nand (min-device-width: 1440px) {\n .content-block {\n width: 100%;\n }\n .land-search-box .landing-searchbox{ \n --Owlbot-width: 775px !important; \n } \n .hub-slider {\n /*max-width: 1400px;*/\n padding: 20px 0 59px 0 !important;\n }\n .slider-nav {\n margin-top: 30px;\n }\n .hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 10% auto !important;\n}\n .hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n } \n}\n/*Extra Large screen*/\n\n/* ----------- Non-Retina Screens & Ratina Screens ----------- */\n.hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 10% auto!important;\n}\n .hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n } \n /*.slide-content {\n margin: 0 17px;\n}\n\n.slider-card {\t\n margin: 16px 0 32px 0px;\n max-width: 348.33px;\n}*/\n .land-search-box .landing-searchbox{ \n--Owlbot-width: 508px !important; \n}\n\n/* ----------- iPad 1, 2, Mini and Air ----------- */\n\n/* Portrait and Landscape */\n@media only screen \nand (min-device-width: 1025px) \nand (max-device-width: 1050px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 215px;\n }\n}\n@media only screen \nand (min-device-width: 1051px) \nand (max-device-width: 1110px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 225px;\n }\n}\n@media only screen \nand (min-device-width: 1111px) \nand (max-device-width: 1140px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 235px;\n }\n}\n@media only screen \nand (min-device-width: 1141px) \nand (max-device-width: 1180px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 245px;\n }\n}\n@media only screen \nand (min-device-width: 1181px) \nand (max-device-width: 1200px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 255px;\n }\n}\n@media only screen \nand (min-device-width: 1201x) \nand (max-device-width: 1239px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 270px;\n }\n}\n@media only screen \nand (min-device-width: 1200px) \nand (max-device-width: 1239px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 260px;\n }\n}\n@media only screen \nand (min-device-width: 1240px) \nand (max-device-width: 1279px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 270px;\n }\n}\n@media screen and (min-width: 768px) and (max-width: 1024px) {\n.card-section {\n background: repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 right 0,#fff;\n}\n.landing-footer-parent{\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -4%/50%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 74% left 30%/10%;\n}\n.footer-logo-container{\n text-align: left;\n}\n.footer-container{\n padding-left: 40px;\n}\n.copyright_text{\n padding-left: 0 6px 0 6px;\n}\n.copyright_text p.copyright{\n margin: unset !important;\n text-align: left !important;\n}\n.flex-card-wrapper\n{\n flex-wrap: wrap;\n}\n.flex-card-wrapper .card-getting-started{\n width:calc((100% - 20px)/2);\n}\n\n .hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n /*width: 94%;*/\n font-size: 20px;\n line-height:24px !important;\n margin: 8% auto 14% auto !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n }\n\n.land-search-box .landing-searchbox{ \n--Owlbot-width: 504px !important; \n}\n .slider-nav{\n margin-top:30px;\n}\n.slide-banner-content {\n padding: 0 32px 0 32px;\n}\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top var(--asc-bg-y-offset) right 0 /110rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat;\n}\n.content-block {\n width: 100%;\n}\n.rm-Container>nav+div {\n top: 346px;\n left: 160px;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n left: unset;\n}\n.hub-left .welcome {\n height: unset;\n}\n\n.card {\n height: 270px;\n}\n\n.card:nth-child(3) {\n margin-right: 64px;\n}\n\n.project {\n padding-top: unset;\n}\n\n.card-description {\n height: 77px;\n}\n\n.card-icon {\n display: block;\n margin: auto;\n max-width: 156px;\n}\n\n.card-icon-text {\n overflow: hidden;\n word-wrap: unset;\n width: fit-content;\n}\n\n.card-icon-content {\n margin: -3px 0 0 2px;\n padding-top: 2px;\n}\n\n.card-button-label {\n max-width: 336px;\n}\n\n.card-icon {\n display: block;\n margin: auto;\n max-width: 156px;\n}\n}\n\n@media screen and (max-width: 768px) {\n .flex-card-wrapper\n{\n flex-wrap: wrap;\n}\n .landing-footer-parent{\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/97%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) top 25% left 65%/20%;\n }\n .hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 15% auto !important;\n }\n .footer-logo-container{\n text-align: left;\n }\n .footer-container{\n padding-left: 40px;\n }\n .copyright_text{\n padding-left: 6px;\n }\n .copyright_text p.copyright{\n margin: unset !important;\n text-align: left !important;\n }\n .flex-card-wrapper .card-getting-started{\n width:calc((100% - 10px)/1);\n }\n\n.Header-leftADQdGVqx1wqU,\n._8c5e155fd05011ae8141a8e56a439f24-scss {\n overflow-x: unset !important;\n}\n\n.card-header-content .text{\n padding: 0 35px;\n}\n\nnav.Header-leftADQdGVqx1wqU {\n display: none !important;\n}\n\n.Header-left-nav2xWPWMNHOGf_,\n._0b8760caf07bfcf93faabcc6b03eeba1-scss,\n._0b8760caf07bfcf93faabcc6b03eeba1-scss,\n.hub-subheader-parent .hub-right,\n.rm-Header-top-link {\n display: none !important;\n}\n\n\n.Header-searchtb6Foi0-D9Vx {\n padding-right: 14px !important;\n}\n\n.hub-subheader-parent .hub-left,\n.card-title {\n width: 100%;\n}\n.content-block {\n width: unset !important;\n}\n\n.project-card {\n flex-flow: column;\n margin: auto;\n width: 100%;\n}\n\n.card {\n margin: 16px auto 32px auto;\n width: 328px;\n height: 290px;\n}\n\n.card:nth-child(2) {\n margin-left: auto;\n}\n\n.card-description {\n width: 100%;\n flex-basis: fit-content;\n}\n\n.card-link-label {\n text-decoration: none !important;\n}\n\n.card-button-label {\n margin: auto;\n margin-top: 18px;\n}\n\n.project-section {\n flex-flow: column;\n margin-left: auto;\n}\n\n.rm-Flyout>div>a[href^=\"/ukg-5\"] {\n display: none;\n}\n\n.rm-Flyout {\n --Flyout-background: #fff !important;\n}\n\n.rm-Flyout>div>a {\n color: rgb(0, 0, 0, 0.6) !important;\n}\n\n.rm-Header .Button {\n font-size: 12px;\n}\n\n.ThemeContext_dark .MobileSubnav1DsTfasXloM2 {\n --Select-color: #000 !important;\n}\n\np.copyright {\n margin: 0 46.08px !important;\n}\n\n.app-header {\n width: 100%;\n margin-left: auto;\n}\n.card-button-text-desktop {\n display: none;\n}\n.card-button-text-tablet {\n display: block;\n}\n.material-icons-outlined {\n margin-right: 10px;\n}\n}\n\n/* Error Page Styles */\n.main-container {\nwidth: 100%;\nfont-size: 16px;\nheight: 480px;\npadding-top: 80px;\n}\n\n.error-container {\nheight: 233px;\nwidth: 916px;\ndisplay: flex;\nflex-flow: row-reverse nowrap;\njustify-content: space-evenly;\nmargin: auto;\npadding: 10px;\n}\n\n.error-image-container {\ndisplay: flex;\nwidth: 50%;\njustify-content: space-evenly;\n}\n\n.error-image-container img {\nwidth: 319.5px;\nheight: 216px;\n}\n\n.error-message-container {\ndisplay: flex;\nwidth: 50%;\nflex-direction: column;\njustify-content: space-evenly;\n}\n\n.error-heading {\nheight: 80px;\nalign-self: stretch;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 32px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.25;\nletter-spacing: -0.2px;\ntext-align: left;\n}\n\n.error-message {\nheight: 44px;\nalign-self: stretch;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.38;\nletter-spacing: normal;\ntext-align: left;\n}\n\n.go-to-home {\nwidth: 61px;\nheight: 16px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 14px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.14;\nletter-spacing: normal;\ntext-align: left;\ncolor: #016ca2;\n}\n\n.go-to-home a {\ncolor: inherit !important;\ntext-decoration: none !important;\n}\n\n@media only screen and (min-width: 768px) and (max-width: 850px) {\n .rm-Header-top-link {\n padding: 0px;\n }\n [class*=\"Header-right_desktop\"]{\n margin-right: 0px; \n }\n}\n\n\n@media only screen and (min-width: 768px) and (max-width: 995px) {\n.main-container {\n padding-top: 48px;\n}\n.error-container {\n flex-flow: nowrap column;\n width: 469px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n height: 240px;\n}\n\n.error-heading {\n display: flex;\n width: 100%;\n padding: 5px;\n text-align: center;\n margin: 16px auto;\n}\n\n.error-message {\n text-align: center;\n margin: 16px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n}\n\n.project-card {\n margin-left: 64px;\n}\n\n.card-title {\n flex-basis: fit-content;\n}\n\np.copyright {\n margin: 0 76.08px !important;\n}\n\n.app-header {\n margin-left: 85px;\n}\n .card-button-text-desktop {\n display: none;\n}\n.card-button-text-tablet {\n display: block;\n}\n.rm-Container>nav+div {\n top: 360px;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n}\n}\n\n@media only screen and (min-width: 601px) and (max-width: 680px) {\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 38.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 38.5% !important;\n}\n}\n\n@media only screen and (min-width: 467.1px) and (max-width: 767px) {\n.error-container {\n flex-flow: nowrap column;\n width: 437px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n}\n\n.error-heading {\n display: block;\n width: 87%;\n font-size: 26px;\n padding: 5px;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.error-message {\n display: block;\n width: 75%;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n}\n\n.project-section {\n display: block;\n}\n\n.app-header {\n width: 100%;\n margin-left: 156px;\n}\n.rm-Container>nav+div {\n top: 325px;\n }\n \n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n }\n .landing-parent-searchbox>nav+div {\n top: unset;\n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n }\n}\n\n@media only screen and (max-width: 600px) {\n.flex-header-title{\n inline-size: 355px;\n overflow-wrap: break-word;\n}\n.slide-clickable{\ntext-decoration: none !important;\n}\n.overlay{\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: 100%;\nbackground-color: #4070F4;\nborder-radius: 25px 25px 0 25px;\n}\n.overlay::before,\n.overlay::after{\ncontent: '';\nposition: absolute;\nright: 0;\nbottom: -40px;\nheight: 40px;\nwidth: 40px;\nbackground-color: #4070F4;\n}\n.overlay::after{\nborder-radius: 0 25px 0 0;\nbackground-color: #FFF;\n}\n.slider-nav {\n text-align: center;\n}\n.swiper-navBtn{\ncolor: #6E93f7;\ntransition: color 0.3s ease;\n}\n.swiper-navBtn:hover{\ncolor: #4070F4;\n}\n.swiper-navBtn::before,\n.swiper-navBtn::after{\nfont-size: 35px;\n}\n.swiper-pagination-bullet{\nbackground-color: #6E93f7;\nopacity: 1;\n}\n.swiper-pagination-bullet-active{\nbackground-color: #4070F4;\n}\n\n.swiper-wrapper{\nheight: unset !important;\n}\n\n.swiper-horizontal>.swiper-pagination-bullets, \n.swiper-pagination-bullets.swiper-pagination-horizontal, \n.swiper-pagination-custom, .swiper-pagination-fraction{\nbottom: unset !important;\n}\n\n.swiper-pagination-bullet{\nwidth: 12px !important;\nheight: 12px !important;\n}\n\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\nleft: 37.2% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\nright: 37.2% !important;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after{\nfont-size: 22px !important;\nfont-weight: bold !important;\ncolor: #ffffff !important;\n}\n.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-next{\nbackground: #ffffff !important;\n}\n.swiper-button-next, .swiper-button-prev{\n z-index: 9999 !important;\n margin-top: unset !important;\n}\n/*.slider-card-content a.learn-more{\n margin-top: 162px;\n}*/\n.break-line{\n display:block;\n}\n.hub-left .welcome {\n font-size:51px;\n letter-spacing: -0.2px;\n}\n.hub-left .resources-text {\n /*/*width: 94%;*/\n font-size: 20px;\n line-height: 24px !important;\n margin: 20% auto 15% auto !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n }\n\n .land-search-box .landing-searchbox{ \n--Owlbot-width: 305px !important; \n}\n .slider-nav{\n margin-top:30px;\n}\n.slide-banner-content{\n padding: 0 32px 0 32px;\n}\n} \n@media only screen and (min-width: 321px) and (max-width: 467px) {\n.main-container {\n display: flex;\n margin: auto auto 16px auto;\n padding-top: 16px;\n}\n\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 32.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 32.5% !important;\n}\n\n.error-container {\n flex-flow: nowrap column;\n width: 437px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n}\n\n.error-message img {\n width: 272px;\n height: 183.6px;\n}\n\n.error-heading {\n width: 82%;\n font-size: 23px;\n padding: 5px;\n text-align: center;\n margin: 10px auto 0px auto;\n}\n\n.error-message {\n display: block;\n width: 88%;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n margin-top: 16px;\n}\n\n.project-section {\n display: block;\n}\n\n.app-header {\n width: 100%;\n margin-left: 30px;\n}\n.card-title {\n flex-basis: fit-content;\n}\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n}\n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n}\n.rm-Container>nav+div {\n width: auto !important;\n top: 11px!important;\n right: 10px !important;\n left: auto !important;\n}\n.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: unset;\n --icon-md: unset;\n border: unset;\n color: unset;\n background: unset;\n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n}\n.landing-parent-searchbox>nav+div {\n width: unset !important;\n top: unset!important;\n right: unset !important;\n left: unset !important;\n}\n\n.navheader{\n width: 300px;\n}\n.notification {\n width: 339px;\n}\n.notification-banner {\n margin-right: 60px !important;\n }\n\n.notification-badge {\n margin-right: 71px !important;\n}\n\n .hub-left .resources-text {\n margin: 25% auto 25% auto !important;\n}\n\n}\n@media only screen and (min-width: 321px) and (max-width: 380px) {\n .getting-tab1 .content .card-getting-started, .getting-tab2 .content .card-getting-started {\n height: 284px;\n }\n}\n@media only screen and (min-width: 200px) and (max-width: 320px) {\n.main-container {\n padding-top: 16px;\n}\n.getting-tab1 .content .card-getting-started, .getting-tab2 .content .card-getting-started {\n height: 300px;\n }\n .hub-left .resources-text {\n margin: 25% auto 25% auto !important;\n}\n.error-container {\n flex-flow: nowrap column;\n width: 312px;\n height: 100%;\n padding: 8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n height: 100%;\n justify-content: unset;\n}\n\n.error-heading {\n height: 56px;\n font-size: 23px;\n width: 100%;\n text-align: center;\n margin: 16px auto;\n}\n\n.error-message {\n height: 44px;\n width: 100%;\n font-size: 16px;\n text-align: center;\n}\n\n.go-to-home {\n display: flex;\n width: 100%;\n justify-content: center;\n margin-top: 16px;\n}\n\n.go-to-home a {\n width: 61px;\n height: 16px;\n}\n\n.project-section {\n display: block;\n}\n\n.card {\n margin: 16px auto 32px auto;\n width: 100%;\n height: 350px;\n}\n\n.app-header {\n width: 100%;\n margin-left: 30px;\n}\n.card-title {\n flex-basis: fit-content;\n}\n.card-button-text-tablet {\n margin-top: 32px;\n}\n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n }\n\n.rm-Container>nav+div {\n width: auto !important;\n top: 11px!important;\n right: 10px !important;\n left: auto !important;\n }\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: initial; \n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n}\n\n.landing-parent-searchbox>nav+div {\n width: unset !important;\n top: unset!important;\n right: unset !important;\n left: unset !important;\n}\n\n.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: unset;\n --icon-md: unset;\nborder: unset;\ncolor: unset;\nbackground: unset; \n} \n.navheader{\n width: 250px;\n}\n.notification {\n width: 289px;\n}\n.notification-banner {\n margin-right: 60px !important;\n}\n.notification-badge {\n margin-right: 71px !important;\n}\n.slide-banner-content {\n padding: 0 32px 0 32px;\n}\n}\n\n@media only screen and (min-width: 291px) and (max-width: 341px) {\n/*.slider-card-title, .page-content .content .card-getting-started .title {\n font-size: 17px;\n margin: 0 auto 10px auto !important;\n line-height:20px;\n}\n.slider-card-description, .page-content .content .card-getting-started .text {\n font-size: 15px;\n line-height:20px;\n}*/\n.hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n}\n\n@media only screen and (min-width: 241px) and (max-width: 291px) {\n/*.slider-card-title {\n font-size: 15px;\n margin: 0 auto 10px auto !important;\n line-height:18px;\n}\n.page-content .content .card-getting-started .title {\n font-size: 15px;\n}\n.slider-card-description {\n font-size: 13px;\n line-height:20px;\n}\n.page-content .content .card-getting-started .text {\n font-size: 13px;\n}\n.slider-card-content a.learn-more {\n font-size: 13px;\n}*/\n .hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n\n}\n@media only screen and (min-width: 200px) and (max-width: 241px) {\n.hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n/*.slider-card-title{\n margin: 0 auto 10px auto !important;\n font-size: 11px;\n}\n.page-content .content .card-getting-started .title {\n font-size: 11px;\n}\n.slider-card-description, .page-content .content .card-getting-started .text {\n font-size: 9px;\n}\n.slider-card-content a.learn-more {\n font-size: 9px;\n}*/\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n\n}\n@media only screen and (max-width: 30rem) {\n.card-section{\n background: repeat-y url(//files.readme.io/42549d0c26207414f3d3e88b13d6479e1d307141fa6566c1c8c1f5e8b9e2c475-full-bg-right.svg.svg) top 0 right 0,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/d68c428f1205e8babd8a4ecd9c94967a3992c8a0029f686cc6e71db5f58430d2-full-bg-left.svg_1.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n.page-content .content-pro{\n margin: 0 auto 1% auto !important;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\n margin: 16px auto 24px auto;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 12% left 57%/75% no-repeat; }\n}\n@media only screen and (min-width: 30rem) {\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right -10rem /122rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left -12rem/137rem;\n}\n.content-pro{\n padding: 0 15px;\n}\n.page-content .content-pro{\n margin: 0 auto !important;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\n margin: 16px auto 24px auto;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0% left 2%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 1% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 24.5% right 1%/27% no-repeat;\n }\n}\n@media only screen and (min-width: 90rem) {\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right 0 /110rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n/* .pro-content-sec-first .card-wrapper{\n margin: 0rem -5rem 0 0;\n}\n.pro-content-sec-second .card-wrapper{\n margin: 0rem -6.5rem 0 0;\n}*/\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat;\n}\n}\n@media only screen \nand (min-device-width: 768px) \nand (max-device-width: 1024px) {\n .card-section {\n background: repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 left 0,#fff;\n } \n .card-section::before{\n background: unset;\n }\n}\n/*loader*/\n/* Absolute Center Spinner */\n.loading {\nposition: fixed;\nz-index: 999;\nheight: 2em;\nwidth: 2em;\noverflow: show;\nmargin: auto;\ntop: 0;\nleft: 0;\nbottom: 0;\nright: 0;\n}\n\n/* Transparent Overlay */\n.loading:before {\ncontent: '';\ndisplay: block;\nposition: fixed;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\n background: #ffffff;\n\nbackground: #ffffff;\n}\n\n/* :not(:required) hides these rules from IE9 and below */\n.loading:not(:required) {\n/* hide \"loading...\" text */\nfont: 0/0 a;\ncolor: transparent;\ntext-shadow: none;\nbackground-color: transparent;\nborder: 0;\n}\n\n.loading:not(:required):after {\ncontent: '';\ndisplay: block;\nfont-size: 10px;\nwidth: 1em;\nheight: 1em;\nmargin-top: -0.5em;\n-webkit-animation: spinner 150ms infinite linear;\n-moz-animation: spinner 150ms infinite linear;\n-ms-animation: spinner 150ms infinite linear;\n-o-animation: spinner 150ms infinite linear;\nanimation: spinner 150ms infinite linear;\nborder-radius: 0.5em;\n-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;\nbox-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;\n}\n\n/* Animation */\n\n@-webkit-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-moz-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-o-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n/*--------------*/\n/*---------------Grid css------------------*/\n@-ms-viewport {\nwidth: device-width;\n}\n.row {\ndisplay: -webkit-box;\ndisplay: -webkit-flex;\ndisplay: -ms-flexbox;\ndisplay: flex;\n-webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\nmargin-right: -15px;\nmargin-left: -15px;\n}\n\n@media (min-width: 576px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 768px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 992px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 1200px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\nposition: relative;\nwidth: 100%;\nmin-height: 1px;\npadding-right: 15px;\npadding-left: 15px;\n}\n\n@media (min-width: 576px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 768px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 992px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 1200px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n.col {\n-webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n-webkit-box-flex: 1;\n-webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\nmax-width: 100%;\n}\n\n.col-auto {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\nwidth: auto;\nmax-width: none;\n}\n\n.col-1 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\nmax-width: 8.333333%;\n}\n\n.col-2 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\nmax-width: 16.666667%;\n}\n\n.col-3 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\nmax-width: 25%;\n}\n\n.col-4 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\nmax-width: 33.333333%;\n}\n\n.col-5 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\nmax-width: 41.666667%;\n}\n\n.col-6 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\nmax-width: 50%;\n}\n\n.col-7 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\nmax-width: 58.333333%;\n}\n\n.col-8 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\nmax-width: 66.666667%;\n}\n\n.col-9 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\nmax-width: 75%;\n}\n\n.col-10 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\nmax-width: 83.333333%;\n}\n\n.col-11 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\nmax-width: 91.666667%;\n}\n\n.col-12 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\nmax-width: 100%;\n}\n@media (min-width: 576px) {\n.col-sm {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-sm-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-sm-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-sm-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-sm-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-sm-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-sm-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-sm-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-sm-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-sm-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-sm-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-sm-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-sm-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-sm-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 768px) {\n.col-md {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-md-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-md-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-md-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-md-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-md-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-md-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-md-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-md-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-md-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-md-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-md-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-md-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-md-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 992px) {\n.col-lg {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-lg-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-lg-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-lg-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-lg-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-lg-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-lg-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-lg-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-lg-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-lg-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-lg-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-lg-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-lg-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-lg-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 1200px) {\n.col-xl {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-xl-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-xl-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-xl-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-xl-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-xl-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-xl-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-xl-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-xl-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-xl-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-xl-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-xl-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-xl-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-xl-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n/*# sourceMappingURL=bootstrap-grid.css.map */","stylesheet_hub3":"","javascript":"","javascript_hub2":"document.addEventListener('DOMContentLoaded', function () {\n // Create a MutationObserver to monitor changes to the DOM\n var observer = new MutationObserver(function (mutationsList, observer) {\n // Loop through all mutations\n mutationsList.forEach(function (mutation) {\n // Use the attribute selector to match any class starting with 'rm-OwlbotAI-answer ChatGPT-answer2'\n var owlbotAnswer = document.querySelector('[class^=\"rm-OwlbotAI-answer ChatGPT-answer2\"]');\n if (owlbotAnswer && !document.querySelector('.doc-ai-warning')) {\n // Create a new element (e.g., a div with an icon and text)\n var newElement = document.createElement('div');\n newElement.classList.add('doc-ai-warning'); // Add a class to ensure it's unique\n\n // Add the icon\n var icon = document.createElement('span');\n icon.textContent = '⚠️';\n icon.classList.add('doc-ai-icon'); // Add a class for styling\n\n // Add the text\n var text = document.createElement('span');\n text.textContent =\n 'This AI-powered service may produce inaccurate results. Do not rely solely on its output; review and assess it for accuracy and suitability. Your company is responsible for the outcomes generated by the service.';\n text.classList.add('doc-ai-text'); // Add a class for styling\n\n // Add both elements into the warning container\n newElement.appendChild(icon);\n newElement.appendChild(text);\n\n // Insert the new element after the Owlbot answer\n owlbotAnswer.insertAdjacentElement('afterend', newElement);\n }\n });\n });\n\n // Configure the observer to watch for changes in the entire document\n observer.observe(document.body, { childList: true, subtree: true });\n\n // Dynamically add CSS to the document\n var style = document.createElement('style');\n style.textContent = `\n .doc-ai-warning {\n display: flex; /* Align icon and text */\n align-items: flex-start; /* Align items at the top */\n color: #FBE32D; /* Text color */\n font-size: 12px; /* Font size */\n padding: 10px; /* Padding for spacing */\n line-height: 1.5; /* Line spacing for readability */\n }\n\n .doc-ai-icon {\n margin-right: 8px; /* Space between icon and text */\n flex-shrink: 0; /* Prevent the icon from shrinking */\n }\n\n .doc-ai-text {\n flex-grow: 1; /* Allow text to fill the remaining space */\n }\n `;\n document.head.appendChild(style);\n});\n\n\n\nwindow.addEventListener(\"load\", (event) => {\n const landingpageExist = document.querySelector(\"div.landing-page-background\");\n if(landingpageExist){\n window.scrollTo({ top: 0, behavior: 'smooth' });\n executeLandingPageMethod();\n let portrait = window.matchMedia(\"(orientation: portrait)\");\n portrait.addEventListener(\"change\", function(e) {\n document.querySelector(\".loading\")?.style.setProperty('display', 'block');\n document.location.reload();\n })\n document.querySelector(\"div.landing-page-background\").classList.add('land-search-box');\n document.querySelector(\".swiper-slide\")?.addEventListener('click', e => {\n var link = e.target.parentNode.querySelector(\".learn-more\").href;\n window.location.href = link;\n });\n }\n const headerLinksEle = document.querySelectorAll(\".rm-Container .rm-Header-top-link\");\n const navEle = document.querySelector(\".rm-Container nav\");\n headerLinksEle && headerLinksEle.forEach((linkEle) => {\n if (linkEle.href.indexOf(\"general\") > -1) {\n linkEle.setAttribute('target', '_self');\n } else {\n linkEle.setAttribute('target', '_blank');\n }\n });\n const logoMobileEle = document.querySelector(\".rm-Flyout .rm-Logo-img\");\n if (logoMobileEle) {\n logoMobileEle.setAttribute(\"src\", \"https://files.readme.io/0a8f9f0-Dev_hub_logo_on_light.png\")\n }\n\n const customPageEle = document.querySelector(\".rm-CustomPage\");\n if (customPageEle && navEle) {\n navEle.style.display = \"none\";\n }\n\n const clickExample = () => {\n const examples = document.querySelector(\"[class^='APIResponse-menu-status']\");\n if (examples) {\n clearInterval(interval);\n document.querySelector(\"[class^='APIResponse-menu-status']\").click();\n }\n };\n const interval = setInterval(clickExample, 100);\n\n const expandCollapse = () => {\n $('.rm-Header-top .rm-Container').append('<div class=\"bellicon\"><i class=\"notification-banner\"></i></div>');\n const popup = createNotificationPopup();\n checkAllBannersVisibility();\n var localStorageNotificationSize = localStorage.getItem(\"activeNotificationSize\");\n if ((localStorageNotificationSize === null && activeNotificationCount() > 0) || (activeNotificationCount() > localStorageNotificationSize)){\n $('.notification-banner').after('<span class=\"notification-badge\"></span>');\n }\n \n const landingpageExist = document.querySelector(\"div.landing-page-background\");\n const searchEle = document.getElementById(\"SearchBert\");\n const bellIcon = document.querySelector(\".notification-banner\");\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n const searchText = document.querySelector(\".SearchBert-Prompt3UVFfRcBSAeq\");\n const redDot = document.querySelector(\".notification-badge\");\n\n if (searchText) {\n if(landingpageExist){\n if(window.innerWidth < 600){\n searchText.setAttribute('placeholder', 'Search or ask for anything');\n }else {\n searchText.setAttribute('placeholder', 'Ask AI or search documents for UKG Pro Suite');\n }\n }else{\n searchText.setAttribute('placeholder', 'Ask or search');\n }\n if(document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG')?.length){\n document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG').style.paddingRight = '20px';\n }\n }\n\n searchEle && searchEle.addEventListener('focusout', e => {\n if (window.innerWidth > 1129 && (!landingpageExist)) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '225px');\n bellIcon.style.marginRight = \"275px\";\n if (redDot)\n redDot.style.marginRight = \"284px\";\n } else if (window.innerWidth > 466 && landingpageExist) {\n // searchBoxWidth.style.setProperty('--Owlbot-width', '504px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n } else if(!landingpageExist) {\n searchBoxWidth.style.setProperty('background', 'unset');\n searchBoxWidth.style.setProperty('--Owlbot-width', '22px');\n searchBoxWidth.style.setProperty('color','#fff');\n }else{\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n //searchBoxWidth.style.setProperty('--Owlbot-width', '22px');\n //searchBoxWidth.style.setProperty('color','#fff');\n }\n })\n\n searchEle && searchEle.addEventListener('focusin', e => {\n if (window.innerWidth > 1129 && (!landingpageExist)) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '300px');\n searchBoxWidth.style.setProperty('background', 'white');\n searchBoxWidth.style.setProperty('color', '#637288');\n bellIcon.style.marginRight = \"340px\";\n if (redDot)\n redDot.style.marginRight = \"349px\";\n } else if (window.innerWidth > 466 && landingpageExist) {\n //searchBoxWidth.style.setProperty('--Owlbot-width', '504px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n } else if(!landingpageExist) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '225px');\n searchBoxWidth.style.setProperty('background', 'white');\n searchBoxWidth.style.setProperty('color', '#637288');\n } else {\n // searchBoxWidth.style.setProperty('--Owlbot-width', '100px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n // searchBoxWidth.style.setProperty('color', '#637288');\n }\n })\n\n if (landingpageExist) {\n resizeSearchBoxMargin();\n window.addEventListener('resize', positionSliderArrows, false);\n window.addEventListener('scroll', positionSliderArrows, false);\n window.addEventListener('resize', resizeSearchBoxMargin);\n const elements = document.querySelectorAll(\"a.NavItem-item1gDDTqaXGhm1\");\n const deviderElement = document.querySelector(\".MobileFlyout-divider10xf7R2X1MeW\");\n if (deviderElement)\n deviderElement.remove(deviderElement);\n elements.forEach((element) => {\n if (element.childNodes.length >= 2) {\n element.remove(element);\n }\n });\n }\n const notificaionBann = document.querySelector('.notification-banner');\n notificaionBann && notificaionBann.addEventListener('click', () => {\n localStorage.setItem(\"activeNotificationSize\", activeNotificationCount());\n document.querySelector('.notification').style.display = \"block\";\n const banners = document.querySelectorAll('.banner');\n banners.forEach(function (banner) {\n var bannerId = banner.id;\n var bannerClosed = localStorage.getItem(bannerId + \"Closed\");\n if (bannerClosed === \"true\") {\n banner.style.display = \"none\";\n }\n });\n\n if (activeNotificationCount()>0) {\n document.querySelector(\".hidenotification\").style.display = \"none\";\n if (redDot)\n redDot.style.display= \"none\";\n } else {\n document.querySelector(\".hidenotification\").style.display = \"block\";\n document.querySelector('.clearall').classList.add(\"hideclearall\");\n }\n })\n\n const deleteActions = document.querySelectorAll('.closeDiv');\n const clearAllAction = document.querySelector('.clearall');\n deleteActions.forEach(function (deleteAction) {\n const deleteActionId = deleteAction.id;\n deleteAction.addEventListener('click', function (event) {\n closeNotification(deleteAction.parentNode.id);\n if (activeNotificationCount() == 0) {\n document.querySelector(\".hidenotification\").style.display = \"block\";\n clearAllAction.classList.add(\"hideclearall\");\n }\n });\n })\n\n const closeAction = document.querySelector('.closenotification');\n closeAction.addEventListener('click', () => {\n document.querySelector(\".notification\").style.display = \"none\";\n })\n\n clearAllAction.addEventListener('click', () => {\n closeNotification(\"banner\");\n document.querySelector(\".hidenotification\").style.display = \"block\";\n clearAllAction.classList.add(\"hideclearall\");\n })\n\n }\n setTimeout(expandCollapse, 300);\n\n var currentUrl = window.location.pathname;\n var storedLinkId = sessionStorage.getItem('activeLinkId');\n if (currentUrl === storedLinkId) {\n const activeLinkOld = document.querySelector('.rm-Header-bottom-link.active');\n activeLinkOld.classList.remove('active');\n const activeLinkNew = document.querySelector(`.rm-Header-bottom-link[href=\"${storedLinkId}\"]`);\n activeLinkNew.classList.add('active');\n }\n\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.getAttribute('target') === '_blank') {\n link.classList.remove('active');\n } else {\n const activeLinkNew = document.querySelector('.rm-Header-bottom-link.active');\n if (activeLinkNew) {\n activeLinkNew.classList.remove('active');\n }\n if (!link.classList.contains('active')) {\n link.classList.add('active');\n }\n sessionStorage.setItem('activeLinkId', link.getAttribute('href'));\n }\n });\n });\n\n function activeNotificationCount() {\n const notifications = document.querySelectorAll('.banner');\n let notificationCount = 0;\n for (const notification of notifications) {\n const notificationId = notification.id;\n const notificationClosed = localStorage.getItem(notificationId + \"Closed\");\n if (notificationClosed !== \"true\" && (window.getComputedStyle(notification).display !== 'none')) {\n notificationCount++;\n }\n }\n return notificationCount;\n }\n function closeNotification(notificationId) {\n var selector = \"[id^=\" + notificationId + \"]\";\n var notifications = document.querySelectorAll(selector);\n let localStorageNotificationCount = localStorage.getItem(\"activeNotificationSize\");\n for (const notification of notifications) {\n const notificationId = notification.id;\n const notificationClosed = localStorage.getItem(notificationId + \"Closed\");\n if((notificationClosed !== \"true\")){\n notification.style.display = \"none\";\n localStorage.setItem(notificationId + \"Closed\", \"true\");\n localStorageNotificationCount--;\n }\n }\n localStorage.setItem(\"activeNotificationSize\",localStorageNotificationCount);\n }\n\n /*Getting started js*/\n var nestedTabSelect = (tabsElement, currentElement) => {\n positionGettingSectionSliderArrows();\n const tabs = tabsElement ?? 'ul.tabs';\n const currentClass = currentElement ?? 'active';\n\n document.querySelectorAll(tabs).forEach(function (tabContainer) {\n let activeLink, activeContent;\n const links = Array.from(tabContainer?.querySelectorAll(\"a\"));\n\n activeLink =\n links?.find(function (link) {\n return link?.getAttribute(\"href\") === location.hash;\n }) || links[0];\n activeLink?.classList?.add(currentClass);\n\n activeContent = document.querySelector(activeLink?.getAttribute(\"href\"));\n activeContent?.classList?.add(currentClass);\n\n links.forEach(function (link) {\n if (link !== activeLink) {\n const content = document.querySelector(link?.getAttribute(\"href\"));\n content?.classList?.remove(currentClass);\n }\n });\n\n tabContainer.addEventListener(\"click\", function (e) {\n // Make the old tab inactive.\n activeLink?.classList?.remove(currentClass);\n activeContent?.classList?.remove(currentClass);\n\n // Update the variables with the new link and content.\n activeLink = e.target;\n activeContent = document.querySelector(activeLink?.getAttribute(\"href\"));\n\n // Make the tab active.\n activeLink?.classList?.add(currentClass);\n activeContent?.classList?.add(currentClass);\n\n e.preventDefault();\n \n });\n });\n};\n\nnestedTabSelect('ul.tabs', 'active');\n/*Getting started js*/\n function positionSliderArrows() {\n var element = document.querySelector('.slide-content')?.querySelector('.swiper-pagination');\n var elementslideGettingContent = document.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var elemenslideSpecializedContent = document.querySelector('.slide-Specialized-content')?.querySelector('.swiper-pagination');\n var rect = element?.offsetTop -(element?.scrollTop+element?.clientTop);\n var rectGt = elementslideGettingContent?.offsetTop -(elementslideGettingContent?.scrollTop+elementslideGettingContent?.clientTop);\n var rectSp = elemenslideSpecializedContent?.offsetTop -(elemenslideSpecializedContent?.scrollTop+elemenslideSpecializedContent?.clientTop);\n var marginTop = rect;\n var marginTopGt = rectGt;\n var marginTopSp = rectSp;\n document.querySelector('.slide-content').querySelector('.swiper-button-prev').style.top = (marginTop)-15 + \"px\";\n document.querySelector('.slide-content').querySelector('.swiper-button-next').style.top = (marginTop)-15 + \"px\";\n document.querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGt)-15 + \"px\";\n document.querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGt)-15 + \"px\";\n document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-prev').style.top = (marginTopSp)-15 + \"px\";\n document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-next').style.top = (marginTopSp)-15 + \"px\";\n positionGettingSectionSliderArrows();\n }\n function positionGettingSectionSliderArrows() {\n document.querySelector('.getting-tab1')?.style.setProperty('display', 'block', 'important');\n document.querySelector('.getting-tab2')?.style.setProperty('display', 'block', 'important');\n var elementDeveloper = document.querySelector('.getting-tab1')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var elementNonDeveloper = document.querySelector('.getting-tab2')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var rectGeetingTab2 = elementNonDeveloper?.offsetTop -(elementNonDeveloper?.scrollTop+elementNonDeveloper?.clientTop); \n var rectGeetingTab1 = elementDeveloper?.offsetTop -(elementDeveloper?.scrollTop+elementDeveloper?.clientTop);\n var marginTopGettingTab1 = rectGeetingTab1;\n var marginTopGettingTab2 = rectGeetingTab2;\n if(landingpageExist){\n document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-15 + \"px\";\n document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-15 + \"px\";\n document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-5 + \"px\";\n document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-5 + \"px\"; \n document.querySelector('.getting-tab1').style.display = '';\n document.querySelector('.getting-tab2').style.display = '';\n }\n }\n function resizeSearchBoxMargin() {\n var elementLeft = document.querySelector('.welcome');\n var elementResourceLeft = document.querySelector('.resources-text');\n var elementTop = document.querySelector('.hub-whats-new-slider-content');\n var elementSlideNav = document.querySelector('.first-slide');\n var fullWidth = window.innerWidth;\n var marginWidth = fullWidth /8;\n var searchWidth = fullWidth -(marginWidth*2);\n var rectSlideNav = elementSlideNav?.getBoundingClientRect();\n var rectResources = elementResourceLeft?.getBoundingClientRect();\n var rectResourcesTop = elementResourceLeft?.offsetTop -(elementResourceLeft.scrollTop+elementResourceLeft.clientTop);\n var rectLeft = elementLeft?.getBoundingClientRect();\n var rectTop = elementTop?.offsetTop -(elementTop.scrollTop+elementTop.clientTop);\n var marginLeft = rectLeft?.left;\n var welcomeWidth = elementLeft?.offsetWidth; \n var searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n var calculatedLeftData;\n var calculatedTopData;\n if (window.innerWidth < 533) {\n calculatedLeftData = rectSlideNav?.left + \"px\";\n calculatedTopData = rectTop-30 + \"px\";\n welcomeWidth = elementSlideNav?.offsetWidth-10+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left',\tcalculatedLeftData, 'important');\n //document.querySelector('.rm-Container>nav+div').style.setProperty('margin-right', calculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n } else if (window.innerWidth < 1025) {\n calculatedLeftData = marginWidth + \"px\";\n calculatedTopData = rectResourcesTop+130 +\"px\";\n welcomeWidth = searchWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-right', calculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else if (window.innerWidth < 1600) {\n let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft);\n calculatedLeftData = headerHeight + \"px\";\n calculatedTopData = rectResourcesTop+100 +\"px\";\n welcomeWidth = elementLeft.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else if(window.innerWidth >= 1600){ \n let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft);\n calculatedLeftData = headerHeight + \"px\";\n calculatedTopData = rectResourcesTop+100 +\"px\";\n welcomeWidth = elementLeft?.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else{ \n calculatedLeftData = rectLeft?.left + \"px\";\n calculatedTopData = rectTop+10 + \"px\";\n welcomeWidth = elementLeft?.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }\n }\n function postionLandingPageElement(){\n if (window.innerWidth < 533) {\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','block');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','block');\n document.querySelector('.desktop-header').innerHTML = \n ` <span class=\"welcome\">Welcome to<span class=\"break-line\">the Developer</span><span class=\"break-line\">\n Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code <span class=\"break-line\">samples, tutorials and\n best </span><span class=\"break-line\">practices for building solutions on</span> UKG’s Flex\n platform</span>`;\n }else if(window.innerWidth < 1025) {\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','block');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','block');\n document.querySelector('.desktop-header').innerHTML = `<span class=\"welcome\">Welcome to the<span class=\"break-ipad-line\"> Developer Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best<span class=\"break-ipad-line\"> practices for building solutions on UKG’s Flex platform</span></span>\n `;\n }else{\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','block');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','block');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.desktop-header').innerHTML=`<span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best practices for building\n solutions on UKG’s Flex platform</span>\n `;\n }\n }\nfunction putDynamicElementOnProtraitChange() {\n const element = document.querySelector('.dynamic-sub-header-element');\n element.innerHTML = ` <div class=\"hub-left mobile-header\">\n <span class=\"welcome\">Welcome to<span class=\"break-line\">the Developer</span><span class=\"break-line\"> Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code <span class=\"break-line\">samples, tutorials and best </span><span class=\"break-line\">practices for building solutions on</span> UKG’s Flex platform</span> \n </div>\n <div class=\"hub-left ipad-header\">\n <span class=\"welcome\">Welcome to the<span class=\"break-ipad-line\"> Developer Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best<span class=\"break-ipad-line\"> practices for building solutions on UKG’s Flex platform</span></span> \n </div>\n <div class=\"hub-left desktop-header\">\n <span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best practices for building solutions on UKG’s Flex platform</span> \n </div>`;\n }\n function executeLandingPageMethod(){\n postionLandingPageElement();\n setTimeout(function() {\n const intervalSearch = setInterval(function(){\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\")?.length;\n const searchEle = document.querySelectorAll(\".SearchBert1u4IeBwd-ET6\");\n if(searchEle.length){\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n searchBoxWidth?.classList.add(\"landing-searchbox\");\n searchBoxWidth?.parentNode.parentNode.classList.add(\"landing-sub-parent-searchbox\");\n searchBoxWidth?.parentNode.parentNode.parentNode.classList.add(\"landing-parent-searchbox\");\n if( document.querySelector('.hub-slider-content')?.length){\n setTimeout(function() {\n if (window.innerWidth >= 1024){\n document.querySelector('.hub-slider-content').style.marginTop = \"20px\"; \n }else{\n document.querySelector('.hub-slider-content').style.marginTop = \"50px\"; \n }\n }, 200);\n \n clearInterval(intervalSearch);\n }\n }\n },100);\n setTimeout(function() { \n setTimeout(positionSliderArrows, 200);\n var welcomeContent = document.querySelector('.welcome');\n var headerHeight = welcomeContent?.offsetTop -(welcomeContent?.scrollTop+welcomeContent?.clientTop);\n var rectHeaderTop;\n if (window.innerWidth >= 290 && window.innerWidth < 334) {\n rectHeaderTop = 180+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }else if (window.innerWidth >= 334 && window.innerWidth < 533) {\n rectHeaderTop = 120+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else if (window.innerWidth <= 767 && window.innerWidth >= 533) {\n rectHeaderTop = 67+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }\telse if (window.innerWidth <= 1024 && window.innerWidth > 767) {\n rectHeaderTop = headerHeight-headerHeight+10+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else if (window.innerWidth > 1024) {\n rectHeaderTop = 0;\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else{\n rectHeaderTop = '20px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }\n resizeSearchBoxMargin();\n document.querySelector(\".loading\")?.style.setProperty('display', 'none');\n document.querySelector('.hub-whats-new-slider-content')?.parentElement.style.setProperty('margin-top',\t'20px', 'important');\n },1000);\n },1000);\n }\n function checkAllBannersVisibility() {\n var banners = document.querySelectorAll('.banner');\n banners.forEach(function (banner) {\n var bannerId = banner.id;\n var startDateAttribute = document.getElementById(bannerId).getAttribute(\"startDate\");\n var startDate = new Date(startDateAttribute);\n var endDateAttribute = document.getElementById(bannerId).getAttribute(\"endDate\");\n if (endDateAttribute == null) {\n var endDate = new Date(startDate);\n endDate.setDate(startDate.getDate() + 30);\n } else {\n var endDate = new Date(endDateAttribute);\n }\n var userOffset = new Date().getTimezoneOffset() * 60000;\n var startTimeAdjusted = startDate.getTime() - userOffset;\n var endTimeAdjusted = endDate.getTime() - userOffset;\n var currentTime = new Date().getTime() - userOffset;\n var localStorageKey = bannerId + \"Closed\";\n var bannerClosed = localStorage.getItem(localStorageKey);\n if (currentTime >= startTimeAdjusted && currentTime <= endTimeAdjusted && bannerClosed !== \"true\") {\n banner.style.display = 'flex';\n } else {\n banner.style.display = 'none';\n }\n });\n }\nfunction createNotificationPopup() {\n const notificationPopup = document.createElement('div');\n notificationPopup.innerHTML = ` <div class=\"notification\">\n <div class=\"bannerbox\">\n <div class=\"navheader\">\n <div class=\"navigation\">\n <div class=\"headercontent\">\n <span class=\"closenotification\"></span>\n <div class=\"header-layout\">\n <div class=\"whats-new\"><span>What's new</span></div>\n <div class=\"clearall\"><span>Clear all</span></div>\n </div>\n </div>\n <div class=\"divider\"></div>\n <div class=\"banner\" id=\"banner1\" startDate=\"2025-02-11\" endDate=\"2025-04-11\">\n <div class=\"textDiv\">\n <a href=\"https://developer.ukg.com/\" target=\"_self\">New Developer Hub landing page now available</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"banner\" id=\"banner2\" startDate=\"2024-04-19\" endDate=\"2024-06-14\">\n <div class=\"textDiv\">\n <a href=\"/general/changelog/pro-2024r1-apis-are-now-available\" target=\"_self\">Pro 2024.R1 APIs are now available</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"banner\" id=\"banner3\" startDate=\"2024-04-19\">\n <div class=\"textDiv\">\n <a href=\"/general/changelog/introducing-ukg-webhooks\" target=\"_self\">Introducing UKG Webhooks</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"hidenotification\" style=\"display:none\">\n <div class=\"text-defaultnotification\">\n <div>You don't have any notifications right now.</div>\n </div>\n </div>\n <div class=\"divider\"> </div>\n <a class=\"viewall-box\" href=\"/general/changelog\" target=\"_self\"> \n <span class=\"viewall\">View all</span></a>\n </div>\n </div>\n </div>`;\n document.body.appendChild(notificationPopup);\n }\n\n/*Swiper js for slider in landing page*/\nvar swiper = new Swiper(\".slide-banner-content\", {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n },\n});\nvar slider1 = new Swiper ('.slide-getting-tab1-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n },\n});\nvar slider2 = new Swiper ('.slide-getting-tab2-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n \t},\n });\nvar slider3 = new Swiper ('.slide-Specialized-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 2,\n },\n },\n});\n\n/*Swiper js for slider in landing page*/\n});","html_promo":"","html_body":"","html_footer":"","html_head":"\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-5J83L3CC');</script>\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-1JFRM2SNME\"></script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n \n gtag('config', 'G-1JFRM2SNME');\n</script>\n\n <script src=\"//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.js\"></script>\n\n<link\n rel=\"stylesheet\"\n href=\"https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/noto/ignite-fonts-noto-hinted-cdn.css\"\n />\n <link\n rel=\"stylesheet\"\n href=\"https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/volte/ignite-fonts-volte-cdn.css\"\n />\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.css\">\n<meta name=\"description\" content=\"Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs.\">\n<meta name=\"google-site-verification\" content=\"iIlWTcgPQSVS83QTAPruRs6Rx35k-joUOwD2djHlBKc\" />\n<meta name=\"robots\" content=\"index\">","html_footer_meta":"<footer class=\"landing-footer\">\n <div class=\"landing-footer-parent\">\n <iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-5J83L3CC\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>\n <div class=\"landing-container landing-page-main footer-content-flex\">\n <div class=\"project-subfooter\">\n <div>\n <div class=\"footer-container default-container\">\n <div class=\"footer-logo-container\">\n <img src=\"//files.readme.io/913873d6efb338613da9b623ccdb9dc73789ebc66bc8aa85ddeef6ac589efdfc-logo-white-tagline.png\" alt=\"UKG logo\" width=\"140\"\n height=\"61\" class=\"logo--white\" loading=\"eager\">\n </div>\n <div class=\"footer-menu-container\">\n <div class=\"region region-footer\">\n <nav role=\"navigation\" aria-labelledby=\"block-ukg-footer-menu\" id=\"block-ukg-footer\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t <ul>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/human-capital-management\"\n >Human Capital Management</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/human-resource-management\"\n >Human Resources</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/payroll-software\"\n >Payroll</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/talent-management-software\"\n >Talent</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/people-analytics\"\n >Reporting and Analytics</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/workforce-management\"\n >Workforce Management</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/time-and-attendance-software\"\n >Time &amp; Attendance</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/employee-scheduling-software\"\n >Scheduling</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/hr-compliance\"\n >Compliance</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/solutions\"\n >Product Suites</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/human-capital-management\"\n >UKG Pro</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/hr-software\"\n >UKG Ready</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/industry-solutions\"\n >Industry Solutions</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/customer-experience/we-partner-for-life\"\n title=\"Description of stadoka.\"\n >Customer Experience </a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/implementation\"\n >Implementation </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/customer-support\"\n >Support Experience </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/ukg-community\"\n >UKG Community </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-stories\"\n >Customer Stories</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <span>Developer Experience</span>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://developer.ukg.com/general/changelog\"\n target=\"_self\">What's New</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\"\n target=\"_blank\">Developer Collaboration</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://extensibilityideasportal.ideas.aha.io/?category=7149176939316709665\"\n target=\"_blank\">Submit an API related request</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://extensibilityideasportal.ideas.aha.io/?category=7149176899521632869\"\n target=\"_blank\">Submit a Developer Hub request</a>\n </li>\n <li class=\"menu-level--1\" style=\"display:none;\">\n <a href=\"https://developer.ukg.com/wfm/docs/release-notes-doc\" target=\"_self\"\n >Release Notes</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/\" target=\"_blank\"\n >UKG.com</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://marketplace.ukg.com/en-US/home\"\n target=\"_blank\">UKG Marketplace</a>\n </li>\n </ul>\n\n </li>\n </ul>\n\n\n\n </nav>\n\n </div>\n\n </div>\n </div>\n </div>\n <div class=\"copyright_text\">\n <p class=\"copyright\">\n ©2025 UKG Inc. All rights reserved. For a full list of UKG trademarks,\n please visit ukg.com/trademarks. All other trademarks, if any, are\n property of their respective owners.<br />\n All specifications are subject to change.\n </p>\n </div>\n </div>\n </div>\n </div>\n</footer>","html_hidelinks":false,"showVersion":true,"hideTableOfContents":false,"nextStepsLabel":"","promos":[],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"developer.ukg.com","childrenProjects":[{"_id":"641dc182c53c97000aad8a75","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"#005151","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":false,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":false,"logo":["https://files.readme.io/871d20f-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/3186f63-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"span.highlight.active {\n display: contents;\n color: #007BFF;\n font-weight:bold;\n\n}\n.rm-Sidebar-heading {\n cursor: pointer;\n position: relative;\n text-transform: none !important;\n color: var(--text-body, #1C2024) !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 500 !important;\n line-height: 20px !important;\n}\n\n.rm-Sidebar-list.section-list-expanded {\n display: flex !important;\n}\n\n[class*=\"Sidebar-link\"].active {\n background: rgb(243,244,244);\n}\n[class*=\"Sidebar-listWrapper\"]{\n margin-top: 2px !important;\n}\n.LandingBlock-Links38HRtdeemVvp {\n justify-content: unset !important;\n}\n\nnav.Header-leftADQdGVqx1wqU {\n display: flex;\n}\n.landing-footer {\n background: #fff !important;\n position: relative;\n width: 100%;\n height: 60px;\n}\n\n.notification-banner{\n margin-right:275px;\n}\n.notification-badge{\n margin-right:284px;\n}\n.rm-Container>nav+div { \n left: auto !important;\n}\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 225px;\n}\n.rm-Header-top {\n background: var(\n --ukg_sys_color_navHeaderGradient,\n linear-gradient(\n 90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%\n )\n );\n}\n.rm-Header-bottom {\n background: #fff !important;\n box-shadow: 0 1px 0 var(--color-border-default);\n}\n.Header-search_featherYsmQBn55F3d9 {\n position: absolute !important;\n top: 11px !important;\n right: 2px;\n box-shadow: unset !important;\n}\n.Header-staging2fhBvH-z5mvq {\n display: none !important;\n}\n.Button > i:not(:only-child) {\n opacity: 1 !important;\n}\n.rm-Container .rm-Header-bottom-link.Button > i {\n font-size: 18px !important;\n}\nnav [class^=\"icon-\"] {\n display: none;\n}\nnav {\n margin: 0.45rem 0;\n}\n.Dropdown_custom .rm-Header-bottom-link {\n color: #000 !important;\n}\n.Dropdown_custom button {\n width: 258px;\n height: 40px;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.42);\n display: flex;\n justify-content: space-between;\n}\n.Dropdown_custom .rm-Header-bottom-link.Button:hover,\n.Dropdown_custom .rm-Header-bottom-link.Button:active,\n.Dropdown_custom .rm-Header-bottom-link.Button:focus-within {\n border-color: #000 !important;\n}\n\n@media screen and (max-width: 480px) {\n .Dropdown_custom button {\n width: 150px;\n height: 32px;\n margin: 9px 6px 9px 13px;\n overflow: hidden;\n }\n}\n@media screen and (max-width: 1129px) {\n [class*=\"SearchBert\"][class*=\"Dropdown-toggle\"] {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n }\n [class*=\"SearchBert-icon\"]{\n opacity: 1;\n }\n [class*=\"SearchBert-shortcut_input\"]{\n position: unset;\n }\n \n .notification-banner {\n margin-right: 60px !important;\n }\n \n .notification-badge {\n margin-right: 71px !important;\n } \n }","stylesheet_hub3":"","javascript":"","javascript_hub2":"window.addEventListener(\"load\", (event) => {\n initializeSidebar();\n const setSubHeaderFunctionality = () => {\n //set the Ions of Mobile View and Desktop View\n mobileAndDesktopSubHeaderICons();\n //set the Project Dropdown\n createProjectDropDown();\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.href && link.href.includes(\"reference\")) {\n setTimeout(initializeSidebar, 200);\n }\n });\n });\t \n };\n setTimeout(setSubHeaderFunctionality, 500);\n});\n \nfunction mobileAndDesktopSubHeaderICons(){\n if(screen.width>767){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n setIcons(marketPlaceEle,0);\n }else{\n const navEle = document.querySelector(\".rm-Flyout\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-MobileFlyout-item\");\n setIcons(marketPlaceEle,1);\n }\n}\n function setIcons(marketPlaceEle,index){\n marketPlaceEle.forEach((placeEle, i) => {\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList.length > index &&\n ( placeEle.firstChild.classList[index].indexOf(\"icon-\") > -1)\n ) {\n placeEle.removeChild(placeEle.firstChild);\n }\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList[0] !== \"material-icons-outlined\"\n ) {\n const iconEle = document.createElement(\"i\");\n iconEle.className = \"material-icons-outlined md-18\";\n switch (placeEle.firstChild.innerHTML) {\n case \"Documentation\":\n iconEle.innerHTML = \"text_snippet\";\n break;\n case \"API Specifications\":\n iconEle.innerHTML = \"code\";\n break;\n case \"Getting started\":\n iconEle.innerHTML = \"start\";\n break;\n case \"Important Notes\":\n iconEle.innerHTML = \"campaign\";\n break;\n default:\n break;\n }\n placeEle.insertBefore(iconEle, placeEle.firstChild);\n }\n });\n }\nfunction createProjectDropDown(){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n const UKGPRO_TITLE = \"UKG Pro Workforce Management\";\n const PRO_TITLE = \"UKG Pro\";\n const DEVELOPER_HUB_TOPICS_TITLE = \"Developer Hub Topics\";\n const PRO_URL = \"/hcm/\";\n const DEVELOPER_HUB_TOPICS_URL = \"/general\";\n \n const dropDownEle = document.createElement(\"div\");\n dropDownEle.className = \"Dropdown_custom\";\n dropDownEle.innerHTML = `\n <div\n aria-haspopup=\"dialog\"\n class=\"Dropdown-toggle\"\n role=\"button\"\n >\n <button\n class=\"Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link Button_primary\"\n type=\"button\"\n >\n <span>${UKGPRO_TITLE}</span\n ><span class=\"undefined icon-chevron-down\"></span>\n </button>\n <div class=\"tippy-box-custom\" data-state=\"visible\" data-animation=\"fade\" role=\"tooltip\" data-placement=\"bottom-start\"\n style=\"max-width: none; transition-duration: 300ms; display:none\">\n <div\n class=\"tippy-content\"\n data-state=\"visible\"\n style=\"transition-duration: 300ms\"\n >\n <div>\n <div class=\"Dropdown-content Dropdown-content_opened\" role=\"dialog\">\n <div class=\"_908d819b1b786131cee389a8babd969e-scss _85f4d19c0454533f225e0fa60a0dba7c-scss Menu Menu_light\">\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown menu-dropdown-link\"\n href=\"${PRO_URL}\"\n tabindex=\"0\"\n >${PRO_TITLE}</a>\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"javascript:void(0)\"\n tabindex=\"0\"\n >${UKGPRO_TITLE}</a>\n\t\t\t\t\t\t<a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"${DEVELOPER_HUB_TOPICS_URL}\"\n tabindex=\"0\"\n >${DEVELOPER_HUB_TOPICS_TITLE}</a\n >\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n dropDownEle.addEventListener(\"focusout\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (\n event.relatedTarget === null ||\n (event.relatedTarget &&\n event.relatedTarget.classList &&\n !event.relatedTarget.classList.contains(\"menu-dropdown\"))\n ) {\n if (tippyEle && tippyEle.style.display !== \"none\") {\n tippyEle.style.display = \"none\";\n }\n }\n });\n dropDownEle.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (tippyEle && tippyEle.style.display === \"none\") {\n const encodeURIPathName = encodeURIComponent(window.location.pathname);\n const pathName = encodeURIPathName.split(\"%2F\")[2];\n const menuHrefEle = tippyEle.querySelector(\".menu-dropdown-link\");\n menuHrefEle.setAttribute(\"href\", PRO_URL + pathName);\n tippyEle.style.cssText = `\n z-index: 9999;\n position: absolute;\n visibility: visible;\n inset: 0px auto auto 0px;\n margin: 0px;\n transform: translate(20px, 105px)\n `;\n } else {\n tippyEle.style.display = \"none\";\n }\n });\n if (\n navEle.firstChild &&\n !navEle.firstChild.classList.contains(\"Dropdown_custom\") && screen.width >= 481\n ) {\n navEle.insertBefore(dropDownEle, navEle.firstChild);\n }\n const mobileEle = document.querySelector(\".Select_sm\");\n const headerEle = document.querySelector(\".rm-Header-bottom\");\n if (mobileEle && screen.width < 481 && !headerEle.children[1].classList.contains(\"Dropdown_custom\")) {\n headerEle.insertBefore(dropDownEle, mobileEle);;\n }\n }\n \n function initializeSidebar() {\n const activeSidebarHeaderList = sessionStorage.getItem('ActiveSidebarHeaderList');\n const activeSideBarListSet = new Set(activeSidebarHeaderList?.split(\",\") ?? []);\n \n const activeLink = $(\".rm-Sidebar-link.active\");\n if (activeLink.length > 0) {\n activeLink.parents(\".rm-Sidebar-list\").addClass(\"section-list-expanded\");\n activeLink.parents(\".rm-Sidebar-section\").children(\".rm-Sidebar-heading\").addClass(\"section-expanded\");\n }\n\n // Collapse navigation in the sidebar initially\n document.querySelectorAll('.rm-Sidebar-section > .rm-Sidebar-list').forEach(el => {\n const parent = el.previousElementSibling?.innerHTML;\n if (activeSideBarListSet.has(parent)) {\n el.classList.add('section-expanded', 'section-list-expanded');\n } else {\n el.classList.add('section-collapsed');\n el.style.display = 'none';\n }\n });\n\n document.querySelectorAll('.rm-Sidebar-heading').forEach(el => {\n el.addEventListener('click', () => {\n if (el.nextElementSibling?.classList.contains('section-list-expanded')) {\n activeSideBarListSet.delete(el.innerHTML);\n } else {\n activeSideBarListSet.add(el.innerHTML);\n }\n el.classList.toggle('section-expanded');\n el.nextElementSibling?.classList.toggle('section-list-expanded');\n el.nextElementSibling.style.display = 'none';\n sessionStorage.setItem('ActiveSidebarHeaderList', Array.from(activeSideBarListSet).join(\",\"));\n });\n });\n}","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":false,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg6 Developer Hub","text":"Welcome to the ukg6 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg6 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc182c53c97000aad8a77"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"error-page","experiments":[],"first_page":"reference","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"owlbotAi":false,"apiV2":false,"dashQuickstart":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"superHubBeta":false,"customBlocks":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer-wfm.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc182c53c97000aad8a76","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"name":"UKG Pro Workforce Management","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":true,"appearance":true,"jwt":false,"api":true,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2025-02-13T20:01:18.356Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":true,"points":50},"tryItNow":{"enabled":true,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":false,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":true,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":122},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":true,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"66df26c8a637880061095eb6","version":"9-production","version_clean":"9.0.0-production","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f","6434594f85bd1f0018fdf47c","66df26c8a637880061095275","66df26c8a637880061095272","66df26c8a637880061095273","66df26c8a637880061095274","66df26c8a637880061095278","66df26c8a637880061095276","66df26c8a637880061095277","66df26c8a637880061095279","66df26c8a63788006109527a","66df26c8a63788006109527b","66df26c8a63788006109527c","66df26c8a63788006109527d","66df26c8a63788006109527e","66df26c8a63788006109527f","66df26c8a637880061095280","66df26c8a637880061095281","66df26c8a637880061095282","66df26c8a637880061095283","66df26c8a637880061095284","66df26c8a637880061095285","66df26c8a637880061095286","66df26c8a637880061095287","66df26c8a637880061095288","66df26c8a637880061095289","66df26c8a63788006109528a","64345b40bffd270744054144","643465ac43b872001f9b6330","6504407d8e71ae085d69ef18","66df26c8a63788006109528b","66df26c8a63788006109528c","66df26c8a63788006109528d","66df26cea637880061095eba"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2024-09-09T16:48:05.824Z","__v":0,"forked_from":"6434594f85bd1f0018fdf47a","updatedAt":"2024-09-11T16:28:44.731Z","pdfStatus":""},"subdomain":"developer-wfm","subpath":"wfm","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"},{"type":"url","text":"UKG Pro status","url":"https://ukgprostatus.statuspage.io"}],"bottom":[],"edited":true},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:28:02.982Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"643037047afc5100494a118d","version":"0.0","version_clean":"0.0.0","codename":"Blank Base","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2023-03-24T15:28:03.358Z","__v":0,"forked_from":"641dc183c53c97000aad8a7a"},{"_id":"6434594f85bd1f0018fdf47a","version":"9-R9Update3","version_clean":"9.0.0-R9Update3","codename":"v9-R9Update3","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f","6434594f85bd1f0018fdf47c","64345950d8854c0977875807","643459501edb230a0953a238","6434595049dfb307678a19fc","6434595059e65401c63ba361","64345951bffd270744051897","64345951441b8f01f6fff894","643459518355db06f776e173","6434598321d12b0026a97fe5","64345993d661f50011b0d1bb","643459b59c790a03237d665f","643459d6cbe8ac00757c7bea","643459f13a622b03e7b49bf1","64345a12c592fe0fa7464d50","64345a2ae92014097517d2e5","64345a36e5e62905be9c6cc6","64345a3c20009e03bcad9259","64345a5325d326049358602a","64345a60f191f80ce984aaed","64345a8298cc77060802101c","64345aa370564102ae7e2b16","64345ac6188e0703c5d464aa","64345ae69327d8001187b442","64345af09f9a9d08d610af52","64345b11fb93aa065b758835","64345b1fa86cfa00418280f2","64345b40bffd270744054144","643465ac43b872001f9b6330","6504407d8e71ae085d69ef18","65044ef30fa0241049d09dde","651fe6144adeb2000c5ba6f5","660280115613fc0020428357"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2023-03-24T15:28:03.358Z","__v":0,"forked_from":"643037047afc5100494a118d","updatedAt":"2024-09-11T16:28:47.328Z","pdfStatus":""},{"_id":"66df26c8a637880061095eb6","version":"9-production","version_clean":"9.0.0-production","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f","6434594f85bd1f0018fdf47c","66df26c8a637880061095275","66df26c8a637880061095272","66df26c8a637880061095273","66df26c8a637880061095274","66df26c8a637880061095278","66df26c8a637880061095276","66df26c8a637880061095277","66df26c8a637880061095279","66df26c8a63788006109527a","66df26c8a63788006109527b","66df26c8a63788006109527c","66df26c8a63788006109527d","66df26c8a63788006109527e","66df26c8a63788006109527f","66df26c8a637880061095280","66df26c8a637880061095281","66df26c8a637880061095282","66df26c8a637880061095283","66df26c8a637880061095284","66df26c8a637880061095285","66df26c8a637880061095286","66df26c8a637880061095287","66df26c8a637880061095288","66df26c8a637880061095289","66df26c8a63788006109528a","64345b40bffd270744054144","643465ac43b872001f9b6330","6504407d8e71ae085d69ef18","66df26c8a63788006109528b","66df26c8a63788006109528c","66df26c8a63788006109528d","66df26cea637880061095eba"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2024-09-09T16:48:05.824Z","__v":0,"forked_from":"6434594f85bd1f0018fdf47a","updatedAt":"2024-09-11T16:28:44.731Z","pdfStatus":""}],"variableDefaults":[{"source":"security","_id":"66027f8999834a003dd3467f","name":"bearer","type":"http","scheme":"bearer","apiSetting":"65044ef30fa0241049d09ddd"}],"webhookEnabled":false},{"_id":"641dc1204840480d3fe5913b","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"#005151","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":false,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":false,"logo":["https://files.readme.io/0718b6f-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/0532501-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"nav.Header-leftADQdGVqx1wqU {\n display: flex;\n }\n .rm-Header-bottom {\n background: #fff !important;\n box-shadow: 0 1px 0 var(--color-border-default);\n }\n .searchbox-align{\n left: auto !important;\n top: 11px !important;\n right:0px;\n }\n\n .Dropdown_custom .rm-Header-bottom-link {\n color: #000 !important;\n }\n \n .Dropdown_custom button {\n width: 258px;\n height: 40px;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.42);\n display: flex;\n justify-content: space-between;\n }\n .Dropdown_custom .rm-Header-bottom-link.Button:hover,\n .Dropdown_custom .rm-Header-bottom-link.Button:active,\n .Dropdown_custom .rm-Header-bottom-link.Button:focus-within {\n border-color: #000 !important;\n }\n @media screen and (max-width: 480px) {\n .Dropdown_custom button {\n width: 150px;\n height: 32px;\n margin: 9px 6px 9px 13px;\n overflow: hidden;\n }\n }\n\n \n @media screen and (max-width: 1129px) {\n [class*=\"SearchBert-icon\"]{\n opacity: 1; \n }\n [class*=\"SearchBert-shortcut_input\"]{\n position: unset;\n }\n }","stylesheet_hub3":"","javascript":"","javascript_hub2":"window.addEventListener(\"load\", (event) => {\n const setSubHeaderFunctionality = () => {\n //set the Ions of Mobile View and Desktop View\n mobileAndDesktopSubHeaderICons();\n //set the Project Dropdown\n createProjectDropDown(); \n };\n setTimeout(setSubHeaderFunctionality, 500);\n});\n\nfunction mobileAndDesktopSubHeaderICons(){\n if(screen.width>767){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n setIcons(marketPlaceEle,0);\n }else{\n const navEle = document.querySelector(\".rm-Flyout\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-MobileFlyout-item\");\n setIcons(marketPlaceEle,1);\n }\n}\nfunction setIcons(marketPlaceEle,index){\n marketPlaceEle.forEach((placeEle, i) => {\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList.length > index &&\n ( placeEle.firstChild.classList[index].indexOf(\"icon-\") > -1)\n ) {\n placeEle.removeChild(placeEle.firstChild);\n }\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList[0] !== \"material-icons-outlined\"\n ) {\n const iconEle = document.createElement(\"i\");\n iconEle.className = \"material-icons-outlined md-18\";\n switch (placeEle.firstChild.innerHTML) {\n case \"Documentation\":\n iconEle.innerHTML = \"text_snippet\";\n break;\n case \"API Specifications\":\n iconEle.innerHTML = \"code\";\n break;\n case \"Getting started\":\n iconEle.innerHTML = \"start\";\n break;\n case \"Important Notes\":\n iconEle.innerHTML = \"campaign\";\n break;\n default:\n break;\n }\n placeEle.insertBefore(iconEle, placeEle.firstChild);\n }\n });\n}\nfunction createProjectDropDown(){\n const DEVELOPER_HUB_TOPICS_TITLE = \"Developer Hub Topics\";\n const UKGPRO_TITLE = \"UKG Pro Workforce Management\";\n const PRO_TITLE = \"UKG Pro\";\n const PRO_URL = \"/hcm/\";\n const DIMENSION_URL = \"/wfm/\";\n const navEle = document.querySelector(\".rm-Container nav\");\n const dropDownEle = document.createElement(\"div\");\n dropDownEle.className = \"Dropdown_custom\";\n dropDownEle.innerHTML = `\n <div\n aria-haspopup=\"dialog\"\n class=\"Dropdown-toggle\"\n role=\"button\"\n >\n <button\n class=\"Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link Button_primary\"\n type=\"button\"\n >\n <span>${DEVELOPER_HUB_TOPICS_TITLE}</span\n ><span class=\"undefined icon-chevron-down\"></span>\n </button>\n <div class=\"tippy-box-custom\" data-state=\"visible\" data-animation=\"fade\" role=\"tooltip\" data-placement=\"bottom-start\"\n style=\"max-width: none; transition-duration: 300ms; display:none\">\n <div\n class=\"tippy-content\"\n data-state=\"visible\"\n style=\"transition-duration: 300ms\"\n >\n <div>\n <div class=\"Dropdown-content Dropdown-content_opened\" role=\"dialog\">\n <div class=\"_908d819b1b786131cee389a8babd969e-scss _85f4d19c0454533f225e0fa60a0dba7c-scss Menu Menu_light\">\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown menu-dropdown-link\"\n href=\"${PRO_URL}\"\n tabindex=\"0\"\n >${PRO_TITLE}</a> \n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"${DIMENSION_URL}\"\n tabindex=\"0\"\n >${UKGPRO_TITLE}</a>\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"javascript:void(0)\"\n tabindex=\"0\"\n >${DEVELOPER_HUB_TOPICS_TITLE}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n dropDownEle.addEventListener(\"focusout\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (\n event.relatedTarget === null ||\n (event.relatedTarget &&\n event.relatedTarget.classList &&\n !event.relatedTarget.classList.contains(\"menu-dropdown\"))\n ) {\n if (tippyEle && tippyEle.style.display !== \"none\") {\n tippyEle.style.display = \"none\";\n }\n }\n });\n dropDownEle.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (tippyEle && tippyEle.style.display === \"none\") {\n const menuHrefEle = tippyEle.querySelector(\".menu-dropdown-link\");\n tippyEle.style.cssText = `\n z-index: 9999;\n position: absolute;\n visibility: visible;\n inset: 0px auto auto 0px;\n margin: 0px;\n transform: translate(20px, 105px)\n `;\n } else {\n tippyEle.style.display = \"none\";\n }\n });\n if (\n navEle.firstChild &&\n !navEle.firstChild.classList.contains(\"Dropdown_custom\") && screen.width >= 481\n ) {\n navEle.insertBefore(dropDownEle, navEle.firstChild);\n }\n const mobileEle = document.querySelector(\".Select_sm\");\n const headerEle = document.querySelector(\".rm-Header-bottom\");\n if (mobileEle && screen.width < 481 && !headerEle.children[1].classList.contains(\"Dropdown_custom\")) {\n headerEle.insertBefore(dropDownEle, mobileEle);;\n }\n const customePageExist = document.querySelector(\".rm-CustomPage\");\n const errorPageExist = document.querySelector(\".error-container\");\n const searchBoxIncreseWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6.Dropdown-toggle\");\n const searchBoxHeader = document.querySelector(\".Header-search_featherYsmQBn55F3d9\"); \n const bellIcon = document.querySelector(\".notification-banner\");\n const redDot = document.querySelector(\".notification-badge\");\n if((customePageExist == null && screen.width >= 1129) || (errorPageExist !=null && screen.width >= 1129)){\n searchBoxHeader.classList.add(\"searchbox-align\");\n searchBoxIncreseWidth.style.setProperty('--Owlbot-width','225px');\n bellIcon.style.setProperty('margin-right','275px');\n if(redDot!== null)\n redDot.style.setProperty('margin-right','284px'); \n }else if(customePageExist == null && screen.width < 1129){\n searchBoxIncreseWidth.style.setProperty('--Owlbot-width','24px');\n searchBoxIncreseWidth.style.setProperty('color','#fff');\n searchBoxIncreseWidth.style.setProperty('background','none');\n searchBoxIncreseWidth.style.setProperty('border','unset');\n bellIcon.style.setProperty('margin-right','60px');\n if(redDot!== null)\n redDot.style.setProperty('margin-right','71px');\n searchBoxHeader.classList.add(\"searchbox-align\");\n }\n if (customePageExist && !errorPageExist) { \n const headers = document.querySelectorAll('.rm-Header-top-link');\n const mobileHeader = document.querySelectorAll('.rm-MobileFlyout-item');\n headers[headers.length - 1].style.display = 'none'; \n mobileHeader[mobileHeader.length - 1].style.display = 'none';\n }\n }","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":false,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg3 Developer Hub","text":"Welcome to the ukg3 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg3 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc1204840480d3fe5913d"}],"changelog":{"layoutExpanded":true,"showAuthor":false,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"error-page","experiments":[],"first_page":"docs","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"owlbotAi":false,"superHubBeta":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer-general.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc1204840480d3fe5913c","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":false,"suggested_edits":false,"logs":false,"custompages":true,"tutorials":false},"name":"Developer Hub Topics","nav_names":{"docs":"Documentation","reference":"","changelog":"What's New","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":true,"appearance":true,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2025-02-19T11:48:25.576Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":false,"points":50},"tryItNow":{"enabled":false,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":true,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":false,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":41},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"64303d60ba325a003c697b0b","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc1204840480d3fe59142","641dc1204840480d3fe59142","641dc1204840480d3fe59144","64303d1e63d464004c48c548","64303d60ba325a003c697b0d","64303d9c89382307d31c46dd","662116e2e3fe420031e915e2","66223a72523eee004f4619bc","6626414010adad0025b6df54","6655fd0c77fe3d005bf543de","67adf75e2840f00024fd3ef3"],"project":"641dc1204840480d3fe5913b","releaseDate":"2023-03-24T15:26:24.593Z","createdAt":"2023-03-24T15:26:24.593Z","__v":0,"forked_from":"64303d1e63d464004c48c546","updatedAt":"2025-02-13T13:45:02.438Z"},"subdomain":"developer-general","subpath":"general","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"},{"type":"url","text":"UKG Pro status","url":"https://ukgprostatus.statuspage.io"}],"bottom":[],"edited":true},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:26:24.177Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"64303d1e63d464004c48c546","version":"0.0","version_clean":"0.0.0","codename":"Blank Base","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dc1204840480d3fe59142","641dc1204840480d3fe59142","641dc1204840480d3fe59144","64303d1e63d464004c48c548"],"project":"641dc1204840480d3fe5913b","releaseDate":"2023-03-24T15:26:24.593Z","createdAt":"2023-03-24T15:26:24.593Z","__v":0,"forked_from":"641dc1204840480d3fe59140"},{"_id":"64303d60ba325a003c697b0b","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc1204840480d3fe59142","641dc1204840480d3fe59142","641dc1204840480d3fe59144","64303d1e63d464004c48c548","64303d60ba325a003c697b0d","64303d9c89382307d31c46dd","662116e2e3fe420031e915e2","66223a72523eee004f4619bc","6626414010adad0025b6df54","6655fd0c77fe3d005bf543de","67adf75e2840f00024fd3ef3"],"project":"641dc1204840480d3fe5913b","releaseDate":"2023-03-24T15:26:24.593Z","createdAt":"2023-03-24T15:26:24.593Z","__v":0,"forked_from":"64303d1e63d464004c48c546","updatedAt":"2025-02-13T13:45:02.438Z"}],"variableDefaults":[],"webhookEnabled":false},{"_id":"641dbb2b5b8d7a004c213e3b","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"#005151","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":false,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":false,"logo":["https://files.readme.io/526a06e-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/40c01a7-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":".rm-Header-top {\n background: var(\n --ukg_sys_color_navHeaderGradient,\n linear-gradient(\n 90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%\n )\n );\n}\nnav.Header-leftADQdGVqx1wqU {\n display: flex;\n}\n.rm-Header-top-link:last-child{\n display: flex;\n}\n.landing-footer {\n\tbackground: #fff !important;\n position: relative;\n width: 100%;\n height: 60px;\n}\n .rm-Header-bottom {\n background: #fff !important;\n box-shadow: 0 1px 0 var(--color-border-default);\n}\n.Header-search_featherYsmQBn55F3d9 {\n position: absolute!important;\n top: 11px !important;\n right: 2px;\n box-shadow: unset!important;\n}\n.rm-Container>nav+div { \n left: auto !important;\n}\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 225px;\n}\n.notification-banner{\n margin-right:275px;\n}\n.notification-badge{\n margin-right:284px;\n}\n.Header-staging2fhBvH-z5mvq {\n\tdisplay: none !important;\n}\t\t\t\na.rm-Header-bottom-link:nth-last-child(-n+2)::after{\n content: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cpath d='M10.667 11.333H5.333a.669.669 0 0 1-.666-.666V5.333c0-.366.3-.666.666-.666H6c.367 0 .667-.3.667-.667 0-.367-.3-.667-.667-.667H4.667c-.74 0-1.334.6-1.334 1.334v6.666c0 .734.6 1.334 1.334 1.334h6.666c.734 0 1.334-.6 1.334-1.334V10c0-.367-.3-.667-.667-.667-.367 0-.667.3-.667.667v.667c0 .366-.3.666-.666.666zM7.888 4c0 .367.3.667.667.667h1.727L6.195 8.753a.664.664 0 1 0 .94.94l4.087-4.086v1.726c0 .367.3.667.666.667.367 0 .667-.3.667-.667V4c0-.367-.3-.667-.667-.667H8.555c-.367 0-.667.3-.667.667z' fill='%230176B2' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A\");\n width: 16px;\n height: 16px;\n margin: -3.55px 0 -5px 4px;\n}\n.Button>i:not(:only-child) {\n\topacity: 1 !important;\n}\n.rm-Container .rm-Header-bottom-link.Button>i {\n\tfont-size: 18px !important;\n}\nnav [class^='icon-'] {\n\tdisplay: none;\n}\nnav {\n\t margin: 7px 0;\n}\n.Dropdown_custom .rm-Header-bottom-link {\n\tcolor: #000 !important;\n}\n.Dropdown_custom button {\n width: 258px;\n height: 40px;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.42);\n display: flex;\n justify-content: space-between;\n}\n.Dropdown_custom .rm-Header-bottom-link.Button:hover, .Dropdown_custom .rm-Header-bottom-link.Button:active, .Dropdown_custom .rm-Header-bottom-link.Button:focus-within{\n border-color: #000 !important;\n}\n//svg image color change desktop view\n#colorWebhookImage g path {\n stroke: #0176B2;\n}\n #colorIntegrationImage .primary{\n fill: #0176B2;\n }\n\n@media screen and (max-width: 480px) {\n .Dropdown_custom button {\n width: 150px;\n height: 32px;\n margin: 9px 6px 9px 13px;\n overflow: hidden;\n }\n}\n@media screen and (max-width: 767px) {\n #colorWebhookImage g path {\n stroke: rgb(0, 0, 0, .6) !important;\n }\n \n #colorIntegrationImage .primary {\n fill: rgb(0, 0, 0, .6) !important;\n }\n}\n@media screen and (max-width: 1129px) {\n [class*=\"SearchBert\"][class*=\"Dropdown-toggle\"] {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n }\n [class*=\"SearchBert-icon\"]{\n opacity: 1;\n }\n [class*=\"SearchBert-shortcut_input\"]{\n position: unset;\n }\n \n .notification-banner {\n margin-right: 60px !important;\n }\n \n .notification-badge {\n margin-right: 71px !important;\n } \n }","stylesheet_hub3":"","javascript":"","javascript_hub2":"window.addEventListener(\"load\", (event) => {\n\tinitializeSidebar();\n const setSubHeaderFunctionality = () => {\n //set the Ions of Mobile View and Desktop View\n mobileAndDesktopSubHeaderICons();\n //set the Project Dropdown\n\t createProjectDropDown();\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.href.includes(\"reference\")) {\n setTimeout(initializeSidebar, 200);\n }\n });\n });\n };\n setTimeout(setSubHeaderFunctionality, 500);\n});\n \nfunction mobileAndDesktopSubHeaderICons(){\n if(screen.width>767){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n setIcons(marketPlaceEle,0);\n }else{\n const navEle = document.querySelector(\".rm-Flyout\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-MobileFlyout-item\");\n setIcons(marketPlaceEle,1);\n }\n}\n function setIcons(marketPlaceEle,index){\n marketPlaceEle.forEach((placeEle, i) => {\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList.length > index &&\n ( placeEle.firstChild.classList[index].indexOf(\"icon-\") > -1)\n ) {\n placeEle.removeChild(placeEle.firstChild);\n }\n if (\n placeEle.firstChild &&\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList[0] !== \"material-icons-outlined\"\n ) {\n const iconEle = document.createElement(\"i\");\n iconEle.className = \"material-icons-outlined md-18 \";\n switch (placeEle.firstChild.innerHTML) {\n case \"Documentation\":\n iconEle.innerHTML = \"text_snippet\";\n break;\n case \"API Specifications\":\n iconEle.innerHTML = \"code\";\n break;\n case \"UKG Webhooks\":\n iconEle.innerHTML =`<svg id=\"colorWebhookImage\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\n <mask id=\"xoek5ob71a\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"22\" height=\"22\">\n <path d=\"M24 0H0v24h24V0z\" fill=\"#fff\"/>\n </mask>\n <g mask=\"url(#xoek5ob71a)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5.668 12.487a3.556 3.556 0 1 0 5.444 3.014h5.334\"/>\n <path d=\"M14.726 18.614a3.557 3.557 0 1 0 1.719-6.67 3.73 3.73 0 0 0-1.778.445L12 7.499\"/>\n <path d=\"M15.556 7.5a3.556 3.556 0 1 0-7.112 0c0 1.338.684 2.505 1.778 3.11L7.555 15.5\"/>\n </g>\n </svg>`;\n placeEle.setAttribute(\"target\", \"_blank\");\n break;\n case \"Integrations Dashboard\":\n iconEle.innerHTML = `<svg id=\"colorIntegrationImage\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h24v24H0z\"/>\n <path d=\"M3 3h18v18H3z\"/>\n <path class=\"primary\" d=\"M12 5.25a8.25 8.25 0 0 1 6.575 13.234.75.75 0 1 1-1.193-.91l.173-.238a6.747 6.747 0 0 0 .689-1.266l-.928-.214a.75.75 0 0 1 .337-1.462l1.004.232c.061-.369.093-.745.093-1.126a6.72 6.72 0 0 0-.886-3.346l-.99.801a.75.75 0 1 1-.945-1.166l1.048-.849a6.734 6.734 0 0 0-4.226-2.149L12.75 8.25a.75.75 0 0 1-1.5 0V6.791a6.734 6.734 0 0 0-4.227 2.15l1.048.848a.75.75 0 1 1-.944 1.166l-.99-.8A6.72 6.72 0 0 0 5.25 13.5c0 .38.032.757.093 1.126l1.004-.232a.75.75 0 0 1 .337 1.462l-.928.214a6.717 6.717 0 0 0 .912 1.57.75.75 0 1 1-1.199.902A8.217 8.217 0 0 1 3.75 13.5 8.25 8.25 0 0 1 12 5.25zm2.028 4.867a.4.4 0 0 1 .149.368l-.536 3.939a1.5 1.5 0 1 1-2.635-1.12l2.46-3.12a.4.4 0 0 1 .562-.067z\" fill=\"#0176B2\" fill-rule=\"nonzero\"/>\n </g>\n </svg>`;\n placeEle.setAttribute(\"target\", \"_blank\");\n break;\n default:\n break;\n }\n placeEle.insertBefore(iconEle, placeEle.firstChild);\n }\n });\n }\nfunction createProjectDropDown(){\n const navEle = document.querySelector(\".rm-Container nav\");\n const UKGPRO_TITLE = \"UKG Pro Workforce Management\";\n const PRO_TITLE = \"UKG Pro\";\n const DEVELOPER_HUB_TOPICS_TITLE = \"Developer Hub Topics\";\n const DIMENSION_URL = \"/wfm/\";\n const DEVELOPER_HUB_TOPICS_URL = \"/general\"; \n const dropDownEle = document.createElement(\"div\");\n dropDownEle.className = \"Dropdown_custom\";\n dropDownEle.innerHTML = `\n <div\n aria-haspopup=\"dialog\"\n class=\"Dropdown-toggle\"\n role=\"button\"\n >\n <button\n class=\"Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link Button_primary\"\n type=\"button\"\n >\n <span>${PRO_TITLE}</span\n ><span class=\"undefined icon-chevron-down\"></span>\n </button>\n <div class=\"tippy-box-custom\" data-state=\"visible\" data-animation=\"fade\" role=\"tooltip\" data-placement=\"bottom-start\"\n style=\"max-width: none; transition-duration: 300ms; display:none\">\n <div\n class=\"tippy-content\"\n data-state=\"visible\"\n style=\"transition-duration: 300ms\"\n >\n <div>\n <div class=\"Dropdown-content Dropdown-content_opened\" role=\"dialog\">\n <div class=\"_908d819b1b786131cee389a8babd969e-scss _85f4d19c0454533f225e0fa60a0dba7c-scss Menu Menu_light\">\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"javascript:void(0)\"\n tabindex=\"0\"\n >${PRO_TITLE}</a>\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown menu-dropdown-link\"\n href=\"${DIMENSION_URL}\"\n tabindex=\"0\"\n >${UKGPRO_TITLE}</a>\n\t\t\t <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"${DEVELOPER_HUB_TOPICS_URL}\"\n tabindex=\"0\"\n >${DEVELOPER_HUB_TOPICS_TITLE}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n dropDownEle.addEventListener(\"focusout\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (\n event.relatedTarget === null ||\n (event.relatedTarget &&\n event.relatedTarget.classList &&\n !event.relatedTarget.classList.contains(\"menu-dropdown\"))\n ) {\n if (tippyEle && tippyEle.style.display !== \"none\") {\n tippyEle.style.display = \"none\";\n }\n }\n });\n dropDownEle.addEventListener(\"click\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (tippyEle && tippyEle.style.display === \"none\") {\n const encodeURIPathName = encodeURIComponent(window.location.pathname);\n const pathName = encodeURIPathName.split(\"%2F\")[2];\n const menuHrefEle = tippyEle.querySelector(\".menu-dropdown-link\");\n\t\tmenuHrefEle.setAttribute(\"href\", DIMENSION_URL + pathName);\n tippyEle.style.cssText = `\n z-index: 9999;\n position: absolute;\n visibility: visible;\n inset: 0px auto auto 0px;\n margin: 0px;\n transform: translate(20px, 105px)\n `;\n } else {\n tippyEle.style.display = \"none\";\n }\n });\n if (\n navEle.firstChild &&\n !navEle.firstChild.classList.contains(\"Dropdown_custom\") &&\n screen.width >= 481\n ) {\n navEle.insertBefore(dropDownEle, navEle.firstChild);\n }\n const mobileEle = document.querySelector(\".Select_sm\");\n const headerEle = document.querySelector(\".rm-Header-bottom\");\n if (\n mobileEle &&\n screen.width < 481 &&\n !headerEle.children[1].classList.contains(\"Dropdown_custom\")\n ) {\n headerEle.insertBefore(dropDownEle, mobileEle);\n }\n}\n\nfunction initializeSidebar() {\n const activeSidebarHeaderList = sessionStorage.getItem('ActiveSidebarHeaderList');\n const activeSideBarListSet = new Set(activeSidebarHeaderList?.split(\",\") ?? []);\n \n const activeLink = $(\".rm-Sidebar-link.active\");\n if (activeLink.length > 0) {\n activeLink.parents(\".rm-Sidebar-list\").addClass(\"section-list-expanded\");\n activeLink.parents(\".rm-Sidebar-section\").children(\".rm-Sidebar-heading\").addClass(\"section-expanded\");\n }\n\n // Collapse navigation in the sidebar initially\n document.querySelectorAll('.rm-Sidebar-section > .rm-Sidebar-list').forEach(el => {\n const parent = el.previousElementSibling?.innerHTML;\n if (activeSideBarListSet.has(parent)) {\n el.classList.add('section-expanded', 'section-list-expanded');\n } else {\n el.classList.add('section-collapsed');\n el.style.display = 'none';\n }\n });\n\n document.querySelectorAll('.rm-Sidebar-heading').forEach(el => {\n el.addEventListener('click', () => {\n if (el.nextElementSibling?.classList.contains('section-list-expanded')) {\n activeSideBarListSet.delete(el.innerHTML);\n } else {\n activeSideBarListSet.add(el.innerHTML);\n }\n el.classList.toggle('section-expanded');\n el.nextElementSibling?.classList.toggle('section-list-expanded');\n el.nextElementSibling.style.display = 'none';\n sessionStorage.setItem('ActiveSidebarHeaderList', Array.from(activeSideBarListSet).join(\",\"));\n });\n });\n}","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":false,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg2 Developer Hub","text":"Welcome to the ukg2 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg2 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dbb2b5b8d7a004c213e3d"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"error-page","experiments":[],"first_page":"reference","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"owlbotAi":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"superHubBeta":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer-hcm.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dbb2b5b8d7a004c213e3c","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"name":"UKG Pro","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":true,"appearance":true,"jwt":false,"api":true,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2025-02-14T11:21:07.852Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":true,"points":50},"tryItNow":{"enabled":true,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":false,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":true,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":122},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":true,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"643461bcc7fe9c0deaab761c","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e44","64303a40444f2400187fe286","643461bcc7fe9c0deaab761e","643461bd0ea6840042b3d53c","643461be187817012e3ccbe9","643461bec592fe0fa7485ccc","643461bee920140975199302","643461d27bcd6c0778badfb4","643461d64567f90045fe7c8b","643461dae5e62905be9e51d3","643461dfbffd2707440706ff","643461e24e1e980db1033e57","643461e6a48d1606e6187557","643461e9751ffb0d0e213d27","643461ed97363c001803ae9f","643461f170cd9b06de2f6dbe","643461f4840c0706d4113bc2","643461f8098713006b84df03","643461fc9c790a03237f3291","6434620089368f07231cf8f9","6434620384d4c2019983ffeb","64346207f191f80ce9868df0","6434620b3c790906635c12b3","6434620ebffd27074407072a","64346212ffa8660e473f3c01","6434621559bd4a005e009c34","643462199034f306ee396049","6434621d7dec8e035ff4a916","64346221cbe8ac00757e8869","64346225c592fe0fa7486f86","643462285cf1f804172deba6","6434622c11097c0073dd17e8","6434622f15d8d80049ea6976","6434623398cc77060803d05f","6434623660a1740721687582","6434623af3d1110f80f6edea","6434623ed979170ecef891bc","64346243afcc95004c44e904","6434624730cd2806653c3194","6434624a7dec8e035ff4b104","6434624d15d8d80049ea71b5","6434625184d4c20199841aeb","64346255c317ac06901c760e","643462599f9a9d08d612c0fa","6434625d0123820168171689","6434626197363c001803bb16","64346264d4d8d505fa8926df","64346268bc09a4005eddb3eb","6434626ced589d068bbc9c82","64346275149d6f007b7fa046","6434627cbb0f6f003d52b8ce","64346281bd464c000b312681","64346285eeb2bd003459bec5","643462893389cd0057be983c","6434628e2b989e00112d9e57","6434629227752f00189872b1","6434629621ca7a006359f84c","6434629a49eedd0037d5c367","6434629e6c3b0e003db32f8d","643462a377791c000abb20b0","643462a83b4235003c176c73","643462acd7e04100342d5c82","643462b013894e006c36f2fd","643462b41c5cbc000af22746","643462b847850d00118b92fc","643462bd7f0ea20050480b1c","643462c2a9b545006099659d","643462c6b78378002d9ac693","643462cb287c3c0026db3663","643462cf1142fa005f61081b","643462d3ec43f4006b6fea0e","643462d8ab75c2002db82cb8","643462ddd2297100647b473c","643462e120af970026d0fc60","643462e577791c000abb3939","643462ea2e5666001f5a50f4","643462f2cc0367001fdc325c","643462f749ae46007bd650eb","6434630d47850d00118bc617","6434631577791c000abb4181","643463182b989e00112dc3e6","6434631c484ba40044d31267","6434631e2f408200666bdbc2","660fa15faac40d0019048e74","6661c787996dc80062eb1f6a","66eb02d753800343ae2c45ae","66eb1e56aa7c6a00116bcf84","66eb1e9c9a42ac3f7ee70a70","66f3d1df346c5d004a0735a4","670f8d8c5b30e2001f855ba8","679d051563510f0046659737","67adfac3caaae7000f36481a","67adfacdcaaae7000f36495e","67adfad332bd3c004c2d5b49","67adfadb17d53e0012a2b044","67adfadfa2565200611b6662","67adfae41adffb0ea6f88df3","67adfae91adffb0ea6f88e05","67adfafbe1f4050010b07884","67ae1963a92df6005045385b","67ae196a74f4ba0011428cb0","67ae1970922b49002af71b40","67ae197b35cecb0052829f94","67ae1981009874000fcea6cb","67ae198b18fd5c0068b73e5b","67ae19907de5560036102c90","67ae19974f8d910059c7069d","67ae199ddd6b8400580b0f3b","67ae19a6034853000f5abb36","67ae19b133e750002ab6ed8c"],"project":"641dbb2b5b8d7a004c213e3b","releaseDate":"2023-03-24T15:00:59.798Z","createdAt":"2023-03-24T15:00:59.798Z","__v":0,"forked_from":"64303a40444f2400187fe284","updatedAt":"2025-02-13T16:11:29.964Z"},"subdomain":"developer-hcm","subpath":"hcm","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"},{"type":"url","url":"https://ukgprostatus.statuspage.io","text":"UKG Pro status"}],"bottom":[{"type":"url","text":"UKG Webhooks","url":"https://webhooks.ukg.net"},{"type":"url","text":"Integrations Dashboard","url":"https://integrations.ultipro.com/"}],"edited":true},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:00:59.369Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"64303a40444f2400187fe284","version":"0.0","version_clean":"0.0.0","codename":"Blank Base","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e44","64303a40444f2400187fe286"],"project":"641dbb2b5b8d7a004c213e3b","releaseDate":"2023-03-24T15:00:59.798Z","createdAt":"2023-03-24T15:00:59.798Z","__v":0,"forked_from":"641dbb2b5b8d7a004c213e40"},{"_id":"643461bcc7fe9c0deaab761c","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e44","64303a40444f2400187fe286","643461bcc7fe9c0deaab761e","643461bd0ea6840042b3d53c","643461be187817012e3ccbe9","643461bec592fe0fa7485ccc","643461bee920140975199302","643461d27bcd6c0778badfb4","643461d64567f90045fe7c8b","643461dae5e62905be9e51d3","643461dfbffd2707440706ff","643461e24e1e980db1033e57","643461e6a48d1606e6187557","643461e9751ffb0d0e213d27","643461ed97363c001803ae9f","643461f170cd9b06de2f6dbe","643461f4840c0706d4113bc2","643461f8098713006b84df03","643461fc9c790a03237f3291","6434620089368f07231cf8f9","6434620384d4c2019983ffeb","64346207f191f80ce9868df0","6434620b3c790906635c12b3","6434620ebffd27074407072a","64346212ffa8660e473f3c01","6434621559bd4a005e009c34","643462199034f306ee396049","6434621d7dec8e035ff4a916","64346221cbe8ac00757e8869","64346225c592fe0fa7486f86","643462285cf1f804172deba6","6434622c11097c0073dd17e8","6434622f15d8d80049ea6976","6434623398cc77060803d05f","6434623660a1740721687582","6434623af3d1110f80f6edea","6434623ed979170ecef891bc","64346243afcc95004c44e904","6434624730cd2806653c3194","6434624a7dec8e035ff4b104","6434624d15d8d80049ea71b5","6434625184d4c20199841aeb","64346255c317ac06901c760e","643462599f9a9d08d612c0fa","6434625d0123820168171689","6434626197363c001803bb16","64346264d4d8d505fa8926df","64346268bc09a4005eddb3eb","6434626ced589d068bbc9c82","64346275149d6f007b7fa046","6434627cbb0f6f003d52b8ce","64346281bd464c000b312681","64346285eeb2bd003459bec5","643462893389cd0057be983c","6434628e2b989e00112d9e57","6434629227752f00189872b1","6434629621ca7a006359f84c","6434629a49eedd0037d5c367","6434629e6c3b0e003db32f8d","643462a377791c000abb20b0","643462a83b4235003c176c73","643462acd7e04100342d5c82","643462b013894e006c36f2fd","643462b41c5cbc000af22746","643462b847850d00118b92fc","643462bd7f0ea20050480b1c","643462c2a9b545006099659d","643462c6b78378002d9ac693","643462cb287c3c0026db3663","643462cf1142fa005f61081b","643462d3ec43f4006b6fea0e","643462d8ab75c2002db82cb8","643462ddd2297100647b473c","643462e120af970026d0fc60","643462e577791c000abb3939","643462ea2e5666001f5a50f4","643462f2cc0367001fdc325c","643462f749ae46007bd650eb","6434630d47850d00118bc617","6434631577791c000abb4181","643463182b989e00112dc3e6","6434631c484ba40044d31267","6434631e2f408200666bdbc2","660fa15faac40d0019048e74","6661c787996dc80062eb1f6a","66eb02d753800343ae2c45ae","66eb1e56aa7c6a00116bcf84","66eb1e9c9a42ac3f7ee70a70","66f3d1df346c5d004a0735a4","670f8d8c5b30e2001f855ba8","679d051563510f0046659737","67adfac3caaae7000f36481a","67adfacdcaaae7000f36495e","67adfad332bd3c004c2d5b49","67adfadb17d53e0012a2b044","67adfadfa2565200611b6662","67adfae41adffb0ea6f88df3","67adfae91adffb0ea6f88e05","67adfafbe1f4050010b07884","67ae1963a92df6005045385b","67ae196a74f4ba0011428cb0","67ae1970922b49002af71b40","67ae197b35cecb0052829f94","67ae1981009874000fcea6cb","67ae198b18fd5c0068b73e5b","67ae19907de5560036102c90","67ae19974f8d910059c7069d","67ae199ddd6b8400580b0f3b","67ae19a6034853000f5abb36","67ae19b133e750002ab6ed8c"],"project":"641dbb2b5b8d7a004c213e3b","releaseDate":"2023-03-24T15:00:59.798Z","createdAt":"2023-03-24T15:00:59.798Z","__v":0,"forked_from":"64303a40444f2400187fe284","updatedAt":"2025-02-13T16:11:29.964Z"}],"variableDefaults":[{"source":"server","type":"","_id":"67ae196c74f4ba0011428cb2","name":"hostname","default":"hostname","apiSetting":"67ae196a74f4ba0011428cae"},{"source":"security","type":"http","_id":"67ae196c74f4ba0011428cb1","name":"basicAuth","scheme":"basic","apiSetting":"67ae196a74f4ba0011428cae"},{"source":"security","type":"oauth2","_id":"67ae197d35cecb0052829f95","name":"OauthSecurity","apiSetting":"67ae197b35cecb0052829f92"},{"source":"security","type":"oauth2","_id":"67ae19a7034853000f5abb39","name":"OPPAuthN","apiSetting":"67ae19a6034853000f5abb34"},{"source":"security","type":"http","_id":"67ae19a7034853000f5abb38","name":"BasicAuthentication","scheme":"basic","apiSetting":"67ae19a6034853000f5abb34"},{"source":"security","type":"apiKey","_id":"67ae19a7034853000f5abb37","name":"Token","apiSetting":"67ae19a6034853000f5abb34"}],"webhookEnabled":false},{"_id":"641dc132ed6a400b07f7cd9d","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"","main_alt":"","header_text":"","body_highlight":"","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":true,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":true,"logo":["https://files.readme.io/45785f4-brandmark-blue.svg","readme.svg",60,60,"#048ef5"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"","stylesheet_hub3":"","javascript":"","javascript_hub2":"","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":true,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg5 Developer Hub","text":"Welcome to the ukg5 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg5 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc132ed6a400b07f7cd9f"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"","experiments":[],"first_page":"landing","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"allowReusableOTPs":false,"developerDashboard":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"disableSAMLScoping":false,"git":{"read":false,"write":false},"owlbotAi":false,"superHubBeta":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"bidiSync":false,"changelogRssAlwaysPublic":false,"customComponents":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"superHubMigrationSelfServeFlow":false,"gitSidebar":true,"disableDiscussionSpamRecaptchaBypass":false},"fullBaseUrl":"https://ukg5.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc132ed6a400b07f7cd9e","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"admin","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":true,"suggested_edits":true,"logs":false,"custompages":false,"tutorials":false},"name":"ukg5","nav_names":{"docs":"","reference":"","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":false,"appearance":false,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2024-07-08T14:58:09.216Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":false,"points":50},"tryItNow":{"enabled":false,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":true,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":true,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":false,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":46},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"641dc134ed6a400b07f7cda5","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda9"],"project":"641dc132ed6a400b07f7cd9d","releaseDate":"2023-03-24T15:26:44.617Z","createdAt":"2023-03-24T15:26:44.617Z","__v":1},"subdomain":"ukg5","subpath":"","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"user"}],"bottom":[],"edited":false},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:26:42.594Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"641dc134ed6a400b07f7cda5","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda9"],"project":"641dc132ed6a400b07f7cd9d","releaseDate":"2023-03-24T15:26:44.617Z","createdAt":"2023-03-24T15:26:44.617Z","__v":1}],"variableDefaults":[],"webhookEnabled":false},{"_id":"641dc127e3cb08061d684984","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"","main_alt":"","header_text":"","body_highlight":"","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":true,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":true,"logo":["https://files.readme.io/45785f4-brandmark-blue.svg","readme.svg",60,60,"#048ef5"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"","stylesheet_hub3":"","javascript":"","javascript_hub2":"","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":true,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg4 Developer Hub","text":"Welcome to the ukg4 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg4 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc127e3cb08061d684986"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"","experiments":[],"first_page":"landing","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"allowReusableOTPs":false,"developerDashboard":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"disableSAMLScoping":false,"git":{"read":false,"write":false},"owlbotAi":false,"superHubBeta":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"bidiSync":false,"changelogRssAlwaysPublic":false,"customComponents":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"superHubMigrationSelfServeFlow":false,"gitSidebar":true,"disableDiscussionSpamRecaptchaBypass":false},"fullBaseUrl":"https://ukg4.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc127e3cb08061d684985","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"admin","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":true,"suggested_edits":true,"logs":false,"custompages":false,"tutorials":false},"name":"ukg4","nav_names":{"docs":"","reference":"","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":false,"appearance":false,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2024-07-08T14:58:08.764Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":false,"points":50},"tryItNow":{"enabled":false,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":true,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":true,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":false,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":46},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"641dc12be3cb08061d68498d","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc12de3cb08061d68498f","641dc12de3cb08061d68498f","641dc12de3cb08061d684991"],"project":"641dc127e3cb08061d684984","releaseDate":"2023-03-24T15:26:35.565Z","createdAt":"2023-03-24T15:26:35.566Z","__v":1},"subdomain":"ukg4","subpath":"","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"user"}],"bottom":[],"edited":false},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:26:31.863Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"641dc12be3cb08061d68498d","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc12de3cb08061d68498f","641dc12de3cb08061d68498f","641dc12de3cb08061d684991"],"project":"641dc127e3cb08061d684984","releaseDate":"2023-03-24T15:26:35.565Z","createdAt":"2023-03-24T15:26:35.566Z","__v":1}],"variableDefaults":[],"webhookEnabled":false}],"derivedPlan":"enterprise","description":"Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs.","error404":"","experiments":[],"first_page":"landing","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":true,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":true,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"owlbotAi":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"superHubBeta":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer.ukg.com/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":true,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":true,"discuss":true,"suggested_edits":true,"logs":false,"custompages":false,"tutorials":false},"name":"UKG Developer Hub","nav_names":{"docs":"","reference":"","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":false,"appearance":false,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":true,"isPaying":false,"customization":{"answerLength":"long","defaultAnswer":"I apologize, I can't figure this out. Could you try rewording your prompt? If I am still struggling to answer, please refer to our [\"GenAI Search page\"] (https://developer.ukg.com/general/docs/genai-search)","forbiddenWords":"OAS","tone":"professional","customTone":""},"copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","planTrial":"enterprise","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":true,"points":50},"tryItNow":{"enabled":true,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":false,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":true,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":122},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"641dc2824840480d3fe5b08f","version":"1.0.0","version_clean":"1.0.0","codename":"","is_stable":false,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":[],"releaseDate":"2023-03-24T15:32:18.440Z","createdAt":"2023-03-24T15:32:18.440Z","project":"641dc2824840480d3fe5b090","__v":0},"subdomain":"staging-developer-ukg","subpath":"","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"}],"bottom":[],"edited":true},"trial":{"trialDeadlineEnabled":true,"trialEndsAt":"2023-04-07T15:32:18.443Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"641dc2824840480d3fe5b08f","__v":0,"categories":[],"codename":"","createdAt":"2023-03-24T15:32:18.440Z","is_beta":false,"is_deprecated":false,"is_hidden":false,"is_stable":false,"project":"641dc2824840480d3fe5b090","releaseDate":"2023-03-24T15:32:18.440Z","version":"1.0.0","version_clean":"1.0.0"}],"variableDefaults":[],"webhookEnabled":false,"oauth_code":{"now_url":""},"segmentio":"","segmentio_domain":"","google_analytics":"G-1JFRM2SNME"},"glpString":"<div class=\"rm-Markdown markdown-body\" data-testid=\"RDMD\"><div class=\"rdmd-html\"><div id=\"main\" class=\"container flex-1\">\n <div id=\"project_landing\" class=\"landing-container landing-page-background land-search-box\">\n <div class=\"project-subheader\">\n <div class=\"content-block\">\n <div class=\"hub-subheader-parent dynamic-sub-header-element\">\n \n \n <div class=\"hub-left desktop-header\">\n <span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\" style=\"margin-top: 0px !important;\">Explore documentation, code samples, tutorials and best practices for building\n solutions on UKG’s Flex platform</span>\n </div>\n </div>\n <div class=\"hub-subheader-parent\">\n <div class=\"hub-slider-content\" style=\"margin-top: 20px !important;\">\n <span class=\"hub-whats-new-slider-content\">What’s new</span>\n </div>\n </div>\n <div class=\"hub-subheader-parent\">\n <div class=\"hub-slider swiper\">\n <div class=\"slide-content slide-banner-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-live=\"polite\">\n <div class=\"slider-card swiper-slide first-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <div class=\"slider-card-content\">\n <a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\">\n <div class=\"slider-card-content-title\">\n <p class=\"slider-card-title\">Get hooked - UKG Webhooks</p>\n </div>\n <div class=\"slider-card-content-description\">\n \t <p class=\"slider-card-description\">Explore the capabilities of UKG Webhooks to automate workflows\n within your organization.\n </p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\">\n \t</a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\"></a><a href=\"/general/changelog/introducing-ukg-webhooks\" class=\"learn-more\"><span>Learn\n more</span></a></p> \n </div>\n \n </div>\n\n </div>\n\n <div class=\"slider-card swiper-slide second-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\n <div class=\"slider-card-content\">\n <a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\">\n <div class=\"slider-card-content-title\">\n <p class=\"slider-card-title\">Discover new and improved APIs</p>\n </div>\n <div class=\"slider-card-content-description\">\n <p class=\"slider-card-description\">New Payroll and Recruiting APIs now available along with enhancements to existing operations for UKG Pro and UKG Pro WFM.\n \t </p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\">\n </a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\"></a><a href=\"/wfm/docs/release-notes-doc\" class=\"learn-more\"><span>Learn\n more</span></a></p>\n </div>\n \n </div>\n\n </div>\n\n <div class=\"slider-card swiper-slide\" role=\"group\" aria-label=\"3 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\n <div class=\"slider-card-content\">\n\t\t\t\t\t\t\t\t\t <a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"slider-card-content-title\">\n \t<p class=\"slider-card-title\">Connect directly with other developers</p>\n </div>\n <div class=\"slider-card-content-description\">\n \t <p class=\"slider-card-description\">Your go-to destination for getting answers, exchanging tips and sharing best practices when working with the Pro Suite APIs and UKG tools.\n \t</p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n \t</a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\"></a><a href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\" class=\"learn-more\"><span>Learn\n more</span></a></p>\n </div>\n \n </div>\n\n </div>\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" role=\"button\" aria-label=\"Go to slide 1\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n </div>\n <div class=\"hub-subheader-parent slide-blank\">\n <div class=\"hub-left\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n\n </div>\n </div>\n <div class=\"card-section\">\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title\">Getting started</span>\n </div>\n <div class=\"card-header-content\">\n <span class=\"text\">Learn how to work with Developer Hub resources, whether you're a developer or an HR professional</span>\n </div>\n <div class=\"page-content flex-content\">\n <nav>\n <ul class=\"tabs\">\n <li class=\"tab-li\">\n <a href=\"#tab1\" class=\"tab-li__link active\">Developers</a>\n </li>\n <li class=\"tab-li\">\n <a href=\"#tab2\" class=\"tab-li__link\">Non-Developers</a>\n </li>\n </ul>\n </nav>\n </div>\n <div class=\"page-content flex-tab-content\">\n <div id=\"tab1\" class=\"data-tab-content getting-tab1 active\" style=\"\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-getting-content slide-getting-tab1-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-8275c5a78c9b8d18\" aria-live=\"polite\">\n <div class=\"card-getting-started swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <a href=\"/hcm/docs/call-your-first-pro-api\" class=\"main-banner-link\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">Call your first Pro API</p>\n <p class=\"text\">Learn which APIs and tools to use when and how to use them</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <a href=\"/general/docs/api-and-developer-tools-overview\" class=\"main-banner-link\">\n <div class=\"icon icon2\"></div>\n <p class=\"title\">API and developer tools overview</p>\n <p class=\"text\">Understand the breadth of capabilities available to extend the Pro Suite</p>\n </a> \n </div>\n\n <div class=\"card-getting-started swiper-slide\" role=\"group\" aria-label=\"3 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\t\t\t\t\t\t\t\t\t\t <a target=\"_blank\" class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk to the Community<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Have a question about integrations, APIs or how to use the resources in the\n Developer Hub?</p>\n </a>\n </div>\n\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" style=\"top: -15px;\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-8275c5a78c9b8d18\" aria-disabled=\"true\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" style=\"top: -15px;\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-8275c5a78c9b8d18\" aria-disabled=\"true\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n\n <div id=\"tab2\" class=\"data-tab-content getting-tab2\" style=\"\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-getting-content slide-getting-tab2-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-74f618610b7bf7841\" aria-live=\"polite\" style=\"cursor: grab; transition-duration: 0ms;\">\n <div class=\"card-getting-started swiper-slide\">\n <a href=\"/general/docs/api-and-developer-tools-overview\" class=\"main-banner-link\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">API and tools overview</p>\n <p class=\"text\">Understand the breadth of capabilities available to extend the Pro Suite</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide\">\n <a href=\"/general/docs/authentication-and-authorization\" class=\"main-banner-link\">\n <div class=\"icon icon2\"></div>\n <p class=\"title\">Authentication &amp; Authorization</p>\n <p class=\"text\">Understand how to authorize access to APIs and developer tools</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide\">\n\t\t\t\t\t\t\t\t\t\t\t<a target=\"_blank\" class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk to the Community<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Have a question about integrations, APIs or how to use the resources in the\n Developer Hub?</p>\n </a>\n </div>\n\n\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn\" tabindex=\"0\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-74f618610b7bf7841\" aria-disabled=\"false\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic\"></div>\n <div class=\"swiper-button-next swiper-navBtn\" tabindex=\"0\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-74f618610b7bf7841\" aria-disabled=\"false\" style=\"top: -15px;\"></div>\n </div>\n <div class=\"hub-subheader-parent slide-blank\">\n <div class=\"hub-left\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title\">Product Suites</span>\n </div>\n <div class=\"page-content flex-tab-content-pro product-spec\">\n <div class=\"row content-pro-main\">\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-first\">\n <div class=\"card-wrapper\">\n <div class=\"card-getting-started\">\n <p class=\"title\">UKG Pro®</p>\n <div class=\"icon\">\n <img src=\"//files.readme.io/02fee2bc0d06938323c657eb43938c029db1a90204686a06090bcb0ddf7b32c9-image-pro-mobile.svg\" class=\"pro-img-mobile\" style=\"display:none\">\n <img src=\"//files.readme.io/009a0767406717e7ffaad1b53096c04eeb77b56f70f0f21dc60b021b0a377aa6-image-pro-ipad.svg\" class=\"pro-img-ipad\" style=\"display:none\">\n <img src=\"//files.readme.io/27545e1f1f5c14d20d1321a1fced5eb969605490de99c3b80c9843232de861ad-image-pro-desktop.svg\" class=\"pro-img-desktop\" style=\"display: block;\">\n </div>\n <div class=\"text\">\n <p class=\"gap-text\">Developer resources to build solutions with your enterprise-level data</p>\n <div>\n <p> <a href=\"/hcm\"><span>Work with people, benefits, payroll, talent&nbsp; and HR\n data</span></a></p>\n <p> <a href=\"/wfm\"><span>Create solutions with punches, shifts, scheduling,\n accruals, and time data</span></a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-second\">\n <div class=\"card-wrapper\">\n <div class=\"card-getting-started\">\n <p class=\"title\">Ready</p>\n <div class=\"icon\">\n <img src=\"//files.readme.io/64104f6a0c7f2aaf3ff9e9b825847ddc711a3a88cec9d7b94850d64c12a5b34a-image-ready-mobile.svg\" class=\"ready-img-mobile\" style=\"display:none\">\n <img src=\"//files.readme.io/08ee4be9212d13b638d1b4dfa67c3d360ae0e1c4803c4302b9c7720a4438cd1a-image-ready-ipad.svg\" class=\"ready-img-ipad\" style=\"display:none\">\n <img src=\"//files.readme.io/3af2e970c8fc1293e7ab564cd324051edae3f293f2cc1ffb273d47654d5a108b-image-ready-desktop-demo.svg\" class=\"ready-img-desktop\" style=\"display: block;\">\n </div>\n <div class=\"text\">\n <p class=\"gap-text\">Developer resources for small and medium-sized businesses</p>\n <div>\n <p> <a href=\"https://secure7.saashr.com/ta/docs/rest/public/\" target=\"_blank\"><span>Get started\n with Ready<i class=\"icon-nav-advanced\"></i></span></a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n\n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title flex-header-title\">Specialty solutions</span>\n </div>\n <div class=\"page-content flex-specialized\">\n <div id=\"Specialized\" class=\"content-specialized\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-Specialized-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-90f1dd722757307a\" aria-live=\"polite\">\n <div class=\"card-getting-started swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 2\" style=\"width: 652px; margin-right: 32px;\">\n \t\t\t\t\t\t\t\t<a href=\"https://doc.people-doc.com/\" target=\"_blank\" class=\"hr-doc\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">HR Service Delivery<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Improve HR agility through employee request management, knowledge portal, process automation, document storage and compliance.</p>\n </a>\n </div>\n \n <div class=\"card-getting-started swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 2\" style=\"width: 652px; margin-right: 32px;\">\n \n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk</p>\n <p class=\"text cm-soon\">Coming soon</p>\n \n </div>\n \n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-90f1dd722757307a\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-90f1dd722757307a\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n \n \n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title flex-header-title\">FleX</span>\n </div>\n <div class=\"page-content flex-ukg\">\n <div id=\"flex-ukg\" class=\"flex-ukg-content\">\n <div>\n <div class=\"content-flex\">\n <div class=\"flex-card-wrapper card-wrapper\">\n \n <div class=\"card-getting-started\">\n \n <a href=\"/hcm/docs/ukg-webhooks-user-guide\" class=\"hr-doc\">\n <p class=\"title\">Webhooks</p>\n <p class=\"text\">Modern, event-driven notifications for changes related to UKG data</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a href=\"/wfm/docs/a-guide-to-ukg-flow\" class=\"hr-doc\">\n <p class=\"title\">UKG Flow</p>\n <p class=\"text\">Ready-to-use third-party integrations</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a class=\"hr-doc\">\n <p class=\"title\">UKG People fabric</p>\n <p class=\"text cm-soon\">Coming soon</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a class=\"hr-doc\">\n <p class=\"title\">Integrations</p>\n <p class=\"text cm-soon\">Coming soon</p>\n </a>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n \n \n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"loading\" style=\"display: block;\">Loading…</div></div></div></div>","meta":{"title":"UKG Developer Hub"},"searchPermissions":"MjViMmU3ZjI2ZmUyY2E4ZGQ5Y2NjYjI3N2FlZjhlMzllZjhmOWM0ZWFhOWQ2OTcxMTIwYmMzMmU0ODAxYzE0ZHRhZ0ZpbHRlcnM9KHByb2plY3Q6NjQxZGMxODJjNTNjOTcwMDBhYWQ4YTc1LHByb2plY3Q6NjQxZGMxMjA0ODQwNDgwZDNmZTU5MTNiLHByb2plY3Q6NjQxZGJiMmI1YjhkN2EwMDRjMjEzZTNiKSwodmVyc2lvbjpub25lLHZlcnNpb246NjQxZGMyODI0ODQwNDgwZDNmZTViMDhmLHZlcnNpb246NjZkZjI2YzhhNjM3ODgwMDYxMDk1ZWI2LHZlcnNpb246NjQzMDNkNjBiYTMyNWEwMDNjNjk3YjBiLHZlcnNpb246NjQzNDYxYmNjN2ZlOWMwZGVhYWI3NjFjKSwoaGlkZGVuOm5vbmUsaGlkZGVuOmZhbHNlKSwoaW5kZXg6Q3VzdG9tUGFnZSxpbmRleDpQYWdlLGluZGV4OkJsb2cp","config":{"algoliaIndex":"readme_search_v2","amplitude":{"apiKey":"dc8065a65ef83d6ad23e37aaf014fc84","enabled":true},"asset_url":"https://cdn.readme.io","domain":"readme.io","domainFull":"https://dash.readme.com","encryptedLocalStorageKey":"ekfls-2024-05","fullstory":{"enabled":true,"orgId":"FSV9A"},"metrics":{"billingCronEnabled":"true","dashUrl":"https://m.readme.io","defaultUrl":"https://m.readme.io","exportMaxRetries":12,"wsUrl":"wss://m.readme.io"},"proxyUrl":"https://try.readme.io","readmeRecaptchaSiteKey":"6LesVBYpAAAAAESOCHOyo2kF9SZXPVb54Nwf3i2x","releaseVersion":"5.286.0","sentry":{"dsn":"https://3bbe57a973254129bcb93e47dc0cc46f@o343074.ingest.sentry.io/2052166","enabled":true,"tracesSampleRate":0},"shMigration":{"promoVideo":"","forceWaitlist":false},"sslBaseDomain":"readmessl.com","sslGenerationService":"ssl.readmessl.com","stripePk":"pk_live_5103PML2qXbDukVh7GDAkQoR4NSuLqy8idd5xtdm9407XdPR6o3bo663C1ruEGhXJjpnb2YCpj8EU1UvQYanuCjtr00t1DRCf2a","superHub":{"newProjectsEnabled":true},"wootric":{"accountToken":"NPS-122b75a4","enabled":true}},"context":{"labs":{},"user":{},"terms":[],"variables":{"user":{},"defaults":[]},"project":{"_id":"641dc2824840480d3fe5b090","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"<div class=\"rm-Markdown markdown-body\" data-testid=\"RDMD\"><div class=\"rdmd-html\"><div id=\"main\" class=\"container flex-1\">\n <div id=\"project_landing\" class=\"landing-container landing-page-background land-search-box\">\n <div class=\"project-subheader\">\n <div class=\"content-block\">\n <div class=\"hub-subheader-parent dynamic-sub-header-element\">\n \n \n <div class=\"hub-left desktop-header\">\n <span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\" style=\"margin-top: 0px !important;\">Explore documentation, code samples, tutorials and best practices for building\n solutions on UKG’s Flex platform</span>\n </div>\n </div>\n <div class=\"hub-subheader-parent\">\n <div class=\"hub-slider-content\" style=\"margin-top: 20px !important;\">\n <span class=\"hub-whats-new-slider-content\">What’s new</span>\n </div>\n </div>\n <div class=\"hub-subheader-parent\">\n <div class=\"hub-slider swiper\">\n <div class=\"slide-content slide-banner-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-live=\"polite\">\n <div class=\"slider-card swiper-slide first-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <div class=\"slider-card-content\">\n <a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\">\n <div class=\"slider-card-content-title\">\n <p class=\"slider-card-title\">Get hooked - UKG Webhooks</p>\n </div>\n <div class=\"slider-card-content-description\">\n \t <p class=\"slider-card-description\">Explore the capabilities of UKG Webhooks to automate workflows\n within your organization.\n </p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\">\n \t</a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"/general/changelog/introducing-ukg-webhooks\"></a><a href=\"/general/changelog/introducing-ukg-webhooks\" class=\"learn-more\"><span>Learn\n more</span></a></p> \n </div>\n \n </div>\n\n </div>\n\n <div class=\"slider-card swiper-slide second-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\n <div class=\"slider-card-content\">\n <a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\">\n <div class=\"slider-card-content-title\">\n <p class=\"slider-card-title\">Discover new and improved APIs</p>\n </div>\n <div class=\"slider-card-content-description\">\n <p class=\"slider-card-description\">New Payroll and Recruiting APIs now available along with enhancements to existing operations for UKG Pro and UKG Pro WFM.\n \t </p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\">\n </a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"/wfm/docs/release-notes-doc\"></a><a href=\"/wfm/docs/release-notes-doc\" class=\"learn-more\"><span>Learn\n more</span></a></p>\n </div>\n \n </div>\n\n </div>\n\n <div class=\"slider-card swiper-slide\" role=\"group\" aria-label=\"3 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\n <div class=\"slider-card-content\">\n\t\t\t\t\t\t\t\t\t <a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"slider-card-content-title\">\n \t<p class=\"slider-card-title\">Connect directly with other developers</p>\n </div>\n <div class=\"slider-card-content-description\">\n \t <p class=\"slider-card-description\">Your go-to destination for getting answers, exchanging tips and sharing best practices when working with the Pro Suite APIs and UKG tools.\n \t</p>\n </div>\n </a><div class=\"slider-card-content-link\"><a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n \t</a><p class=\"learn-more-content\"><a class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\"></a><a href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\" class=\"learn-more\"><span>Learn\n more</span></a></p>\n </div>\n \n </div>\n\n </div>\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" role=\"button\" aria-label=\"Go to slide 1\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-2fd795e8f5dfbb17\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n </div>\n <div class=\"hub-subheader-parent slide-blank\">\n <div class=\"hub-left\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n\n </div>\n </div>\n <div class=\"card-section\">\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title\">Getting started</span>\n </div>\n <div class=\"card-header-content\">\n <span class=\"text\">Learn how to work with Developer Hub resources, whether you're a developer or an HR professional</span>\n </div>\n <div class=\"page-content flex-content\">\n <nav>\n <ul class=\"tabs\">\n <li class=\"tab-li\">\n <a href=\"#tab1\" class=\"tab-li__link active\">Developers</a>\n </li>\n <li class=\"tab-li\">\n <a href=\"#tab2\" class=\"tab-li__link\">Non-Developers</a>\n </li>\n </ul>\n </nav>\n </div>\n <div class=\"page-content flex-tab-content\">\n <div id=\"tab1\" class=\"data-tab-content getting-tab1 active\" style=\"\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-getting-content slide-getting-tab1-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-8275c5a78c9b8d18\" aria-live=\"polite\">\n <div class=\"card-getting-started swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <a href=\"/hcm/docs/call-your-first-pro-api\" class=\"main-banner-link\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">Call your first Pro API</p>\n <p class=\"text\">Learn which APIs and tools to use when and how to use them</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 3\" style=\"width: 424px; margin-right: 32px;\">\n <a href=\"/general/docs/api-and-developer-tools-overview\" class=\"main-banner-link\">\n <div class=\"icon icon2\"></div>\n <p class=\"title\">API and developer tools overview</p>\n <p class=\"text\">Understand the breadth of capabilities available to extend the Pro Suite</p>\n </a> \n </div>\n\n <div class=\"card-getting-started swiper-slide\" role=\"group\" aria-label=\"3 / 3\" style=\"width: 424px; margin-right: 32px;\">\n\t\t\t\t\t\t\t\t\t\t <a target=\"_blank\" class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk to the Community<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Have a question about integrations, APIs or how to use the resources in the\n Developer Hub?</p>\n </a>\n </div>\n\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" style=\"top: -15px;\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-8275c5a78c9b8d18\" aria-disabled=\"true\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" style=\"top: -15px;\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-8275c5a78c9b8d18\" aria-disabled=\"true\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n\n <div id=\"tab2\" class=\"data-tab-content getting-tab2\" style=\"\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-getting-content slide-getting-tab2-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-74f618610b7bf7841\" aria-live=\"polite\" style=\"cursor: grab; transition-duration: 0ms;\">\n <div class=\"card-getting-started swiper-slide\">\n <a href=\"/general/docs/api-and-developer-tools-overview\" class=\"main-banner-link\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">API and tools overview</p>\n <p class=\"text\">Understand the breadth of capabilities available to extend the Pro Suite</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide\">\n <a href=\"/general/docs/authentication-and-authorization\" class=\"main-banner-link\">\n <div class=\"icon icon2\"></div>\n <p class=\"title\">Authentication &amp; Authorization</p>\n <p class=\"text\">Understand how to authorize access to APIs and developer tools</p>\n </a>\n </div>\n\n\n <div class=\"card-getting-started swiper-slide\">\n\t\t\t\t\t\t\t\t\t\t\t<a target=\"_blank\" class=\"main-banner-link\" href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\">\n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk to the Community<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Have a question about integrations, APIs or how to use the resources in the\n Developer Hub?</p>\n </a>\n </div>\n\n\n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn\" tabindex=\"0\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-74f618610b7bf7841\" aria-disabled=\"false\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic\"></div>\n <div class=\"swiper-button-next swiper-navBtn\" tabindex=\"0\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-74f618610b7bf7841\" aria-disabled=\"false\" style=\"top: -15px;\"></div>\n </div>\n <div class=\"hub-subheader-parent slide-blank\">\n <div class=\"hub-left\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title\">Product Suites</span>\n </div>\n <div class=\"page-content flex-tab-content-pro product-spec\">\n <div class=\"row content-pro-main\">\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-first\">\n <div class=\"card-wrapper\">\n <div class=\"card-getting-started\">\n <p class=\"title\">UKG Pro®</p>\n <div class=\"icon\">\n <img src=\"//files.readme.io/02fee2bc0d06938323c657eb43938c029db1a90204686a06090bcb0ddf7b32c9-image-pro-mobile.svg\" class=\"pro-img-mobile\" style=\"display:none\">\n <img src=\"//files.readme.io/009a0767406717e7ffaad1b53096c04eeb77b56f70f0f21dc60b021b0a377aa6-image-pro-ipad.svg\" class=\"pro-img-ipad\" style=\"display:none\">\n <img src=\"//files.readme.io/27545e1f1f5c14d20d1321a1fced5eb969605490de99c3b80c9843232de861ad-image-pro-desktop.svg\" class=\"pro-img-desktop\" style=\"display: block;\">\n </div>\n <div class=\"text\">\n <p class=\"gap-text\">Developer resources to build solutions with your enterprise-level data</p>\n <div>\n <p> <a href=\"/hcm\"><span>Work with people, benefits, payroll, talent&nbsp; and HR\n data</span></a></p>\n <p> <a href=\"/wfm\"><span>Create solutions with punches, shifts, scheduling,\n accruals, and time data</span></a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-md-12 col-lg-6 col-xl-6 col-sm-12 col-xs-12 content-pro pro-content-sec-second\">\n <div class=\"card-wrapper\">\n <div class=\"card-getting-started\">\n <p class=\"title\">Ready</p>\n <div class=\"icon\">\n <img src=\"//files.readme.io/64104f6a0c7f2aaf3ff9e9b825847ddc711a3a88cec9d7b94850d64c12a5b34a-image-ready-mobile.svg\" class=\"ready-img-mobile\" style=\"display:none\">\n <img src=\"//files.readme.io/08ee4be9212d13b638d1b4dfa67c3d360ae0e1c4803c4302b9c7720a4438cd1a-image-ready-ipad.svg\" class=\"ready-img-ipad\" style=\"display:none\">\n <img src=\"//files.readme.io/3af2e970c8fc1293e7ab564cd324051edae3f293f2cc1ffb273d47654d5a108b-image-ready-desktop-demo.svg\" class=\"ready-img-desktop\" style=\"display: block;\">\n </div>\n <div class=\"text\">\n <p class=\"gap-text\">Developer resources for small and medium-sized businesses</p>\n <div>\n <p> <a href=\"https://secure7.saashr.com/ta/docs/rest/public/\" target=\"_blank\"><span>Get started\n with Ready<i class=\"icon-nav-advanced\"></i></span></a></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n\n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title flex-header-title\">Specialty solutions</span>\n </div>\n <div class=\"page-content flex-specialized\">\n <div id=\"Specialized\" class=\"content-specialized\">\n <div class=\"hub-slider swiper\">\n <div class=\"content slide-banner-content slide-Specialized-content swiper-initialized swiper-horizontal swiper-pointer-events swiper-free-mode swiper-backface-hidden\">\n <div class=\"card-wrapper swiper-wrapper\" id=\"swiper-wrapper-90f1dd722757307a\" aria-live=\"polite\">\n <div class=\"card-getting-started swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 / 2\" style=\"width: 652px; margin-right: 32px;\">\n \t\t\t\t\t\t\t\t<a href=\"https://doc.people-doc.com/\" target=\"_blank\" class=\"hr-doc\">\n <div class=\"icon icon1\"></div>\n <p class=\"title\">HR Service Delivery<i class=\"icon-nav-advanced\"></i></p>\n <p class=\"text\">Improve HR agility through employee request management, knowledge portal, process automation, document storage and compliance.</p>\n </a>\n </div>\n \n <div class=\"card-getting-started swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 / 2\" style=\"width: 652px; margin-right: 32px;\">\n \n <div class=\"icon icon3\"></div>\n <p class=\"title\">Talk</p>\n <p class=\"text cm-soon\">Coming soon</p>\n \n </div>\n \n </div>\n <div class=\"slider-nav\">\n <div class=\"swiper-button-prev swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Previous slide\" aria-controls=\"swiper-wrapper-90f1dd722757307a\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n <div class=\"swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-bullets-dynamic swiper-pagination-lock\" style=\"width: 40px;\"><span class=\"swiper-pagination-bullet swiper-pagination-bullet-active swiper-pagination-bullet-active-main\" tabindex=\"0\" aria-current=\"true\" style=\"left: 0px;\"></span></div>\n <div class=\"swiper-button-next swiper-navBtn swiper-button-disabled swiper-button-lock\" tabindex=\"-1\" role=\"button\" aria-label=\"Next slide\" aria-controls=\"swiper-wrapper-90f1dd722757307a\" aria-disabled=\"true\" style=\"top: -15px;\"></div>\n </div>\n <span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"></span></div>\n </div>\n </div>\n \n \n </div>\n </div>\n <div class=\"content-block\">\n <div class=\"card-header-content\">\n <span class=\"title flex-header-title\">FleX</span>\n </div>\n <div class=\"page-content flex-ukg\">\n <div id=\"flex-ukg\" class=\"flex-ukg-content\">\n <div>\n <div class=\"content-flex\">\n <div class=\"flex-card-wrapper card-wrapper\">\n \n <div class=\"card-getting-started\">\n \n <a href=\"/hcm/docs/ukg-webhooks-user-guide\" class=\"hr-doc\">\n <p class=\"title\">Webhooks</p>\n <p class=\"text\">Modern, event-driven notifications for changes related to UKG data</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a href=\"/wfm/docs/a-guide-to-ukg-flow\" class=\"hr-doc\">\n <p class=\"title\">UKG Flow</p>\n <p class=\"text\">Ready-to-use third-party integrations</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a class=\"hr-doc\">\n <p class=\"title\">UKG People fabric</p>\n <p class=\"text cm-soon\">Coming soon</p>\n </a>\n </div>\n <div class=\"card-getting-started\">\n \n <a class=\"hr-doc\">\n <p class=\"title\">Integrations</p>\n <p class=\"text cm-soon\">Coming soon</p>\n </a>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n \n \n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"loading\" style=\"display: block;\">Loading…</div></div></div></div>","redirect":""},"referenceSimpleMode":true,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"light","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":true,"logo":["https://files.readme.io/3b02c2e-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/bf7966a-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":["https://files.readme.io/d91f41b-favicon.ico","favicon.ico",16,16,"#000000"],"stylesheet":"","stylesheet_hub2":"span.highlight.active {\n display: contents;\n color: #007BFF;\n font-weight:bold;\n\n}\n.rm-Sidebar-heading {\n cursor: pointer;\n position: relative;\n text-transform: none !important;\n color: var(--text-body, #1C2024) !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 500 !important;\n line-height: 20px !important;\n}\n\n.rm-Sidebar-list.section-list-expanded {\n display: flex !important;\n}\n\n[class*=\"Sidebar-link\"].active {\n background: rgb(243,244,244);\n}\n[class*=\"Sidebar-listWrapper\"]{\n margin-top: 2px !important;\n}\n[class*=\"LandingBlock-Links\"]{\njustify-content: unset !important;\n}\n[class*=\"Header-bottom\"] {\nmin-height:0px !important; \n}\n[class*=\"Header-search_feather\"] { \n position: absolute !important;\n box-shadow: unset !important; \n}\n\nbody {\nfont-family: Volte Rounded !important;\n}\n\n.Header-right21PC2XTT6aMg {\n padding-right: 0px;\n}\n\n.SearchBert1u4IeBwd-ET6 {\ncolor: #637288;\n background: white\n}\n.SearchBert-Prompt3UVFfRcBSAeq::placeholder {\ncolor: #637288;\nopacity: 1;\n}\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle { \n--Owlbot-width: 300px; \n}\n\n.landing-searchbox { \n--Owlbot-width: 504px; \nbackground: #ffffff !important;\n}\n\n.rm-APIAuth .InputGroup-badge {\ndisplay:none !important;\n}\n\n.rm-Header {\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\n--Header-border-width: 0 !important;\n}\n\n.rm-Header-bottom-link.active {\nposition: relative;\n}\n\n.rm-Header-bottom-link.active::after {\ncontent: '';\nposition: absolute;\nbottom: -5px;\nwidth: 100%;\nheight: 4px;\nbackground-color: #005151;\nborder-radius: 6px 6px 0px 0px;\n}\n\n.Header-leftADQdGVqx1wqU a:hover {\nbackground-color: rgba(0, 0, 0, 0.05);\n}\n\n.rm-Header-top {\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\nbox-shadow: unset !important;\n}\n\n.rm-Header-bottom {\nbackground: #fff !important;\n}\n\n.rm-ParamContainer button div {\ntext-transform: none !important;\n}\n\n#updated-at {\ndisplay: none;\n}\n\n._2a21541c6bdfdcae7d5631faeb57468f-scss {\ndisplay: none !important;\n}\n\n.Header3zzata9F_ZPQ {\nbox-shadow: unset !important;\n}\n\n.Header-staging2fhBvH-z5mvq {\ndisplay: none !important;\n}\n\np.copyright {\ntext-align: center;\nfont-family: Noto Sans;\nfont-size: 14px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 20px;\nletter-spacing: normal;\nmargin: 0px 158px !important;\npadding-bottom: 10px !important;\n}\n\n.landing-footer {\nposition: relative;\nwidth: 100%;\nbackground-color: #f5f5f5;\n}\n.rm-Header .Button {\nfont-weight: normal !important;\nfont-family: Noto Sans !important;\n}\n\n.rm-Header-top-link[href^=\"https:\"]::after {\ncontent: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.667 4.667a.667.667 0 0 1 .077 1.329L4.667 6h-1c-.164 0-.3.118-.328.273l-.006.06v6c0 .164.118.3.274.328l.06.006h6c.163 0 .3-.118.328-.274l.005-.06v-1a.667.667 0 0 1 1.329-.077l.004.077v1c0 .884-.687 1.607-1.557 1.663l-.11.004h-6a1.667 1.667 0 0 1-1.662-1.557L2 12.333v-6c0-.883.688-1.606 1.557-1.663l.11-.003h1zM12 2a2 2 0 0 1 1.997 1.882L14 4v3.333a.667.667 0 0 1-1.329.078l-.004-.078V4.276L7.138 9.805a.667.667 0 0 1-.998-.88l.055-.063 5.528-5.529H8.667a.667.667 0 0 1-.078-1.329L8.667 2H12z' fill='%23FFF' fill-rule='nonzero' fill-opacity='.88'/%3E%3C/svg%3E\");\nwidth: 16px;\nheight: 16px;\nmargin: -3.552px 0 -4.992px 4px;\n}\n\n#AppSearch>details>ol>li:has(label > span[title*=\"UKG 5\"]) {\ndisplay: none;\n}\n\n.tippy-box-custom .Dropdown-content>div {\nbackground: #fff;\nborder-radius: 5px;\nbox-shadow: 0 5px 10px rgb(0 0 0 / 5%), 0 2px 6px rgb(0 0 0 / 3%),\n 0 1px 3px rgb(0 0 0 / 3%);\n}\n\n.rm-Header-bottom-link {\ncolor: #016ca2 !important;\n}\n\n.border-unset {\nbox-shadow: unset !important;\n--Header-border-width: unset !important;\n}\n\n#content-container>#content-head {\ndisplay: none;\n}\n\n#content-container {\nmax-width: unset !important;\nmargin: unset !important;\n}\n\n#main.container {\nwidth: 100% !important;\nmax-width: unset;\noverflow: hidden;\npadding-top: 0 !important;\nmargin: 0 auto !important;\n}\n\n.App .rm-Container {\nmax-width: unset !important;\n}\n\nnav.Header-leftADQdGVqx1wqU {\ndisplay: none;\n}\n\n.Header-leftADQdGVqx1wqU a {\ncolor: #016ca2 !important;\n}\n\n.rm-Container>nav+div {\n position: absolute !important;\n width: auto !important;\n top: 366px;\n left: 158px;\n padding: 0px, 4px, 0px, 16px;\n box-shadow: unset !important;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n left: unset;\n}\n.rm-Header-bottom>div {\nmin-height: 0 !important;\n}\n\n.rm-Header-top {\nborder-bottom: unset !important;\n}\n\n.subheader-height {\nmin-height: 0 !important;\n}\n\n.content-block {\n/*width: 1280px;*/\nmargin: auto;\n}\n.landing-page-background .content-block\n{\n max-width: 1400px;\n margin: 0 auto;\n}\n.header-icon {\nwidth: 16px;\nheight: 16px;\nmargin: -0.192px 0 -5px 4px;\nobject-fit: contain;\n}\n.hr-doc{\n text-decoration: none !important;\n}\n.card-button-text-desktop {\ndisplay: block;\nmargin-top: 16px;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration-color: #0176b2 !important;\ntext-decoration: underline !important;\n}\n\n.card-button-text-tablet {\ndisplay: none;\nmargin-top: 16px;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration-color: #0176b2 !important;\ntext-decoration: underline !important;\n}\n\n.app-header {\ndisplay: flex;\nalign-self: stretch;\nwidth: 100%;\nmargin-left: 170px;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 26px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.19;\nletter-spacing: normal;\ntext-align: left;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\n.card-header-content {\ndisplay: flex;\nalign-self: stretch;\nalign-items: center;\njustify-content: center;\nwidth: 100%;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 26px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.19;\nletter-spacing: normal;\ntext-align: center;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\n.card-header-content .title {\nfont-size: 41px;\nline-height: 48px;\nletter-spacing: 0.2;\nfont-family: Volte Rounded;\nfont-weight: 500;\ncolor: #005151;\npadding-bottom: 26px;\n}\n\n.card-header-content .text {\nfont-size: 16px;\nline-height: 24px;\nletter-spacing: normal;\nfont-family: Noto sans;\nfont-weight: normal;\ncolor: #000000DE;\nmargin-top:8px;\n;\n}\n\n\n.project-card {\ndisplay: flex;\nflex-flow: row;\nmargin-left: 144px;\n\n}\n.card-section {\n --asc-bg-size: 107rem;\n --asc-bg-x-offset: -27rem;\n --asc-bg-y-offset: 0rem;\n --asc-bg-angle-size: 121rem;\n --asc-bg-x-angle-offset: -8.0rem;\n --asc-bg-y-angle-offset: -28rem;\n background: repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top -10rem center/40rem,#fff;\n}\n.card-section .content-block{\n padding-top: 88px;\n}\n.card-section .content-block:last-child{\n padding-bottom: 88px;\n}\n.card-section:before {\n position: absolute;\n top: calc(46.5*(1rem) - 10rem);\n bottom: 0;\n left: 0;\n right: 0;\n min-width: 100%;\n content: \"\";\n z-index: 0;\n}\n.card {\npadding: 24px;\nborder: solid 0.08em #eee;\nborder-radius: 15px;\nbox-shadow: 1px 1px 10px -1.4px #cbc7c7;\nz-index: 99;\nmargin: 16px 0 32px 24px;\nmax-width: 448px;\nmin-width: 200px;\nwidth: 41.3333%;\nheight: 248px;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\n}\n.card-title {\nheight: 28px;\nflex-grow: 1;\nmargin-bottom: 16px;\nfont-family: Volte Rounded;\nfont-size: 23px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.22;\nletter-spacing: normal;\ntext-align: left;\ncolor: #005151;\n}\n\n.card-description {\nheight: 48px;\nflex-grow: 1;\nmargin-bottom: 16px;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\nflex-basis: fit-content;\ncolor: rgba(0, 0, 0, 0.87)\n}\n\n.card-icon {\ndisplay: flex;\nmax-width: 156px;\nwidth: 100%;\nmargin: 16px auto;\njustify-content: center;\n}\n\n.card-icon-text {\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration: underline;\n\n}\n.break-line, .break-ipad-line{\ndisplay: block;\n}\n.mobile-header, .ipad-header, .desktop-header{\ntext-align:center;\n}\n.card-icon-content {\ncontent: url(\"data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17h8c.55 0 1-.45 1-1v-1c0-.55.45-1 1-1s1 .45 1 1v2c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V7a2 2 0 0 1 2-2h2c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zm4.832-10c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1V8.41l-6.13 6.13a.996.996 0 1 1-1.41-1.41L15.422 7h-2.59z' fill='%230176B2'/%3E%3C/svg%3E%0A\");\nwidth: 20px;\nheight: 20px;\nmargin: -1.2px 0 0 2px;\n}\n/* card css for slider */\n.project-slider-card {\ndisplay: flex;\nflex-flow: row;\n\n}\n.slider-card {\nborder: 1px solid #00000026;\nborder-radius: 12px;\nbox-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08);\nz-index: 99;\nmargin: 16px 0 32px 24px;\nmin-width: 200px;\nwidth: 41.3333%;\nheight: 228px !important;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\n}\n\n.slide-banner-content{\npadding: 0 32px;\n}\n.slider-nav{\nmargin-top: 30px;\n}\n.slider-card{\nborder: 1px solid #00000026;\nborder-radius: 12px;\nbox-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08);\nz-index: 99;\nmargin: 0;\nheight: 228px;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\nbackground: #FFFFFF;\n}\n.slider-card-content-title{\n height:70px;\n}\n.slider-card-title {\nmargin: 0 auto !important;\nflex-grow: 1;\nfont-family: Volte Rounded;\nfont-size: 23px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 28px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #005151;\n}\n\n.main-banner-link{\n text-decoration: none !important;\n}\n\n.slider-card-content-description{\n height:100px;\n}\n.slider-card-description {\nmargin: 0 auto !important;\nflex-grow: 1;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\nflex-basis: fit-content;\ncolor: #000000;\n}\n.learn-more-content{\n margin: 0 auto !important;\n}\n.slider-card-link {\nmargin: 5px auto 20px auto;\n}\n\n.slider-card-link span{\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #016CA2 !important;\ntext-decoration: underline;\n}\n.slider-card-content{\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 24px 32px 24px 32px;\n}\n.flex-card-wrapper{\ndisplay: -webkit-flex;\ndisplay: flex;\n-webkit-flex-direction: row;\nflex-direction: row;\nalign-items: flex-start;\nflex-direction: row;\nalign-items: center;\nflex: 1 0 100%;\npadding: 0 32px 0 32px;\ngap: 32px;\njustify-content: center;\n}\n.slider-card-content a.learn-more{\nfont-size: 16px;\nfont-weight: 400;\nfont-family: Noto Sans;\nline-height: 24px;\ntext-decoration: none;\ncursor: pointer;\n}\n.slide-clickable{\ntext-decoration: none !important;\n}\n.overlay{\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: 100%;\nbackground-color: #4070F4;\nborder-radius: 25px 25px 0 25px;\n}\n.overlay::before,\n.overlay::after{\ncontent: '';\nposition: absolute;\nright: 0;\nbottom: -40px;\nheight: 40px;\nwidth: 40px;\nbackground-color: #4070F4;\n}\n.overlay::after{\nborder-radius: 0 25px 0 0;\nbackground-color: #FFF;\n}\n.slider-nav {\n text-align: center;\n}\n.slide-getting-content .card-wrapper, .slide-Specialized-content .card-wrapper{\n padding-bottom: 10px;\n}\n.swiper-navBtn{\ncolor: #6E93f7;\ntransition: color 0.3s ease;\n}\n.swiper-navBtn:hover{\ncolor: #4070F4;\n}\n.swiper-navBtn::before,\n.swiper-navBtn::after{\nfont-size: 35px;\n}\n.swiper-wrapper{\nheight: unset !important;\n}\n\n.swiper-horizontal>.swiper-pagination-bullets, \n.swiper-pagination-bullets.swiper-pagination-horizontal, \n.swiper-pagination-custom, .swiper-pagination-fraction{\nbottom: unset !important;\n}\n\n.swiper-pagination-bullet {\n width: 0.75rem !important;\n height: 0.75rem !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n background: #6E93f7 !important;\n opacity: 1 !important;\n outline: none;\n position: static !important;\n pointer-events: auto !important;\n -ms-flex-negative: 0 !important;\n flex-shrink: 0 !important;\n -webkit-transform: scale(1) !important;\n transform: scale(0.75) !important;\n vertical-align: middle !important;\n}\n.swiper-pagination-bullet {\n background-color: #FFFFFFA6 !important;\n}\n.swiper-pagination-bullet-active{\nbackground-color: #4070F4;\ntransform: scale(1) !important;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\nleft: 41.2% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\nright: 41.2% !important;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after{\nfont-size: 22px !important;\nfont-weight: bold !important;\ncolor: #ffffff !important;\n}\n.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-next{\nbackground: #FFFFFFF0 !important;\n}\n.card-header-content .text{\n padding: 0 10px;\n}\n.swiper-button-next, .swiper-button-prev{\n/* top: 41.1% !important;*/\n z-index: 9999 !important;\n margin-top: unset !important;\n}\n.slider-card-link span{\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #016CA2 !important;\ntext-decoration: underline;\n}\n\n.hub-slider{\n/* max-width: 1120px;*/\n/* width: 100%;*/\npadding: 5px 0 40px 0 !important;\n\n}\n\n.slider-card{\ncursor:pointer;\n}\n/*card css for slider*/\n.project {\ndisplay: flex;\nflex-flow: column;\n}\n\n.project-subheader {\nposition: relative;\ntext-align: left;\ncolor: #fff;\nwidth: 100%;\nheight: 100%;\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\n}\n/*Footer*/\n.landing-footer {\n position: relative;\n text-align: left;\n color: #fff;\n width: 100%;\n height: 100%;\n background: #005151;\n}\n.landing-footer a{\n cursor: pointer;\n}\n.landing-footer-parent{\n background-color: #005151 !important;\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/25%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 30% left 10%/7%,no-repeat url(https://files.readme.io/6d93f4c99ce8ad10ccef0792faf5e887657f5ca4cf1df0c8a553ccd2d8da3e98-Vector-halfcircle.svg) top 3rem right -15%/20%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 12% right 12%/7%,no-repeat url(https://files.readme.io/f1095123730536bbd01be5d1aeb43615946166cefb776fcf9ae2b632ef1fbfaa-Rectangle_103.svg) top 4% right 12%/7%;\n padding: 47px 0;\n}\n.project-subfooter {\n /*padding: 0 10px 0 10px !important;*/\n max-width: 1400px;\n padding-left: 4%;\n}\n.footer-logo-container{\n text-align:center;\n padding-bottom: 46px;\n}\n.landing-footer ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.landing-footer .footer-menu-container nav ul:not(.contextual-links) ul{\n display: block;\n}\n.landing-footer ul>li.menu-level--0{\n margin-bottom: 4.375rem;\n}\n.landing-footer ul>li.menu-level--0>a, .landing-footer li.menu-level--0>span, .landing-footer ul>li.menu-level--1{\n margin-bottom: 1rem;\n}\n.landing-footer li.menu-level--0>a, .landing-footer li.menu-level--0>span{\n display: inline-block;\n padding: 0;\n border-radius: 0;\n color: #fff;\n font-family: Volte Rounded;\n font-size: 18px;\n font-weight: 600;\n line-height: 22px;\n letter-spacing: -0.18000000715255737px;\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n text-decoration: none;\n position: relative;\n text-transform:capitalize;\n}\n.landing-footer li.menu-level--1>a{\n display: inline-block;\n padding: 0;\n border-radius: 0;\n color: #badada;\n font-family: Volte Rounded;\n font-size: 15px;\n font-weight: 600;\n line-height: 18px;\n letter-spacing: -0.15000000596046448px;\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n text-decoration: none;\n position: relative;\n}\n/*Footer*/\n.hub-subheader-parent {\ndisplay: flex;\njustify-content: center;\nflex-flow: row;\n}\n\n.hub-subheader-parent .hub-left {\nwidth: 100%;\nheight: 100%;\ndisplay: flex;\nflex-flow: column;\nmargin-bottom: 10px;\n}\n\n.hub-subheader-parent .hub-slider-content {\nheight: 100%;\ndisplay: flex;\nflex-flow: column;\nmargin-bottom: 10px;\n}\n\n.hub-subheader-parent .hub-right {\nwidth: 60%;\nheight: 100%;\n}\n\n.hub-left .welcome {\nwidth: auto;\nheight: 76px;\nmargin: auto !important;\nfont-family: Volte Rounded !important;\nfont-size: 51px;\nfont-weight: 500 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 61px !important;\nletter-spacing: -0.2px !important;\ncolor: #fff !important;\ntext-align: center;\n}\n\n.hub-left .resources-text {\njustify-content: center;\nalign-items: center;\ntext-align: center;\nwidth: 100%;\nmargin: 0 auto 10% auto !important;\nfont-family: Volte Rounded !important;\nfont-size: 20px;\nfont-weight: 600 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 24px !important;\nletter-spacing: normal !important;\ncolor: #fff !important;\n}\n\n.hub-slider-content .hub-whats-new-slider-content {\nwidth: auto;\nheight: 32px;\nfont-family: Volte Rounded !important;\nfont-size: 26px;\nfont-weight: 500 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 32px !important;\nletter-spacing: -0.2px !important;\ncolor: #fff !important;\n}\n\n.hub-right img {\nobject-fit: contain;\n}\n\n.project p {\nfont-size: 12px;\npadding: 5px;\n}\n\n.landing-container {\nwidth: 100%;\nmargin: 0 !important;\npadding: 0 !important;\n}\n.footer-content-flex{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.max-width-unset {\nmax-width: unset !important;\n}\n\n.specialized-coming-soon-label {\ndisplay: flex;\nwidth: 100%;\nheight: 100%;\nfont-family: Volte Rounded;\nfont-size: 18px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.22;\nletter-spacing: normal;\ntext-align: center;\nalign-items: center;\njustify-content: center;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\nsection.grid-75:has(+ .grid-25:empty) {\nmax-width: unset !important;\n}\n\n.rm-Article {\n--hub-main-max-width: 100% !important;\n}\n\nsection.grid-25:empty {\ndisplay: none;\n}\n\n.hub-footer {\ndisplay: none !important;\n}\n\n.AppFooter {\ndisplay: none;\n}\n\n[class^=\"RefinementList\"] .Toggle-label {\n white-space: normal !important;\n}\n\n.notification {\n display: none;\n position: absolute;\n width: 446px;\n height: 359.5px;\n top: 54px;\n z-index: 9999;\n right: 14px;\n padding: 12px, 12px, 0px, 0px;\n color: #FFFFFF;\n}\n.text-defaultnotification {\n padding: 16px;\n color: #000;\n font-weight: 450;\n}\n.Header-right21PC2XTT6aMg {\n padding-right: 0px !important;\n}\n.bannerbox {\n height: auto;\n border-radius: 14px;\n background: #FFFFFF;\n box-shadow: 0px 3px 8px 0px #0000001A;\n}\n.navigation {\n top: 370px;\n padding-bottom: 10px;\n}\n.navheader {\n width: 423px;\n top: 69px;\n left: 835px;\n padding: 0px 16px 0px 16px;\n gap: 0px;\n border-radius: 12px 12px 0px 0px;\n}\n.headercontent {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n padding: 16px 0 16px 0;\n gap: 16px;\n}\n.whats-new {\n width: 163.5px;\n line-height: 24px;\n margin-top: 4px;\n font-family: Noto Sans Display;\n font-size: 20px;\n font-weight: 500;\n line-height: 18px;\n text-align: left;\n color: #000000DE;\n text-decoration: none !important;\n}\n.viewall-box {\n display: flex;\n width: auto;\n height: 26px;\n padding: 13px 16px 12px 16px;\n gap: 6px;\n border-radius: 50px 50px 50px 50px;\n background-color: #0176B2;\n justify-content: space-evenly;\n margin-top: 14px;\n}\n.viewall {\n border-radius: 50px 50px 0px 0px;\n height: 18px;\n font-family: Noto Sans;\n font-size: 16px;\n font-weight: 400;\n text-align: left;\n color: #FFFFFF;\n}\n.clearall {\n font-family: Noto Sans;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n text-align: right;\n width: 80%;\n padding: 4px;\n color: #0176B2;\n text-decoration: underline;\n}\n.clearall span {\n cursor: pointer;\n}\n.hideclearall {\n color: #00000033;\n pointer-events: none;\n}\n.closenotification {\n width: 32px;\n height: 32px;\n padding: 4px 0px 0px 0px;\n gap: 6px;\n border-radius: 50px 0px 0px 0px;\n content: url(https://files.readme.io/c1c6e37-Close_4.svg);\n}\n.banner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 56px;\n padding: 4px 16px;\n gap: 28px;\n}\n.closeDiv {\n height: 50%;\n}\n.closebtn {\n width: 16px;\n height: 16px;\n content: url(https://files.readme.io/58cfdc5-Icondelete.svg);\n}\n.divider {\n width: 405px;\n border: 1px solid #00000026;\n padding: 1px 0px 0px 0px;\n}\n.header-layout {\n display: flex;\n flex-direction: row;\n width: 100%\n}\n.bannerDiv {\n width: 322px;\n height: 48px;\n}\n.textDiv a{\n color: #000000DE !important;\n font-weight: 450;\n}\n.bannerText {\n width: 322px;\n height: 24px;\n font-family: Noto Sans;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0px;\n text-align: left;\n color: var(--Text-color-text_highEmphasis_onLight, rgba(0, 0, 0, 0.87));\n}\n.bellicon{\n cursor: pointer;\n}\n.notification-banner {\n margin: 15px;\npadding-right: 10px;\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"white\" fill-rule=\"evenodd\" d=\"M13.984 5.254a2 2 0 1 0-3.968 0 7.235 7.235 0 0 0-2.914 1.513C5.777 7.915 5 9.506 5 11.2c0 2.108-.52 3.6-1.133 4.636l-.01.017a71.188 71.188 0 0 0-.908 1.56c-.103.186-.194.36-.26.507a2.16 2.16 0 0 0-.097.256c-.02.07-.072.25-.05.47.011.12.038.36.177.604.14.244.332.39.43.46.159.117.318.167.398.19.093.025.184.04.26.05.15.02.326.031.51.037.365.013.875.013 1.518.013h2.29a4.002 4.002 0 0 0 7.749 0h2.29c.643 0 1.154 0 1.519-.013.183-.006.359-.016.51-.036.075-.01.166-.026.26-.052.08-.022.238-.072.398-.188.097-.072.29-.217.429-.461a1.48 1.48 0 0 0 .178-.604c.022-.22-.03-.4-.051-.47a2.158 2.158 0 0 0-.097-.256 6.951 6.951 0 0 0-.26-.508 71.35 71.35 0 0 0-.908-1.56l-.01-.016C19.52 14.8 19 13.308 19 11.2c0-1.694-.778-3.285-2.103-4.433a7.235 7.235 0 0 0-2.913-1.513ZM12 21a2 2 0 0 1-1.733-1h3.465A2 2 0 0 1 12 21Zm-7.084-3.002c.26.002.57.002.942.002h12.284c.37 0 .682 0 .941-.002-.174-.302-.397-.68-.672-1.144C17.61 15.5 17 13.656 17 11.2c0-1.064-.487-2.119-1.413-2.921C14.657 7.472 13.368 7 12 7c-1.369 0-2.658.472-3.588 1.279C7.486 9.08 7 10.136 7 11.2c0 2.456-.612 4.301-1.411 5.654-.276.465-.498.842-.673 1.144Z\" clip-rule=\"evenodd\" style=\"&%2310;\"/></svg>');\n}\n.notification-badge {\n background-color: #fa3e3e;\n border-radius: 10px;\n padding: 5px 5px;\n position: absolute;\n margin-right: 24px;\n right: 0;\n top: 25px;\n}\n/*Getting started section*/\n.flex-content {\n width: 100%;\n padding: 0 4%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n.page-content .field-description li+li, .markdown-body li+li{\nmargin: 0 !important;\n}\n.page-content {\nmargin: 0 auto;\nposition: relative;\n}\n/*.flex-content{\n padding: 10px 0;\n}*/\n.page-content .content {\nwidth: 100%;\npadding-top: 0 4%;\nmargin: 0 auto;\n/*display: flex;\njustify-content: center;\nalign-items: center;*/\n}\n.page-content .content-pro {\nwidth: 100%;\npadding-top: 0 4%;\nmargin: 0 auto;\n/*display: flex;\njustify-content: center;\nalign-items: center;*/\n}\n.product-spec .content-pro {\n width: unset !important;\n padding-top: unset !important;\n margin: unset !important;\n display: unset !important;\n flex: unset !important;\n justify-content: unset !important;\n align-items: unset !important;\n }\n[class^=\"data-tab-content\"] {\ndisplay:none;\n}\n.active[class^=\"data-tab-content\"] {\ndisplay: block;\n}\n\n.page-content .tabs{\ndisplay: flex;\njustify-content: space-around;\nlist-style-type: none;\nmargin: 0;\n}\n.flex-tab-content{\n padding: 32px 0 0 0;\n}\n.page-content .tab-li {\nflex: 1;\nmargin-bottom: 0;\n}\n\n.page-content .tab-li a.active {\nborder-bottom: solid #005151;\ntransition: left cubic-bezier(.88, -.35, .565, 1.35) .4s;\n}\n\n.page-content .tab-li a {\nfont-size: 14px;\nfont-family: Noto sans;\nfont-weight: 400;\nline-height: 18px;\ntext-decoration: none;\nwhite-space: nowrap;\npadding: 10px;\ncolor: #00000099;\n-webkit-user-drag: none;\nuser-select: none;\n-moz-user-select: none;\n-webkit-user-select: none;\n-ms-user-select: none;\ndisplay: block;\n}\n.page-content .content{\n transition: all 0.3s ease;\n}\n\n.slide-banner-content{\npadding: 0 32px;\n}\n.cm-soon{\n color: #00000099 !important;\n}\n.page-content .content .card-getting-started {\n/*width: 445.33px;*/\n/*max-width: 300px;*/\n/*min-width: 328px;*/\nheight: 254px;\nbackground: linear-gradient(131.44deg, rgba(230, 255, 220, 0.5) 24.68%, rgba(255, 245, 205, 0.5) 81.97%);\nborder-radius: 20px;\nbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);\nborder: 2px solid rgba(7, 7, 7, 0.12);\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px;\nmargin-right:8px;\n}\n.flex-card-wrapper .card-getting-started {\nwidth:calc((100% - 40px)/4);\nheight: 168px !important;\nbackground: #ffffff !important;\nbox-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 0px 4px 0px rgba(0, 0, 0, 0.13) !important;;\nborder-radius: 12px !important;\nborder: 2px solid rgba(7, 7, 7, 0.12) !important;\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px;\nmin-width: 280px;\nmax-width: 340px;\npadding: 24px;\nalign-items: center;\ngap: 8px;\nflex: 1 0 0;\n}\n\n.page-content .content-pro .card-getting-started {\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\ntransition: all .5s ease-in-out;\npadding: 0 ;\n}\n\n.page-content .product-spec .card-getting-started {\n padding-bottom: 0 !important;\n}\n\n.page-content .content-specialized .card-getting-started {\nheight: 348px;\nbackground: #ffffff;\nborder-radius: 12px;\nbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);\nborder: 2px solid rgba(7, 7, 7, 0.12);\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px 16px;\nmargin-right:8px;\n}\n\n.page-content .content-pro-main{\nmargin: 0 auto !important;\n}\n\n.page-content .content .icon {\nmargin: 0 auto;\nwidth: 100%;\nmax-width: 100px;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nbackground-position: 0px;\n}\n\n.page-content .content-pro .icon {\nmargin: 0 auto;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nbackground-position: 0px;\npadding: 24px;\n}\n\n.page-content .content-pro .icon img {\nborder-radius: 20px;\ncursor: default;\n}\n\n.page-content .swiper-pagination, .page-content .swiper-horizontal>.swiper-pagination-bullets, \n.page-content .swiper-pagination-bullets.swiper-pagination-horizontal, \n.page-content .swiper-pagination-custom, \n.page-content .swiper-pagination-fraction{\nbottom: 10px !important;\n}\n\n.page-content .swiper-pagination-bullet {\n background-color: #0000006B !important;\n}\n\n.page-content .swiper-pagination-bullet-active {\nbackground-color: #0176B2 !important;\n}\n\n.page-content .swiper-navBtn::after{\ncolor: #000 !important;\n}\n.page-content .content .icon1 {\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/7daf60c8059b07391f6d6fe048b1859260b8131235f36b3c24dfd320b5cdfcb3-article-40.svg'); \n}\n\n.page-content .content .icon3{\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/8847ef60f88b593587edae05b52a7fe40407091e44bdf759a0a609da2e7eee8f-Group_379.svg'); \n}\n\n.page-content .content .icon2{\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/68cbef459d94e7a94138110826dc26ac8fcd64f7bfce72a7e0b57f19c7b0d7ab-learning-certificate-40.svg');\n}\n.page-content .content-specialized .icon {\nmargin-top: 1rem;\n}\n.page-content .content-specialized .icon3 {\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/89b28b63e9af535e05984c6d6ad46f25bcb4f6dfbda30a8b4fbd6f9b1811f5d5-feedback-people-40.svg'); \n}\n\n.page-content .content-specialized .icon2{\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/9500daa685cd457269e72ae7b54d370e81de7e4b3e0d6b94bbf6a2657e414464-talent-40.svg'); \n}\n\n.page-content .content-specialized .icon1{\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/61c2527e0fcedcc8288b193773d55301c54dc0b36518b67c60d95a17353dad5e-mobile-people-40.svg');\n}\n\n.page-content .content .card-getting-started .title {\nwidth: 100%;\nmargin: 0;\nmargin-top: 10px;\ncolor: #000000DE;\nletter-spacing: normal;\nfont-family: Volte Rounded;\nfont-size: 20px;\nfont-weight: 600;\nline-height: 24px;\ntext-align: center;\ntext-decoration-line: underline;\ntext-decoration-style: solid;\ntext-underline-position: from-font;\ntext-decoration-skip-ink: none;\n\n}\n\n.page-content .content .card-getting-started .text {\nwidth: 80%;\nmargin: 0 auto;\nmargin-top: 10px;\ncolor: #000000DE;\nmax-height: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ntext-underline-position: from-font;\ntext-decoration-skip-ink: none;\n\n}\n.page-content .content-pro .card-getting-started .title {\nwidth: 100%;\nmargin: 0 auto 24px auto;\nletter-spacing: normal;\nfont-family: Volte Rounded;\ncolor: #005151;\nfont-size: 26px;\nfont-weight: 600;\nline-height: 31px;\nletter-spacing: -0.2px;\ntext-align: center;\n}\n.flex-card-wrapper .card-getting-started .title {\n letter-spacing: normal;\n color: #005151;\n font-family: \"Volte Rounded\";\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-align: center;\n}\n.flex-card-wrapper .card-getting-started .text {\n letter-spacing: normal;\n color:#000000DE;\n font-family: \"Noto Sans\";\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n text-align: center;\n}\n.page-content .content-pro .card-getting-started .text {\nwidth: 100%;\nmargin: 0 auto;\nmargin-top: 10px;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ncolor: #000000DE;\n}\n.page-content .content-specialized .card-getting-started .title {\nwidth: 100%;\nmargin: 1.2rem auto 1.4rem auto;\nletter-spacing: normal;\nfont-family: Volte Rounded;\ncolor: #005151;\nfont-size: 20px;\nfont-weight: 600;\nline-height: 24px;\nletter-spacing: -0.2px;\ntext-align: center;\ntext-decoration-line: none;\n\n}\n.page-content .content-specialized .card-getting-started .text {\nwidth: 100%;\nmargin: 0 auto;\nmax-height: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ncolor: #000000DE;\n}\n.icon-nav-advanced {\n background: url(//files.readme.io/08f7f824967aa40a994b299ff8a3c115fc0a8fd139c15dc9d9bb8df27c85efdf-icon.svg);\n background-repeat: no-repeat;\n display: inline-block;\n width: 16.3px;\n height: 11.45px;\n margin-left: 5px;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\nmargin: 16px auto 24px auto;\n}\n.page-content .content-pro .card-getting-started .text .gap-text p{\n margin: 0 auto !important;\n}\n.page-content .content-pro .card-getting-started .text a{\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: center;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ntext-decoration: none;\ncolor: #016CA2;\npadding: 0 23px 0 23px;\ncursor: pointer;\n}\n\n/*Getting started section*/\n@media screen and (min-width: 1024px) {\n.grid-container-fluid .content-body {\n width: 100% !important;\n}\n}\n@media screen and (min-width: 1025px) {\n .landing-footer .footer-menu-container nav ul:not(.contextual-links){\n display: grid;\n /*grid-template-columns: repeat(5,1fr);*/\n grid-template-columns: 23% 21% 13% 17% 18%;\n gap: 1rem 1rem;\n }\n}\n@media only screen \nand (min-device-width: 1025px) \nand (max-device-width: 1190px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n@media only screen \nand (min-device-width: 320px) \nand (max-device-width: 350px) \n{\n .slider-card{\n height: 340px !important;\n }\n .slider-card-content-title{\n height:90px;\n }\n .slider-card-content-link{\n margin-top: 80px;\n }\n}\n@media only screen \nand (min-device-width: 351px) \nand (max-device-width: 400px) \n{\n .slider-card{\n height: 300px !important;\n }\n .slider-card-content-title{\n height:90px;\n }\n .slider-card-content-link{\n margin-top: 50px;\n }\n}\n@media only screen \nand (min-device-width: 401px) \nand (max-device-width: 419px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n@media only screen \nand (min-device-width: 768px) \nand (max-device-width: 799px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n/*Extra Large screen*/\n@media screen \nand (min-device-width: 1440px) {\n .content-block {\n width: 100%;\n }\n .land-search-box .landing-searchbox{ \n --Owlbot-width: 775px !important; \n } \n .hub-slider {\n /*max-width: 1400px;*/\n padding: 20px 0 59px 0 !important;\n }\n .slider-nav {\n margin-top: 30px;\n }\n .hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 10% auto !important;\n}\n .hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n } \n}\n/*Extra Large screen*/\n\n/* ----------- Non-Retina Screens & Ratina Screens ----------- */\n.hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 10% auto!important;\n}\n .hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n } \n /*.slide-content {\n margin: 0 17px;\n}\n\n.slider-card {\t\n margin: 16px 0 32px 0px;\n max-width: 348.33px;\n}*/\n .land-search-box .landing-searchbox{ \n--Owlbot-width: 508px !important; \n}\n\n/* ----------- iPad 1, 2, Mini and Air ----------- */\n\n/* Portrait and Landscape */\n@media only screen \nand (min-device-width: 1025px) \nand (max-device-width: 1050px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 215px;\n }\n}\n@media only screen \nand (min-device-width: 1051px) \nand (max-device-width: 1110px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 225px;\n }\n}\n@media only screen \nand (min-device-width: 1111px) \nand (max-device-width: 1140px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 235px;\n }\n}\n@media only screen \nand (min-device-width: 1141px) \nand (max-device-width: 1180px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 245px;\n }\n}\n@media only screen \nand (min-device-width: 1181px) \nand (max-device-width: 1200px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 255px;\n }\n}\n@media only screen \nand (min-device-width: 1201x) \nand (max-device-width: 1239px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 270px;\n }\n}\n@media only screen \nand (min-device-width: 1200px) \nand (max-device-width: 1239px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 260px;\n }\n}\n@media only screen \nand (min-device-width: 1240px) \nand (max-device-width: 1279px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 270px;\n }\n}\n@media screen and (min-width: 768px) and (max-width: 1024px) {\n.card-section {\n background: repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 right 0,#fff;\n}\n.landing-footer-parent{\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -4%/50%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 74% left 30%/10%;\n}\n.footer-logo-container{\n text-align: left;\n}\n.footer-container{\n padding-left: 40px;\n}\n.copyright_text{\n padding-left: 0 6px 0 6px;\n}\n.copyright_text p.copyright{\n margin: unset !important;\n text-align: left !important;\n}\n.flex-card-wrapper\n{\n flex-wrap: wrap;\n}\n.flex-card-wrapper .card-getting-started{\n width:calc((100% - 20px)/2);\n}\n\n .hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n /*width: 94%;*/\n font-size: 20px;\n line-height:24px !important;\n margin: 8% auto 14% auto !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n }\n\n.land-search-box .landing-searchbox{ \n--Owlbot-width: 504px !important; \n}\n .slider-nav{\n margin-top:30px;\n}\n.slide-banner-content {\n padding: 0 32px 0 32px;\n}\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top var(--asc-bg-y-offset) right 0 /110rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat;\n}\n.content-block {\n width: 100%;\n}\n.rm-Container>nav+div {\n top: 346px;\n left: 160px;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n left: unset;\n}\n.hub-left .welcome {\n height: unset;\n}\n\n.card {\n height: 270px;\n}\n\n.card:nth-child(3) {\n margin-right: 64px;\n}\n\n.project {\n padding-top: unset;\n}\n\n.card-description {\n height: 77px;\n}\n\n.card-icon {\n display: block;\n margin: auto;\n max-width: 156px;\n}\n\n.card-icon-text {\n overflow: hidden;\n word-wrap: unset;\n width: fit-content;\n}\n\n.card-icon-content {\n margin: -3px 0 0 2px;\n padding-top: 2px;\n}\n\n.card-button-label {\n max-width: 336px;\n}\n\n.card-icon {\n display: block;\n margin: auto;\n max-width: 156px;\n}\n}\n\n@media screen and (max-width: 768px) {\n .flex-card-wrapper\n{\n flex-wrap: wrap;\n}\n .landing-footer-parent{\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/97%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) top 25% left 65%/20%;\n }\n .hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 15% auto !important;\n }\n .footer-logo-container{\n text-align: left;\n }\n .footer-container{\n padding-left: 40px;\n }\n .copyright_text{\n padding-left: 6px;\n }\n .copyright_text p.copyright{\n margin: unset !important;\n text-align: left !important;\n }\n .flex-card-wrapper .card-getting-started{\n width:calc((100% - 10px)/1);\n }\n\n.Header-leftADQdGVqx1wqU,\n._8c5e155fd05011ae8141a8e56a439f24-scss {\n overflow-x: unset !important;\n}\n\n.card-header-content .text{\n padding: 0 35px;\n}\n\nnav.Header-leftADQdGVqx1wqU {\n display: none !important;\n}\n\n.Header-left-nav2xWPWMNHOGf_,\n._0b8760caf07bfcf93faabcc6b03eeba1-scss,\n._0b8760caf07bfcf93faabcc6b03eeba1-scss,\n.hub-subheader-parent .hub-right,\n.rm-Header-top-link {\n display: none !important;\n}\n\n\n.Header-searchtb6Foi0-D9Vx {\n padding-right: 14px !important;\n}\n\n.hub-subheader-parent .hub-left,\n.card-title {\n width: 100%;\n}\n.content-block {\n width: unset !important;\n}\n\n.project-card {\n flex-flow: column;\n margin: auto;\n width: 100%;\n}\n\n.card {\n margin: 16px auto 32px auto;\n width: 328px;\n height: 290px;\n}\n\n.card:nth-child(2) {\n margin-left: auto;\n}\n\n.card-description {\n width: 100%;\n flex-basis: fit-content;\n}\n\n.card-link-label {\n text-decoration: none !important;\n}\n\n.card-button-label {\n margin: auto;\n margin-top: 18px;\n}\n\n.project-section {\n flex-flow: column;\n margin-left: auto;\n}\n\n.rm-Flyout>div>a[href^=\"/ukg-5\"] {\n display: none;\n}\n\n.rm-Flyout {\n --Flyout-background: #fff !important;\n}\n\n.rm-Flyout>div>a {\n color: rgb(0, 0, 0, 0.6) !important;\n}\n\n.rm-Header .Button {\n font-size: 12px;\n}\n\n.ThemeContext_dark .MobileSubnav1DsTfasXloM2 {\n --Select-color: #000 !important;\n}\n\np.copyright {\n margin: 0 46.08px !important;\n}\n\n.app-header {\n width: 100%;\n margin-left: auto;\n}\n.card-button-text-desktop {\n display: none;\n}\n.card-button-text-tablet {\n display: block;\n}\n.material-icons-outlined {\n margin-right: 10px;\n}\n}\n\n/* Error Page Styles */\n.main-container {\nwidth: 100%;\nfont-size: 16px;\nheight: 480px;\npadding-top: 80px;\n}\n\n.error-container {\nheight: 233px;\nwidth: 916px;\ndisplay: flex;\nflex-flow: row-reverse nowrap;\njustify-content: space-evenly;\nmargin: auto;\npadding: 10px;\n}\n\n.error-image-container {\ndisplay: flex;\nwidth: 50%;\njustify-content: space-evenly;\n}\n\n.error-image-container img {\nwidth: 319.5px;\nheight: 216px;\n}\n\n.error-message-container {\ndisplay: flex;\nwidth: 50%;\nflex-direction: column;\njustify-content: space-evenly;\n}\n\n.error-heading {\nheight: 80px;\nalign-self: stretch;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 32px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.25;\nletter-spacing: -0.2px;\ntext-align: left;\n}\n\n.error-message {\nheight: 44px;\nalign-self: stretch;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.38;\nletter-spacing: normal;\ntext-align: left;\n}\n\n.go-to-home {\nwidth: 61px;\nheight: 16px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 14px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.14;\nletter-spacing: normal;\ntext-align: left;\ncolor: #016ca2;\n}\n\n.go-to-home a {\ncolor: inherit !important;\ntext-decoration: none !important;\n}\n\n@media only screen and (min-width: 768px) and (max-width: 850px) {\n .rm-Header-top-link {\n padding: 0px;\n }\n [class*=\"Header-right_desktop\"]{\n margin-right: 0px; \n }\n}\n\n\n@media only screen and (min-width: 768px) and (max-width: 995px) {\n.main-container {\n padding-top: 48px;\n}\n.error-container {\n flex-flow: nowrap column;\n width: 469px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n height: 240px;\n}\n\n.error-heading {\n display: flex;\n width: 100%;\n padding: 5px;\n text-align: center;\n margin: 16px auto;\n}\n\n.error-message {\n text-align: center;\n margin: 16px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n}\n\n.project-card {\n margin-left: 64px;\n}\n\n.card-title {\n flex-basis: fit-content;\n}\n\np.copyright {\n margin: 0 76.08px !important;\n}\n\n.app-header {\n margin-left: 85px;\n}\n .card-button-text-desktop {\n display: none;\n}\n.card-button-text-tablet {\n display: block;\n}\n.rm-Container>nav+div {\n top: 360px;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n}\n}\n\n@media only screen and (min-width: 601px) and (max-width: 680px) {\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 38.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 38.5% !important;\n}\n}\n\n@media only screen and (min-width: 467.1px) and (max-width: 767px) {\n.error-container {\n flex-flow: nowrap column;\n width: 437px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n}\n\n.error-heading {\n display: block;\n width: 87%;\n font-size: 26px;\n padding: 5px;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.error-message {\n display: block;\n width: 75%;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n}\n\n.project-section {\n display: block;\n}\n\n.app-header {\n width: 100%;\n margin-left: 156px;\n}\n.rm-Container>nav+div {\n top: 325px;\n }\n \n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n }\n .landing-parent-searchbox>nav+div {\n top: unset;\n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n }\n}\n\n@media only screen and (max-width: 600px) {\n.flex-header-title{\n inline-size: 355px;\n overflow-wrap: break-word;\n}\n.slide-clickable{\ntext-decoration: none !important;\n}\n.overlay{\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: 100%;\nbackground-color: #4070F4;\nborder-radius: 25px 25px 0 25px;\n}\n.overlay::before,\n.overlay::after{\ncontent: '';\nposition: absolute;\nright: 0;\nbottom: -40px;\nheight: 40px;\nwidth: 40px;\nbackground-color: #4070F4;\n}\n.overlay::after{\nborder-radius: 0 25px 0 0;\nbackground-color: #FFF;\n}\n.slider-nav {\n text-align: center;\n}\n.swiper-navBtn{\ncolor: #6E93f7;\ntransition: color 0.3s ease;\n}\n.swiper-navBtn:hover{\ncolor: #4070F4;\n}\n.swiper-navBtn::before,\n.swiper-navBtn::after{\nfont-size: 35px;\n}\n.swiper-pagination-bullet{\nbackground-color: #6E93f7;\nopacity: 1;\n}\n.swiper-pagination-bullet-active{\nbackground-color: #4070F4;\n}\n\n.swiper-wrapper{\nheight: unset !important;\n}\n\n.swiper-horizontal>.swiper-pagination-bullets, \n.swiper-pagination-bullets.swiper-pagination-horizontal, \n.swiper-pagination-custom, .swiper-pagination-fraction{\nbottom: unset !important;\n}\n\n.swiper-pagination-bullet{\nwidth: 12px !important;\nheight: 12px !important;\n}\n\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\nleft: 37.2% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\nright: 37.2% !important;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after{\nfont-size: 22px !important;\nfont-weight: bold !important;\ncolor: #ffffff !important;\n}\n.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-next{\nbackground: #ffffff !important;\n}\n.swiper-button-next, .swiper-button-prev{\n z-index: 9999 !important;\n margin-top: unset !important;\n}\n/*.slider-card-content a.learn-more{\n margin-top: 162px;\n}*/\n.break-line{\n display:block;\n}\n.hub-left .welcome {\n font-size:51px;\n letter-spacing: -0.2px;\n}\n.hub-left .resources-text {\n /*/*width: 94%;*/\n font-size: 20px;\n line-height: 24px !important;\n margin: 20% auto 15% auto !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n }\n\n .land-search-box .landing-searchbox{ \n--Owlbot-width: 305px !important; \n}\n .slider-nav{\n margin-top:30px;\n}\n.slide-banner-content{\n padding: 0 32px 0 32px;\n}\n} \n@media only screen and (min-width: 321px) and (max-width: 467px) {\n.main-container {\n display: flex;\n margin: auto auto 16px auto;\n padding-top: 16px;\n}\n\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 32.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 32.5% !important;\n}\n\n.error-container {\n flex-flow: nowrap column;\n width: 437px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n}\n\n.error-message img {\n width: 272px;\n height: 183.6px;\n}\n\n.error-heading {\n width: 82%;\n font-size: 23px;\n padding: 5px;\n text-align: center;\n margin: 10px auto 0px auto;\n}\n\n.error-message {\n display: block;\n width: 88%;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n margin-top: 16px;\n}\n\n.project-section {\n display: block;\n}\n\n.app-header {\n width: 100%;\n margin-left: 30px;\n}\n.card-title {\n flex-basis: fit-content;\n}\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n}\n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n}\n.rm-Container>nav+div {\n width: auto !important;\n top: 11px!important;\n right: 10px !important;\n left: auto !important;\n}\n.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: unset;\n --icon-md: unset;\n border: unset;\n color: unset;\n background: unset;\n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n}\n.landing-parent-searchbox>nav+div {\n width: unset !important;\n top: unset!important;\n right: unset !important;\n left: unset !important;\n}\n\n.navheader{\n width: 300px;\n}\n.notification {\n width: 339px;\n}\n.notification-banner {\n margin-right: 60px !important;\n }\n\n.notification-badge {\n margin-right: 71px !important;\n}\n\n .hub-left .resources-text {\n margin: 25% auto 25% auto !important;\n}\n\n}\n@media only screen and (min-width: 321px) and (max-width: 380px) {\n .getting-tab1 .content .card-getting-started, .getting-tab2 .content .card-getting-started {\n height: 284px;\n }\n}\n@media only screen and (min-width: 200px) and (max-width: 320px) {\n.main-container {\n padding-top: 16px;\n}\n.getting-tab1 .content .card-getting-started, .getting-tab2 .content .card-getting-started {\n height: 300px;\n }\n .hub-left .resources-text {\n margin: 25% auto 25% auto !important;\n}\n.error-container {\n flex-flow: nowrap column;\n width: 312px;\n height: 100%;\n padding: 8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n height: 100%;\n justify-content: unset;\n}\n\n.error-heading {\n height: 56px;\n font-size: 23px;\n width: 100%;\n text-align: center;\n margin: 16px auto;\n}\n\n.error-message {\n height: 44px;\n width: 100%;\n font-size: 16px;\n text-align: center;\n}\n\n.go-to-home {\n display: flex;\n width: 100%;\n justify-content: center;\n margin-top: 16px;\n}\n\n.go-to-home a {\n width: 61px;\n height: 16px;\n}\n\n.project-section {\n display: block;\n}\n\n.card {\n margin: 16px auto 32px auto;\n width: 100%;\n height: 350px;\n}\n\n.app-header {\n width: 100%;\n margin-left: 30px;\n}\n.card-title {\n flex-basis: fit-content;\n}\n.card-button-text-tablet {\n margin-top: 32px;\n}\n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n }\n\n.rm-Container>nav+div {\n width: auto !important;\n top: 11px!important;\n right: 10px !important;\n left: auto !important;\n }\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: initial; \n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n}\n\n.landing-parent-searchbox>nav+div {\n width: unset !important;\n top: unset!important;\n right: unset !important;\n left: unset !important;\n}\n\n.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: unset;\n --icon-md: unset;\nborder: unset;\ncolor: unset;\nbackground: unset; \n} \n.navheader{\n width: 250px;\n}\n.notification {\n width: 289px;\n}\n.notification-banner {\n margin-right: 60px !important;\n}\n.notification-badge {\n margin-right: 71px !important;\n}\n.slide-banner-content {\n padding: 0 32px 0 32px;\n}\n}\n\n@media only screen and (min-width: 291px) and (max-width: 341px) {\n/*.slider-card-title, .page-content .content .card-getting-started .title {\n font-size: 17px;\n margin: 0 auto 10px auto !important;\n line-height:20px;\n}\n.slider-card-description, .page-content .content .card-getting-started .text {\n font-size: 15px;\n line-height:20px;\n}*/\n.hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n}\n\n@media only screen and (min-width: 241px) and (max-width: 291px) {\n/*.slider-card-title {\n font-size: 15px;\n margin: 0 auto 10px auto !important;\n line-height:18px;\n}\n.page-content .content .card-getting-started .title {\n font-size: 15px;\n}\n.slider-card-description {\n font-size: 13px;\n line-height:20px;\n}\n.page-content .content .card-getting-started .text {\n font-size: 13px;\n}\n.slider-card-content a.learn-more {\n font-size: 13px;\n}*/\n .hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n\n}\n@media only screen and (min-width: 200px) and (max-width: 241px) {\n.hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n/*.slider-card-title{\n margin: 0 auto 10px auto !important;\n font-size: 11px;\n}\n.page-content .content .card-getting-started .title {\n font-size: 11px;\n}\n.slider-card-description, .page-content .content .card-getting-started .text {\n font-size: 9px;\n}\n.slider-card-content a.learn-more {\n font-size: 9px;\n}*/\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n\n}\n@media only screen and (max-width: 30rem) {\n.card-section{\n background: repeat-y url(//files.readme.io/42549d0c26207414f3d3e88b13d6479e1d307141fa6566c1c8c1f5e8b9e2c475-full-bg-right.svg.svg) top 0 right 0,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/d68c428f1205e8babd8a4ecd9c94967a3992c8a0029f686cc6e71db5f58430d2-full-bg-left.svg_1.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n.page-content .content-pro{\n margin: 0 auto 1% auto !important;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\n margin: 16px auto 24px auto;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 12% left 57%/75% no-repeat; }\n}\n@media only screen and (min-width: 30rem) {\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right -10rem /122rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left -12rem/137rem;\n}\n.content-pro{\n padding: 0 15px;\n}\n.page-content .content-pro{\n margin: 0 auto !important;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\n margin: 16px auto 24px auto;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0% left 2%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 1% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 24.5% right 1%/27% no-repeat;\n }\n}\n@media only screen and (min-width: 90rem) {\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right 0 /110rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n/* .pro-content-sec-first .card-wrapper{\n margin: 0rem -5rem 0 0;\n}\n.pro-content-sec-second .card-wrapper{\n margin: 0rem -6.5rem 0 0;\n}*/\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat;\n}\n}\n@media only screen \nand (min-device-width: 768px) \nand (max-device-width: 1024px) {\n .card-section {\n background: repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 left 0,#fff;\n } \n .card-section::before{\n background: unset;\n }\n}\n/*loader*/\n/* Absolute Center Spinner */\n.loading {\nposition: fixed;\nz-index: 999;\nheight: 2em;\nwidth: 2em;\noverflow: show;\nmargin: auto;\ntop: 0;\nleft: 0;\nbottom: 0;\nright: 0;\n}\n\n/* Transparent Overlay */\n.loading:before {\ncontent: '';\ndisplay: block;\nposition: fixed;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\n background: #ffffff;\n\nbackground: #ffffff;\n}\n\n/* :not(:required) hides these rules from IE9 and below */\n.loading:not(:required) {\n/* hide \"loading...\" text */\nfont: 0/0 a;\ncolor: transparent;\ntext-shadow: none;\nbackground-color: transparent;\nborder: 0;\n}\n\n.loading:not(:required):after {\ncontent: '';\ndisplay: block;\nfont-size: 10px;\nwidth: 1em;\nheight: 1em;\nmargin-top: -0.5em;\n-webkit-animation: spinner 150ms infinite linear;\n-moz-animation: spinner 150ms infinite linear;\n-ms-animation: spinner 150ms infinite linear;\n-o-animation: spinner 150ms infinite linear;\nanimation: spinner 150ms infinite linear;\nborder-radius: 0.5em;\n-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;\nbox-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;\n}\n\n/* Animation */\n\n@-webkit-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-moz-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-o-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n/*--------------*/\n/*---------------Grid css------------------*/\n@-ms-viewport {\nwidth: device-width;\n}\n.row {\ndisplay: -webkit-box;\ndisplay: -webkit-flex;\ndisplay: -ms-flexbox;\ndisplay: flex;\n-webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\nmargin-right: -15px;\nmargin-left: -15px;\n}\n\n@media (min-width: 576px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 768px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 992px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 1200px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\nposition: relative;\nwidth: 100%;\nmin-height: 1px;\npadding-right: 15px;\npadding-left: 15px;\n}\n\n@media (min-width: 576px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 768px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 992px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 1200px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n.col {\n-webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n-webkit-box-flex: 1;\n-webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\nmax-width: 100%;\n}\n\n.col-auto {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\nwidth: auto;\nmax-width: none;\n}\n\n.col-1 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\nmax-width: 8.333333%;\n}\n\n.col-2 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\nmax-width: 16.666667%;\n}\n\n.col-3 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\nmax-width: 25%;\n}\n\n.col-4 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\nmax-width: 33.333333%;\n}\n\n.col-5 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\nmax-width: 41.666667%;\n}\n\n.col-6 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\nmax-width: 50%;\n}\n\n.col-7 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\nmax-width: 58.333333%;\n}\n\n.col-8 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\nmax-width: 66.666667%;\n}\n\n.col-9 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\nmax-width: 75%;\n}\n\n.col-10 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\nmax-width: 83.333333%;\n}\n\n.col-11 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\nmax-width: 91.666667%;\n}\n\n.col-12 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\nmax-width: 100%;\n}\n@media (min-width: 576px) {\n.col-sm {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-sm-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-sm-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-sm-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-sm-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-sm-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-sm-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-sm-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-sm-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-sm-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-sm-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-sm-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-sm-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-sm-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 768px) {\n.col-md {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-md-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-md-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-md-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-md-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-md-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-md-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-md-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-md-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-md-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-md-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-md-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-md-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-md-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 992px) {\n.col-lg {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-lg-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-lg-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-lg-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-lg-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-lg-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-lg-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-lg-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-lg-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-lg-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-lg-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-lg-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-lg-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-lg-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 1200px) {\n.col-xl {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-xl-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-xl-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-xl-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-xl-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-xl-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-xl-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-xl-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-xl-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-xl-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-xl-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-xl-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-xl-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-xl-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n/*# sourceMappingURL=bootstrap-grid.css.map */","stylesheet_hub3":"","javascript":"","javascript_hub2":"document.addEventListener('DOMContentLoaded', function () {\n // Create a MutationObserver to monitor changes to the DOM\n var observer = new MutationObserver(function (mutationsList, observer) {\n // Loop through all mutations\n mutationsList.forEach(function (mutation) {\n // Use the attribute selector to match any class starting with 'rm-OwlbotAI-answer ChatGPT-answer2'\n var owlbotAnswer = document.querySelector('[class^=\"rm-OwlbotAI-answer ChatGPT-answer2\"]');\n if (owlbotAnswer && !document.querySelector('.doc-ai-warning')) {\n // Create a new element (e.g., a div with an icon and text)\n var newElement = document.createElement('div');\n newElement.classList.add('doc-ai-warning'); // Add a class to ensure it's unique\n\n // Add the icon\n var icon = document.createElement('span');\n icon.textContent = '⚠️';\n icon.classList.add('doc-ai-icon'); // Add a class for styling\n\n // Add the text\n var text = document.createElement('span');\n text.textContent =\n 'This AI-powered service may produce inaccurate results. Do not rely solely on its output; review and assess it for accuracy and suitability. Your company is responsible for the outcomes generated by the service.';\n text.classList.add('doc-ai-text'); // Add a class for styling\n\n // Add both elements into the warning container\n newElement.appendChild(icon);\n newElement.appendChild(text);\n\n // Insert the new element after the Owlbot answer\n owlbotAnswer.insertAdjacentElement('afterend', newElement);\n }\n });\n });\n\n // Configure the observer to watch for changes in the entire document\n observer.observe(document.body, { childList: true, subtree: true });\n\n // Dynamically add CSS to the document\n var style = document.createElement('style');\n style.textContent = `\n .doc-ai-warning {\n display: flex; /* Align icon and text */\n align-items: flex-start; /* Align items at the top */\n color: #FBE32D; /* Text color */\n font-size: 12px; /* Font size */\n padding: 10px; /* Padding for spacing */\n line-height: 1.5; /* Line spacing for readability */\n }\n\n .doc-ai-icon {\n margin-right: 8px; /* Space between icon and text */\n flex-shrink: 0; /* Prevent the icon from shrinking */\n }\n\n .doc-ai-text {\n flex-grow: 1; /* Allow text to fill the remaining space */\n }\n `;\n document.head.appendChild(style);\n});\n\n\n\nwindow.addEventListener(\"load\", (event) => {\n const landingpageExist = document.querySelector(\"div.landing-page-background\");\n if(landingpageExist){\n window.scrollTo({ top: 0, behavior: 'smooth' });\n executeLandingPageMethod();\n let portrait = window.matchMedia(\"(orientation: portrait)\");\n portrait.addEventListener(\"change\", function(e) {\n document.querySelector(\".loading\")?.style.setProperty('display', 'block');\n document.location.reload();\n })\n document.querySelector(\"div.landing-page-background\").classList.add('land-search-box');\n document.querySelector(\".swiper-slide\")?.addEventListener('click', e => {\n var link = e.target.parentNode.querySelector(\".learn-more\").href;\n window.location.href = link;\n });\n }\n const headerLinksEle = document.querySelectorAll(\".rm-Container .rm-Header-top-link\");\n const navEle = document.querySelector(\".rm-Container nav\");\n headerLinksEle && headerLinksEle.forEach((linkEle) => {\n if (linkEle.href.indexOf(\"general\") > -1) {\n linkEle.setAttribute('target', '_self');\n } else {\n linkEle.setAttribute('target', '_blank');\n }\n });\n const logoMobileEle = document.querySelector(\".rm-Flyout .rm-Logo-img\");\n if (logoMobileEle) {\n logoMobileEle.setAttribute(\"src\", \"https://files.readme.io/0a8f9f0-Dev_hub_logo_on_light.png\")\n }\n\n const customPageEle = document.querySelector(\".rm-CustomPage\");\n if (customPageEle && navEle) {\n navEle.style.display = \"none\";\n }\n\n const clickExample = () => {\n const examples = document.querySelector(\"[class^='APIResponse-menu-status']\");\n if (examples) {\n clearInterval(interval);\n document.querySelector(\"[class^='APIResponse-menu-status']\").click();\n }\n };\n const interval = setInterval(clickExample, 100);\n\n const expandCollapse = () => {\n $('.rm-Header-top .rm-Container').append('<div class=\"bellicon\"><i class=\"notification-banner\"></i></div>');\n const popup = createNotificationPopup();\n checkAllBannersVisibility();\n var localStorageNotificationSize = localStorage.getItem(\"activeNotificationSize\");\n if ((localStorageNotificationSize === null && activeNotificationCount() > 0) || (activeNotificationCount() > localStorageNotificationSize)){\n $('.notification-banner').after('<span class=\"notification-badge\"></span>');\n }\n \n const landingpageExist = document.querySelector(\"div.landing-page-background\");\n const searchEle = document.getElementById(\"SearchBert\");\n const bellIcon = document.querySelector(\".notification-banner\");\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n const searchText = document.querySelector(\".SearchBert-Prompt3UVFfRcBSAeq\");\n const redDot = document.querySelector(\".notification-badge\");\n\n if (searchText) {\n if(landingpageExist){\n if(window.innerWidth < 600){\n searchText.setAttribute('placeholder', 'Search or ask for anything');\n }else {\n searchText.setAttribute('placeholder', 'Ask AI or search documents for UKG Pro Suite');\n }\n }else{\n searchText.setAttribute('placeholder', 'Ask or search');\n }\n if(document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG')?.length){\n document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG').style.paddingRight = '20px';\n }\n }\n\n searchEle && searchEle.addEventListener('focusout', e => {\n if (window.innerWidth > 1129 && (!landingpageExist)) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '225px');\n bellIcon.style.marginRight = \"275px\";\n if (redDot)\n redDot.style.marginRight = \"284px\";\n } else if (window.innerWidth > 466 && landingpageExist) {\n // searchBoxWidth.style.setProperty('--Owlbot-width', '504px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n } else if(!landingpageExist) {\n searchBoxWidth.style.setProperty('background', 'unset');\n searchBoxWidth.style.setProperty('--Owlbot-width', '22px');\n searchBoxWidth.style.setProperty('color','#fff');\n }else{\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n //searchBoxWidth.style.setProperty('--Owlbot-width', '22px');\n //searchBoxWidth.style.setProperty('color','#fff');\n }\n })\n\n searchEle && searchEle.addEventListener('focusin', e => {\n if (window.innerWidth > 1129 && (!landingpageExist)) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '300px');\n searchBoxWidth.style.setProperty('background', 'white');\n searchBoxWidth.style.setProperty('color', '#637288');\n bellIcon.style.marginRight = \"340px\";\n if (redDot)\n redDot.style.marginRight = \"349px\";\n } else if (window.innerWidth > 466 && landingpageExist) {\n //searchBoxWidth.style.setProperty('--Owlbot-width', '504px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n } else if(!landingpageExist) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '225px');\n searchBoxWidth.style.setProperty('background', 'white');\n searchBoxWidth.style.setProperty('color', '#637288');\n } else {\n // searchBoxWidth.style.setProperty('--Owlbot-width', '100px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n // searchBoxWidth.style.setProperty('color', '#637288');\n }\n })\n\n if (landingpageExist) {\n resizeSearchBoxMargin();\n window.addEventListener('resize', positionSliderArrows, false);\n window.addEventListener('scroll', positionSliderArrows, false);\n window.addEventListener('resize', resizeSearchBoxMargin);\n const elements = document.querySelectorAll(\"a.NavItem-item1gDDTqaXGhm1\");\n const deviderElement = document.querySelector(\".MobileFlyout-divider10xf7R2X1MeW\");\n if (deviderElement)\n deviderElement.remove(deviderElement);\n elements.forEach((element) => {\n if (element.childNodes.length >= 2) {\n element.remove(element);\n }\n });\n }\n const notificaionBann = document.querySelector('.notification-banner');\n notificaionBann && notificaionBann.addEventListener('click', () => {\n localStorage.setItem(\"activeNotificationSize\", activeNotificationCount());\n document.querySelector('.notification').style.display = \"block\";\n const banners = document.querySelectorAll('.banner');\n banners.forEach(function (banner) {\n var bannerId = banner.id;\n var bannerClosed = localStorage.getItem(bannerId + \"Closed\");\n if (bannerClosed === \"true\") {\n banner.style.display = \"none\";\n }\n });\n\n if (activeNotificationCount()>0) {\n document.querySelector(\".hidenotification\").style.display = \"none\";\n if (redDot)\n redDot.style.display= \"none\";\n } else {\n document.querySelector(\".hidenotification\").style.display = \"block\";\n document.querySelector('.clearall').classList.add(\"hideclearall\");\n }\n })\n\n const deleteActions = document.querySelectorAll('.closeDiv');\n const clearAllAction = document.querySelector('.clearall');\n deleteActions.forEach(function (deleteAction) {\n const deleteActionId = deleteAction.id;\n deleteAction.addEventListener('click', function (event) {\n closeNotification(deleteAction.parentNode.id);\n if (activeNotificationCount() == 0) {\n document.querySelector(\".hidenotification\").style.display = \"block\";\n clearAllAction.classList.add(\"hideclearall\");\n }\n });\n })\n\n const closeAction = document.querySelector('.closenotification');\n closeAction.addEventListener('click', () => {\n document.querySelector(\".notification\").style.display = \"none\";\n })\n\n clearAllAction.addEventListener('click', () => {\n closeNotification(\"banner\");\n document.querySelector(\".hidenotification\").style.display = \"block\";\n clearAllAction.classList.add(\"hideclearall\");\n })\n\n }\n setTimeout(expandCollapse, 300);\n\n var currentUrl = window.location.pathname;\n var storedLinkId = sessionStorage.getItem('activeLinkId');\n if (currentUrl === storedLinkId) {\n const activeLinkOld = document.querySelector('.rm-Header-bottom-link.active');\n activeLinkOld.classList.remove('active');\n const activeLinkNew = document.querySelector(`.rm-Header-bottom-link[href=\"${storedLinkId}\"]`);\n activeLinkNew.classList.add('active');\n }\n\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.getAttribute('target') === '_blank') {\n link.classList.remove('active');\n } else {\n const activeLinkNew = document.querySelector('.rm-Header-bottom-link.active');\n if (activeLinkNew) {\n activeLinkNew.classList.remove('active');\n }\n if (!link.classList.contains('active')) {\n link.classList.add('active');\n }\n sessionStorage.setItem('activeLinkId', link.getAttribute('href'));\n }\n });\n });\n\n function activeNotificationCount() {\n const notifications = document.querySelectorAll('.banner');\n let notificationCount = 0;\n for (const notification of notifications) {\n const notificationId = notification.id;\n const notificationClosed = localStorage.getItem(notificationId + \"Closed\");\n if (notificationClosed !== \"true\" && (window.getComputedStyle(notification).display !== 'none')) {\n notificationCount++;\n }\n }\n return notificationCount;\n }\n function closeNotification(notificationId) {\n var selector = \"[id^=\" + notificationId + \"]\";\n var notifications = document.querySelectorAll(selector);\n let localStorageNotificationCount = localStorage.getItem(\"activeNotificationSize\");\n for (const notification of notifications) {\n const notificationId = notification.id;\n const notificationClosed = localStorage.getItem(notificationId + \"Closed\");\n if((notificationClosed !== \"true\")){\n notification.style.display = \"none\";\n localStorage.setItem(notificationId + \"Closed\", \"true\");\n localStorageNotificationCount--;\n }\n }\n localStorage.setItem(\"activeNotificationSize\",localStorageNotificationCount);\n }\n\n /*Getting started js*/\n var nestedTabSelect = (tabsElement, currentElement) => {\n positionGettingSectionSliderArrows();\n const tabs = tabsElement ?? 'ul.tabs';\n const currentClass = currentElement ?? 'active';\n\n document.querySelectorAll(tabs).forEach(function (tabContainer) {\n let activeLink, activeContent;\n const links = Array.from(tabContainer?.querySelectorAll(\"a\"));\n\n activeLink =\n links?.find(function (link) {\n return link?.getAttribute(\"href\") === location.hash;\n }) || links[0];\n activeLink?.classList?.add(currentClass);\n\n activeContent = document.querySelector(activeLink?.getAttribute(\"href\"));\n activeContent?.classList?.add(currentClass);\n\n links.forEach(function (link) {\n if (link !== activeLink) {\n const content = document.querySelector(link?.getAttribute(\"href\"));\n content?.classList?.remove(currentClass);\n }\n });\n\n tabContainer.addEventListener(\"click\", function (e) {\n // Make the old tab inactive.\n activeLink?.classList?.remove(currentClass);\n activeContent?.classList?.remove(currentClass);\n\n // Update the variables with the new link and content.\n activeLink = e.target;\n activeContent = document.querySelector(activeLink?.getAttribute(\"href\"));\n\n // Make the tab active.\n activeLink?.classList?.add(currentClass);\n activeContent?.classList?.add(currentClass);\n\n e.preventDefault();\n \n });\n });\n};\n\nnestedTabSelect('ul.tabs', 'active');\n/*Getting started js*/\n function positionSliderArrows() {\n var element = document.querySelector('.slide-content')?.querySelector('.swiper-pagination');\n var elementslideGettingContent = document.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var elemenslideSpecializedContent = document.querySelector('.slide-Specialized-content')?.querySelector('.swiper-pagination');\n var rect = element?.offsetTop -(element?.scrollTop+element?.clientTop);\n var rectGt = elementslideGettingContent?.offsetTop -(elementslideGettingContent?.scrollTop+elementslideGettingContent?.clientTop);\n var rectSp = elemenslideSpecializedContent?.offsetTop -(elemenslideSpecializedContent?.scrollTop+elemenslideSpecializedContent?.clientTop);\n var marginTop = rect;\n var marginTopGt = rectGt;\n var marginTopSp = rectSp;\n document.querySelector('.slide-content').querySelector('.swiper-button-prev').style.top = (marginTop)-15 + \"px\";\n document.querySelector('.slide-content').querySelector('.swiper-button-next').style.top = (marginTop)-15 + \"px\";\n document.querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGt)-15 + \"px\";\n document.querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGt)-15 + \"px\";\n document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-prev').style.top = (marginTopSp)-15 + \"px\";\n document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-next').style.top = (marginTopSp)-15 + \"px\";\n positionGettingSectionSliderArrows();\n }\n function positionGettingSectionSliderArrows() {\n document.querySelector('.getting-tab1')?.style.setProperty('display', 'block', 'important');\n document.querySelector('.getting-tab2')?.style.setProperty('display', 'block', 'important');\n var elementDeveloper = document.querySelector('.getting-tab1')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var elementNonDeveloper = document.querySelector('.getting-tab2')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var rectGeetingTab2 = elementNonDeveloper?.offsetTop -(elementNonDeveloper?.scrollTop+elementNonDeveloper?.clientTop); \n var rectGeetingTab1 = elementDeveloper?.offsetTop -(elementDeveloper?.scrollTop+elementDeveloper?.clientTop);\n var marginTopGettingTab1 = rectGeetingTab1;\n var marginTopGettingTab2 = rectGeetingTab2;\n if(landingpageExist){\n document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-15 + \"px\";\n document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-15 + \"px\";\n document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-5 + \"px\";\n document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-5 + \"px\"; \n document.querySelector('.getting-tab1').style.display = '';\n document.querySelector('.getting-tab2').style.display = '';\n }\n }\n function resizeSearchBoxMargin() {\n var elementLeft = document.querySelector('.welcome');\n var elementResourceLeft = document.querySelector('.resources-text');\n var elementTop = document.querySelector('.hub-whats-new-slider-content');\n var elementSlideNav = document.querySelector('.first-slide');\n var fullWidth = window.innerWidth;\n var marginWidth = fullWidth /8;\n var searchWidth = fullWidth -(marginWidth*2);\n var rectSlideNav = elementSlideNav?.getBoundingClientRect();\n var rectResources = elementResourceLeft?.getBoundingClientRect();\n var rectResourcesTop = elementResourceLeft?.offsetTop -(elementResourceLeft.scrollTop+elementResourceLeft.clientTop);\n var rectLeft = elementLeft?.getBoundingClientRect();\n var rectTop = elementTop?.offsetTop -(elementTop.scrollTop+elementTop.clientTop);\n var marginLeft = rectLeft?.left;\n var welcomeWidth = elementLeft?.offsetWidth; \n var searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n var calculatedLeftData;\n var calculatedTopData;\n if (window.innerWidth < 533) {\n calculatedLeftData = rectSlideNav?.left + \"px\";\n calculatedTopData = rectTop-30 + \"px\";\n welcomeWidth = elementSlideNav?.offsetWidth-10+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left',\tcalculatedLeftData, 'important');\n //document.querySelector('.rm-Container>nav+div').style.setProperty('margin-right', calculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n } else if (window.innerWidth < 1025) {\n calculatedLeftData = marginWidth + \"px\";\n calculatedTopData = rectResourcesTop+130 +\"px\";\n welcomeWidth = searchWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-right', calculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else if (window.innerWidth < 1600) {\n let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft);\n calculatedLeftData = headerHeight + \"px\";\n calculatedTopData = rectResourcesTop+100 +\"px\";\n welcomeWidth = elementLeft.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else if(window.innerWidth >= 1600){ \n let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft);\n calculatedLeftData = headerHeight + \"px\";\n calculatedTopData = rectResourcesTop+100 +\"px\";\n welcomeWidth = elementLeft?.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else{ \n calculatedLeftData = rectLeft?.left + \"px\";\n calculatedTopData = rectTop+10 + \"px\";\n welcomeWidth = elementLeft?.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }\n }\n function postionLandingPageElement(){\n if (window.innerWidth < 533) {\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','block');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','block');\n document.querySelector('.desktop-header').innerHTML = \n ` <span class=\"welcome\">Welcome to<span class=\"break-line\">the Developer</span><span class=\"break-line\">\n Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code <span class=\"break-line\">samples, tutorials and\n best </span><span class=\"break-line\">practices for building solutions on</span> UKG’s Flex\n platform</span>`;\n }else if(window.innerWidth < 1025) {\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','block');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','block');\n document.querySelector('.desktop-header').innerHTML = `<span class=\"welcome\">Welcome to the<span class=\"break-ipad-line\"> Developer Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best<span class=\"break-ipad-line\"> practices for building solutions on UKG’s Flex platform</span></span>\n `;\n }else{\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','block');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','block');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.desktop-header').innerHTML=`<span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best practices for building\n solutions on UKG’s Flex platform</span>\n `;\n }\n }\nfunction putDynamicElementOnProtraitChange() {\n const element = document.querySelector('.dynamic-sub-header-element');\n element.innerHTML = ` <div class=\"hub-left mobile-header\">\n <span class=\"welcome\">Welcome to<span class=\"break-line\">the Developer</span><span class=\"break-line\"> Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code <span class=\"break-line\">samples, tutorials and best </span><span class=\"break-line\">practices for building solutions on</span> UKG’s Flex platform</span> \n </div>\n <div class=\"hub-left ipad-header\">\n <span class=\"welcome\">Welcome to the<span class=\"break-ipad-line\"> Developer Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best<span class=\"break-ipad-line\"> practices for building solutions on UKG’s Flex platform</span></span> \n </div>\n <div class=\"hub-left desktop-header\">\n <span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best practices for building solutions on UKG’s Flex platform</span> \n </div>`;\n }\n function executeLandingPageMethod(){\n postionLandingPageElement();\n setTimeout(function() {\n const intervalSearch = setInterval(function(){\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\")?.length;\n const searchEle = document.querySelectorAll(\".SearchBert1u4IeBwd-ET6\");\n if(searchEle.length){\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n searchBoxWidth?.classList.add(\"landing-searchbox\");\n searchBoxWidth?.parentNode.parentNode.classList.add(\"landing-sub-parent-searchbox\");\n searchBoxWidth?.parentNode.parentNode.parentNode.classList.add(\"landing-parent-searchbox\");\n if( document.querySelector('.hub-slider-content')?.length){\n setTimeout(function() {\n if (window.innerWidth >= 1024){\n document.querySelector('.hub-slider-content').style.marginTop = \"20px\"; \n }else{\n document.querySelector('.hub-slider-content').style.marginTop = \"50px\"; \n }\n }, 200);\n \n clearInterval(intervalSearch);\n }\n }\n },100);\n setTimeout(function() { \n setTimeout(positionSliderArrows, 200);\n var welcomeContent = document.querySelector('.welcome');\n var headerHeight = welcomeContent?.offsetTop -(welcomeContent?.scrollTop+welcomeContent?.clientTop);\n var rectHeaderTop;\n if (window.innerWidth >= 290 && window.innerWidth < 334) {\n rectHeaderTop = 180+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }else if (window.innerWidth >= 334 && window.innerWidth < 533) {\n rectHeaderTop = 120+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else if (window.innerWidth <= 767 && window.innerWidth >= 533) {\n rectHeaderTop = 67+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }\telse if (window.innerWidth <= 1024 && window.innerWidth > 767) {\n rectHeaderTop = headerHeight-headerHeight+10+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else if (window.innerWidth > 1024) {\n rectHeaderTop = 0;\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else{\n rectHeaderTop = '20px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }\n resizeSearchBoxMargin();\n document.querySelector(\".loading\")?.style.setProperty('display', 'none');\n document.querySelector('.hub-whats-new-slider-content')?.parentElement.style.setProperty('margin-top',\t'20px', 'important');\n },1000);\n },1000);\n }\n function checkAllBannersVisibility() {\n var banners = document.querySelectorAll('.banner');\n banners.forEach(function (banner) {\n var bannerId = banner.id;\n var startDateAttribute = document.getElementById(bannerId).getAttribute(\"startDate\");\n var startDate = new Date(startDateAttribute);\n var endDateAttribute = document.getElementById(bannerId).getAttribute(\"endDate\");\n if (endDateAttribute == null) {\n var endDate = new Date(startDate);\n endDate.setDate(startDate.getDate() + 30);\n } else {\n var endDate = new Date(endDateAttribute);\n }\n var userOffset = new Date().getTimezoneOffset() * 60000;\n var startTimeAdjusted = startDate.getTime() - userOffset;\n var endTimeAdjusted = endDate.getTime() - userOffset;\n var currentTime = new Date().getTime() - userOffset;\n var localStorageKey = bannerId + \"Closed\";\n var bannerClosed = localStorage.getItem(localStorageKey);\n if (currentTime >= startTimeAdjusted && currentTime <= endTimeAdjusted && bannerClosed !== \"true\") {\n banner.style.display = 'flex';\n } else {\n banner.style.display = 'none';\n }\n });\n }\nfunction createNotificationPopup() {\n const notificationPopup = document.createElement('div');\n notificationPopup.innerHTML = ` <div class=\"notification\">\n <div class=\"bannerbox\">\n <div class=\"navheader\">\n <div class=\"navigation\">\n <div class=\"headercontent\">\n <span class=\"closenotification\"></span>\n <div class=\"header-layout\">\n <div class=\"whats-new\"><span>What's new</span></div>\n <div class=\"clearall\"><span>Clear all</span></div>\n </div>\n </div>\n <div class=\"divider\"></div>\n <div class=\"banner\" id=\"banner1\" startDate=\"2025-02-11\" endDate=\"2025-04-11\">\n <div class=\"textDiv\">\n <a href=\"https://developer.ukg.com/\" target=\"_self\">New Developer Hub landing page now available</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"banner\" id=\"banner2\" startDate=\"2024-04-19\" endDate=\"2024-06-14\">\n <div class=\"textDiv\">\n <a href=\"/general/changelog/pro-2024r1-apis-are-now-available\" target=\"_self\">Pro 2024.R1 APIs are now available</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"banner\" id=\"banner3\" startDate=\"2024-04-19\">\n <div class=\"textDiv\">\n <a href=\"/general/changelog/introducing-ukg-webhooks\" target=\"_self\">Introducing UKG Webhooks</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"hidenotification\" style=\"display:none\">\n <div class=\"text-defaultnotification\">\n <div>You don't have any notifications right now.</div>\n </div>\n </div>\n <div class=\"divider\"> </div>\n <a class=\"viewall-box\" href=\"/general/changelog\" target=\"_self\"> \n <span class=\"viewall\">View all</span></a>\n </div>\n </div>\n </div>`;\n document.body.appendChild(notificationPopup);\n }\n\n/*Swiper js for slider in landing page*/\nvar swiper = new Swiper(\".slide-banner-content\", {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n },\n});\nvar slider1 = new Swiper ('.slide-getting-tab1-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n },\n});\nvar slider2 = new Swiper ('.slide-getting-tab2-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n \t},\n });\nvar slider3 = new Swiper ('.slide-Specialized-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 2,\n },\n },\n});\n\n/*Swiper js for slider in landing page*/\n});","html_promo":"","html_body":"","html_footer":"","html_head":"\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-5J83L3CC');</script>\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-1JFRM2SNME\"></script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n \n gtag('config', 'G-1JFRM2SNME');\n</script>\n\n <script src=\"//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.js\"></script>\n\n<link\n rel=\"stylesheet\"\n href=\"https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/noto/ignite-fonts-noto-hinted-cdn.css\"\n />\n <link\n rel=\"stylesheet\"\n href=\"https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/volte/ignite-fonts-volte-cdn.css\"\n />\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.css\">\n<meta name=\"description\" content=\"Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs.\">\n<meta name=\"google-site-verification\" content=\"iIlWTcgPQSVS83QTAPruRs6Rx35k-joUOwD2djHlBKc\" />\n<meta name=\"robots\" content=\"index\">","html_footer_meta":"<footer class=\"landing-footer\">\n <div class=\"landing-footer-parent\">\n <iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-5J83L3CC\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>\n <div class=\"landing-container landing-page-main footer-content-flex\">\n <div class=\"project-subfooter\">\n <div>\n <div class=\"footer-container default-container\">\n <div class=\"footer-logo-container\">\n <img src=\"//files.readme.io/913873d6efb338613da9b623ccdb9dc73789ebc66bc8aa85ddeef6ac589efdfc-logo-white-tagline.png\" alt=\"UKG logo\" width=\"140\"\n height=\"61\" class=\"logo--white\" loading=\"eager\">\n </div>\n <div class=\"footer-menu-container\">\n <div class=\"region region-footer\">\n <nav role=\"navigation\" aria-labelledby=\"block-ukg-footer-menu\" id=\"block-ukg-footer\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t <ul>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/human-capital-management\"\n >Human Capital Management</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/human-resource-management\"\n >Human Resources</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/payroll-software\"\n >Payroll</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/talent-management-software\"\n >Talent</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/people-analytics\"\n >Reporting and Analytics</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/workforce-management\"\n >Workforce Management</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/time-and-attendance-software\"\n >Time &amp; Attendance</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/employee-scheduling-software\"\n >Scheduling</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/hr-compliance\"\n >Compliance</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/solutions\"\n >Product Suites</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/human-capital-management\"\n >UKG Pro</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/hr-software\"\n >UKG Ready</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/industry-solutions\"\n >Industry Solutions</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/customer-experience/we-partner-for-life\"\n title=\"Description of stadoka.\"\n >Customer Experience </a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/implementation\"\n >Implementation </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/customer-support\"\n >Support Experience </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/ukg-community\"\n >UKG Community </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-stories\"\n >Customer Stories</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <span>Developer Experience</span>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://developer.ukg.com/general/changelog\"\n target=\"_self\">What's New</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\"\n target=\"_blank\">Developer Collaboration</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://extensibilityideasportal.ideas.aha.io/?category=7149176939316709665\"\n target=\"_blank\">Submit an API related request</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://extensibilityideasportal.ideas.aha.io/?category=7149176899521632869\"\n target=\"_blank\">Submit a Developer Hub request</a>\n </li>\n <li class=\"menu-level--1\" style=\"display:none;\">\n <a href=\"https://developer.ukg.com/wfm/docs/release-notes-doc\" target=\"_self\"\n >Release Notes</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/\" target=\"_blank\"\n >UKG.com</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://marketplace.ukg.com/en-US/home\"\n target=\"_blank\">UKG Marketplace</a>\n </li>\n </ul>\n\n </li>\n </ul>\n\n\n\n </nav>\n\n </div>\n\n </div>\n </div>\n </div>\n <div class=\"copyright_text\">\n <p class=\"copyright\">\n ©2025 UKG Inc. All rights reserved. For a full list of UKG trademarks,\n please visit ukg.com/trademarks. All other trademarks, if any, are\n property of their respective owners.<br />\n All specifications are subject to change.\n </p>\n </div>\n </div>\n </div>\n </div>\n</footer>","html_hidelinks":false,"showVersion":true,"hideTableOfContents":false,"nextStepsLabel":"","promos":[],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"developer.ukg.com","childrenProjects":[{"_id":"641dc182c53c97000aad8a75","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"#005151","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":false,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":false,"logo":["https://files.readme.io/871d20f-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/3186f63-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"span.highlight.active {\n display: contents;\n color: #007BFF;\n font-weight:bold;\n\n}\n.rm-Sidebar-heading {\n cursor: pointer;\n position: relative;\n text-transform: none !important;\n color: var(--text-body, #1C2024) !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 500 !important;\n line-height: 20px !important;\n}\n\n.rm-Sidebar-list.section-list-expanded {\n display: flex !important;\n}\n\n[class*=\"Sidebar-link\"].active {\n background: rgb(243,244,244);\n}\n[class*=\"Sidebar-listWrapper\"]{\n margin-top: 2px !important;\n}\n.LandingBlock-Links38HRtdeemVvp {\n justify-content: unset !important;\n}\n\nnav.Header-leftADQdGVqx1wqU {\n display: flex;\n}\n.landing-footer {\n background: #fff !important;\n position: relative;\n width: 100%;\n height: 60px;\n}\n\n.notification-banner{\n margin-right:275px;\n}\n.notification-badge{\n margin-right:284px;\n}\n.rm-Container>nav+div { \n left: auto !important;\n}\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 225px;\n}\n.rm-Header-top {\n background: var(\n --ukg_sys_color_navHeaderGradient,\n linear-gradient(\n 90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%\n )\n );\n}\n.rm-Header-bottom {\n background: #fff !important;\n box-shadow: 0 1px 0 var(--color-border-default);\n}\n.Header-search_featherYsmQBn55F3d9 {\n position: absolute !important;\n top: 11px !important;\n right: 2px;\n box-shadow: unset !important;\n}\n.Header-staging2fhBvH-z5mvq {\n display: none !important;\n}\n.Button > i:not(:only-child) {\n opacity: 1 !important;\n}\n.rm-Container .rm-Header-bottom-link.Button > i {\n font-size: 18px !important;\n}\nnav [class^=\"icon-\"] {\n display: none;\n}\nnav {\n margin: 0.45rem 0;\n}\n.Dropdown_custom .rm-Header-bottom-link {\n color: #000 !important;\n}\n.Dropdown_custom button {\n width: 258px;\n height: 40px;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.42);\n display: flex;\n justify-content: space-between;\n}\n.Dropdown_custom .rm-Header-bottom-link.Button:hover,\n.Dropdown_custom .rm-Header-bottom-link.Button:active,\n.Dropdown_custom .rm-Header-bottom-link.Button:focus-within {\n border-color: #000 !important;\n}\n\n@media screen and (max-width: 480px) {\n .Dropdown_custom button {\n width: 150px;\n height: 32px;\n margin: 9px 6px 9px 13px;\n overflow: hidden;\n }\n}\n@media screen and (max-width: 1129px) {\n [class*=\"SearchBert\"][class*=\"Dropdown-toggle\"] {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n }\n [class*=\"SearchBert-icon\"]{\n opacity: 1;\n }\n [class*=\"SearchBert-shortcut_input\"]{\n position: unset;\n }\n \n .notification-banner {\n margin-right: 60px !important;\n }\n \n .notification-badge {\n margin-right: 71px !important;\n } \n }","stylesheet_hub3":"","javascript":"","javascript_hub2":"window.addEventListener(\"load\", (event) => {\n initializeSidebar();\n const setSubHeaderFunctionality = () => {\n //set the Ions of Mobile View and Desktop View\n mobileAndDesktopSubHeaderICons();\n //set the Project Dropdown\n createProjectDropDown();\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.href && link.href.includes(\"reference\")) {\n setTimeout(initializeSidebar, 200);\n }\n });\n });\t \n };\n setTimeout(setSubHeaderFunctionality, 500);\n});\n \nfunction mobileAndDesktopSubHeaderICons(){\n if(screen.width>767){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n setIcons(marketPlaceEle,0);\n }else{\n const navEle = document.querySelector(\".rm-Flyout\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-MobileFlyout-item\");\n setIcons(marketPlaceEle,1);\n }\n}\n function setIcons(marketPlaceEle,index){\n marketPlaceEle.forEach((placeEle, i) => {\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList.length > index &&\n ( placeEle.firstChild.classList[index].indexOf(\"icon-\") > -1)\n ) {\n placeEle.removeChild(placeEle.firstChild);\n }\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList[0] !== \"material-icons-outlined\"\n ) {\n const iconEle = document.createElement(\"i\");\n iconEle.className = \"material-icons-outlined md-18\";\n switch (placeEle.firstChild.innerHTML) {\n case \"Documentation\":\n iconEle.innerHTML = \"text_snippet\";\n break;\n case \"API Specifications\":\n iconEle.innerHTML = \"code\";\n break;\n case \"Getting started\":\n iconEle.innerHTML = \"start\";\n break;\n case \"Important Notes\":\n iconEle.innerHTML = \"campaign\";\n break;\n default:\n break;\n }\n placeEle.insertBefore(iconEle, placeEle.firstChild);\n }\n });\n }\nfunction createProjectDropDown(){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n const UKGPRO_TITLE = \"UKG Pro Workforce Management\";\n const PRO_TITLE = \"UKG Pro\";\n const DEVELOPER_HUB_TOPICS_TITLE = \"Developer Hub Topics\";\n const PRO_URL = \"/hcm/\";\n const DEVELOPER_HUB_TOPICS_URL = \"/general\";\n \n const dropDownEle = document.createElement(\"div\");\n dropDownEle.className = \"Dropdown_custom\";\n dropDownEle.innerHTML = `\n <div\n aria-haspopup=\"dialog\"\n class=\"Dropdown-toggle\"\n role=\"button\"\n >\n <button\n class=\"Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link Button_primary\"\n type=\"button\"\n >\n <span>${UKGPRO_TITLE}</span\n ><span class=\"undefined icon-chevron-down\"></span>\n </button>\n <div class=\"tippy-box-custom\" data-state=\"visible\" data-animation=\"fade\" role=\"tooltip\" data-placement=\"bottom-start\"\n style=\"max-width: none; transition-duration: 300ms; display:none\">\n <div\n class=\"tippy-content\"\n data-state=\"visible\"\n style=\"transition-duration: 300ms\"\n >\n <div>\n <div class=\"Dropdown-content Dropdown-content_opened\" role=\"dialog\">\n <div class=\"_908d819b1b786131cee389a8babd969e-scss _85f4d19c0454533f225e0fa60a0dba7c-scss Menu Menu_light\">\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown menu-dropdown-link\"\n href=\"${PRO_URL}\"\n tabindex=\"0\"\n >${PRO_TITLE}</a>\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"javascript:void(0)\"\n tabindex=\"0\"\n >${UKGPRO_TITLE}</a>\n\t\t\t\t\t\t<a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"${DEVELOPER_HUB_TOPICS_URL}\"\n tabindex=\"0\"\n >${DEVELOPER_HUB_TOPICS_TITLE}</a\n >\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n dropDownEle.addEventListener(\"focusout\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (\n event.relatedTarget === null ||\n (event.relatedTarget &&\n event.relatedTarget.classList &&\n !event.relatedTarget.classList.contains(\"menu-dropdown\"))\n ) {\n if (tippyEle && tippyEle.style.display !== \"none\") {\n tippyEle.style.display = \"none\";\n }\n }\n });\n dropDownEle.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (tippyEle && tippyEle.style.display === \"none\") {\n const encodeURIPathName = encodeURIComponent(window.location.pathname);\n const pathName = encodeURIPathName.split(\"%2F\")[2];\n const menuHrefEle = tippyEle.querySelector(\".menu-dropdown-link\");\n menuHrefEle.setAttribute(\"href\", PRO_URL + pathName);\n tippyEle.style.cssText = `\n z-index: 9999;\n position: absolute;\n visibility: visible;\n inset: 0px auto auto 0px;\n margin: 0px;\n transform: translate(20px, 105px)\n `;\n } else {\n tippyEle.style.display = \"none\";\n }\n });\n if (\n navEle.firstChild &&\n !navEle.firstChild.classList.contains(\"Dropdown_custom\") && screen.width >= 481\n ) {\n navEle.insertBefore(dropDownEle, navEle.firstChild);\n }\n const mobileEle = document.querySelector(\".Select_sm\");\n const headerEle = document.querySelector(\".rm-Header-bottom\");\n if (mobileEle && screen.width < 481 && !headerEle.children[1].classList.contains(\"Dropdown_custom\")) {\n headerEle.insertBefore(dropDownEle, mobileEle);;\n }\n }\n \n function initializeSidebar() {\n const activeSidebarHeaderList = sessionStorage.getItem('ActiveSidebarHeaderList');\n const activeSideBarListSet = new Set(activeSidebarHeaderList?.split(\",\") ?? []);\n \n const activeLink = $(\".rm-Sidebar-link.active\");\n if (activeLink.length > 0) {\n activeLink.parents(\".rm-Sidebar-list\").addClass(\"section-list-expanded\");\n activeLink.parents(\".rm-Sidebar-section\").children(\".rm-Sidebar-heading\").addClass(\"section-expanded\");\n }\n\n // Collapse navigation in the sidebar initially\n document.querySelectorAll('.rm-Sidebar-section > .rm-Sidebar-list').forEach(el => {\n const parent = el.previousElementSibling?.innerHTML;\n if (activeSideBarListSet.has(parent)) {\n el.classList.add('section-expanded', 'section-list-expanded');\n } else {\n el.classList.add('section-collapsed');\n el.style.display = 'none';\n }\n });\n\n document.querySelectorAll('.rm-Sidebar-heading').forEach(el => {\n el.addEventListener('click', () => {\n if (el.nextElementSibling?.classList.contains('section-list-expanded')) {\n activeSideBarListSet.delete(el.innerHTML);\n } else {\n activeSideBarListSet.add(el.innerHTML);\n }\n el.classList.toggle('section-expanded');\n el.nextElementSibling?.classList.toggle('section-list-expanded');\n el.nextElementSibling.style.display = 'none';\n sessionStorage.setItem('ActiveSidebarHeaderList', Array.from(activeSideBarListSet).join(\",\"));\n });\n });\n}","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":false,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg6 Developer Hub","text":"Welcome to the ukg6 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg6 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc182c53c97000aad8a77"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"error-page","experiments":[],"first_page":"reference","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"owlbotAi":false,"apiV2":false,"dashQuickstart":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"superHubBeta":false,"customBlocks":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer-wfm.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc182c53c97000aad8a76","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"name":"UKG Pro Workforce Management","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":true,"appearance":true,"jwt":false,"api":true,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2025-02-13T20:01:18.356Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":true,"points":50},"tryItNow":{"enabled":true,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":false,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":true,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":122},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":true,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"66df26c8a637880061095eb6","version":"9-production","version_clean":"9.0.0-production","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f","6434594f85bd1f0018fdf47c","66df26c8a637880061095275","66df26c8a637880061095272","66df26c8a637880061095273","66df26c8a637880061095274","66df26c8a637880061095278","66df26c8a637880061095276","66df26c8a637880061095277","66df26c8a637880061095279","66df26c8a63788006109527a","66df26c8a63788006109527b","66df26c8a63788006109527c","66df26c8a63788006109527d","66df26c8a63788006109527e","66df26c8a63788006109527f","66df26c8a637880061095280","66df26c8a637880061095281","66df26c8a637880061095282","66df26c8a637880061095283","66df26c8a637880061095284","66df26c8a637880061095285","66df26c8a637880061095286","66df26c8a637880061095287","66df26c8a637880061095288","66df26c8a637880061095289","66df26c8a63788006109528a","64345b40bffd270744054144","643465ac43b872001f9b6330","6504407d8e71ae085d69ef18","66df26c8a63788006109528b","66df26c8a63788006109528c","66df26c8a63788006109528d","66df26cea637880061095eba"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2024-09-09T16:48:05.824Z","__v":0,"forked_from":"6434594f85bd1f0018fdf47a","updatedAt":"2024-09-11T16:28:44.731Z","pdfStatus":""},"subdomain":"developer-wfm","subpath":"wfm","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"},{"type":"url","text":"UKG Pro status","url":"https://ukgprostatus.statuspage.io"}],"bottom":[],"edited":true},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:28:02.982Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"643037047afc5100494a118d","version":"0.0","version_clean":"0.0.0","codename":"Blank Base","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2023-03-24T15:28:03.358Z","__v":0,"forked_from":"641dc183c53c97000aad8a7a"},{"_id":"6434594f85bd1f0018fdf47a","version":"9-R9Update3","version_clean":"9.0.0-R9Update3","codename":"v9-R9Update3","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f","6434594f85bd1f0018fdf47c","64345950d8854c0977875807","643459501edb230a0953a238","6434595049dfb307678a19fc","6434595059e65401c63ba361","64345951bffd270744051897","64345951441b8f01f6fff894","643459518355db06f776e173","6434598321d12b0026a97fe5","64345993d661f50011b0d1bb","643459b59c790a03237d665f","643459d6cbe8ac00757c7bea","643459f13a622b03e7b49bf1","64345a12c592fe0fa7464d50","64345a2ae92014097517d2e5","64345a36e5e62905be9c6cc6","64345a3c20009e03bcad9259","64345a5325d326049358602a","64345a60f191f80ce984aaed","64345a8298cc77060802101c","64345aa370564102ae7e2b16","64345ac6188e0703c5d464aa","64345ae69327d8001187b442","64345af09f9a9d08d610af52","64345b11fb93aa065b758835","64345b1fa86cfa00418280f2","64345b40bffd270744054144","643465ac43b872001f9b6330","6504407d8e71ae085d69ef18","65044ef30fa0241049d09dde","651fe6144adeb2000c5ba6f5","660280115613fc0020428357"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2023-03-24T15:28:03.358Z","__v":0,"forked_from":"643037047afc5100494a118d","updatedAt":"2024-09-11T16:28:47.328Z","pdfStatus":""},{"_id":"66df26c8a637880061095eb6","version":"9-production","version_clean":"9.0.0-production","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7c","641dc183c53c97000aad8a7e","643037047afc5100494a118f","6434594f85bd1f0018fdf47c","66df26c8a637880061095275","66df26c8a637880061095272","66df26c8a637880061095273","66df26c8a637880061095274","66df26c8a637880061095278","66df26c8a637880061095276","66df26c8a637880061095277","66df26c8a637880061095279","66df26c8a63788006109527a","66df26c8a63788006109527b","66df26c8a63788006109527c","66df26c8a63788006109527d","66df26c8a63788006109527e","66df26c8a63788006109527f","66df26c8a637880061095280","66df26c8a637880061095281","66df26c8a637880061095282","66df26c8a637880061095283","66df26c8a637880061095284","66df26c8a637880061095285","66df26c8a637880061095286","66df26c8a637880061095287","66df26c8a637880061095288","66df26c8a637880061095289","66df26c8a63788006109528a","64345b40bffd270744054144","643465ac43b872001f9b6330","6504407d8e71ae085d69ef18","66df26c8a63788006109528b","66df26c8a63788006109528c","66df26c8a63788006109528d","66df26cea637880061095eba"],"project":"641dc182c53c97000aad8a75","releaseDate":"2023-03-24T15:28:03.358Z","createdAt":"2024-09-09T16:48:05.824Z","__v":0,"forked_from":"6434594f85bd1f0018fdf47a","updatedAt":"2024-09-11T16:28:44.731Z","pdfStatus":""}],"variableDefaults":[{"source":"security","_id":"66027f8999834a003dd3467f","name":"bearer","type":"http","scheme":"bearer","apiSetting":"65044ef30fa0241049d09ddd"}],"webhookEnabled":false},{"_id":"641dc1204840480d3fe5913b","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"#005151","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":false,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":false,"logo":["https://files.readme.io/0718b6f-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/0532501-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"nav.Header-leftADQdGVqx1wqU {\n display: flex;\n }\n .rm-Header-bottom {\n background: #fff !important;\n box-shadow: 0 1px 0 var(--color-border-default);\n }\n .searchbox-align{\n left: auto !important;\n top: 11px !important;\n right:0px;\n }\n\n .Dropdown_custom .rm-Header-bottom-link {\n color: #000 !important;\n }\n \n .Dropdown_custom button {\n width: 258px;\n height: 40px;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.42);\n display: flex;\n justify-content: space-between;\n }\n .Dropdown_custom .rm-Header-bottom-link.Button:hover,\n .Dropdown_custom .rm-Header-bottom-link.Button:active,\n .Dropdown_custom .rm-Header-bottom-link.Button:focus-within {\n border-color: #000 !important;\n }\n @media screen and (max-width: 480px) {\n .Dropdown_custom button {\n width: 150px;\n height: 32px;\n margin: 9px 6px 9px 13px;\n overflow: hidden;\n }\n }\n\n \n @media screen and (max-width: 1129px) {\n [class*=\"SearchBert-icon\"]{\n opacity: 1; \n }\n [class*=\"SearchBert-shortcut_input\"]{\n position: unset;\n }\n }","stylesheet_hub3":"","javascript":"","javascript_hub2":"window.addEventListener(\"load\", (event) => {\n const setSubHeaderFunctionality = () => {\n //set the Ions of Mobile View and Desktop View\n mobileAndDesktopSubHeaderICons();\n //set the Project Dropdown\n createProjectDropDown(); \n };\n setTimeout(setSubHeaderFunctionality, 500);\n});\n\nfunction mobileAndDesktopSubHeaderICons(){\n if(screen.width>767){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n setIcons(marketPlaceEle,0);\n }else{\n const navEle = document.querySelector(\".rm-Flyout\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-MobileFlyout-item\");\n setIcons(marketPlaceEle,1);\n }\n}\nfunction setIcons(marketPlaceEle,index){\n marketPlaceEle.forEach((placeEle, i) => {\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList.length > index &&\n ( placeEle.firstChild.classList[index].indexOf(\"icon-\") > -1)\n ) {\n placeEle.removeChild(placeEle.firstChild);\n }\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList[0] !== \"material-icons-outlined\"\n ) {\n const iconEle = document.createElement(\"i\");\n iconEle.className = \"material-icons-outlined md-18\";\n switch (placeEle.firstChild.innerHTML) {\n case \"Documentation\":\n iconEle.innerHTML = \"text_snippet\";\n break;\n case \"API Specifications\":\n iconEle.innerHTML = \"code\";\n break;\n case \"Getting started\":\n iconEle.innerHTML = \"start\";\n break;\n case \"Important Notes\":\n iconEle.innerHTML = \"campaign\";\n break;\n default:\n break;\n }\n placeEle.insertBefore(iconEle, placeEle.firstChild);\n }\n });\n}\nfunction createProjectDropDown(){\n const DEVELOPER_HUB_TOPICS_TITLE = \"Developer Hub Topics\";\n const UKGPRO_TITLE = \"UKG Pro Workforce Management\";\n const PRO_TITLE = \"UKG Pro\";\n const PRO_URL = \"/hcm/\";\n const DIMENSION_URL = \"/wfm/\";\n const navEle = document.querySelector(\".rm-Container nav\");\n const dropDownEle = document.createElement(\"div\");\n dropDownEle.className = \"Dropdown_custom\";\n dropDownEle.innerHTML = `\n <div\n aria-haspopup=\"dialog\"\n class=\"Dropdown-toggle\"\n role=\"button\"\n >\n <button\n class=\"Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link Button_primary\"\n type=\"button\"\n >\n <span>${DEVELOPER_HUB_TOPICS_TITLE}</span\n ><span class=\"undefined icon-chevron-down\"></span>\n </button>\n <div class=\"tippy-box-custom\" data-state=\"visible\" data-animation=\"fade\" role=\"tooltip\" data-placement=\"bottom-start\"\n style=\"max-width: none; transition-duration: 300ms; display:none\">\n <div\n class=\"tippy-content\"\n data-state=\"visible\"\n style=\"transition-duration: 300ms\"\n >\n <div>\n <div class=\"Dropdown-content Dropdown-content_opened\" role=\"dialog\">\n <div class=\"_908d819b1b786131cee389a8babd969e-scss _85f4d19c0454533f225e0fa60a0dba7c-scss Menu Menu_light\">\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown menu-dropdown-link\"\n href=\"${PRO_URL}\"\n tabindex=\"0\"\n >${PRO_TITLE}</a> \n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"${DIMENSION_URL}\"\n tabindex=\"0\"\n >${UKGPRO_TITLE}</a>\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"javascript:void(0)\"\n tabindex=\"0\"\n >${DEVELOPER_HUB_TOPICS_TITLE}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n dropDownEle.addEventListener(\"focusout\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (\n event.relatedTarget === null ||\n (event.relatedTarget &&\n event.relatedTarget.classList &&\n !event.relatedTarget.classList.contains(\"menu-dropdown\"))\n ) {\n if (tippyEle && tippyEle.style.display !== \"none\") {\n tippyEle.style.display = \"none\";\n }\n }\n });\n dropDownEle.addEventListener(\"click\", (event) => {\n event.stopPropagation();\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (tippyEle && tippyEle.style.display === \"none\") {\n const menuHrefEle = tippyEle.querySelector(\".menu-dropdown-link\");\n tippyEle.style.cssText = `\n z-index: 9999;\n position: absolute;\n visibility: visible;\n inset: 0px auto auto 0px;\n margin: 0px;\n transform: translate(20px, 105px)\n `;\n } else {\n tippyEle.style.display = \"none\";\n }\n });\n if (\n navEle.firstChild &&\n !navEle.firstChild.classList.contains(\"Dropdown_custom\") && screen.width >= 481\n ) {\n navEle.insertBefore(dropDownEle, navEle.firstChild);\n }\n const mobileEle = document.querySelector(\".Select_sm\");\n const headerEle = document.querySelector(\".rm-Header-bottom\");\n if (mobileEle && screen.width < 481 && !headerEle.children[1].classList.contains(\"Dropdown_custom\")) {\n headerEle.insertBefore(dropDownEle, mobileEle);;\n }\n const customePageExist = document.querySelector(\".rm-CustomPage\");\n const errorPageExist = document.querySelector(\".error-container\");\n const searchBoxIncreseWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6.Dropdown-toggle\");\n const searchBoxHeader = document.querySelector(\".Header-search_featherYsmQBn55F3d9\"); \n const bellIcon = document.querySelector(\".notification-banner\");\n const redDot = document.querySelector(\".notification-badge\");\n if((customePageExist == null && screen.width >= 1129) || (errorPageExist !=null && screen.width >= 1129)){\n searchBoxHeader.classList.add(\"searchbox-align\");\n searchBoxIncreseWidth.style.setProperty('--Owlbot-width','225px');\n bellIcon.style.setProperty('margin-right','275px');\n if(redDot!== null)\n redDot.style.setProperty('margin-right','284px'); \n }else if(customePageExist == null && screen.width < 1129){\n searchBoxIncreseWidth.style.setProperty('--Owlbot-width','24px');\n searchBoxIncreseWidth.style.setProperty('color','#fff');\n searchBoxIncreseWidth.style.setProperty('background','none');\n searchBoxIncreseWidth.style.setProperty('border','unset');\n bellIcon.style.setProperty('margin-right','60px');\n if(redDot!== null)\n redDot.style.setProperty('margin-right','71px');\n searchBoxHeader.classList.add(\"searchbox-align\");\n }\n if (customePageExist && !errorPageExist) { \n const headers = document.querySelectorAll('.rm-Header-top-link');\n const mobileHeader = document.querySelectorAll('.rm-MobileFlyout-item');\n headers[headers.length - 1].style.display = 'none'; \n mobileHeader[mobileHeader.length - 1].style.display = 'none';\n }\n }","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":false,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg3 Developer Hub","text":"Welcome to the ukg3 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg3 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc1204840480d3fe5913d"}],"changelog":{"layoutExpanded":true,"showAuthor":false,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"error-page","experiments":[],"first_page":"docs","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"owlbotAi":false,"superHubBeta":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer-general.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc1204840480d3fe5913c","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":false,"suggested_edits":false,"logs":false,"custompages":true,"tutorials":false},"name":"Developer Hub Topics","nav_names":{"docs":"Documentation","reference":"","changelog":"What's New","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":true,"appearance":true,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2025-02-19T11:48:25.576Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":false,"points":50},"tryItNow":{"enabled":false,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":true,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":false,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":41},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"64303d60ba325a003c697b0b","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc1204840480d3fe59142","641dc1204840480d3fe59142","641dc1204840480d3fe59144","64303d1e63d464004c48c548","64303d60ba325a003c697b0d","64303d9c89382307d31c46dd","662116e2e3fe420031e915e2","66223a72523eee004f4619bc","6626414010adad0025b6df54","6655fd0c77fe3d005bf543de","67adf75e2840f00024fd3ef3"],"project":"641dc1204840480d3fe5913b","releaseDate":"2023-03-24T15:26:24.593Z","createdAt":"2023-03-24T15:26:24.593Z","__v":0,"forked_from":"64303d1e63d464004c48c546","updatedAt":"2025-02-13T13:45:02.438Z"},"subdomain":"developer-general","subpath":"general","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"},{"type":"url","text":"UKG Pro status","url":"https://ukgprostatus.statuspage.io"}],"bottom":[],"edited":true},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:26:24.177Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"64303d1e63d464004c48c546","version":"0.0","version_clean":"0.0.0","codename":"Blank Base","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dc1204840480d3fe59142","641dc1204840480d3fe59142","641dc1204840480d3fe59144","64303d1e63d464004c48c548"],"project":"641dc1204840480d3fe5913b","releaseDate":"2023-03-24T15:26:24.593Z","createdAt":"2023-03-24T15:26:24.593Z","__v":0,"forked_from":"641dc1204840480d3fe59140"},{"_id":"64303d60ba325a003c697b0b","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc1204840480d3fe59142","641dc1204840480d3fe59142","641dc1204840480d3fe59144","64303d1e63d464004c48c548","64303d60ba325a003c697b0d","64303d9c89382307d31c46dd","662116e2e3fe420031e915e2","66223a72523eee004f4619bc","6626414010adad0025b6df54","6655fd0c77fe3d005bf543de","67adf75e2840f00024fd3ef3"],"project":"641dc1204840480d3fe5913b","releaseDate":"2023-03-24T15:26:24.593Z","createdAt":"2023-03-24T15:26:24.593Z","__v":0,"forked_from":"64303d1e63d464004c48c546","updatedAt":"2025-02-13T13:45:02.438Z"}],"variableDefaults":[],"webhookEnabled":false},{"_id":"641dbb2b5b8d7a004c213e3b","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"#005151","main_alt":"","header_text":"","body_highlight":"#005151","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":false,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":false,"logo":["https://files.readme.io/526a06e-small-logo_developer_hub.png","logo_developer hub.png",261,27,"#000000","https://files.readme.io/40c01a7-logo_developer_hub.png"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":".rm-Header-top {\n background: var(\n --ukg_sys_color_navHeaderGradient,\n linear-gradient(\n 90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%\n )\n );\n}\nnav.Header-leftADQdGVqx1wqU {\n display: flex;\n}\n.rm-Header-top-link:last-child{\n display: flex;\n}\n.landing-footer {\n\tbackground: #fff !important;\n position: relative;\n width: 100%;\n height: 60px;\n}\n .rm-Header-bottom {\n background: #fff !important;\n box-shadow: 0 1px 0 var(--color-border-default);\n}\n.Header-search_featherYsmQBn55F3d9 {\n position: absolute!important;\n top: 11px !important;\n right: 2px;\n box-shadow: unset!important;\n}\n.rm-Container>nav+div { \n left: auto !important;\n}\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 225px;\n}\n.notification-banner{\n margin-right:275px;\n}\n.notification-badge{\n margin-right:284px;\n}\n.Header-staging2fhBvH-z5mvq {\n\tdisplay: none !important;\n}\t\t\t\na.rm-Header-bottom-link:nth-last-child(-n+2)::after{\n content: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cpath d='M10.667 11.333H5.333a.669.669 0 0 1-.666-.666V5.333c0-.366.3-.666.666-.666H6c.367 0 .667-.3.667-.667 0-.367-.3-.667-.667-.667H4.667c-.74 0-1.334.6-1.334 1.334v6.666c0 .734.6 1.334 1.334 1.334h6.666c.734 0 1.334-.6 1.334-1.334V10c0-.367-.3-.667-.667-.667-.367 0-.667.3-.667.667v.667c0 .366-.3.666-.666.666zM7.888 4c0 .367.3.667.667.667h1.727L6.195 8.753a.664.664 0 1 0 .94.94l4.087-4.086v1.726c0 .367.3.667.666.667.367 0 .667-.3.667-.667V4c0-.367-.3-.667-.667-.667H8.555c-.367 0-.667.3-.667.667z' fill='%230176B2' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A\");\n width: 16px;\n height: 16px;\n margin: -3.55px 0 -5px 4px;\n}\n.Button>i:not(:only-child) {\n\topacity: 1 !important;\n}\n.rm-Container .rm-Header-bottom-link.Button>i {\n\tfont-size: 18px !important;\n}\nnav [class^='icon-'] {\n\tdisplay: none;\n}\nnav {\n\t margin: 7px 0;\n}\n.Dropdown_custom .rm-Header-bottom-link {\n\tcolor: #000 !important;\n}\n.Dropdown_custom button {\n width: 258px;\n height: 40px;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.42);\n display: flex;\n justify-content: space-between;\n}\n.Dropdown_custom .rm-Header-bottom-link.Button:hover, .Dropdown_custom .rm-Header-bottom-link.Button:active, .Dropdown_custom .rm-Header-bottom-link.Button:focus-within{\n border-color: #000 !important;\n}\n//svg image color change desktop view\n#colorWebhookImage g path {\n stroke: #0176B2;\n}\n #colorIntegrationImage .primary{\n fill: #0176B2;\n }\n\n@media screen and (max-width: 480px) {\n .Dropdown_custom button {\n width: 150px;\n height: 32px;\n margin: 9px 6px 9px 13px;\n overflow: hidden;\n }\n}\n@media screen and (max-width: 767px) {\n #colorWebhookImage g path {\n stroke: rgb(0, 0, 0, .6) !important;\n }\n \n #colorIntegrationImage .primary {\n fill: rgb(0, 0, 0, .6) !important;\n }\n}\n@media screen and (max-width: 1129px) {\n [class*=\"SearchBert\"][class*=\"Dropdown-toggle\"] {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n }\n [class*=\"SearchBert-icon\"]{\n opacity: 1;\n }\n [class*=\"SearchBert-shortcut_input\"]{\n position: unset;\n }\n \n .notification-banner {\n margin-right: 60px !important;\n }\n \n .notification-badge {\n margin-right: 71px !important;\n } \n }","stylesheet_hub3":"","javascript":"","javascript_hub2":"window.addEventListener(\"load\", (event) => {\n\tinitializeSidebar();\n const setSubHeaderFunctionality = () => {\n //set the Ions of Mobile View and Desktop View\n mobileAndDesktopSubHeaderICons();\n //set the Project Dropdown\n\t createProjectDropDown();\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.href.includes(\"reference\")) {\n setTimeout(initializeSidebar, 200);\n }\n });\n });\n };\n setTimeout(setSubHeaderFunctionality, 500);\n});\n \nfunction mobileAndDesktopSubHeaderICons(){\n if(screen.width>767){\n const navEle = document.querySelector(\".rm-Container nav\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-Header-bottom-link\");\n setIcons(marketPlaceEle,0);\n }else{\n const navEle = document.querySelector(\".rm-Flyout\");\n const marketPlaceEle = navEle.querySelectorAll(\".rm-MobileFlyout-item\");\n setIcons(marketPlaceEle,1);\n }\n}\n function setIcons(marketPlaceEle,index){\n marketPlaceEle.forEach((placeEle, i) => {\n if (\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList.length > index &&\n ( placeEle.firstChild.classList[index].indexOf(\"icon-\") > -1)\n ) {\n placeEle.removeChild(placeEle.firstChild);\n }\n if (\n placeEle.firstChild &&\n placeEle.firstChild.classList &&\n placeEle.firstChild.classList[0] !== \"material-icons-outlined\"\n ) {\n const iconEle = document.createElement(\"i\");\n iconEle.className = \"material-icons-outlined md-18 \";\n switch (placeEle.firstChild.innerHTML) {\n case \"Documentation\":\n iconEle.innerHTML = \"text_snippet\";\n break;\n case \"API Specifications\":\n iconEle.innerHTML = \"code\";\n break;\n case \"UKG Webhooks\":\n iconEle.innerHTML =`<svg id=\"colorWebhookImage\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\n <mask id=\"xoek5ob71a\" style=\"mask-type:luminance\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"22\" height=\"22\">\n <path d=\"M24 0H0v24h24V0z\" fill=\"#fff\"/>\n </mask>\n <g mask=\"url(#xoek5ob71a)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5.668 12.487a3.556 3.556 0 1 0 5.444 3.014h5.334\"/>\n <path d=\"M14.726 18.614a3.557 3.557 0 1 0 1.719-6.67 3.73 3.73 0 0 0-1.778.445L12 7.499\"/>\n <path d=\"M15.556 7.5a3.556 3.556 0 1 0-7.112 0c0 1.338.684 2.505 1.778 3.11L7.555 15.5\"/>\n </g>\n </svg>`;\n placeEle.setAttribute(\"target\", \"_blank\");\n break;\n case \"Integrations Dashboard\":\n iconEle.innerHTML = `<svg id=\"colorIntegrationImage\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M0 0h24v24H0z\"/>\n <path d=\"M3 3h18v18H3z\"/>\n <path class=\"primary\" d=\"M12 5.25a8.25 8.25 0 0 1 6.575 13.234.75.75 0 1 1-1.193-.91l.173-.238a6.747 6.747 0 0 0 .689-1.266l-.928-.214a.75.75 0 0 1 .337-1.462l1.004.232c.061-.369.093-.745.093-1.126a6.72 6.72 0 0 0-.886-3.346l-.99.801a.75.75 0 1 1-.945-1.166l1.048-.849a6.734 6.734 0 0 0-4.226-2.149L12.75 8.25a.75.75 0 0 1-1.5 0V6.791a6.734 6.734 0 0 0-4.227 2.15l1.048.848a.75.75 0 1 1-.944 1.166l-.99-.8A6.72 6.72 0 0 0 5.25 13.5c0 .38.032.757.093 1.126l1.004-.232a.75.75 0 0 1 .337 1.462l-.928.214a6.717 6.717 0 0 0 .912 1.57.75.75 0 1 1-1.199.902A8.217 8.217 0 0 1 3.75 13.5 8.25 8.25 0 0 1 12 5.25zm2.028 4.867a.4.4 0 0 1 .149.368l-.536 3.939a1.5 1.5 0 1 1-2.635-1.12l2.46-3.12a.4.4 0 0 1 .562-.067z\" fill=\"#0176B2\" fill-rule=\"nonzero\"/>\n </g>\n </svg>`;\n placeEle.setAttribute(\"target\", \"_blank\");\n break;\n default:\n break;\n }\n placeEle.insertBefore(iconEle, placeEle.firstChild);\n }\n });\n }\nfunction createProjectDropDown(){\n const navEle = document.querySelector(\".rm-Container nav\");\n const UKGPRO_TITLE = \"UKG Pro Workforce Management\";\n const PRO_TITLE = \"UKG Pro\";\n const DEVELOPER_HUB_TOPICS_TITLE = \"Developer Hub Topics\";\n const DIMENSION_URL = \"/wfm/\";\n const DEVELOPER_HUB_TOPICS_URL = \"/general\"; \n const dropDownEle = document.createElement(\"div\");\n dropDownEle.className = \"Dropdown_custom\";\n dropDownEle.innerHTML = `\n <div\n aria-haspopup=\"dialog\"\n class=\"Dropdown-toggle\"\n role=\"button\"\n >\n <button\n class=\"Button Button_slate_text Button_md undefined Button Button_slate_text Button_md rm-Header-bottom-link Button_primary\"\n type=\"button\"\n >\n <span>${PRO_TITLE}</span\n ><span class=\"undefined icon-chevron-down\"></span>\n </button>\n <div class=\"tippy-box-custom\" data-state=\"visible\" data-animation=\"fade\" role=\"tooltip\" data-placement=\"bottom-start\"\n style=\"max-width: none; transition-duration: 300ms; display:none\">\n <div\n class=\"tippy-content\"\n data-state=\"visible\"\n style=\"transition-duration: 300ms\"\n >\n <div>\n <div class=\"Dropdown-content Dropdown-content_opened\" role=\"dialog\">\n <div class=\"_908d819b1b786131cee389a8babd969e-scss _85f4d19c0454533f225e0fa60a0dba7c-scss Menu Menu_light\">\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"javascript:void(0)\"\n tabindex=\"0\"\n >${PRO_TITLE}</a>\n <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown menu-dropdown-link\"\n href=\"${DIMENSION_URL}\"\n tabindex=\"0\"\n >${UKGPRO_TITLE}</a>\n\t\t\t <a\n class=\"Menu-Item Menu-Item-alignIcon_left Menu-Item_link menu-dropdown\"\n href=\"${DEVELOPER_HUB_TOPICS_URL}\"\n tabindex=\"0\"\n >${DEVELOPER_HUB_TOPICS_TITLE}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n dropDownEle.addEventListener(\"focusout\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (\n event.relatedTarget === null ||\n (event.relatedTarget &&\n event.relatedTarget.classList &&\n !event.relatedTarget.classList.contains(\"menu-dropdown\"))\n ) {\n if (tippyEle && tippyEle.style.display !== \"none\") {\n tippyEle.style.display = \"none\";\n }\n }\n });\n dropDownEle.addEventListener(\"click\", (event) => {\n const tippyEle = document.querySelector(\".tippy-box-custom\");\n if (tippyEle && tippyEle.style.display === \"none\") {\n const encodeURIPathName = encodeURIComponent(window.location.pathname);\n const pathName = encodeURIPathName.split(\"%2F\")[2];\n const menuHrefEle = tippyEle.querySelector(\".menu-dropdown-link\");\n\t\tmenuHrefEle.setAttribute(\"href\", DIMENSION_URL + pathName);\n tippyEle.style.cssText = `\n z-index: 9999;\n position: absolute;\n visibility: visible;\n inset: 0px auto auto 0px;\n margin: 0px;\n transform: translate(20px, 105px)\n `;\n } else {\n tippyEle.style.display = \"none\";\n }\n });\n if (\n navEle.firstChild &&\n !navEle.firstChild.classList.contains(\"Dropdown_custom\") &&\n screen.width >= 481\n ) {\n navEle.insertBefore(dropDownEle, navEle.firstChild);\n }\n const mobileEle = document.querySelector(\".Select_sm\");\n const headerEle = document.querySelector(\".rm-Header-bottom\");\n if (\n mobileEle &&\n screen.width < 481 &&\n !headerEle.children[1].classList.contains(\"Dropdown_custom\")\n ) {\n headerEle.insertBefore(dropDownEle, mobileEle);\n }\n}\n\nfunction initializeSidebar() {\n const activeSidebarHeaderList = sessionStorage.getItem('ActiveSidebarHeaderList');\n const activeSideBarListSet = new Set(activeSidebarHeaderList?.split(\",\") ?? []);\n \n const activeLink = $(\".rm-Sidebar-link.active\");\n if (activeLink.length > 0) {\n activeLink.parents(\".rm-Sidebar-list\").addClass(\"section-list-expanded\");\n activeLink.parents(\".rm-Sidebar-section\").children(\".rm-Sidebar-heading\").addClass(\"section-expanded\");\n }\n\n // Collapse navigation in the sidebar initially\n document.querySelectorAll('.rm-Sidebar-section > .rm-Sidebar-list').forEach(el => {\n const parent = el.previousElementSibling?.innerHTML;\n if (activeSideBarListSet.has(parent)) {\n el.classList.add('section-expanded', 'section-list-expanded');\n } else {\n el.classList.add('section-collapsed');\n el.style.display = 'none';\n }\n });\n\n document.querySelectorAll('.rm-Sidebar-heading').forEach(el => {\n el.addEventListener('click', () => {\n if (el.nextElementSibling?.classList.contains('section-list-expanded')) {\n activeSideBarListSet.delete(el.innerHTML);\n } else {\n activeSideBarListSet.add(el.innerHTML);\n }\n el.classList.toggle('section-expanded');\n el.nextElementSibling?.classList.toggle('section-list-expanded');\n el.nextElementSibling.style.display = 'none';\n sessionStorage.setItem('ActiveSidebarHeaderList', Array.from(activeSideBarListSet).join(\",\"));\n });\n });\n}","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":false,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg2 Developer Hub","text":"Welcome to the ukg2 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg2 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dbb2b5b8d7a004c213e3d"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"error-page","experiments":[],"first_page":"reference","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"owlbotAi":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"superHubBeta":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer-hcm.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dbb2b5b8d7a004c213e3c","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"name":"UKG Pro","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":true,"appearance":true,"jwt":false,"api":true,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2025-02-14T11:21:07.852Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":true,"points":50},"tryItNow":{"enabled":true,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":false,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":true,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":122},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":true,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"643461bcc7fe9c0deaab761c","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e44","64303a40444f2400187fe286","643461bcc7fe9c0deaab761e","643461bd0ea6840042b3d53c","643461be187817012e3ccbe9","643461bec592fe0fa7485ccc","643461bee920140975199302","643461d27bcd6c0778badfb4","643461d64567f90045fe7c8b","643461dae5e62905be9e51d3","643461dfbffd2707440706ff","643461e24e1e980db1033e57","643461e6a48d1606e6187557","643461e9751ffb0d0e213d27","643461ed97363c001803ae9f","643461f170cd9b06de2f6dbe","643461f4840c0706d4113bc2","643461f8098713006b84df03","643461fc9c790a03237f3291","6434620089368f07231cf8f9","6434620384d4c2019983ffeb","64346207f191f80ce9868df0","6434620b3c790906635c12b3","6434620ebffd27074407072a","64346212ffa8660e473f3c01","6434621559bd4a005e009c34","643462199034f306ee396049","6434621d7dec8e035ff4a916","64346221cbe8ac00757e8869","64346225c592fe0fa7486f86","643462285cf1f804172deba6","6434622c11097c0073dd17e8","6434622f15d8d80049ea6976","6434623398cc77060803d05f","6434623660a1740721687582","6434623af3d1110f80f6edea","6434623ed979170ecef891bc","64346243afcc95004c44e904","6434624730cd2806653c3194","6434624a7dec8e035ff4b104","6434624d15d8d80049ea71b5","6434625184d4c20199841aeb","64346255c317ac06901c760e","643462599f9a9d08d612c0fa","6434625d0123820168171689","6434626197363c001803bb16","64346264d4d8d505fa8926df","64346268bc09a4005eddb3eb","6434626ced589d068bbc9c82","64346275149d6f007b7fa046","6434627cbb0f6f003d52b8ce","64346281bd464c000b312681","64346285eeb2bd003459bec5","643462893389cd0057be983c","6434628e2b989e00112d9e57","6434629227752f00189872b1","6434629621ca7a006359f84c","6434629a49eedd0037d5c367","6434629e6c3b0e003db32f8d","643462a377791c000abb20b0","643462a83b4235003c176c73","643462acd7e04100342d5c82","643462b013894e006c36f2fd","643462b41c5cbc000af22746","643462b847850d00118b92fc","643462bd7f0ea20050480b1c","643462c2a9b545006099659d","643462c6b78378002d9ac693","643462cb287c3c0026db3663","643462cf1142fa005f61081b","643462d3ec43f4006b6fea0e","643462d8ab75c2002db82cb8","643462ddd2297100647b473c","643462e120af970026d0fc60","643462e577791c000abb3939","643462ea2e5666001f5a50f4","643462f2cc0367001fdc325c","643462f749ae46007bd650eb","6434630d47850d00118bc617","6434631577791c000abb4181","643463182b989e00112dc3e6","6434631c484ba40044d31267","6434631e2f408200666bdbc2","660fa15faac40d0019048e74","6661c787996dc80062eb1f6a","66eb02d753800343ae2c45ae","66eb1e56aa7c6a00116bcf84","66eb1e9c9a42ac3f7ee70a70","66f3d1df346c5d004a0735a4","670f8d8c5b30e2001f855ba8","679d051563510f0046659737","67adfac3caaae7000f36481a","67adfacdcaaae7000f36495e","67adfad332bd3c004c2d5b49","67adfadb17d53e0012a2b044","67adfadfa2565200611b6662","67adfae41adffb0ea6f88df3","67adfae91adffb0ea6f88e05","67adfafbe1f4050010b07884","67ae1963a92df6005045385b","67ae196a74f4ba0011428cb0","67ae1970922b49002af71b40","67ae197b35cecb0052829f94","67ae1981009874000fcea6cb","67ae198b18fd5c0068b73e5b","67ae19907de5560036102c90","67ae19974f8d910059c7069d","67ae199ddd6b8400580b0f3b","67ae19a6034853000f5abb36","67ae19b133e750002ab6ed8c"],"project":"641dbb2b5b8d7a004c213e3b","releaseDate":"2023-03-24T15:00:59.798Z","createdAt":"2023-03-24T15:00:59.798Z","__v":0,"forked_from":"64303a40444f2400187fe284","updatedAt":"2025-02-13T16:11:29.964Z"},"subdomain":"developer-hcm","subpath":"hcm","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"},{"type":"url","url":"https://ukgprostatus.statuspage.io","text":"UKG Pro status"}],"bottom":[{"type":"url","text":"UKG Webhooks","url":"https://webhooks.ukg.net"},{"type":"url","text":"Integrations Dashboard","url":"https://integrations.ultipro.com/"}],"edited":true},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:00:59.369Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"64303a40444f2400187fe284","version":"0.0","version_clean":"0.0.0","codename":"Blank Base","is_stable":false,"is_beta":false,"is_hidden":true,"is_deprecated":false,"categories":["641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e44","64303a40444f2400187fe286"],"project":"641dbb2b5b8d7a004c213e3b","releaseDate":"2023-03-24T15:00:59.798Z","createdAt":"2023-03-24T15:00:59.798Z","__v":0,"forked_from":"641dbb2b5b8d7a004c213e40"},{"_id":"643461bcc7fe9c0deaab761c","version":"1.0","version_clean":"1.0.0","codename":"v1.0","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e42","641dbb2b5b8d7a004c213e44","64303a40444f2400187fe286","643461bcc7fe9c0deaab761e","643461bd0ea6840042b3d53c","643461be187817012e3ccbe9","643461bec592fe0fa7485ccc","643461bee920140975199302","643461d27bcd6c0778badfb4","643461d64567f90045fe7c8b","643461dae5e62905be9e51d3","643461dfbffd2707440706ff","643461e24e1e980db1033e57","643461e6a48d1606e6187557","643461e9751ffb0d0e213d27","643461ed97363c001803ae9f","643461f170cd9b06de2f6dbe","643461f4840c0706d4113bc2","643461f8098713006b84df03","643461fc9c790a03237f3291","6434620089368f07231cf8f9","6434620384d4c2019983ffeb","64346207f191f80ce9868df0","6434620b3c790906635c12b3","6434620ebffd27074407072a","64346212ffa8660e473f3c01","6434621559bd4a005e009c34","643462199034f306ee396049","6434621d7dec8e035ff4a916","64346221cbe8ac00757e8869","64346225c592fe0fa7486f86","643462285cf1f804172deba6","6434622c11097c0073dd17e8","6434622f15d8d80049ea6976","6434623398cc77060803d05f","6434623660a1740721687582","6434623af3d1110f80f6edea","6434623ed979170ecef891bc","64346243afcc95004c44e904","6434624730cd2806653c3194","6434624a7dec8e035ff4b104","6434624d15d8d80049ea71b5","6434625184d4c20199841aeb","64346255c317ac06901c760e","643462599f9a9d08d612c0fa","6434625d0123820168171689","6434626197363c001803bb16","64346264d4d8d505fa8926df","64346268bc09a4005eddb3eb","6434626ced589d068bbc9c82","64346275149d6f007b7fa046","6434627cbb0f6f003d52b8ce","64346281bd464c000b312681","64346285eeb2bd003459bec5","643462893389cd0057be983c","6434628e2b989e00112d9e57","6434629227752f00189872b1","6434629621ca7a006359f84c","6434629a49eedd0037d5c367","6434629e6c3b0e003db32f8d","643462a377791c000abb20b0","643462a83b4235003c176c73","643462acd7e04100342d5c82","643462b013894e006c36f2fd","643462b41c5cbc000af22746","643462b847850d00118b92fc","643462bd7f0ea20050480b1c","643462c2a9b545006099659d","643462c6b78378002d9ac693","643462cb287c3c0026db3663","643462cf1142fa005f61081b","643462d3ec43f4006b6fea0e","643462d8ab75c2002db82cb8","643462ddd2297100647b473c","643462e120af970026d0fc60","643462e577791c000abb3939","643462ea2e5666001f5a50f4","643462f2cc0367001fdc325c","643462f749ae46007bd650eb","6434630d47850d00118bc617","6434631577791c000abb4181","643463182b989e00112dc3e6","6434631c484ba40044d31267","6434631e2f408200666bdbc2","660fa15faac40d0019048e74","6661c787996dc80062eb1f6a","66eb02d753800343ae2c45ae","66eb1e56aa7c6a00116bcf84","66eb1e9c9a42ac3f7ee70a70","66f3d1df346c5d004a0735a4","670f8d8c5b30e2001f855ba8","679d051563510f0046659737","67adfac3caaae7000f36481a","67adfacdcaaae7000f36495e","67adfad332bd3c004c2d5b49","67adfadb17d53e0012a2b044","67adfadfa2565200611b6662","67adfae41adffb0ea6f88df3","67adfae91adffb0ea6f88e05","67adfafbe1f4050010b07884","67ae1963a92df6005045385b","67ae196a74f4ba0011428cb0","67ae1970922b49002af71b40","67ae197b35cecb0052829f94","67ae1981009874000fcea6cb","67ae198b18fd5c0068b73e5b","67ae19907de5560036102c90","67ae19974f8d910059c7069d","67ae199ddd6b8400580b0f3b","67ae19a6034853000f5abb36","67ae19b133e750002ab6ed8c"],"project":"641dbb2b5b8d7a004c213e3b","releaseDate":"2023-03-24T15:00:59.798Z","createdAt":"2023-03-24T15:00:59.798Z","__v":0,"forked_from":"64303a40444f2400187fe284","updatedAt":"2025-02-13T16:11:29.964Z"}],"variableDefaults":[{"source":"server","type":"","_id":"67ae196c74f4ba0011428cb2","name":"hostname","default":"hostname","apiSetting":"67ae196a74f4ba0011428cae"},{"source":"security","type":"http","_id":"67ae196c74f4ba0011428cb1","name":"basicAuth","scheme":"basic","apiSetting":"67ae196a74f4ba0011428cae"},{"source":"security","type":"oauth2","_id":"67ae197d35cecb0052829f95","name":"OauthSecurity","apiSetting":"67ae197b35cecb0052829f92"},{"source":"security","type":"oauth2","_id":"67ae19a7034853000f5abb39","name":"OPPAuthN","apiSetting":"67ae19a6034853000f5abb34"},{"source":"security","type":"http","_id":"67ae19a7034853000f5abb38","name":"BasicAuthentication","scheme":"basic","apiSetting":"67ae19a6034853000f5abb34"},{"source":"security","type":"apiKey","_id":"67ae19a7034853000f5abb37","name":"Token","apiSetting":"67ae19a6034853000f5abb34"}],"webhookEnabled":false},{"_id":"641dc132ed6a400b07f7cd9d","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"","main_alt":"","header_text":"","body_highlight":"","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":true,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":true,"logo":["https://files.readme.io/45785f4-brandmark-blue.svg","readme.svg",60,60,"#048ef5"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"","stylesheet_hub3":"","javascript":"","javascript_hub2":"","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":true,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg5 Developer Hub","text":"Welcome to the ukg5 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg5 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc132ed6a400b07f7cd9f"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"","experiments":[],"first_page":"landing","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"allowReusableOTPs":false,"developerDashboard":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"disableSAMLScoping":false,"git":{"read":false,"write":false},"owlbotAi":false,"superHubBeta":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"bidiSync":false,"changelogRssAlwaysPublic":false,"customComponents":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"superHubMigrationSelfServeFlow":false,"gitSidebar":true,"disableDiscussionSpamRecaptchaBypass":false},"fullBaseUrl":"https://ukg5.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc132ed6a400b07f7cd9e","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"admin","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":true,"suggested_edits":true,"logs":false,"custompages":false,"tutorials":false},"name":"ukg5","nav_names":{"docs":"","reference":"","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":false,"appearance":false,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2024-07-08T14:58:09.216Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":false,"points":50},"tryItNow":{"enabled":false,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":true,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":true,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":false,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":46},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"641dc134ed6a400b07f7cda5","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda9"],"project":"641dc132ed6a400b07f7cd9d","releaseDate":"2023-03-24T15:26:44.617Z","createdAt":"2023-03-24T15:26:44.617Z","__v":1},"subdomain":"ukg5","subpath":"","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"user"}],"bottom":[],"edited":false},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:26:42.594Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"641dc134ed6a400b07f7cda5","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda7","641dc134ed6a400b07f7cda9"],"project":"641dc132ed6a400b07f7cd9d","releaseDate":"2023-03-24T15:26:44.617Z","createdAt":"2023-03-24T15:26:44.617Z","__v":1}],"variableDefaults":[],"webhookEnabled":false},{"_id":"641dc127e3cb08061d684984","appearance":{"rdmd":{"callouts":{"useIconFont":false},"theme":{"background":"","border":"","markdownEdge":"","markdownFont":"","markdownFontSize":"","markdownLineHeight":"","markdownRadius":"","markdownText":"","markdownTitle":"","markdownTitleFont":"","mdCodeBackground":"","mdCodeFont":"","mdCodeRadius":"","mdCodeTabs":"","mdCodeText":"","tableEdges":"","tableHead":"","tableHeadText":"","tableRow":"","tableStripe":"","tableText":"","text":"","title":""}},"main_body":{"type":"links"},"colors":{"highlight":"","main":"","main_alt":"","header_text":"","body_highlight":"","custom_login_link_color":""},"typography":{"headline":"Open+Sans:400:sans-serif","body":"Open+Sans:400:sans-serif","typekit":false,"tk_key":"","tk_headline":"","tk_body":""},"header":{"style":"solid","img":[],"img_size":"auto","img_pos":"tl"},"body":{"style":"none"},"global_landing_page":{"html":"","redirect":""},"referenceSimpleMode":true,"referenceLayout":"row","link_logo_to_url":false,"theme":"solid","colorScheme":"system","overlay":"triangles","landing":true,"sticky":false,"hide_logo":false,"childrenAsPills":false,"subheaderStyle":"links","splitReferenceDocs":false,"showMetricsInReference":true,"logo":["https://files.readme.io/45785f4-brandmark-blue.svg","readme.svg",60,60,"#048ef5"],"loginLogo":[],"logo_white":[],"logo_white_use":false,"logo_large":false,"favicon":[],"stylesheet":"","stylesheet_hub2":"","stylesheet_hub3":"","javascript":"","javascript_hub2":"","html_promo":"","html_body":"","html_footer":"","html_head":"","html_footer_meta":"","html_hidelinks":false,"showVersion":true,"hideTableOfContents":false,"nextStepsLabel":"","promos":[{"extras":{"type":"buttons","buttonPrimary":"get-started","buttonSecondary":"none"},"title":"The ukg4 Developer Hub","text":"Welcome to the ukg4 developer hub. You'll find comprehensive guides and documentation to help you start working with ukg4 as quickly as possible, as well as support if you get stuck. Let's jump right in!","_id":"641dc127e3cb08061d684986"}],"changelog":{"layoutExpanded":false,"showAuthor":true,"showExactDate":false},"allowApiExplorerJsonEditor":false},"custom_domain":"","childrenProjects":[],"derivedPlan":"enterprise","description":"","error404":"","experiments":[],"first_page":"landing","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":false,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":false,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"allowReusableOTPs":false,"developerDashboard":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"disableSAMLScoping":false,"git":{"read":false,"write":false},"owlbotAi":false,"superHubBeta":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"bidiSync":false,"changelogRssAlwaysPublic":false,"customComponents":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"superHubMigrationSelfServeFlow":false,"gitSidebar":true,"disableDiscussionSpamRecaptchaBypass":false},"fullBaseUrl":"https://ukg4.readme.io/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[{"_id":"641dc127e3cb08061d684985","term":"parliament","definition":"Owls are generally solitary, but when seen together the group is called a 'parliament'!"}],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"admin","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":true,"suggested_edits":true,"logs":false,"custompages":false,"tutorials":false},"name":"ukg4","nav_names":{"docs":"","reference":"","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":false,"appearance":false,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":false,"isPaying":false,"customization":{"answerLength":"long","customTone":"","defaultAnswer":"","forbiddenWords":"","tone":"neutral"},"lastIndexed":"2024-07-08T14:58:08.764Z","copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":false,"points":50},"tryItNow":{"enabled":false,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":true,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":true,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":false,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":46},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"641dc12be3cb08061d68498d","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc12de3cb08061d68498f","641dc12de3cb08061d68498f","641dc12de3cb08061d684991"],"project":"641dc127e3cb08061d684984","releaseDate":"2023-03-24T15:26:35.565Z","createdAt":"2023-03-24T15:26:35.566Z","__v":1},"subdomain":"ukg4","subpath":"","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"user"}],"bottom":[],"edited":false},"trial":{"trialDeadlineEnabled":false,"trialEndsAt":"2023-04-07T15:26:31.863Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"641dc12be3cb08061d68498d","version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["641dc12de3cb08061d68498f","641dc12de3cb08061d68498f","641dc12de3cb08061d684991"],"project":"641dc127e3cb08061d684984","releaseDate":"2023-03-24T15:26:35.565Z","createdAt":"2023-03-24T15:26:35.566Z","__v":1}],"variableDefaults":[],"webhookEnabled":false}],"derivedPlan":"enterprise","description":"Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs.","error404":"","experiments":[],"first_page":"landing","flags":{"allowApiExplorerJsonEditor":false,"allowDarkMode":true,"alwaysShowDocPublishStatus":false,"allowXFrame":false,"correctnewlines":false,"dashReact":true,"disablePasswordlessLogin":false,"directGoogleToStableVersion":false,"disableAnonForum":false,"enterprise":true,"graphql":false,"migrationRun":false,"migrationSwaggerRun":false,"myDevelopers":false,"newEditor":true,"newEditorDash":true,"newMarkdownBetaProgram":true,"newSearch":true,"oauth":false,"oldMarkdown":false,"rdmdCompatibilityMode":false,"reviewWorkflow":true,"singleProjectEnterprise":false,"speedyRender":false,"staging":true,"star":false,"superHub":false,"swagger":false,"translation":false,"useReactApp":true,"useReactGLP":true,"developerDashboard":false,"allowReusableOTPs":false,"owlbotAi":false,"apiV2":false,"customBlocks":false,"disableAutoTranslate":false,"git":{"read":false,"write":false},"superHubBeta":false,"devDashHub":false,"disableSAMLScoping":false,"allowUnsafeCustomHtmlSuggestionsFromNonAdmins":false,"apiAccessRevoked":false,"passwordlessLogin":"default","disableSignups":false,"billingRedesignEnabled":true,"developerPortal":false,"mdx":false,"superHubDevelopment":false,"annualBillingEnabled":true,"devDashBillingRedesignEnabled":false,"enableOidc":false,"customComponents":false,"disableDiscussionSpamRecaptchaBypass":false,"developerViewUsersData":false,"changelogRssAlwaysPublic":false,"bidiSync":false,"superHubMigrationSelfServeFlow":false,"apiDesigner":false,"hideEnforceSSO":false,"localLLM":false,"superHubManageVersions":false,"gitSidebar":false},"fullBaseUrl":"https://developer.ukg.com/","git":{"migration":{"createRepository":{},"transformation":{},"migratingPages":{},"enableSuperhub":{}},"sync":{"connectedRepository":{"organization":{},"privacy":{}},"installationRequest":{},"github":[]}},"glossaryTerms":[],"graphqlSchema":"","gracePeriod":{"enabled":false,"endsAt":null},"shouldGateDash":false,"healthCheck":{"provider":"","settings":{}},"intercom_secure_emailonly":false,"intercom":"","is_active":true,"integrations":{"login":{}},"internal":"","jwtExpirationTime":0,"landing_bottom":[],"mdxMigrationStatus":"rdmd","metrics":{"monthlyLimit":0,"thumbsEnabled":true,"monthlyPurchaseLimit":0,"meteredBilling":{}},"modules":{"landing":true,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":true,"discuss":true,"suggested_edits":true,"logs":false,"custompages":false,"tutorials":false},"name":"UKG Developer Hub","nav_names":{"docs":"","reference":"","changelog":"","discuss":"","tutorials":"","recipes":""},"oauth_url":"","onboardingCompleted":{"documentation":false,"appearance":false,"jwt":false,"api":false,"logs":false,"domain":false,"metricsSDK":false},"owlbot":{"enabled":true,"isPaying":false,"customization":{"answerLength":"long","defaultAnswer":"I apologize, I can't figure this out. Could you try rewording your prompt? If I am still struggling to answer, please refer to our [\"GenAI Search page\"] (https://developer.ukg.com/general/docs/genai-search)","forbiddenWords":"OAS","tone":"professional","customTone":""},"copilot":{"enabled":false,"hasBeenUsed":false,"installedCustomPage":""}},"owner":{"id":null,"email":null,"name":null},"plan":"enterprise","planOverride":"enterprise","planSchedule":{"stripeScheduleId":null,"changeDate":null,"nextPlan":null},"planStatus":"","planTrial":"enterprise","readmeScore":{"components":{"newDesign":{"enabled":true,"points":25},"reference":{"enabled":true,"points":50},"tryItNow":{"enabled":true,"points":35},"syncingOAS":{"enabled":false,"points":10},"customLogin":{"enabled":false,"points":25},"metrics":{"enabled":false,"points":40},"recipes":{"enabled":false,"points":15},"pageVoting":{"enabled":true,"points":1},"suggestedEdits":{"enabled":false,"points":10},"support":{"enabled":false,"points":5},"htmlLanding":{"enabled":false,"points":5},"guides":{"enabled":true,"points":10},"changelog":{"enabled":false,"points":5},"glossary":{"enabled":false,"points":1},"variables":{"enabled":true,"points":1},"integrations":{"enabled":false,"points":2}},"totalScore":122},"reCaptchaSiteKey":"","reference":{"alwaysUseDefaults":true,"defaultExpandResponseExample":false,"defaultExpandResponseSchema":false,"enableOAuthFlows":false},"seo":{"overwrite_title_tag":false},"stable":{"_id":"641dc2824840480d3fe5b08f","version":"1.0.0","version_clean":"1.0.0","codename":"","is_stable":false,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":[],"releaseDate":"2023-03-24T15:32:18.440Z","createdAt":"2023-03-24T15:32:18.440Z","project":"641dc2824840480d3fe5b090","__v":0},"subdomain":"staging-developer-ukg","subpath":"","superHubWaitlist":false,"topnav":{"left":[],"right":[{"type":"url","text":"What's New","url":"/general/changelog"},{"type":"url","text":"UKG.com","url":"https://www.ukg.com"},{"type":"url","text":"Marketplace","url":"https://marketplace.ukg.com"}],"bottom":[],"edited":true},"trial":{"trialDeadlineEnabled":true,"trialEndsAt":"2023-04-07T15:32:18.443Z"},"translate":{"provider":"transifex","show_widget":false,"key_public":"","org_name":"","project_name":"","languages":[]},"url":"","versions":[{"_id":"641dc2824840480d3fe5b08f","__v":0,"categories":[],"codename":"","createdAt":"2023-03-24T15:32:18.440Z","is_beta":false,"is_deprecated":false,"is_hidden":false,"is_stable":false,"project":"641dc2824840480d3fe5b090","releaseDate":"2023-03-24T15:32:18.440Z","version":"1.0.0","version_clean":"1.0.0"}],"variableDefaults":[],"webhookEnabled":false,"isHubEditable":true},"projectStore":{"data":{"allow_crawlers":"disabled","glossary":[],"canonical_url":null,"description":"Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs.","homepage_url":null,"id":"641dc2824840480d3fe5b090","name":"UKG Developer Hub","parent":null,"redirects":[],"sitemap":"disabled","subdomain":"staging-developer-ukg","suggested_edits":"enabled","uri":"/projects/staging-developer-ukg","variable_defaults":[],"webhooks":[],"api_designer":{"allow_editing":"enabled"},"custom_login":{"login_url":null,"logout_url":null},"features":{"custom_components":"disabled","mdx":"disabled"},"onboarding_completed":{"api":false,"appearance":false,"documentation":false,"domain":false,"jwt":false,"logs":false,"metricsSDK":false},"pages":{"not_found":null},"privacy":{"view":"public","password":null},"refactored":{"status":"disabled","migrated":"unknown"},"reference":{"api_sdk_snippets":"enabled","defaults":"always_use","json_editor":"disabled","oauth_flows":"disabled","request_history":"enabled","response_examples":"collapsed","response_schemas":"collapsed"},"seo":{"overwrite_title_tag":"disabled"},"plan":{"type":"enterprise","grace_period":{"enabled":false,"end_date":null},"trial":{"expired":false,"end_date":"2023-04-07T15:32:18.443Z"}},"health_check":{"provider":"none","settings":{"manual":{"status":"down","url":null},"statuspage":{"id":null}}},"integrations":{"aws":{"readme_webhook_login":{"region":null,"external_id":null,"role_arn":null,"usage_plan_id":null}},"bing":{"verify":null},"google":{"analytics":null,"site_verification":null},"heap":{"id":null},"koala":{"key":null},"localize":{"key":null},"recaptcha":{"site_key":null,"secret_key":null},"segment":{"key":null,"domain":null},"typekit":{"key":null},"zendesk":{"subdomain":null},"intercom":{"app_id":null,"secure_mode":{"key":null,"email_only":false}}},"permissions":{"appearance":{"private_label":"enabled","custom_code":{"css":"enabled","html":"enabled","js":"enabled"}}},"appearance":{"brand":{"primary_color":"#005151","link_color":null,"theme":"light"},"changelog":{"layout":"collapsed","show_author":true,"show_exact_date":false},"markdown":{"callouts":{"icon_font":"emojis"}},"table_of_contents":"enabled","whats_next_label":null,"footer":{"readme_logo":"show"},"logo":{"size":"default","dark_mode":{"uri":null,"url":null,"name":null,"width":null,"height":null,"color":null,"links":{"original_url":null}},"main":{"uri":null,"url":"https://files.readme.io/3b02c2e-small-logo_developer_hub.png","name":"logo_developer hub.png","width":261,"height":27,"color":"#000000","links":{"original_url":"https://files.readme.io/bf7966a-logo_developer_hub.png"}},"favicon":{"uri":null,"url":"https://files.readme.io/d91f41b-favicon.ico","name":"favicon.ico","width":16,"height":16,"color":"#000000","links":{"original_url":null}}},"custom_code":{"css":"span.highlight.active {\n display: contents;\n color: #007BFF;\n font-weight:bold;\n\n}\n.rm-Sidebar-heading {\n cursor: pointer;\n position: relative;\n text-transform: none !important;\n color: var(--text-body, #1C2024) !important;\n font-size: 14px !important;\n font-style: normal !important;\n font-weight: 500 !important;\n line-height: 20px !important;\n}\n\n.rm-Sidebar-list.section-list-expanded {\n display: flex !important;\n}\n\n[class*=\"Sidebar-link\"].active {\n background: rgb(243,244,244);\n}\n[class*=\"Sidebar-listWrapper\"]{\n margin-top: 2px !important;\n}\n[class*=\"LandingBlock-Links\"]{\njustify-content: unset !important;\n}\n[class*=\"Header-bottom\"] {\nmin-height:0px !important; \n}\n[class*=\"Header-search_feather\"] { \n position: absolute !important;\n box-shadow: unset !important; \n}\n\nbody {\nfont-family: Volte Rounded !important;\n}\n\n.Header-right21PC2XTT6aMg {\n padding-right: 0px;\n}\n\n.SearchBert1u4IeBwd-ET6 {\ncolor: #637288;\n background: white\n}\n.SearchBert-Prompt3UVFfRcBSAeq::placeholder {\ncolor: #637288;\nopacity: 1;\n}\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle { \n--Owlbot-width: 300px; \n}\n\n.landing-searchbox { \n--Owlbot-width: 504px; \nbackground: #ffffff !important;\n}\n\n.rm-APIAuth .InputGroup-badge {\ndisplay:none !important;\n}\n\n.rm-Header {\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\n--Header-border-width: 0 !important;\n}\n\n.rm-Header-bottom-link.active {\nposition: relative;\n}\n\n.rm-Header-bottom-link.active::after {\ncontent: '';\nposition: absolute;\nbottom: -5px;\nwidth: 100%;\nheight: 4px;\nbackground-color: #005151;\nborder-radius: 6px 6px 0px 0px;\n}\n\n.Header-leftADQdGVqx1wqU a:hover {\nbackground-color: rgba(0, 0, 0, 0.05);\n}\n\n.rm-Header-top {\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\nbox-shadow: unset !important;\n}\n\n.rm-Header-bottom {\nbackground: #fff !important;\n}\n\n.rm-ParamContainer button div {\ntext-transform: none !important;\n}\n\n#updated-at {\ndisplay: none;\n}\n\n._2a21541c6bdfdcae7d5631faeb57468f-scss {\ndisplay: none !important;\n}\n\n.Header3zzata9F_ZPQ {\nbox-shadow: unset !important;\n}\n\n.Header-staging2fhBvH-z5mvq {\ndisplay: none !important;\n}\n\np.copyright {\ntext-align: center;\nfont-family: Noto Sans;\nfont-size: 14px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 20px;\nletter-spacing: normal;\nmargin: 0px 158px !important;\npadding-bottom: 10px !important;\n}\n\n.landing-footer {\nposition: relative;\nwidth: 100%;\nbackground-color: #f5f5f5;\n}\n.rm-Header .Button {\nfont-weight: normal !important;\nfont-family: Noto Sans !important;\n}\n\n.rm-Header-top-link[href^=\"https:\"]::after {\ncontent: url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.667 4.667a.667.667 0 0 1 .077 1.329L4.667 6h-1c-.164 0-.3.118-.328.273l-.006.06v6c0 .164.118.3.274.328l.06.006h6c.163 0 .3-.118.328-.274l.005-.06v-1a.667.667 0 0 1 1.329-.077l.004.077v1c0 .884-.687 1.607-1.557 1.663l-.11.004h-6a1.667 1.667 0 0 1-1.662-1.557L2 12.333v-6c0-.883.688-1.606 1.557-1.663l.11-.003h1zM12 2a2 2 0 0 1 1.997 1.882L14 4v3.333a.667.667 0 0 1-1.329.078l-.004-.078V4.276L7.138 9.805a.667.667 0 0 1-.998-.88l.055-.063 5.528-5.529H8.667a.667.667 0 0 1-.078-1.329L8.667 2H12z' fill='%23FFF' fill-rule='nonzero' fill-opacity='.88'/%3E%3C/svg%3E\");\nwidth: 16px;\nheight: 16px;\nmargin: -3.552px 0 -4.992px 4px;\n}\n\n#AppSearch>details>ol>li:has(label > span[title*=\"UKG 5\"]) {\ndisplay: none;\n}\n\n.tippy-box-custom .Dropdown-content>div {\nbackground: #fff;\nborder-radius: 5px;\nbox-shadow: 0 5px 10px rgb(0 0 0 / 5%), 0 2px 6px rgb(0 0 0 / 3%),\n 0 1px 3px rgb(0 0 0 / 3%);\n}\n\n.rm-Header-bottom-link {\ncolor: #016ca2 !important;\n}\n\n.border-unset {\nbox-shadow: unset !important;\n--Header-border-width: unset !important;\n}\n\n#content-container>#content-head {\ndisplay: none;\n}\n\n#content-container {\nmax-width: unset !important;\nmargin: unset !important;\n}\n\n#main.container {\nwidth: 100% !important;\nmax-width: unset;\noverflow: hidden;\npadding-top: 0 !important;\nmargin: 0 auto !important;\n}\n\n.App .rm-Container {\nmax-width: unset !important;\n}\n\nnav.Header-leftADQdGVqx1wqU {\ndisplay: none;\n}\n\n.Header-leftADQdGVqx1wqU a {\ncolor: #016ca2 !important;\n}\n\n.rm-Container>nav+div {\n position: absolute !important;\n width: auto !important;\n top: 366px;\n left: 158px;\n padding: 0px, 4px, 0px, 16px;\n box-shadow: unset !important;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n left: unset;\n}\n.rm-Header-bottom>div {\nmin-height: 0 !important;\n}\n\n.rm-Header-top {\nborder-bottom: unset !important;\n}\n\n.subheader-height {\nmin-height: 0 !important;\n}\n\n.content-block {\n/*width: 1280px;*/\nmargin: auto;\n}\n.landing-page-background .content-block\n{\n max-width: 1400px;\n margin: 0 auto;\n}\n.header-icon {\nwidth: 16px;\nheight: 16px;\nmargin: -0.192px 0 -5px 4px;\nobject-fit: contain;\n}\n.hr-doc{\n text-decoration: none !important;\n}\n.card-button-text-desktop {\ndisplay: block;\nmargin-top: 16px;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration-color: #0176b2 !important;\ntext-decoration: underline !important;\n}\n\n.card-button-text-tablet {\ndisplay: none;\nmargin-top: 16px;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration-color: #0176b2 !important;\ntext-decoration: underline !important;\n}\n\n.app-header {\ndisplay: flex;\nalign-self: stretch;\nwidth: 100%;\nmargin-left: 170px;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 26px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.19;\nletter-spacing: normal;\ntext-align: left;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\n.card-header-content {\ndisplay: flex;\nalign-self: stretch;\nalign-items: center;\njustify-content: center;\nwidth: 100%;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 26px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.19;\nletter-spacing: normal;\ntext-align: center;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\n.card-header-content .title {\nfont-size: 41px;\nline-height: 48px;\nletter-spacing: 0.2;\nfont-family: Volte Rounded;\nfont-weight: 500;\ncolor: #005151;\npadding-bottom: 26px;\n}\n\n.card-header-content .text {\nfont-size: 16px;\nline-height: 24px;\nletter-spacing: normal;\nfont-family: Noto sans;\nfont-weight: normal;\ncolor: #000000DE;\nmargin-top:8px;\n;\n}\n\n\n.project-card {\ndisplay: flex;\nflex-flow: row;\nmargin-left: 144px;\n\n}\n.card-section {\n --asc-bg-size: 107rem;\n --asc-bg-x-offset: -27rem;\n --asc-bg-y-offset: 0rem;\n --asc-bg-angle-size: 121rem;\n --asc-bg-x-angle-offset: -8.0rem;\n --asc-bg-y-angle-offset: -28rem;\n background: repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top -10rem center/40rem,#fff;\n}\n.card-section .content-block{\n padding-top: 88px;\n}\n.card-section .content-block:last-child{\n padding-bottom: 88px;\n}\n.card-section:before {\n position: absolute;\n top: calc(46.5*(1rem) - 10rem);\n bottom: 0;\n left: 0;\n right: 0;\n min-width: 100%;\n content: \"\";\n z-index: 0;\n}\n.card {\npadding: 24px;\nborder: solid 0.08em #eee;\nborder-radius: 15px;\nbox-shadow: 1px 1px 10px -1.4px #cbc7c7;\nz-index: 99;\nmargin: 16px 0 32px 24px;\nmax-width: 448px;\nmin-width: 200px;\nwidth: 41.3333%;\nheight: 248px;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\n}\n.card-title {\nheight: 28px;\nflex-grow: 1;\nmargin-bottom: 16px;\nfont-family: Volte Rounded;\nfont-size: 23px;\nfont-weight: 600;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.22;\nletter-spacing: normal;\ntext-align: left;\ncolor: #005151;\n}\n\n.card-description {\nheight: 48px;\nflex-grow: 1;\nmargin-bottom: 16px;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\nflex-basis: fit-content;\ncolor: rgba(0, 0, 0, 0.87)\n}\n\n.card-icon {\ndisplay: flex;\nmax-width: 156px;\nwidth: 100%;\nmargin: 16px auto;\njustify-content: center;\n}\n\n.card-icon-text {\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: normal;\ntext-align: left;\ncolor: #0176b2 !important;\ntext-decoration: underline;\n\n}\n.break-line, .break-ipad-line{\ndisplay: block;\n}\n.mobile-header, .ipad-header, .desktop-header{\ntext-align:center;\n}\n.card-icon-content {\ncontent: url(\"data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 17h8c.55 0 1-.45 1-1v-1c0-.55.45-1 1-1s1 .45 1 1v2c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V7a2 2 0 0 1 2-2h2c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zm4.832-10c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1V8.41l-6.13 6.13a.996.996 0 1 1-1.41-1.41L15.422 7h-2.59z' fill='%230176B2'/%3E%3C/svg%3E%0A\");\nwidth: 20px;\nheight: 20px;\nmargin: -1.2px 0 0 2px;\n}\n/* card css for slider */\n.project-slider-card {\ndisplay: flex;\nflex-flow: row;\n\n}\n.slider-card {\nborder: 1px solid #00000026;\nborder-radius: 12px;\nbox-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08);\nz-index: 99;\nmargin: 16px 0 32px 24px;\nmin-width: 200px;\nwidth: 41.3333%;\nheight: 228px !important;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\n}\n\n.slide-banner-content{\npadding: 0 32px;\n}\n.slider-nav{\nmargin-top: 30px;\n}\n.slider-card{\nborder: 1px solid #00000026;\nborder-radius: 12px;\nbox-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.08);\nz-index: 99;\nmargin: 0;\nheight: 228px;\nbackground-color: #fff;\ntext-decoration: unset !important;\nbox-sizing: border-box;\nbackground: #FFFFFF;\n}\n.slider-card-content-title{\n height:70px;\n}\n.slider-card-title {\nmargin: 0 auto !important;\nflex-grow: 1;\nfont-family: Volte Rounded;\nfont-size: 23px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 28px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #005151;\n}\n\n.main-banner-link{\n text-decoration: none !important;\n}\n\n.slider-card-content-description{\n height:100px;\n}\n.slider-card-description {\nmargin: 0 auto !important;\nflex-grow: 1;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\nflex-basis: fit-content;\ncolor: #000000;\n}\n.learn-more-content{\n margin: 0 auto !important;\n}\n.slider-card-link {\nmargin: 5px auto 20px auto;\n}\n\n.slider-card-link span{\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #016CA2 !important;\ntext-decoration: underline;\n}\n.slider-card-content{\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 24px 32px 24px 32px;\n}\n.flex-card-wrapper{\ndisplay: -webkit-flex;\ndisplay: flex;\n-webkit-flex-direction: row;\nflex-direction: row;\nalign-items: flex-start;\nflex-direction: row;\nalign-items: center;\nflex: 1 0 100%;\npadding: 0 32px 0 32px;\ngap: 32px;\njustify-content: center;\n}\n.slider-card-content a.learn-more{\nfont-size: 16px;\nfont-weight: 400;\nfont-family: Noto Sans;\nline-height: 24px;\ntext-decoration: none;\ncursor: pointer;\n}\n.slide-clickable{\ntext-decoration: none !important;\n}\n.overlay{\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: 100%;\nbackground-color: #4070F4;\nborder-radius: 25px 25px 0 25px;\n}\n.overlay::before,\n.overlay::after{\ncontent: '';\nposition: absolute;\nright: 0;\nbottom: -40px;\nheight: 40px;\nwidth: 40px;\nbackground-color: #4070F4;\n}\n.overlay::after{\nborder-radius: 0 25px 0 0;\nbackground-color: #FFF;\n}\n.slider-nav {\n text-align: center;\n}\n.slide-getting-content .card-wrapper, .slide-Specialized-content .card-wrapper{\n padding-bottom: 10px;\n}\n.swiper-navBtn{\ncolor: #6E93f7;\ntransition: color 0.3s ease;\n}\n.swiper-navBtn:hover{\ncolor: #4070F4;\n}\n.swiper-navBtn::before,\n.swiper-navBtn::after{\nfont-size: 35px;\n}\n.swiper-wrapper{\nheight: unset !important;\n}\n\n.swiper-horizontal>.swiper-pagination-bullets, \n.swiper-pagination-bullets.swiper-pagination-horizontal, \n.swiper-pagination-custom, .swiper-pagination-fraction{\nbottom: unset !important;\n}\n\n.swiper-pagination-bullet {\n width: 0.75rem !important;\n height: 0.75rem !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n background: #6E93f7 !important;\n opacity: 1 !important;\n outline: none;\n position: static !important;\n pointer-events: auto !important;\n -ms-flex-negative: 0 !important;\n flex-shrink: 0 !important;\n -webkit-transform: scale(1) !important;\n transform: scale(0.75) !important;\n vertical-align: middle !important;\n}\n.swiper-pagination-bullet {\n background-color: #FFFFFFA6 !important;\n}\n.swiper-pagination-bullet-active{\nbackground-color: #4070F4;\ntransform: scale(1) !important;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\nleft: 41.2% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\nright: 41.2% !important;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after{\nfont-size: 22px !important;\nfont-weight: bold !important;\ncolor: #ffffff !important;\n}\n.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-next{\nbackground: #FFFFFFF0 !important;\n}\n.card-header-content .text{\n padding: 0 10px;\n}\n.swiper-button-next, .swiper-button-prev{\n/* top: 41.1% !important;*/\n z-index: 9999 !important;\n margin-top: unset !important;\n}\n.slider-card-link span{\noverflow: hidden;\nwhite-space: nowrap;\nheight: 24px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 24px;\nletter-spacing: normal;\ntext-align: center;\ncolor: #016CA2 !important;\ntext-decoration: underline;\n}\n\n.hub-slider{\n/* max-width: 1120px;*/\n/* width: 100%;*/\npadding: 5px 0 40px 0 !important;\n\n}\n\n.slider-card{\ncursor:pointer;\n}\n/*card css for slider*/\n.project {\ndisplay: flex;\nflex-flow: column;\n}\n\n.project-subheader {\nposition: relative;\ntext-align: left;\ncolor: #fff;\nwidth: 100%;\nheight: 100%;\nbackground: var(--ukg_sys_color_navHeaderGradient,\n linear-gradient(90deg,\n var(--ukg_sys_color_brand, #005151) 0%,\n var(--ukg_sys_color_navHeaderGradient_highlight, #087c79) 60%,\n var(--ukg_sys_color_brand, #005151) 100%));\n}\n/*Footer*/\n.landing-footer {\n position: relative;\n text-align: left;\n color: #fff;\n width: 100%;\n height: 100%;\n background: #005151;\n}\n.landing-footer a{\n cursor: pointer;\n}\n.landing-footer-parent{\n background-color: #005151 !important;\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/25%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 30% left 10%/7%,no-repeat url(https://files.readme.io/6d93f4c99ce8ad10ccef0792faf5e887657f5ca4cf1df0c8a553ccd2d8da3e98-Vector-halfcircle.svg) top 3rem right -15%/20%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 12% right 12%/7%,no-repeat url(https://files.readme.io/f1095123730536bbd01be5d1aeb43615946166cefb776fcf9ae2b632ef1fbfaa-Rectangle_103.svg) top 4% right 12%/7%;\n padding: 47px 0;\n}\n.project-subfooter {\n /*padding: 0 10px 0 10px !important;*/\n max-width: 1400px;\n padding-left: 4%;\n}\n.footer-logo-container{\n text-align:center;\n padding-bottom: 46px;\n}\n.landing-footer ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.landing-footer .footer-menu-container nav ul:not(.contextual-links) ul{\n display: block;\n}\n.landing-footer ul>li.menu-level--0{\n margin-bottom: 4.375rem;\n}\n.landing-footer ul>li.menu-level--0>a, .landing-footer li.menu-level--0>span, .landing-footer ul>li.menu-level--1{\n margin-bottom: 1rem;\n}\n.landing-footer li.menu-level--0>a, .landing-footer li.menu-level--0>span{\n display: inline-block;\n padding: 0;\n border-radius: 0;\n color: #fff;\n font-family: Volte Rounded;\n font-size: 18px;\n font-weight: 600;\n line-height: 22px;\n letter-spacing: -0.18000000715255737px;\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n text-decoration: none;\n position: relative;\n text-transform:capitalize;\n}\n.landing-footer li.menu-level--1>a{\n display: inline-block;\n padding: 0;\n border-radius: 0;\n color: #badada;\n font-family: Volte Rounded;\n font-size: 15px;\n font-weight: 600;\n line-height: 18px;\n letter-spacing: -0.15000000596046448px;\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n text-decoration: none;\n position: relative;\n}\n/*Footer*/\n.hub-subheader-parent {\ndisplay: flex;\njustify-content: center;\nflex-flow: row;\n}\n\n.hub-subheader-parent .hub-left {\nwidth: 100%;\nheight: 100%;\ndisplay: flex;\nflex-flow: column;\nmargin-bottom: 10px;\n}\n\n.hub-subheader-parent .hub-slider-content {\nheight: 100%;\ndisplay: flex;\nflex-flow: column;\nmargin-bottom: 10px;\n}\n\n.hub-subheader-parent .hub-right {\nwidth: 60%;\nheight: 100%;\n}\n\n.hub-left .welcome {\nwidth: auto;\nheight: 76px;\nmargin: auto !important;\nfont-family: Volte Rounded !important;\nfont-size: 51px;\nfont-weight: 500 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 61px !important;\nletter-spacing: -0.2px !important;\ncolor: #fff !important;\ntext-align: center;\n}\n\n.hub-left .resources-text {\njustify-content: center;\nalign-items: center;\ntext-align: center;\nwidth: 100%;\nmargin: 0 auto 10% auto !important;\nfont-family: Volte Rounded !important;\nfont-size: 20px;\nfont-weight: 600 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 24px !important;\nletter-spacing: normal !important;\ncolor: #fff !important;\n}\n\n.hub-slider-content .hub-whats-new-slider-content {\nwidth: auto;\nheight: 32px;\nfont-family: Volte Rounded !important;\nfont-size: 26px;\nfont-weight: 500 !important;\nfont-stretch: normal !important;\nfont-style: normal !important;\nline-height: 32px !important;\nletter-spacing: -0.2px !important;\ncolor: #fff !important;\n}\n\n.hub-right img {\nobject-fit: contain;\n}\n\n.project p {\nfont-size: 12px;\npadding: 5px;\n}\n\n.landing-container {\nwidth: 100%;\nmargin: 0 !important;\npadding: 0 !important;\n}\n.footer-content-flex{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.max-width-unset {\nmax-width: unset !important;\n}\n\n.specialized-coming-soon-label {\ndisplay: flex;\nwidth: 100%;\nheight: 100%;\nfont-family: Volte Rounded;\nfont-size: 18px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.22;\nletter-spacing: normal;\ntext-align: center;\nalign-items: center;\njustify-content: center;\ncolor: rgba(0, 0, 0, 0.87);\n}\n\nsection.grid-75:has(+ .grid-25:empty) {\nmax-width: unset !important;\n}\n\n.rm-Article {\n--hub-main-max-width: 100% !important;\n}\n\nsection.grid-25:empty {\ndisplay: none;\n}\n\n.hub-footer {\ndisplay: none !important;\n}\n\n.AppFooter {\ndisplay: none;\n}\n\n[class^=\"RefinementList\"] .Toggle-label {\n white-space: normal !important;\n}\n\n.notification {\n display: none;\n position: absolute;\n width: 446px;\n height: 359.5px;\n top: 54px;\n z-index: 9999;\n right: 14px;\n padding: 12px, 12px, 0px, 0px;\n color: #FFFFFF;\n}\n.text-defaultnotification {\n padding: 16px;\n color: #000;\n font-weight: 450;\n}\n.Header-right21PC2XTT6aMg {\n padding-right: 0px !important;\n}\n.bannerbox {\n height: auto;\n border-radius: 14px;\n background: #FFFFFF;\n box-shadow: 0px 3px 8px 0px #0000001A;\n}\n.navigation {\n top: 370px;\n padding-bottom: 10px;\n}\n.navheader {\n width: 423px;\n top: 69px;\n left: 835px;\n padding: 0px 16px 0px 16px;\n gap: 0px;\n border-radius: 12px 12px 0px 0px;\n}\n.headercontent {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n padding: 16px 0 16px 0;\n gap: 16px;\n}\n.whats-new {\n width: 163.5px;\n line-height: 24px;\n margin-top: 4px;\n font-family: Noto Sans Display;\n font-size: 20px;\n font-weight: 500;\n line-height: 18px;\n text-align: left;\n color: #000000DE;\n text-decoration: none !important;\n}\n.viewall-box {\n display: flex;\n width: auto;\n height: 26px;\n padding: 13px 16px 12px 16px;\n gap: 6px;\n border-radius: 50px 50px 50px 50px;\n background-color: #0176B2;\n justify-content: space-evenly;\n margin-top: 14px;\n}\n.viewall {\n border-radius: 50px 50px 0px 0px;\n height: 18px;\n font-family: Noto Sans;\n font-size: 16px;\n font-weight: 400;\n text-align: left;\n color: #FFFFFF;\n}\n.clearall {\n font-family: Noto Sans;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n text-align: right;\n width: 80%;\n padding: 4px;\n color: #0176B2;\n text-decoration: underline;\n}\n.clearall span {\n cursor: pointer;\n}\n.hideclearall {\n color: #00000033;\n pointer-events: none;\n}\n.closenotification {\n width: 32px;\n height: 32px;\n padding: 4px 0px 0px 0px;\n gap: 6px;\n border-radius: 50px 0px 0px 0px;\n content: url(https://files.readme.io/c1c6e37-Close_4.svg);\n}\n.banner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 56px;\n padding: 4px 16px;\n gap: 28px;\n}\n.closeDiv {\n height: 50%;\n}\n.closebtn {\n width: 16px;\n height: 16px;\n content: url(https://files.readme.io/58cfdc5-Icondelete.svg);\n}\n.divider {\n width: 405px;\n border: 1px solid #00000026;\n padding: 1px 0px 0px 0px;\n}\n.header-layout {\n display: flex;\n flex-direction: row;\n width: 100%\n}\n.bannerDiv {\n width: 322px;\n height: 48px;\n}\n.textDiv a{\n color: #000000DE !important;\n font-weight: 450;\n}\n.bannerText {\n width: 322px;\n height: 24px;\n font-family: Noto Sans;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0px;\n text-align: left;\n color: var(--Text-color-text_highEmphasis_onLight, rgba(0, 0, 0, 0.87));\n}\n.bellicon{\n cursor: pointer;\n}\n.notification-banner {\n margin: 15px;\npadding-right: 10px;\n content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path fill=\"white\" fill-rule=\"evenodd\" d=\"M13.984 5.254a2 2 0 1 0-3.968 0 7.235 7.235 0 0 0-2.914 1.513C5.777 7.915 5 9.506 5 11.2c0 2.108-.52 3.6-1.133 4.636l-.01.017a71.188 71.188 0 0 0-.908 1.56c-.103.186-.194.36-.26.507a2.16 2.16 0 0 0-.097.256c-.02.07-.072.25-.05.47.011.12.038.36.177.604.14.244.332.39.43.46.159.117.318.167.398.19.093.025.184.04.26.05.15.02.326.031.51.037.365.013.875.013 1.518.013h2.29a4.002 4.002 0 0 0 7.749 0h2.29c.643 0 1.154 0 1.519-.013.183-.006.359-.016.51-.036.075-.01.166-.026.26-.052.08-.022.238-.072.398-.188.097-.072.29-.217.429-.461a1.48 1.48 0 0 0 .178-.604c.022-.22-.03-.4-.051-.47a2.158 2.158 0 0 0-.097-.256 6.951 6.951 0 0 0-.26-.508 71.35 71.35 0 0 0-.908-1.56l-.01-.016C19.52 14.8 19 13.308 19 11.2c0-1.694-.778-3.285-2.103-4.433a7.235 7.235 0 0 0-2.913-1.513ZM12 21a2 2 0 0 1-1.733-1h3.465A2 2 0 0 1 12 21Zm-7.084-3.002c.26.002.57.002.942.002h12.284c.37 0 .682 0 .941-.002-.174-.302-.397-.68-.672-1.144C17.61 15.5 17 13.656 17 11.2c0-1.064-.487-2.119-1.413-2.921C14.657 7.472 13.368 7 12 7c-1.369 0-2.658.472-3.588 1.279C7.486 9.08 7 10.136 7 11.2c0 2.456-.612 4.301-1.411 5.654-.276.465-.498.842-.673 1.144Z\" clip-rule=\"evenodd\" style=\"&%2310;\"/></svg>');\n}\n.notification-badge {\n background-color: #fa3e3e;\n border-radius: 10px;\n padding: 5px 5px;\n position: absolute;\n margin-right: 24px;\n right: 0;\n top: 25px;\n}\n/*Getting started section*/\n.flex-content {\n width: 100%;\n padding: 0 4%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n.page-content .field-description li+li, .markdown-body li+li{\nmargin: 0 !important;\n}\n.page-content {\nmargin: 0 auto;\nposition: relative;\n}\n/*.flex-content{\n padding: 10px 0;\n}*/\n.page-content .content {\nwidth: 100%;\npadding-top: 0 4%;\nmargin: 0 auto;\n/*display: flex;\njustify-content: center;\nalign-items: center;*/\n}\n.page-content .content-pro {\nwidth: 100%;\npadding-top: 0 4%;\nmargin: 0 auto;\n/*display: flex;\njustify-content: center;\nalign-items: center;*/\n}\n.product-spec .content-pro {\n width: unset !important;\n padding-top: unset !important;\n margin: unset !important;\n display: unset !important;\n flex: unset !important;\n justify-content: unset !important;\n align-items: unset !important;\n }\n[class^=\"data-tab-content\"] {\ndisplay:none;\n}\n.active[class^=\"data-tab-content\"] {\ndisplay: block;\n}\n\n.page-content .tabs{\ndisplay: flex;\njustify-content: space-around;\nlist-style-type: none;\nmargin: 0;\n}\n.flex-tab-content{\n padding: 32px 0 0 0;\n}\n.page-content .tab-li {\nflex: 1;\nmargin-bottom: 0;\n}\n\n.page-content .tab-li a.active {\nborder-bottom: solid #005151;\ntransition: left cubic-bezier(.88, -.35, .565, 1.35) .4s;\n}\n\n.page-content .tab-li a {\nfont-size: 14px;\nfont-family: Noto sans;\nfont-weight: 400;\nline-height: 18px;\ntext-decoration: none;\nwhite-space: nowrap;\npadding: 10px;\ncolor: #00000099;\n-webkit-user-drag: none;\nuser-select: none;\n-moz-user-select: none;\n-webkit-user-select: none;\n-ms-user-select: none;\ndisplay: block;\n}\n.page-content .content{\n transition: all 0.3s ease;\n}\n\n.slide-banner-content{\npadding: 0 32px;\n}\n.cm-soon{\n color: #00000099 !important;\n}\n.page-content .content .card-getting-started {\n/*width: 445.33px;*/\n/*max-width: 300px;*/\n/*min-width: 328px;*/\nheight: 254px;\nbackground: linear-gradient(131.44deg, rgba(230, 255, 220, 0.5) 24.68%, rgba(255, 245, 205, 0.5) 81.97%);\nborder-radius: 20px;\nbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);\nborder: 2px solid rgba(7, 7, 7, 0.12);\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px;\nmargin-right:8px;\n}\n.flex-card-wrapper .card-getting-started {\nwidth:calc((100% - 40px)/4);\nheight: 168px !important;\nbackground: #ffffff !important;\nbox-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 0px 4px 0px rgba(0, 0, 0, 0.13) !important;;\nborder-radius: 12px !important;\nborder: 2px solid rgba(7, 7, 7, 0.12) !important;\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px;\nmin-width: 280px;\nmax-width: 340px;\npadding: 24px;\nalign-items: center;\ngap: 8px;\nflex: 1 0 0;\n}\n\n.page-content .content-pro .card-getting-started {\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\ntransition: all .5s ease-in-out;\npadding: 0 ;\n}\n\n.page-content .product-spec .card-getting-started {\n padding-bottom: 0 !important;\n}\n\n.page-content .content-specialized .card-getting-started {\nheight: 348px;\nbackground: #ffffff;\nborder-radius: 12px;\nbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);\nborder: 2px solid rgba(7, 7, 7, 0.12);\nfont-size: 16px;\nposition: relative;\njustify-content: center;\nalign-items: center;\nflex-direction: column;\ncursor: default;\npadding: 24px 16px;\nmargin-right:8px;\n}\n\n.page-content .content-pro-main{\nmargin: 0 auto !important;\n}\n\n.page-content .content .icon {\nmargin: 0 auto;\nwidth: 100%;\nmax-width: 100px;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nbackground-position: 0px;\n}\n\n.page-content .content-pro .icon {\nmargin: 0 auto;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nbackground-position: 0px;\npadding: 24px;\n}\n\n.page-content .content-pro .icon img {\nborder-radius: 20px;\ncursor: default;\n}\n\n.page-content .swiper-pagination, .page-content .swiper-horizontal>.swiper-pagination-bullets, \n.page-content .swiper-pagination-bullets.swiper-pagination-horizontal, \n.page-content .swiper-pagination-custom, \n.page-content .swiper-pagination-fraction{\nbottom: 10px !important;\n}\n\n.page-content .swiper-pagination-bullet {\n background-color: #0000006B !important;\n}\n\n.page-content .swiper-pagination-bullet-active {\nbackground-color: #0176B2 !important;\n}\n\n.page-content .swiper-navBtn::after{\ncolor: #000 !important;\n}\n.page-content .content .icon1 {\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/7daf60c8059b07391f6d6fe048b1859260b8131235f36b3c24dfd320b5cdfcb3-article-40.svg'); \n}\n\n.page-content .content .icon3{\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/8847ef60f88b593587edae05b52a7fe40407091e44bdf759a0a609da2e7eee8f-Group_379.svg'); \n}\n\n.page-content .content .icon2{\nheight: 72px;\nbackground: no-repeat url('https://files.readme.io/68cbef459d94e7a94138110826dc26ac8fcd64f7bfce72a7e0b57f19c7b0d7ab-learning-certificate-40.svg');\n}\n.page-content .content-specialized .icon {\nmargin-top: 1rem;\n}\n.page-content .content-specialized .icon3 {\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/89b28b63e9af535e05984c6d6ad46f25bcb4f6dfbda30a8b4fbd6f9b1811f5d5-feedback-people-40.svg'); \n}\n\n.page-content .content-specialized .icon2{\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/9500daa685cd457269e72ae7b54d370e81de7e4b3e0d6b94bbf6a2657e414464-talent-40.svg'); \n}\n\n.page-content .content-specialized .icon1{\nheight: 88px;\nbackground: no-repeat url('//files.readme.io/61c2527e0fcedcc8288b193773d55301c54dc0b36518b67c60d95a17353dad5e-mobile-people-40.svg');\n}\n\n.page-content .content .card-getting-started .title {\nwidth: 100%;\nmargin: 0;\nmargin-top: 10px;\ncolor: #000000DE;\nletter-spacing: normal;\nfont-family: Volte Rounded;\nfont-size: 20px;\nfont-weight: 600;\nline-height: 24px;\ntext-align: center;\ntext-decoration-line: underline;\ntext-decoration-style: solid;\ntext-underline-position: from-font;\ntext-decoration-skip-ink: none;\n\n}\n\n.page-content .content .card-getting-started .text {\nwidth: 80%;\nmargin: 0 auto;\nmargin-top: 10px;\ncolor: #000000DE;\nmax-height: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ntext-underline-position: from-font;\ntext-decoration-skip-ink: none;\n\n}\n.page-content .content-pro .card-getting-started .title {\nwidth: 100%;\nmargin: 0 auto 24px auto;\nletter-spacing: normal;\nfont-family: Volte Rounded;\ncolor: #005151;\nfont-size: 26px;\nfont-weight: 600;\nline-height: 31px;\nletter-spacing: -0.2px;\ntext-align: center;\n}\n.flex-card-wrapper .card-getting-started .title {\n letter-spacing: normal;\n color: #005151;\n font-family: \"Volte Rounded\";\n font-size: 20px;\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n text-align: center;\n}\n.flex-card-wrapper .card-getting-started .text {\n letter-spacing: normal;\n color:#000000DE;\n font-family: \"Noto Sans\";\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n text-align: center;\n}\n.page-content .content-pro .card-getting-started .text {\nwidth: 100%;\nmargin: 0 auto;\nmargin-top: 10px;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ncolor: #000000DE;\n}\n.page-content .content-specialized .card-getting-started .title {\nwidth: 100%;\nmargin: 1.2rem auto 1.4rem auto;\nletter-spacing: normal;\nfont-family: Volte Rounded;\ncolor: #005151;\nfont-size: 20px;\nfont-weight: 600;\nline-height: 24px;\nletter-spacing: -0.2px;\ntext-align: center;\ntext-decoration-line: none;\n\n}\n.page-content .content-specialized .card-getting-started .text {\nwidth: 100%;\nmargin: 0 auto;\nmax-height: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ncolor: #000000DE;\n}\n.icon-nav-advanced {\n background: url(//files.readme.io/08f7f824967aa40a994b299ff8a3c115fc0a8fd139c15dc9d9bb8df27c85efdf-icon.svg);\n background-repeat: no-repeat;\n display: inline-block;\n width: 16.3px;\n height: 11.45px;\n margin-left: 5px;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\nmargin: 16px auto 24px auto;\n}\n.page-content .content-pro .card-getting-started .text .gap-text p{\n margin: 0 auto !important;\n}\n.page-content .content-pro .card-getting-started .text a{\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nalign-items: center;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: 400;\nline-height: 24px;\ntext-align: center;\ntext-decoration: none;\ncolor: #016CA2;\npadding: 0 23px 0 23px;\ncursor: pointer;\n}\n\n/*Getting started section*/\n@media screen and (min-width: 1024px) {\n.grid-container-fluid .content-body {\n width: 100% !important;\n}\n}\n@media screen and (min-width: 1025px) {\n .landing-footer .footer-menu-container nav ul:not(.contextual-links){\n display: grid;\n /*grid-template-columns: repeat(5,1fr);*/\n grid-template-columns: 23% 21% 13% 17% 18%;\n gap: 1rem 1rem;\n }\n}\n@media only screen \nand (min-device-width: 1025px) \nand (max-device-width: 1190px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n@media only screen \nand (min-device-width: 320px) \nand (max-device-width: 350px) \n{\n .slider-card{\n height: 340px !important;\n }\n .slider-card-content-title{\n height:90px;\n }\n .slider-card-content-link{\n margin-top: 80px;\n }\n}\n@media only screen \nand (min-device-width: 351px) \nand (max-device-width: 400px) \n{\n .slider-card{\n height: 300px !important;\n }\n .slider-card-content-title{\n height:90px;\n }\n .slider-card-content-link{\n margin-top: 50px;\n }\n}\n@media only screen \nand (min-device-width: 401px) \nand (max-device-width: 419px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n@media only screen \nand (min-device-width: 768px) \nand (max-device-width: 799px) \n{\n .slider-card{\n height: 250px !important;\n }\n .slider-card-content-link{\n margin-top: 20px;\n }\n}\n/*Extra Large screen*/\n@media screen \nand (min-device-width: 1440px) {\n .content-block {\n width: 100%;\n }\n .land-search-box .landing-searchbox{ \n --Owlbot-width: 775px !important; \n } \n .hub-slider {\n /*max-width: 1400px;*/\n padding: 20px 0 59px 0 !important;\n }\n .slider-nav {\n margin-top: 30px;\n }\n .hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 10% auto !important;\n}\n .hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n } \n}\n/*Extra Large screen*/\n\n/* ----------- Non-Retina Screens & Ratina Screens ----------- */\n.hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 10% auto!important;\n}\n .hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n } \n /*.slide-content {\n margin: 0 17px;\n}\n\n.slider-card {\t\n margin: 16px 0 32px 0px;\n max-width: 348.33px;\n}*/\n .land-search-box .landing-searchbox{ \n--Owlbot-width: 508px !important; \n}\n\n/* ----------- iPad 1, 2, Mini and Air ----------- */\n\n/* Portrait and Landscape */\n@media only screen \nand (min-device-width: 1025px) \nand (max-device-width: 1050px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 215px;\n }\n}\n@media only screen \nand (min-device-width: 1051px) \nand (max-device-width: 1110px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 225px;\n }\n}\n@media only screen \nand (min-device-width: 1111px) \nand (max-device-width: 1140px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 235px;\n }\n}\n@media only screen \nand (min-device-width: 1141px) \nand (max-device-width: 1180px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 245px;\n }\n}\n@media only screen \nand (min-device-width: 1181px) \nand (max-device-width: 1200px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 255px;\n }\n}\n@media only screen \nand (min-device-width: 1201x) \nand (max-device-width: 1239px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 270px;\n }\n}\n@media only screen \nand (min-device-width: 1200px) \nand (max-device-width: 1239px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 260px;\n }\n}\n@media only screen \nand (min-device-width: 1240px) \nand (max-device-width: 1279px) \n{\n .flex-card-wrapper .card-getting-started{\n min-width: 270px;\n }\n}\n@media screen and (min-width: 768px) and (max-width: 1024px) {\n.card-section {\n background: repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 right 0,#fff;\n}\n.landing-footer-parent{\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -4%/50%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) bottom 74% left 30%/10%;\n}\n.footer-logo-container{\n text-align: left;\n}\n.footer-container{\n padding-left: 40px;\n}\n.copyright_text{\n padding-left: 0 6px 0 6px;\n}\n.copyright_text p.copyright{\n margin: unset !important;\n text-align: left !important;\n}\n.flex-card-wrapper\n{\n flex-wrap: wrap;\n}\n.flex-card-wrapper .card-getting-started{\n width:calc((100% - 20px)/2);\n}\n\n .hub-left .welcome {\n font-size:51px;\n line-height:61px;\n}\n.hub-left .resources-text {\n /*width: 94%;*/\n font-size: 20px;\n line-height:24px !important;\n margin: 8% auto 14% auto !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n }\n\n.land-search-box .landing-searchbox{ \n--Owlbot-width: 504px !important; \n}\n .slider-nav{\n margin-top:30px;\n}\n.slide-banner-content {\n padding: 0 32px 0 32px;\n}\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top var(--asc-bg-y-offset) right 0 /110rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat;\n}\n.content-block {\n width: 100%;\n}\n.rm-Container>nav+div {\n top: 346px;\n left: 160px;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n left: unset;\n}\n.hub-left .welcome {\n height: unset;\n}\n\n.card {\n height: 270px;\n}\n\n.card:nth-child(3) {\n margin-right: 64px;\n}\n\n.project {\n padding-top: unset;\n}\n\n.card-description {\n height: 77px;\n}\n\n.card-icon {\n display: block;\n margin: auto;\n max-width: 156px;\n}\n\n.card-icon-text {\n overflow: hidden;\n word-wrap: unset;\n width: fit-content;\n}\n\n.card-icon-content {\n margin: -3px 0 0 2px;\n padding-top: 2px;\n}\n\n.card-button-label {\n max-width: 336px;\n}\n\n.card-icon {\n display: block;\n margin: auto;\n max-width: 156px;\n}\n}\n\n@media screen and (max-width: 768px) {\n .flex-card-wrapper\n{\n flex-wrap: wrap;\n}\n .landing-footer-parent{\n background: no-repeat url(https://files.readme.io/38ac5df648d7f52ae314b369ea8c1c787a254248aad493d6d3e4480f8e2fa151-Vector_4_1.svg) top 0 left -10%/97%,no-repeat url(https://files.readme.io/eed1374be8bb57d96c7894115f3b0777c874878eaf024c772bba738acd7bff9c-Vector_5-small.svg) top 25% left 65%/20%;\n }\n .hub-left .resources-text {\n font-size: 20px;\n line-height:24px !important;\n margin: 0 auto 15% auto !important;\n }\n .footer-logo-container{\n text-align: left;\n }\n .footer-container{\n padding-left: 40px;\n }\n .copyright_text{\n padding-left: 6px;\n }\n .copyright_text p.copyright{\n margin: unset !important;\n text-align: left !important;\n }\n .flex-card-wrapper .card-getting-started{\n width:calc((100% - 10px)/1);\n }\n\n.Header-leftADQdGVqx1wqU,\n._8c5e155fd05011ae8141a8e56a439f24-scss {\n overflow-x: unset !important;\n}\n\n.card-header-content .text{\n padding: 0 35px;\n}\n\nnav.Header-leftADQdGVqx1wqU {\n display: none !important;\n}\n\n.Header-left-nav2xWPWMNHOGf_,\n._0b8760caf07bfcf93faabcc6b03eeba1-scss,\n._0b8760caf07bfcf93faabcc6b03eeba1-scss,\n.hub-subheader-parent .hub-right,\n.rm-Header-top-link {\n display: none !important;\n}\n\n\n.Header-searchtb6Foi0-D9Vx {\n padding-right: 14px !important;\n}\n\n.hub-subheader-parent .hub-left,\n.card-title {\n width: 100%;\n}\n.content-block {\n width: unset !important;\n}\n\n.project-card {\n flex-flow: column;\n margin: auto;\n width: 100%;\n}\n\n.card {\n margin: 16px auto 32px auto;\n width: 328px;\n height: 290px;\n}\n\n.card:nth-child(2) {\n margin-left: auto;\n}\n\n.card-description {\n width: 100%;\n flex-basis: fit-content;\n}\n\n.card-link-label {\n text-decoration: none !important;\n}\n\n.card-button-label {\n margin: auto;\n margin-top: 18px;\n}\n\n.project-section {\n flex-flow: column;\n margin-left: auto;\n}\n\n.rm-Flyout>div>a[href^=\"/ukg-5\"] {\n display: none;\n}\n\n.rm-Flyout {\n --Flyout-background: #fff !important;\n}\n\n.rm-Flyout>div>a {\n color: rgb(0, 0, 0, 0.6) !important;\n}\n\n.rm-Header .Button {\n font-size: 12px;\n}\n\n.ThemeContext_dark .MobileSubnav1DsTfasXloM2 {\n --Select-color: #000 !important;\n}\n\np.copyright {\n margin: 0 46.08px !important;\n}\n\n.app-header {\n width: 100%;\n margin-left: auto;\n}\n.card-button-text-desktop {\n display: none;\n}\n.card-button-text-tablet {\n display: block;\n}\n.material-icons-outlined {\n margin-right: 10px;\n}\n}\n\n/* Error Page Styles */\n.main-container {\nwidth: 100%;\nfont-size: 16px;\nheight: 480px;\npadding-top: 80px;\n}\n\n.error-container {\nheight: 233px;\nwidth: 916px;\ndisplay: flex;\nflex-flow: row-reverse nowrap;\njustify-content: space-evenly;\nmargin: auto;\npadding: 10px;\n}\n\n.error-image-container {\ndisplay: flex;\nwidth: 50%;\njustify-content: space-evenly;\n}\n\n.error-image-container img {\nwidth: 319.5px;\nheight: 216px;\n}\n\n.error-message-container {\ndisplay: flex;\nwidth: 50%;\nflex-direction: column;\njustify-content: space-evenly;\n}\n\n.error-heading {\nheight: 80px;\nalign-self: stretch;\nflex-grow: 0;\nfont-family: Volte Rounded;\nfont-size: 32px;\nfont-weight: 500;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.25;\nletter-spacing: -0.2px;\ntext-align: left;\n}\n\n.error-message {\nheight: 44px;\nalign-self: stretch;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 16px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.38;\nletter-spacing: normal;\ntext-align: left;\n}\n\n.go-to-home {\nwidth: 61px;\nheight: 16px;\nflex-grow: 0;\nfont-family: Noto Sans;\nfont-size: 14px;\nfont-weight: normal;\nfont-stretch: normal;\nfont-style: normal;\nline-height: 1.14;\nletter-spacing: normal;\ntext-align: left;\ncolor: #016ca2;\n}\n\n.go-to-home a {\ncolor: inherit !important;\ntext-decoration: none !important;\n}\n\n@media only screen and (min-width: 768px) and (max-width: 850px) {\n .rm-Header-top-link {\n padding: 0px;\n }\n [class*=\"Header-right_desktop\"]{\n margin-right: 0px; \n }\n}\n\n\n@media only screen and (min-width: 768px) and (max-width: 995px) {\n.main-container {\n padding-top: 48px;\n}\n.error-container {\n flex-flow: nowrap column;\n width: 469px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n height: 240px;\n}\n\n.error-heading {\n display: flex;\n width: 100%;\n padding: 5px;\n text-align: center;\n margin: 16px auto;\n}\n\n.error-message {\n text-align: center;\n margin: 16px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n}\n\n.project-card {\n margin-left: 64px;\n}\n\n.card-title {\n flex-basis: fit-content;\n}\n\np.copyright {\n margin: 0 76.08px !important;\n}\n\n.app-header {\n margin-left: 85px;\n}\n .card-button-text-desktop {\n display: none;\n}\n.card-button-text-tablet {\n display: block;\n}\n.rm-Container>nav+div {\n top: 360px;\n}\n.landing-parent-searchbox>nav+div {\n top: unset;\n}\n}\n\n@media only screen and (min-width: 601px) and (max-width: 680px) {\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 38.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 38.5% !important;\n}\n}\n\n@media only screen and (min-width: 467.1px) and (max-width: 767px) {\n.error-container {\n flex-flow: nowrap column;\n width: 437px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n}\n\n.error-heading {\n display: block;\n width: 87%;\n font-size: 26px;\n padding: 5px;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.error-message {\n display: block;\n width: 75%;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n}\n\n.project-section {\n display: block;\n}\n\n.app-header {\n width: 100%;\n margin-left: 156px;\n}\n.rm-Container>nav+div {\n top: 325px;\n }\n \n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n }\n .landing-parent-searchbox>nav+div {\n top: unset;\n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n }\n}\n\n@media only screen and (max-width: 600px) {\n.flex-header-title{\n inline-size: 355px;\n overflow-wrap: break-word;\n}\n.slide-clickable{\ntext-decoration: none !important;\n}\n.overlay{\nposition: absolute;\nleft: 0;\ntop: 0;\nheight: 100%;\nwidth: 100%;\nbackground-color: #4070F4;\nborder-radius: 25px 25px 0 25px;\n}\n.overlay::before,\n.overlay::after{\ncontent: '';\nposition: absolute;\nright: 0;\nbottom: -40px;\nheight: 40px;\nwidth: 40px;\nbackground-color: #4070F4;\n}\n.overlay::after{\nborder-radius: 0 25px 0 0;\nbackground-color: #FFF;\n}\n.slider-nav {\n text-align: center;\n}\n.swiper-navBtn{\ncolor: #6E93f7;\ntransition: color 0.3s ease;\n}\n.swiper-navBtn:hover{\ncolor: #4070F4;\n}\n.swiper-navBtn::before,\n.swiper-navBtn::after{\nfont-size: 35px;\n}\n.swiper-pagination-bullet{\nbackground-color: #6E93f7;\nopacity: 1;\n}\n.swiper-pagination-bullet-active{\nbackground-color: #4070F4;\n}\n\n.swiper-wrapper{\nheight: unset !important;\n}\n\n.swiper-horizontal>.swiper-pagination-bullets, \n.swiper-pagination-bullets.swiper-pagination-horizontal, \n.swiper-pagination-custom, .swiper-pagination-fraction{\nbottom: unset !important;\n}\n\n.swiper-pagination-bullet{\nwidth: 12px !important;\nheight: 12px !important;\n}\n\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\nleft: 37.2% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\nright: 37.2% !important;\n}\n\n.swiper-button-next:after, .swiper-button-prev:after{\nfont-size: 22px !important;\nfont-weight: bold !important;\ncolor: #ffffff !important;\n}\n.swiper-pagination-bullet-active, .swiper-pagination-bullet-active-next{\nbackground: #ffffff !important;\n}\n.swiper-button-next, .swiper-button-prev{\n z-index: 9999 !important;\n margin-top: unset !important;\n}\n/*.slider-card-content a.learn-more{\n margin-top: 162px;\n}*/\n.break-line{\n display:block;\n}\n.hub-left .welcome {\n font-size:51px;\n letter-spacing: -0.2px;\n}\n.hub-left .resources-text {\n /*/*width: 94%;*/\n font-size: 20px;\n line-height: 24px !important;\n margin: 20% auto 15% auto !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\n font-size: 26px;\n }\n\n .land-search-box .landing-searchbox{ \n--Owlbot-width: 305px !important; \n}\n .slider-nav{\n margin-top:30px;\n}\n.slide-banner-content{\n padding: 0 32px 0 32px;\n}\n} \n@media only screen and (min-width: 321px) and (max-width: 467px) {\n.main-container {\n display: flex;\n margin: auto auto 16px auto;\n padding-top: 16px;\n}\n\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 32.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 32.5% !important;\n}\n\n.error-container {\n flex-flow: nowrap column;\n width: 437px;\n height: 393.8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n}\n\n.error-message img {\n width: 272px;\n height: 183.6px;\n}\n\n.error-heading {\n width: 82%;\n font-size: 23px;\n padding: 5px;\n text-align: center;\n margin: 10px auto 0px auto;\n}\n\n.error-message {\n display: block;\n width: 88%;\n text-align: center;\n margin: auto auto 10px auto;\n}\n\n.go-to-home {\n text-align: center;\n width: 100%;\n margin-top: 16px;\n}\n\n.project-section {\n display: block;\n}\n\n.app-header {\n width: 100%;\n margin-left: 30px;\n}\n.card-title {\n flex-basis: fit-content;\n}\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: none;\n}\n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n}\n.rm-Container>nav+div {\n width: auto !important;\n top: 11px!important;\n right: 10px !important;\n left: auto !important;\n}\n.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: unset;\n --icon-md: unset;\n border: unset;\n color: unset;\n background: unset;\n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n}\n.landing-parent-searchbox>nav+div {\n width: unset !important;\n top: unset!important;\n right: unset !important;\n left: unset !important;\n}\n\n.navheader{\n width: 300px;\n}\n.notification {\n width: 339px;\n}\n.notification-banner {\n margin-right: 60px !important;\n }\n\n.notification-badge {\n margin-right: 71px !important;\n}\n\n .hub-left .resources-text {\n margin: 25% auto 25% auto !important;\n}\n\n}\n@media only screen and (min-width: 321px) and (max-width: 380px) {\n .getting-tab1 .content .card-getting-started, .getting-tab2 .content .card-getting-started {\n height: 284px;\n }\n}\n@media only screen and (min-width: 200px) and (max-width: 320px) {\n.main-container {\n padding-top: 16px;\n}\n.getting-tab1 .content .card-getting-started, .getting-tab2 .content .card-getting-started {\n height: 300px;\n }\n .hub-left .resources-text {\n margin: 25% auto 25% auto !important;\n}\n.error-container {\n flex-flow: nowrap column;\n width: 312px;\n height: 100%;\n padding: 8px;\n}\n\n.error-image-container {\n justify-content: center;\n width: 100%;\n}\n\n.error-message-container {\n width: 100%;\n height: 100%;\n justify-content: unset;\n}\n\n.error-heading {\n height: 56px;\n font-size: 23px;\n width: 100%;\n text-align: center;\n margin: 16px auto;\n}\n\n.error-message {\n height: 44px;\n width: 100%;\n font-size: 16px;\n text-align: center;\n}\n\n.go-to-home {\n display: flex;\n width: 100%;\n justify-content: center;\n margin-top: 16px;\n}\n\n.go-to-home a {\n width: 61px;\n height: 16px;\n}\n\n.project-section {\n display: block;\n}\n\n.card {\n margin: 16px auto 32px auto;\n width: 100%;\n height: 350px;\n}\n\n.app-header {\n width: 100%;\n margin-left: 30px;\n}\n.card-title {\n flex-basis: fit-content;\n}\n.card-button-text-tablet {\n margin-top: 32px;\n}\n.SearchBert-Prompt3UVFfRcBSAeq {\n opacity: 1;\n }\n\n.rm-Container>nav+div {\n width: auto !important;\n top: 11px!important;\n right: 10px !important;\n left: auto !important;\n }\n\n.SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: 22px;\n --icon-md: 18px;\n border: unset;\n color: #fff;\n background: initial; \n}\n.landing-parent-searchbox .SearchBert-Prompt3UVFfRcBSAeq {\n opacity: unset;\n}\n\n.landing-parent-searchbox>nav+div {\n width: unset !important;\n top: unset!important;\n right: unset !important;\n left: unset !important;\n}\n\n.landing-parent-searchbox .SearchBert1u4IeBwd-ET6.Dropdown-toggle {\n --Owlbot-width: unset;\n --icon-md: unset;\nborder: unset;\ncolor: unset;\nbackground: unset; \n} \n.navheader{\n width: 250px;\n}\n.notification {\n width: 289px;\n}\n.notification-banner {\n margin-right: 60px !important;\n}\n.notification-badge {\n margin-right: 71px !important;\n}\n.slide-banner-content {\n padding: 0 32px 0 32px;\n}\n}\n\n@media only screen and (min-width: 291px) and (max-width: 341px) {\n/*.slider-card-title, .page-content .content .card-getting-started .title {\n font-size: 17px;\n margin: 0 auto 10px auto !important;\n line-height:20px;\n}\n.slider-card-description, .page-content .content .card-getting-started .text {\n font-size: 15px;\n line-height:20px;\n}*/\n.hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n}\n\n@media only screen and (min-width: 241px) and (max-width: 291px) {\n/*.slider-card-title {\n font-size: 15px;\n margin: 0 auto 10px auto !important;\n line-height:18px;\n}\n.page-content .content .card-getting-started .title {\n font-size: 15px;\n}\n.slider-card-description {\n font-size: 13px;\n line-height:20px;\n}\n.page-content .content .card-getting-started .text {\n font-size: 13px;\n}\n.slider-card-content a.learn-more {\n font-size: 13px;\n}*/\n .hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n\n}\n@media only screen and (min-width: 200px) and (max-width: 241px) {\n.hub-left .welcome {\n font-size:51px;\n line-height:61px !important;\n}\n .hub-left .resources-text {\n font-size:20px;\n line-height:24px !important;\n}\n.hub-slider-content .hub-whats-new-slider-content {\nfont-size: 26px;\n}\n/*.slider-card-title{\n margin: 0 auto 10px auto !important;\n font-size: 11px;\n}\n.page-content .content .card-getting-started .title {\n font-size: 11px;\n}\n.slider-card-description, .page-content .content .card-getting-started .text {\n font-size: 9px;\n}\n.slider-card-content a.learn-more {\n font-size: 9px;\n}*/\n.swiper-button-prev, .swiper-rtl .swiper-button-next{\n left: 22.5% !important;\n}\n\n.swiper-button-next, .swiper-rtl .swiper-button-prev{\n right: 22.5% !important;\n}\n\n}\n@media only screen and (max-width: 30rem) {\n.card-section{\n background: repeat-y url(//files.readme.io/42549d0c26207414f3d3e88b13d6479e1d307141fa6566c1c8c1f5e8b9e2c475-full-bg-right.svg.svg) top 0 right 0,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/d68c428f1205e8babd8a4ecd9c94967a3992c8a0029f686cc6e71db5f58430d2-full-bg-left.svg_1.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n.page-content .content-pro{\n margin: 0 auto 1% auto !important;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\n margin: 16px auto 24px auto;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 12% left 57%/75% no-repeat; }\n}\n@media only screen and (min-width: 30rem) {\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right -10rem /122rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left -12rem/137rem;\n}\n.content-pro{\n padding: 0 15px;\n}\n.page-content .content-pro{\n margin: 0 auto !important;\n}\n.page-content .content-pro .card-getting-started .text .gap-text {\n margin: 16px auto 24px auto;\n}\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0% left 2%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 1% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 24.5% right 1%/27% no-repeat;\n }\n}\n@media only screen and (min-width: 90rem) {\n.card-section{\n background:repeat-y url(//files.readme.io/1e3a4e04ae80502bec2a81a38f1fdb048e262f9e3bbc3b34ff7d765de0e4b708-full-bg-right.svg_fill.svg) top 0 right 0 /110rem,#fff;\n}\n.card-section::before{\n content: '';\n background: repeat-y url(//files.readme.io/94fe9ef9cd9b0a045d8082e1ffa269958ca3f062e95ab2b4edb2d6bc64172069-full-bg-left.svg_fill.svg) top 0 left 0;\n}\n.content-pro{\n padding: 0 15px;\n}\n/* .pro-content-sec-first .card-wrapper{\n margin: 0rem -5rem 0 0;\n}\n.pro-content-sec-second .card-wrapper{\n margin: 0rem -6.5rem 0 0;\n}*/\n.pro-content-sec-first {\n background: url(//files.readme.io/3db19559be35c74e24b6bd60f567ee420a7714885e61a90ef803e3265b9b4d0f-Vector_3.svg) top 0 left 5%/42% no-repeat,url(//files.readme.io/22da2598603e9697883ca3ed1ee723b60709bcf1f22d67eaeec3056fe6f0a8b2-Vector_1.svg) bottom 18.5% right 0/30% no-repeat;\n}\n.pro-content-sec-second{\n background: url(//files.readme.io/6ef77b300b406f6f7622322cf90e41928c01d550d794ba760618fd341ce9219b-Vector.svg) top 8% left 0%/32% no-repeat,url(//files.readme.io/924bd0766bdcfebc5700f1a4539d2f0640067953a69de6fc14f971474cc37c24-Ellipse_2.svg) bottom 0 left 0/35% no-repeat,url(//files.readme.io/261d466bc0bcb3a6de3e8939bffb8328ac24044e112fc1518ab9dd4eac36e0fa-Rectangle_104.svg) bottom 10.5% right 1%/27% no-repeat;\n}\n}\n@media only screen \nand (min-device-width: 768px) \nand (max-device-width: 1024px) {\n .card-section {\n background: repeat-y url(//files.readme.io/c24ed636a33a8096b55f37881d9d3004252f5310e6999f7079d3edfc65175c91-full-bg-ipad-left.svg.svg) top 0 left 0,#fff;\n } \n .card-section::before{\n background: unset;\n }\n}\n/*loader*/\n/* Absolute Center Spinner */\n.loading {\nposition: fixed;\nz-index: 999;\nheight: 2em;\nwidth: 2em;\noverflow: show;\nmargin: auto;\ntop: 0;\nleft: 0;\nbottom: 0;\nright: 0;\n}\n\n/* Transparent Overlay */\n.loading:before {\ncontent: '';\ndisplay: block;\nposition: fixed;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\n background: #ffffff;\n\nbackground: #ffffff;\n}\n\n/* :not(:required) hides these rules from IE9 and below */\n.loading:not(:required) {\n/* hide \"loading...\" text */\nfont: 0/0 a;\ncolor: transparent;\ntext-shadow: none;\nbackground-color: transparent;\nborder: 0;\n}\n\n.loading:not(:required):after {\ncontent: '';\ndisplay: block;\nfont-size: 10px;\nwidth: 1em;\nheight: 1em;\nmargin-top: -0.5em;\n-webkit-animation: spinner 150ms infinite linear;\n-moz-animation: spinner 150ms infinite linear;\n-ms-animation: spinner 150ms infinite linear;\n-o-animation: spinner 150ms infinite linear;\nanimation: spinner 150ms infinite linear;\nborder-radius: 0.5em;\n-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;\nbox-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;\n}\n\n/* Animation */\n\n@-webkit-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-moz-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@-o-keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes spinner {\n0% {\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n100% {\n -webkit-transform: rotate(360deg);\n -moz-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n/*--------------*/\n/*---------------Grid css------------------*/\n@-ms-viewport {\nwidth: device-width;\n}\n.row {\ndisplay: -webkit-box;\ndisplay: -webkit-flex;\ndisplay: -ms-flexbox;\ndisplay: flex;\n-webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\nmargin-right: -15px;\nmargin-left: -15px;\n}\n\n@media (min-width: 576px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 768px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 992px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n\n@media (min-width: 1200px) {\n.row {\n margin-right: -15px;\n margin-left: -15px;\n}\n}\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\nposition: relative;\nwidth: 100%;\nmin-height: 1px;\npadding-right: 15px;\npadding-left: 15px;\n}\n\n@media (min-width: 576px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 768px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 992px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n@media (min-width: 1200px) {\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n padding-right: 15px;\n padding-left: 15px;\n}\n}\n\n.col {\n-webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n-webkit-box-flex: 1;\n-webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\nmax-width: 100%;\n}\n\n.col-auto {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\nwidth: auto;\nmax-width: none;\n}\n\n.col-1 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\nmax-width: 8.333333%;\n}\n\n.col-2 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\nmax-width: 16.666667%;\n}\n\n.col-3 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\nmax-width: 25%;\n}\n\n.col-4 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\nmax-width: 33.333333%;\n}\n\n.col-5 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\nmax-width: 41.666667%;\n}\n\n.col-6 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\nmax-width: 50%;\n}\n\n.col-7 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\nmax-width: 58.333333%;\n}\n\n.col-8 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\nmax-width: 66.666667%;\n}\n\n.col-9 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\nmax-width: 75%;\n}\n\n.col-10 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\nmax-width: 83.333333%;\n}\n\n.col-11 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\nmax-width: 91.666667%;\n}\n\n.col-12 {\n-webkit-box-flex: 0;\n-webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\nmax-width: 100%;\n}\n@media (min-width: 576px) {\n.col-sm {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-sm-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-sm-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-sm-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-sm-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-sm-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-sm-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-sm-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-sm-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-sm-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-sm-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-sm-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-sm-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-sm-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 768px) {\n.col-md {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-md-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-md-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-md-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-md-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-md-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-md-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-md-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-md-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-md-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-md-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-md-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-md-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-md-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 992px) {\n.col-lg {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-lg-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-lg-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-lg-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-lg-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-lg-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-lg-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-lg-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-lg-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-lg-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-lg-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-lg-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-lg-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-lg-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n\n@media (min-width: 1200px) {\n.col-xl {\n -webkit-flex-basis: 0;\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -webkit-flex-grow: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n.col-xl-auto {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n.col-xl-1 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 8.333333%;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n.col-xl-2 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 16.666667%;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n.col-xl-3 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 25%;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n.col-xl-4 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 33.333333%;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n.col-xl-5 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 41.666667%;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n.col-xl-6 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 50%;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n.col-xl-7 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 58.333333%;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n.col-xl-8 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 66.666667%;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n.col-xl-9 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 75%;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n.col-xl-10 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 83.333333%;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n.col-xl-11 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 91.666667%;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n.col-xl-12 {\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 100%;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n}\n/*# sourceMappingURL=bootstrap-grid.css.map */","js":"document.addEventListener('DOMContentLoaded', function () {\n // Create a MutationObserver to monitor changes to the DOM\n var observer = new MutationObserver(function (mutationsList, observer) {\n // Loop through all mutations\n mutationsList.forEach(function (mutation) {\n // Use the attribute selector to match any class starting with 'rm-OwlbotAI-answer ChatGPT-answer2'\n var owlbotAnswer = document.querySelector('[class^=\"rm-OwlbotAI-answer ChatGPT-answer2\"]');\n if (owlbotAnswer && !document.querySelector('.doc-ai-warning')) {\n // Create a new element (e.g., a div with an icon and text)\n var newElement = document.createElement('div');\n newElement.classList.add('doc-ai-warning'); // Add a class to ensure it's unique\n\n // Add the icon\n var icon = document.createElement('span');\n icon.textContent = '⚠️';\n icon.classList.add('doc-ai-icon'); // Add a class for styling\n\n // Add the text\n var text = document.createElement('span');\n text.textContent =\n 'This AI-powered service may produce inaccurate results. Do not rely solely on its output; review and assess it for accuracy and suitability. Your company is responsible for the outcomes generated by the service.';\n text.classList.add('doc-ai-text'); // Add a class for styling\n\n // Add both elements into the warning container\n newElement.appendChild(icon);\n newElement.appendChild(text);\n\n // Insert the new element after the Owlbot answer\n owlbotAnswer.insertAdjacentElement('afterend', newElement);\n }\n });\n });\n\n // Configure the observer to watch for changes in the entire document\n observer.observe(document.body, { childList: true, subtree: true });\n\n // Dynamically add CSS to the document\n var style = document.createElement('style');\n style.textContent = `\n .doc-ai-warning {\n display: flex; /* Align icon and text */\n align-items: flex-start; /* Align items at the top */\n color: #FBE32D; /* Text color */\n font-size: 12px; /* Font size */\n padding: 10px; /* Padding for spacing */\n line-height: 1.5; /* Line spacing for readability */\n }\n\n .doc-ai-icon {\n margin-right: 8px; /* Space between icon and text */\n flex-shrink: 0; /* Prevent the icon from shrinking */\n }\n\n .doc-ai-text {\n flex-grow: 1; /* Allow text to fill the remaining space */\n }\n `;\n document.head.appendChild(style);\n});\n\n\n\nwindow.addEventListener(\"load\", (event) => {\n const landingpageExist = document.querySelector(\"div.landing-page-background\");\n if(landingpageExist){\n window.scrollTo({ top: 0, behavior: 'smooth' });\n executeLandingPageMethod();\n let portrait = window.matchMedia(\"(orientation: portrait)\");\n portrait.addEventListener(\"change\", function(e) {\n document.querySelector(\".loading\")?.style.setProperty('display', 'block');\n document.location.reload();\n })\n document.querySelector(\"div.landing-page-background\").classList.add('land-search-box');\n document.querySelector(\".swiper-slide\")?.addEventListener('click', e => {\n var link = e.target.parentNode.querySelector(\".learn-more\").href;\n window.location.href = link;\n });\n }\n const headerLinksEle = document.querySelectorAll(\".rm-Container .rm-Header-top-link\");\n const navEle = document.querySelector(\".rm-Container nav\");\n headerLinksEle && headerLinksEle.forEach((linkEle) => {\n if (linkEle.href.indexOf(\"general\") > -1) {\n linkEle.setAttribute('target', '_self');\n } else {\n linkEle.setAttribute('target', '_blank');\n }\n });\n const logoMobileEle = document.querySelector(\".rm-Flyout .rm-Logo-img\");\n if (logoMobileEle) {\n logoMobileEle.setAttribute(\"src\", \"https://files.readme.io/0a8f9f0-Dev_hub_logo_on_light.png\")\n }\n\n const customPageEle = document.querySelector(\".rm-CustomPage\");\n if (customPageEle && navEle) {\n navEle.style.display = \"none\";\n }\n\n const clickExample = () => {\n const examples = document.querySelector(\"[class^='APIResponse-menu-status']\");\n if (examples) {\n clearInterval(interval);\n document.querySelector(\"[class^='APIResponse-menu-status']\").click();\n }\n };\n const interval = setInterval(clickExample, 100);\n\n const expandCollapse = () => {\n $('.rm-Header-top .rm-Container').append('<div class=\"bellicon\"><i class=\"notification-banner\"></i></div>');\n const popup = createNotificationPopup();\n checkAllBannersVisibility();\n var localStorageNotificationSize = localStorage.getItem(\"activeNotificationSize\");\n if ((localStorageNotificationSize === null && activeNotificationCount() > 0) || (activeNotificationCount() > localStorageNotificationSize)){\n $('.notification-banner').after('<span class=\"notification-badge\"></span>');\n }\n \n const landingpageExist = document.querySelector(\"div.landing-page-background\");\n const searchEle = document.getElementById(\"SearchBert\");\n const bellIcon = document.querySelector(\".notification-banner\");\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n const searchText = document.querySelector(\".SearchBert-Prompt3UVFfRcBSAeq\");\n const redDot = document.querySelector(\".notification-badge\");\n\n if (searchText) {\n if(landingpageExist){\n if(window.innerWidth < 600){\n searchText.setAttribute('placeholder', 'Search or ask for anything');\n }else {\n searchText.setAttribute('placeholder', 'Ask AI or search documents for UKG Pro Suite');\n }\n }else{\n searchText.setAttribute('placeholder', 'Ask or search');\n }\n if(document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG')?.length){\n document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG').style.paddingRight = '20px';\n }\n }\n\n searchEle && searchEle.addEventListener('focusout', e => {\n if (window.innerWidth > 1129 && (!landingpageExist)) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '225px');\n bellIcon.style.marginRight = \"275px\";\n if (redDot)\n redDot.style.marginRight = \"284px\";\n } else if (window.innerWidth > 466 && landingpageExist) {\n // searchBoxWidth.style.setProperty('--Owlbot-width', '504px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n } else if(!landingpageExist) {\n searchBoxWidth.style.setProperty('background', 'unset');\n searchBoxWidth.style.setProperty('--Owlbot-width', '22px');\n searchBoxWidth.style.setProperty('color','#fff');\n }else{\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n //searchBoxWidth.style.setProperty('--Owlbot-width', '22px');\n //searchBoxWidth.style.setProperty('color','#fff');\n }\n })\n\n searchEle && searchEle.addEventListener('focusin', e => {\n if (window.innerWidth > 1129 && (!landingpageExist)) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '300px');\n searchBoxWidth.style.setProperty('background', 'white');\n searchBoxWidth.style.setProperty('color', '#637288');\n bellIcon.style.marginRight = \"340px\";\n if (redDot)\n redDot.style.marginRight = \"349px\";\n } else if (window.innerWidth > 466 && landingpageExist) {\n //searchBoxWidth.style.setProperty('--Owlbot-width', '504px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n } else if(!landingpageExist) {\n searchBoxWidth.style.setProperty('--Owlbot-width', '225px');\n searchBoxWidth.style.setProperty('background', 'white');\n searchBoxWidth.style.setProperty('color', '#637288');\n } else {\n // searchBoxWidth.style.setProperty('--Owlbot-width', '100px');\n searchBoxWidth.style.setProperty('background', '#ffffff', 'important');\n // searchBoxWidth.style.setProperty('color', '#637288');\n }\n })\n\n if (landingpageExist) {\n resizeSearchBoxMargin();\n window.addEventListener('resize', positionSliderArrows, false);\n window.addEventListener('scroll', positionSliderArrows, false);\n window.addEventListener('resize', resizeSearchBoxMargin);\n const elements = document.querySelectorAll(\"a.NavItem-item1gDDTqaXGhm1\");\n const deviderElement = document.querySelector(\".MobileFlyout-divider10xf7R2X1MeW\");\n if (deviderElement)\n deviderElement.remove(deviderElement);\n elements.forEach((element) => {\n if (element.childNodes.length >= 2) {\n element.remove(element);\n }\n });\n }\n const notificaionBann = document.querySelector('.notification-banner');\n notificaionBann && notificaionBann.addEventListener('click', () => {\n localStorage.setItem(\"activeNotificationSize\", activeNotificationCount());\n document.querySelector('.notification').style.display = \"block\";\n const banners = document.querySelectorAll('.banner');\n banners.forEach(function (banner) {\n var bannerId = banner.id;\n var bannerClosed = localStorage.getItem(bannerId + \"Closed\");\n if (bannerClosed === \"true\") {\n banner.style.display = \"none\";\n }\n });\n\n if (activeNotificationCount()>0) {\n document.querySelector(\".hidenotification\").style.display = \"none\";\n if (redDot)\n redDot.style.display= \"none\";\n } else {\n document.querySelector(\".hidenotification\").style.display = \"block\";\n document.querySelector('.clearall').classList.add(\"hideclearall\");\n }\n })\n\n const deleteActions = document.querySelectorAll('.closeDiv');\n const clearAllAction = document.querySelector('.clearall');\n deleteActions.forEach(function (deleteAction) {\n const deleteActionId = deleteAction.id;\n deleteAction.addEventListener('click', function (event) {\n closeNotification(deleteAction.parentNode.id);\n if (activeNotificationCount() == 0) {\n document.querySelector(\".hidenotification\").style.display = \"block\";\n clearAllAction.classList.add(\"hideclearall\");\n }\n });\n })\n\n const closeAction = document.querySelector('.closenotification');\n closeAction.addEventListener('click', () => {\n document.querySelector(\".notification\").style.display = \"none\";\n })\n\n clearAllAction.addEventListener('click', () => {\n closeNotification(\"banner\");\n document.querySelector(\".hidenotification\").style.display = \"block\";\n clearAllAction.classList.add(\"hideclearall\");\n })\n\n }\n setTimeout(expandCollapse, 300);\n\n var currentUrl = window.location.pathname;\n var storedLinkId = sessionStorage.getItem('activeLinkId');\n if (currentUrl === storedLinkId) {\n const activeLinkOld = document.querySelector('.rm-Header-bottom-link.active');\n activeLinkOld.classList.remove('active');\n const activeLinkNew = document.querySelector(`.rm-Header-bottom-link[href=\"${storedLinkId}\"]`);\n activeLinkNew.classList.add('active');\n }\n\n const navLinks = document.querySelectorAll('.rm-Header-bottom-link');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n if (link.getAttribute('target') === '_blank') {\n link.classList.remove('active');\n } else {\n const activeLinkNew = document.querySelector('.rm-Header-bottom-link.active');\n if (activeLinkNew) {\n activeLinkNew.classList.remove('active');\n }\n if (!link.classList.contains('active')) {\n link.classList.add('active');\n }\n sessionStorage.setItem('activeLinkId', link.getAttribute('href'));\n }\n });\n });\n\n function activeNotificationCount() {\n const notifications = document.querySelectorAll('.banner');\n let notificationCount = 0;\n for (const notification of notifications) {\n const notificationId = notification.id;\n const notificationClosed = localStorage.getItem(notificationId + \"Closed\");\n if (notificationClosed !== \"true\" && (window.getComputedStyle(notification).display !== 'none')) {\n notificationCount++;\n }\n }\n return notificationCount;\n }\n function closeNotification(notificationId) {\n var selector = \"[id^=\" + notificationId + \"]\";\n var notifications = document.querySelectorAll(selector);\n let localStorageNotificationCount = localStorage.getItem(\"activeNotificationSize\");\n for (const notification of notifications) {\n const notificationId = notification.id;\n const notificationClosed = localStorage.getItem(notificationId + \"Closed\");\n if((notificationClosed !== \"true\")){\n notification.style.display = \"none\";\n localStorage.setItem(notificationId + \"Closed\", \"true\");\n localStorageNotificationCount--;\n }\n }\n localStorage.setItem(\"activeNotificationSize\",localStorageNotificationCount);\n }\n\n /*Getting started js*/\n var nestedTabSelect = (tabsElement, currentElement) => {\n positionGettingSectionSliderArrows();\n const tabs = tabsElement ?? 'ul.tabs';\n const currentClass = currentElement ?? 'active';\n\n document.querySelectorAll(tabs).forEach(function (tabContainer) {\n let activeLink, activeContent;\n const links = Array.from(tabContainer?.querySelectorAll(\"a\"));\n\n activeLink =\n links?.find(function (link) {\n return link?.getAttribute(\"href\") === location.hash;\n }) || links[0];\n activeLink?.classList?.add(currentClass);\n\n activeContent = document.querySelector(activeLink?.getAttribute(\"href\"));\n activeContent?.classList?.add(currentClass);\n\n links.forEach(function (link) {\n if (link !== activeLink) {\n const content = document.querySelector(link?.getAttribute(\"href\"));\n content?.classList?.remove(currentClass);\n }\n });\n\n tabContainer.addEventListener(\"click\", function (e) {\n // Make the old tab inactive.\n activeLink?.classList?.remove(currentClass);\n activeContent?.classList?.remove(currentClass);\n\n // Update the variables with the new link and content.\n activeLink = e.target;\n activeContent = document.querySelector(activeLink?.getAttribute(\"href\"));\n\n // Make the tab active.\n activeLink?.classList?.add(currentClass);\n activeContent?.classList?.add(currentClass);\n\n e.preventDefault();\n \n });\n });\n};\n\nnestedTabSelect('ul.tabs', 'active');\n/*Getting started js*/\n function positionSliderArrows() {\n var element = document.querySelector('.slide-content')?.querySelector('.swiper-pagination');\n var elementslideGettingContent = document.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var elemenslideSpecializedContent = document.querySelector('.slide-Specialized-content')?.querySelector('.swiper-pagination');\n var rect = element?.offsetTop -(element?.scrollTop+element?.clientTop);\n var rectGt = elementslideGettingContent?.offsetTop -(elementslideGettingContent?.scrollTop+elementslideGettingContent?.clientTop);\n var rectSp = elemenslideSpecializedContent?.offsetTop -(elemenslideSpecializedContent?.scrollTop+elemenslideSpecializedContent?.clientTop);\n var marginTop = rect;\n var marginTopGt = rectGt;\n var marginTopSp = rectSp;\n document.querySelector('.slide-content').querySelector('.swiper-button-prev').style.top = (marginTop)-15 + \"px\";\n document.querySelector('.slide-content').querySelector('.swiper-button-next').style.top = (marginTop)-15 + \"px\";\n document.querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGt)-15 + \"px\";\n document.querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGt)-15 + \"px\";\n document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-prev').style.top = (marginTopSp)-15 + \"px\";\n document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-next').style.top = (marginTopSp)-15 + \"px\";\n positionGettingSectionSliderArrows();\n }\n function positionGettingSectionSliderArrows() {\n document.querySelector('.getting-tab1')?.style.setProperty('display', 'block', 'important');\n document.querySelector('.getting-tab2')?.style.setProperty('display', 'block', 'important');\n var elementDeveloper = document.querySelector('.getting-tab1')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var elementNonDeveloper = document.querySelector('.getting-tab2')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination');\n var rectGeetingTab2 = elementNonDeveloper?.offsetTop -(elementNonDeveloper?.scrollTop+elementNonDeveloper?.clientTop); \n var rectGeetingTab1 = elementDeveloper?.offsetTop -(elementDeveloper?.scrollTop+elementDeveloper?.clientTop);\n var marginTopGettingTab1 = rectGeetingTab1;\n var marginTopGettingTab2 = rectGeetingTab2;\n if(landingpageExist){\n document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-15 + \"px\";\n document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-15 + \"px\";\n document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-5 + \"px\";\n document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-5 + \"px\"; \n document.querySelector('.getting-tab1').style.display = '';\n document.querySelector('.getting-tab2').style.display = '';\n }\n }\n function resizeSearchBoxMargin() {\n var elementLeft = document.querySelector('.welcome');\n var elementResourceLeft = document.querySelector('.resources-text');\n var elementTop = document.querySelector('.hub-whats-new-slider-content');\n var elementSlideNav = document.querySelector('.first-slide');\n var fullWidth = window.innerWidth;\n var marginWidth = fullWidth /8;\n var searchWidth = fullWidth -(marginWidth*2);\n var rectSlideNav = elementSlideNav?.getBoundingClientRect();\n var rectResources = elementResourceLeft?.getBoundingClientRect();\n var rectResourcesTop = elementResourceLeft?.offsetTop -(elementResourceLeft.scrollTop+elementResourceLeft.clientTop);\n var rectLeft = elementLeft?.getBoundingClientRect();\n var rectTop = elementTop?.offsetTop -(elementTop.scrollTop+elementTop.clientTop);\n var marginLeft = rectLeft?.left;\n var welcomeWidth = elementLeft?.offsetWidth; \n var searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n var calculatedLeftData;\n var calculatedTopData;\n if (window.innerWidth < 533) {\n calculatedLeftData = rectSlideNav?.left + \"px\";\n calculatedTopData = rectTop-30 + \"px\";\n welcomeWidth = elementSlideNav?.offsetWidth-10+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left',\tcalculatedLeftData, 'important');\n //document.querySelector('.rm-Container>nav+div').style.setProperty('margin-right', calculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n } else if (window.innerWidth < 1025) {\n calculatedLeftData = marginWidth + \"px\";\n calculatedTopData = rectResourcesTop+130 +\"px\";\n welcomeWidth = searchWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-right', calculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else if (window.innerWidth < 1600) {\n let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft);\n calculatedLeftData = headerHeight + \"px\";\n calculatedTopData = rectResourcesTop+100 +\"px\";\n welcomeWidth = elementLeft.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else if(window.innerWidth >= 1600){ \n let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft);\n calculatedLeftData = headerHeight + \"px\";\n calculatedTopData = rectResourcesTop+100 +\"px\";\n welcomeWidth = elementLeft?.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }else{ \n calculatedLeftData = rectLeft?.left + \"px\";\n calculatedTopData = rectTop+10 + \"px\";\n welcomeWidth = elementLeft?.offsetWidth+'px';\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('left',\tcalculatedLeftData, 'important');\n document.querySelector('.rm-Container>nav+div')?.style.setProperty('top',\tcalculatedTopData, 'important');\n searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important');\n searchBoxWidth?.style.setProperty('height', '56px', 'important');\n }\n }\n function postionLandingPageElement(){\n if (window.innerWidth < 533) {\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','block');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','block');\n document.querySelector('.desktop-header').innerHTML = \n ` <span class=\"welcome\">Welcome to<span class=\"break-line\">the Developer</span><span class=\"break-line\">\n Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code <span class=\"break-line\">samples, tutorials and\n best </span><span class=\"break-line\">practices for building solutions on</span> UKG’s Flex\n platform</span>`;\n }else if(window.innerWidth < 1025) {\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','block');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','block');\n document.querySelector('.desktop-header').innerHTML = `<span class=\"welcome\">Welcome to the<span class=\"break-ipad-line\"> Developer Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best<span class=\"break-ipad-line\"> practices for building solutions on UKG’s Flex platform</span></span>\n `;\n }else{\n document.querySelector('.pro-img-desktop')?.style.setProperty('display','block');\n document.querySelector('.pro-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.pro-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.ready-img-desktop')?.style.setProperty('display','block');\n document.querySelector('.ready-img-ipad')?.style.setProperty('display','none');\n document.querySelector('.ready-img-mobile')?.style.setProperty('display','none');\n document.querySelector('.desktop-header').innerHTML=`<span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best practices for building\n solutions on UKG’s Flex platform</span>\n `;\n }\n }\nfunction putDynamicElementOnProtraitChange() {\n const element = document.querySelector('.dynamic-sub-header-element');\n element.innerHTML = ` <div class=\"hub-left mobile-header\">\n <span class=\"welcome\">Welcome to<span class=\"break-line\">the Developer</span><span class=\"break-line\"> Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code <span class=\"break-line\">samples, tutorials and best </span><span class=\"break-line\">practices for building solutions on</span> UKG’s Flex platform</span> \n </div>\n <div class=\"hub-left ipad-header\">\n <span class=\"welcome\">Welcome to the<span class=\"break-ipad-line\"> Developer Hub</span></span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best<span class=\"break-ipad-line\"> practices for building solutions on UKG’s Flex platform</span></span> \n </div>\n <div class=\"hub-left desktop-header\">\n <span class=\"welcome\">Welcome to the Developer Hub</span>\n <span class=\"resources-text\">Explore documentation, code samples, tutorials and best practices for building solutions on UKG’s Flex platform</span> \n </div>`;\n }\n function executeLandingPageMethod(){\n postionLandingPageElement();\n setTimeout(function() {\n const intervalSearch = setInterval(function(){\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\")?.length;\n const searchEle = document.querySelectorAll(\".SearchBert1u4IeBwd-ET6\");\n if(searchEle.length){\n const searchBoxWidth = document.querySelector(\".SearchBert1u4IeBwd-ET6\");\n searchBoxWidth?.classList.add(\"landing-searchbox\");\n searchBoxWidth?.parentNode.parentNode.classList.add(\"landing-sub-parent-searchbox\");\n searchBoxWidth?.parentNode.parentNode.parentNode.classList.add(\"landing-parent-searchbox\");\n if( document.querySelector('.hub-slider-content')?.length){\n setTimeout(function() {\n if (window.innerWidth >= 1024){\n document.querySelector('.hub-slider-content').style.marginTop = \"20px\"; \n }else{\n document.querySelector('.hub-slider-content').style.marginTop = \"50px\"; \n }\n }, 200);\n \n clearInterval(intervalSearch);\n }\n }\n },100);\n setTimeout(function() { \n setTimeout(positionSliderArrows, 200);\n var welcomeContent = document.querySelector('.welcome');\n var headerHeight = welcomeContent?.offsetTop -(welcomeContent?.scrollTop+welcomeContent?.clientTop);\n var rectHeaderTop;\n if (window.innerWidth >= 290 && window.innerWidth < 334) {\n rectHeaderTop = 180+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }else if (window.innerWidth >= 334 && window.innerWidth < 533) {\n rectHeaderTop = 120+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else if (window.innerWidth <= 767 && window.innerWidth >= 533) {\n rectHeaderTop = 67+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }\telse if (window.innerWidth <= 1024 && window.innerWidth > 767) {\n rectHeaderTop = headerHeight-headerHeight+10+'px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else if (window.innerWidth > 1024) {\n rectHeaderTop = 0;\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n } else{\n rectHeaderTop = '20px';\n document.querySelector('.resources-text')?.style.setProperty('margin-top',\trectHeaderTop, 'important');\n }\n resizeSearchBoxMargin();\n document.querySelector(\".loading\")?.style.setProperty('display', 'none');\n document.querySelector('.hub-whats-new-slider-content')?.parentElement.style.setProperty('margin-top',\t'20px', 'important');\n },1000);\n },1000);\n }\n function checkAllBannersVisibility() {\n var banners = document.querySelectorAll('.banner');\n banners.forEach(function (banner) {\n var bannerId = banner.id;\n var startDateAttribute = document.getElementById(bannerId).getAttribute(\"startDate\");\n var startDate = new Date(startDateAttribute);\n var endDateAttribute = document.getElementById(bannerId).getAttribute(\"endDate\");\n if (endDateAttribute == null) {\n var endDate = new Date(startDate);\n endDate.setDate(startDate.getDate() + 30);\n } else {\n var endDate = new Date(endDateAttribute);\n }\n var userOffset = new Date().getTimezoneOffset() * 60000;\n var startTimeAdjusted = startDate.getTime() - userOffset;\n var endTimeAdjusted = endDate.getTime() - userOffset;\n var currentTime = new Date().getTime() - userOffset;\n var localStorageKey = bannerId + \"Closed\";\n var bannerClosed = localStorage.getItem(localStorageKey);\n if (currentTime >= startTimeAdjusted && currentTime <= endTimeAdjusted && bannerClosed !== \"true\") {\n banner.style.display = 'flex';\n } else {\n banner.style.display = 'none';\n }\n });\n }\nfunction createNotificationPopup() {\n const notificationPopup = document.createElement('div');\n notificationPopup.innerHTML = ` <div class=\"notification\">\n <div class=\"bannerbox\">\n <div class=\"navheader\">\n <div class=\"navigation\">\n <div class=\"headercontent\">\n <span class=\"closenotification\"></span>\n <div class=\"header-layout\">\n <div class=\"whats-new\"><span>What's new</span></div>\n <div class=\"clearall\"><span>Clear all</span></div>\n </div>\n </div>\n <div class=\"divider\"></div>\n <div class=\"banner\" id=\"banner1\" startDate=\"2025-02-11\" endDate=\"2025-04-11\">\n <div class=\"textDiv\">\n <a href=\"https://developer.ukg.com/\" target=\"_self\">New Developer Hub landing page now available</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"banner\" id=\"banner2\" startDate=\"2024-04-19\" endDate=\"2024-06-14\">\n <div class=\"textDiv\">\n <a href=\"/general/changelog/pro-2024r1-apis-are-now-available\" target=\"_self\">Pro 2024.R1 APIs are now available</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"banner\" id=\"banner3\" startDate=\"2024-04-19\">\n <div class=\"textDiv\">\n <a href=\"/general/changelog/introducing-ukg-webhooks\" target=\"_self\">Introducing UKG Webhooks</a>\n </div>\n <div class=\"closeDiv\">\n <span class=\"closebtn\"></span>\n </div>\n </div>\n <div class=\"hidenotification\" style=\"display:none\">\n <div class=\"text-defaultnotification\">\n <div>You don't have any notifications right now.</div>\n </div>\n </div>\n <div class=\"divider\"> </div>\n <a class=\"viewall-box\" href=\"/general/changelog\" target=\"_self\"> \n <span class=\"viewall\">View all</span></a>\n </div>\n </div>\n </div>`;\n document.body.appendChild(notificationPopup);\n }\n\n/*Swiper js for slider in landing page*/\nvar swiper = new Swiper(\".slide-banner-content\", {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n },\n});\nvar slider1 = new Swiper ('.slide-getting-tab1-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n },\n});\nvar slider2 = new Swiper ('.slide-getting-tab2-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 3,\n },\n \t},\n });\nvar slider3 = new Swiper ('.slide-Specialized-content', {\n slidesPerView: 3,\n freeMode: true,\n spaceBetween: 32,\n centerSlide: 'true',\n fade: 'true',\n grabCursor: 'true',\n pagination: {\n el: \".swiper-pagination\",\n clickable: true,\n dynamicBullets: true,\n },\n navigation: {\n nextEl: \".swiper-button-next\",\n prevEl: \".swiper-button-prev\",\n },\n\n breakpoints:{\n 0: {\n slidesPerView: 1,\n },\n 768: {\n slidesPerView: 2,\n },\n 1025: {\n slidesPerView: 2,\n },\n },\n});\n\n/*Swiper js for slider in landing page*/\n});","html":{"header":"\n<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-5J83L3CC');</script>\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-1JFRM2SNME\"></script>\n<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n \n gtag('config', 'G-1JFRM2SNME');\n</script>\n\n <script src=\"//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.js\"></script>\n\n<link\n rel=\"stylesheet\"\n href=\"https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/noto/ignite-fonts-noto-hinted-cdn.css\"\n />\n <link\n rel=\"stylesheet\"\n href=\"https://ignite.cdn.ultipro.com/dls-cdn/ignite/v5.4.2/tokens/fonts/volte/ignite-fonts-volte-cdn.css\"\n />\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.css\">\n<meta name=\"description\" content=\"Welcome to UKG Developer Hub. Here you'll find guides, resources, and references to help you build your next integration powered by our vast APIs.\">\n<meta name=\"google-site-verification\" content=\"iIlWTcgPQSVS83QTAPruRs6Rx35k-joUOwD2djHlBKc\" />\n<meta name=\"robots\" content=\"index\">","home_footer":null,"page_footer":"<footer class=\"landing-footer\">\n <div class=\"landing-footer-parent\">\n <iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-5J83L3CC\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>\n <div class=\"landing-container landing-page-main footer-content-flex\">\n <div class=\"project-subfooter\">\n <div>\n <div class=\"footer-container default-container\">\n <div class=\"footer-logo-container\">\n <img src=\"//files.readme.io/913873d6efb338613da9b623ccdb9dc73789ebc66bc8aa85ddeef6ac589efdfc-logo-white-tagline.png\" alt=\"UKG logo\" width=\"140\"\n height=\"61\" class=\"logo--white\" loading=\"eager\">\n </div>\n <div class=\"footer-menu-container\">\n <div class=\"region region-footer\">\n <nav role=\"navigation\" aria-labelledby=\"block-ukg-footer-menu\" id=\"block-ukg-footer\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t <ul>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/human-capital-management\"\n >Human Capital Management</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/human-resource-management\"\n >Human Resources</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/payroll-software\"\n >Payroll</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/talent-management-software\"\n >Talent</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/people-analytics\"\n >Reporting and Analytics</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/workforce-management\"\n >Workforce Management</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/time-and-attendance-software\"\n >Time &amp; Attendance</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/employee-scheduling-software\"\n >Scheduling</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/hr-compliance\"\n >Compliance</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/solutions\"\n >Product Suites</a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/human-capital-management\"\n >UKG Pro</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/solutions/hr-software\"\n >UKG Ready</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/industry-solutions\"\n >Industry Solutions</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <a href=\"https://www.ukg.com/customer-experience/we-partner-for-life\"\n title=\"Description of stadoka.\"\n >Customer Experience </a>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/implementation\"\n >Implementation </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/customer-support\"\n >Support Experience </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-experience/ukg-community\"\n >UKG Community </a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/customer-stories\"\n >Customer Stories</a>\n </li>\n </ul>\n\n </li>\n <li class=\"menu-level--0\">\n <span>Developer Experience</span>\n <ul>\n <li class=\"menu-level--1\">\n <a href=\"https://developer.ukg.com/general/changelog\"\n target=\"_self\">What's New</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev\"\n target=\"_blank\">Developer Collaboration</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://extensibilityideasportal.ideas.aha.io/?category=7149176939316709665\"\n target=\"_blank\">Submit an API related request</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://extensibilityideasportal.ideas.aha.io/?category=7149176899521632869\"\n target=\"_blank\">Submit a Developer Hub request</a>\n </li>\n <li class=\"menu-level--1\" style=\"display:none;\">\n <a href=\"https://developer.ukg.com/wfm/docs/release-notes-doc\" target=\"_self\"\n >Release Notes</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://www.ukg.com/\" target=\"_blank\"\n >UKG.com</a>\n </li>\n <li class=\"menu-level--1\">\n <a href=\"https://marketplace.ukg.com/en-US/home\"\n target=\"_blank\">UKG Marketplace</a>\n </li>\n </ul>\n\n </li>\n </ul>\n\n\n\n </nav>\n\n </div>\n\n </div>\n </div>\n </div>\n <div class=\"copyright_text\">\n <p class=\"copyright\">\n ©2025 UKG Inc. All rights reserved. For a full list of UKG trademarks,\n please visit ukg.com/trademarks. All other trademarks, if any, are\n property of their respective owners.<br />\n All specifications are subject to change.\n </p>\n </div>\n </div>\n </div>\n </div>\n</footer>"}},"header":{"type":"solid","gradient_color":null,"overlay":{"fill":"auto","type":"triangles","position":"top-left","image":{"uri":null,"url":null,"name":null,"width":null,"height":null,"color":null,"links":{"original_url":null}}}},"navigation":{"first_page":"landing_page","left":[],"logo_link":"landing_page","right":[{"type":"link_url","title":"What's New","url":"/general/changelog","custom_page":null},{"type":"link_url","title":"UKG.com","url":"https://www.ukg.com","custom_page":null},{"type":"link_url","title":"Marketplace","url":"https://marketplace.ukg.com","custom_page":null}],"sub_nav":[],"subheader_layout":"links","version":"enabled","links":{"home":{"label":"Home","visibility":"enabled"},"graphql":{"label":"GraphQL","visibility":"disabled"},"guides":{"label":"Guides","alias":null,"visibility":"enabled"},"reference":{"label":"API Reference","alias":null,"visibility":"enabled"},"recipes":{"label":"Recipes","alias":null,"visibility":"disabled"},"changelog":{"label":"Changelog","alias":null,"visibility":"enabled"},"discussions":{"label":"Discussions","alias":null,"visibility":"enabled"}}}}}},"version":{"_id":"641dc2824840480d3fe5b08f","version":"1.0.0","version_clean":"1.0.0","codename":"","is_stable":false,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":[],"releaseDate":"2023-03-24T15:32:18.440Z","createdAt":"2023-03-24T15:32:18.440Z","project":"641dc2824840480d3fe5b090","__v":0}},"reqUrl":"/","version":{"_id":"641dc2824840480d3fe5b08f","version":"1.0.0","version_clean":"1.0.0","codename":"","is_stable":false,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":[],"releaseDate":"2023-03-24T15:32:18.440Z","createdAt":"2023-03-24T15:32:18.440Z","project":"641dc2824840480d3fe5b090","__v":0},"lang":"en","langFull":"Default","isDetachedProductionSite":true}"></script></div><div id="ssr-end"><script id="__LOADABLE_REQUIRED_CHUNKS__" type="application/json">[6601,3622,9772,4904,7449,7372,9082,734,954,6903,2395,8161,1008,7188,5753,2852,9930,7783,1456,4935,4287,5948,4201,8230,1313,1343,5798,1202,6060,4002,3787,1666,1080,9852,8684,2144,9141,3221,7327,7285,3307,1936,9575,6922,2859,3626,3556,7356,8063,3859,2637,4674,1731,4467,5408,2402,4793,2616,3412,678,2578]</script><script id="__LOADABLE_REQUIRED_CHUNKS___ext" type="application/json">{"namedChunks":["routes-SuperHub","Header","core-icons-chevron-up-down-svg","routes-Reference","core-icons-more-vertical-svg","Footer","core-icons-alert-circle-svg","core-icons-lock-svg","routes-Landing","routes-PageNotFound","Editor","core-icons-x-circle-svg","core-icons-suggested-edits-svg","routes-Changelog","Post","core-icons-search-svg","core-icons-custom-pages-svg","routes-SuperHub-Routes","routes-Doc","core-icons-arrow-right-svg","CustomPage","routes-CustomPage","core-icons-book-svg","core-icons-key-svg","RMDX","core-icons-arrow-up-right-svg","core-icons-chevron-down-svg","List","routes-Tutorials","routes-Discuss","Page","core-icons-star-svg","core-icons-trending-up-svg","core-icons-callout-info-svg","core-icons-webhook-svg","core-icons-eye-off-svg"]}</script> <script async data-chunk="main" src="https://cdn.readme.io/public/hub/web/main.221ce09d98cef8aef125.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/6601.cef2fa12a9b5e2b9df03.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/3622.30b9cb2443fabb238262.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/9772.8580ecb31f87dc171976.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/4904.df63e6b74f3878787175.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/7449.dae0332305a8704415a6.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/7372.4f5a59d2f86c6ece493b.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/9082.f9fa9ec2b80af1ef61bd.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/734.2949e3d7010fa5c21ffd.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/954.53ce7f86793664155f78.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/6903.75b9333e2c99d6924d0e.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/2395.3ba369762002e0fbe7fe.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/8161.c06bb55544d4d5ece838.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/1008.ef0ab3c31014af8b9334.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/7188.88a12309549c98d14d35.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/5753.d9657ebf13ad8af40015.js"></script> <script async data-chunk="routes-SuperHub" src="https://cdn.readme.io/public/hub/web/routes-SuperHub.b86494be835b660d227f.js"></script> <script async data-chunk="Header" src="https://cdn.readme.io/public/hub/web/9930.8ac6b4156bf4ee8644e6.js"></script> <script async data-chunk="Header" src="https://cdn.readme.io/public/hub/web/7783.61fd99fcb3212444ef40.js"></script> <script async data-chunk="Header" src="https://cdn.readme.io/public/hub/web/Header.9f91a308d58e71424034.js"></script> <script async data-chunk="core-icons-chevron-up-down-svg" src="https://cdn.readme.io/public/hub/web/core-icons-chevron-up-down-svg.6aae957df71e6f4c5e24.js"></script> <script async data-chunk="routes-Reference" src="https://cdn.readme.io/public/hub/web/4287.916cdd386055d2c5d238.js"></script> <script async data-chunk="routes-Reference" src="https://cdn.readme.io/public/hub/web/5948.a51402657e2eb40ab43b.js"></script> <script async data-chunk="routes-Reference" src="https://cdn.readme.io/public/hub/web/4201.069cb338e36be5100aad.js"></script> <script async data-chunk="routes-Reference" src="https://cdn.readme.io/public/hub/web/8230.52ae4e87b64409b85cbc.js"></script> <script async data-chunk="routes-Reference" src="https://cdn.readme.io/public/hub/web/routes-Reference.c4f7838ee3492b106b0f.js"></script> <script async data-chunk="core-icons-more-vertical-svg" src="https://cdn.readme.io/public/hub/web/core-icons-more-vertical-svg.4822b3f831e11095980d.js"></script> <script async data-chunk="Footer" src="https://cdn.readme.io/public/hub/web/Footer.3c2db21e4df4b80899c5.js"></script> <script async data-chunk="core-icons-alert-circle-svg" src="https://cdn.readme.io/public/hub/web/core-icons-alert-circle-svg.4cee8264c97045599b56.js"></script> <script async data-chunk="core-icons-lock-svg" src="https://cdn.readme.io/public/hub/web/core-icons-lock-svg.70942d3ee6bad6267696.js"></script> <script async data-chunk="routes-Landing" src="https://cdn.readme.io/public/hub/web/4002.704e628347d37011965d.js"></script> <script async data-chunk="routes-Landing" src="https://cdn.readme.io/public/hub/web/routes-Landing.e9109069c99886dc83c5.js"></script> <script async data-chunk="routes-PageNotFound" src="https://cdn.readme.io/public/hub/web/routes-PageNotFound.852328ff472332820e4a.js"></script> <script async data-chunk="Editor" src="https://cdn.readme.io/public/hub/web/Editor.dc84877609bddc61988b.js"></script> <script async data-chunk="core-icons-x-circle-svg" src="https://cdn.readme.io/public/hub/web/core-icons-x-circle-svg.abc0e0ea5b7f9dff667c.js"></script> <script async data-chunk="core-icons-suggested-edits-svg" src="https://cdn.readme.io/public/hub/web/core-icons-suggested-edits-svg.8d2d8ac2fd22ded9238d.js"></script> <script async data-chunk="routes-Changelog" src="https://cdn.readme.io/public/hub/web/routes-Changelog.d2788e3eea8e5d625df9.js"></script> <script async data-chunk="Post" src="https://cdn.readme.io/public/hub/web/Post.d60fcbfc334770cfd22b.js"></script> <script async data-chunk="core-icons-search-svg" src="https://cdn.readme.io/public/hub/web/core-icons-search-svg.ad9cac962958d30983a7.js"></script> <script async data-chunk="core-icons-custom-pages-svg" src="https://cdn.readme.io/public/hub/web/core-icons-custom-pages-svg.444e514638d9afbec182.js"></script> <script async data-chunk="routes-SuperHub-Routes" src="https://cdn.readme.io/public/hub/web/7285.703d773b1bb63ae6e7ee.js"></script> <script async data-chunk="routes-SuperHub-Routes" src="https://cdn.readme.io/public/hub/web/routes-SuperHub-Routes.1b77649c9910147452bf.js"></script> <script async data-chunk="routes-Doc" src="https://cdn.readme.io/public/hub/web/routes-Doc.8f9048009363a89d95ec.js"></script> <script async data-chunk="core-icons-arrow-right-svg" src="https://cdn.readme.io/public/hub/web/core-icons-arrow-right-svg.eadb74658f93b4e7d75f.js"></script> <script async data-chunk="CustomPage" src="https://cdn.readme.io/public/hub/web/6922.e8247ef6931a72e55b3e.js"></script> <script async data-chunk="CustomPage" src="https://cdn.readme.io/public/hub/web/2859.2016eb8401ec8f0ae947.js"></script> <script async data-chunk="core-icons-book-svg" src="https://cdn.readme.io/public/hub/web/core-icons-book-svg.556c5a2abddd44b2284c.js"></script> <script async data-chunk="core-icons-key-svg" src="https://cdn.readme.io/public/hub/web/core-icons-key-svg.71e09670b926900508b8.js"></script> <script async data-chunk="RMDX" src="https://cdn.readme.io/public/hub/web/RMDX.f342d2ba5744bf63cff9.js"></script> <script async data-chunk="core-icons-arrow-up-right-svg" src="https://cdn.readme.io/public/hub/web/core-icons-arrow-up-right-svg.8ec73f7e322d79a2695b.js"></script> <script async data-chunk="core-icons-chevron-down-svg" src="https://cdn.readme.io/public/hub/web/core-icons-chevron-down-svg.e20b84e9871bd73d1b8c.js"></script> <script async data-chunk="List" src="https://cdn.readme.io/public/hub/web/2637.f161cf21b4202fcf0f18.js"></script> <script async data-chunk="List" src="https://cdn.readme.io/public/hub/web/4674.86c5bae187635c44f1a7.js"></script> <script async data-chunk="List" src="https://cdn.readme.io/public/hub/web/List.c0e29713e76e718cb92a.js"></script> <script async data-chunk="routes-Tutorials" src="https://cdn.readme.io/public/hub/web/routes-Tutorials.e4bca363391d584c95da.js"></script> <script async data-chunk="routes-Discuss" src="https://cdn.readme.io/public/hub/web/routes-Discuss.3590ddf59c866718c2eb.js"></script> <script async data-chunk="Page" src="https://cdn.readme.io/public/hub/web/Page.60c9a9ab62fa8b6d5935.js"></script> <script async data-chunk="core-icons-star-svg" src="https://cdn.readme.io/public/hub/web/core-icons-star-svg.b834e1612cb2af1e174e.js"></script> <script async data-chunk="core-icons-trending-up-svg" src="https://cdn.readme.io/public/hub/web/core-icons-trending-up-svg.0dd920b0698e57f75afa.js"></script> <script async data-chunk="core-icons-callout-info-svg" src="https://cdn.readme.io/public/hub/web/core-icons-callout-info-svg.79b14e8568c9cecbc827.js"></script> <script async data-chunk="core-icons-webhook-svg" src="https://cdn.readme.io/public/hub/web/core-icons-webhook-svg.fe540ea1c09e1c0e0247.js"></script> <script async data-chunk="core-icons-eye-off-svg" src="https://cdn.readme.io/public/hub/web/core-icons-eye-off-svg.b2b8b241b4b324dfd9c1.js"></script></div><script async="async" src="https://www.googletagmanager.com/gtag/js?id=G-1JFRM2SNME"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1JFRM2SNME');</script><script id="customJS">document.addEventListener('DOMContentLoaded', function () { // Create a MutationObserver to monitor changes to the DOM var observer = new MutationObserver(function (mutationsList, observer) { // Loop through all mutations mutationsList.forEach(function (mutation) { // Use the attribute selector to match any class starting with 'rm-OwlbotAI-answer ChatGPT-answer2' var owlbotAnswer = document.querySelector('[class^="rm-OwlbotAI-answer ChatGPT-answer2"]'); if (owlbotAnswer && !document.querySelector('.doc-ai-warning')) { // Create a new element (e.g., a div with an icon and text) var newElement = document.createElement('div'); newElement.classList.add('doc-ai-warning'); // Add a class to ensure it's unique // Add the icon var icon = document.createElement('span'); icon.textContent = '⚠️'; icon.classList.add('doc-ai-icon'); // Add a class for styling // Add the text var text = document.createElement('span'); text.textContent = 'This AI-powered service may produce inaccurate results. Do not rely solely on its output; review and assess it for accuracy and suitability. Your company is responsible for the outcomes generated by the service.'; text.classList.add('doc-ai-text'); // Add a class for styling // Add both elements into the warning container newElement.appendChild(icon); newElement.appendChild(text); // Insert the new element after the Owlbot answer owlbotAnswer.insertAdjacentElement('afterend', newElement); } }); }); // Configure the observer to watch for changes in the entire document observer.observe(document.body, { childList: true, subtree: true }); // Dynamically add CSS to the document var style = document.createElement('style'); style.textContent = ` .doc-ai-warning { display: flex; /* Align icon and text */ align-items: flex-start; /* Align items at the top */ color: #FBE32D; /* Text color */ font-size: 12px; /* Font size */ padding: 10px; /* Padding for spacing */ line-height: 1.5; /* Line spacing for readability */ } .doc-ai-icon { margin-right: 8px; /* Space between icon and text */ flex-shrink: 0; /* Prevent the icon from shrinking */ } .doc-ai-text { flex-grow: 1; /* Allow text to fill the remaining space */ } `; document.head.appendChild(style); }); window.addEventListener("load", (event) => { const landingpageExist = document.querySelector("div.landing-page-background"); if(landingpageExist){ window.scrollTo({ top: 0, behavior: 'smooth' }); executeLandingPageMethod(); let portrait = window.matchMedia("(orientation: portrait)"); portrait.addEventListener("change", function(e) { document.querySelector(".loading")?.style.setProperty('display', 'block'); document.location.reload(); }) document.querySelector("div.landing-page-background").classList.add('land-search-box'); document.querySelector(".swiper-slide")?.addEventListener('click', e => { var link = e.target.parentNode.querySelector(".learn-more").href; window.location.href = link; }); } const headerLinksEle = document.querySelectorAll(".rm-Container .rm-Header-top-link"); const navEle = document.querySelector(".rm-Container nav"); headerLinksEle && headerLinksEle.forEach((linkEle) => { if (linkEle.href.indexOf("general") > -1) { linkEle.setAttribute('target', '_self'); } else { linkEle.setAttribute('target', '_blank'); } }); const logoMobileEle = document.querySelector(".rm-Flyout .rm-Logo-img"); if (logoMobileEle) { logoMobileEle.setAttribute("src", "https://files.readme.io/0a8f9f0-Dev_hub_logo_on_light.png") } const customPageEle = document.querySelector(".rm-CustomPage"); if (customPageEle && navEle) { navEle.style.display = "none"; } const clickExample = () => { const examples = document.querySelector("[class^='APIResponse-menu-status']"); if (examples) { clearInterval(interval); document.querySelector("[class^='APIResponse-menu-status']").click(); } }; const interval = setInterval(clickExample, 100); const expandCollapse = () => { $('.rm-Header-top .rm-Container').append('<div class="bellicon"><i class="notification-banner"></i></div>'); const popup = createNotificationPopup(); checkAllBannersVisibility(); var localStorageNotificationSize = localStorage.getItem("activeNotificationSize"); if ((localStorageNotificationSize === null && activeNotificationCount() > 0) || (activeNotificationCount() > localStorageNotificationSize)){ $('.notification-banner').after('<span class="notification-badge"></span>'); } const landingpageExist = document.querySelector("div.landing-page-background"); const searchEle = document.getElementById("SearchBert"); const bellIcon = document.querySelector(".notification-banner"); const searchBoxWidth = document.querySelector(".SearchBert1u4IeBwd-ET6"); const searchText = document.querySelector(".SearchBert-Prompt3UVFfRcBSAeq"); const redDot = document.querySelector(".notification-badge"); if (searchText) { if(landingpageExist){ if(window.innerWidth < 600){ searchText.setAttribute('placeholder', 'Search or ask for anything'); }else { searchText.setAttribute('placeholder', 'Ask AI or search documents for UKG Pro Suite'); } }else{ searchText.setAttribute('placeholder', 'Ask or search'); } if(document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG')?.length){ document.querySelector('.SearchBert-shortcut_input3smbsLZaUryG').style.paddingRight = '20px'; } } searchEle && searchEle.addEventListener('focusout', e => { if (window.innerWidth > 1129 && (!landingpageExist)) { searchBoxWidth.style.setProperty('--Owlbot-width', '225px'); bellIcon.style.marginRight = "275px"; if (redDot) redDot.style.marginRight = "284px"; } else if (window.innerWidth > 466 && landingpageExist) { // searchBoxWidth.style.setProperty('--Owlbot-width', '504px'); searchBoxWidth.style.setProperty('background', '#ffffff', 'important'); } else if(!landingpageExist) { searchBoxWidth.style.setProperty('background', 'unset'); searchBoxWidth.style.setProperty('--Owlbot-width', '22px'); searchBoxWidth.style.setProperty('color','#fff'); }else{ searchBoxWidth.style.setProperty('background', '#ffffff', 'important'); //searchBoxWidth.style.setProperty('--Owlbot-width', '22px'); //searchBoxWidth.style.setProperty('color','#fff'); } }) searchEle && searchEle.addEventListener('focusin', e => { if (window.innerWidth > 1129 && (!landingpageExist)) { searchBoxWidth.style.setProperty('--Owlbot-width', '300px'); searchBoxWidth.style.setProperty('background', 'white'); searchBoxWidth.style.setProperty('color', '#637288'); bellIcon.style.marginRight = "340px"; if (redDot) redDot.style.marginRight = "349px"; } else if (window.innerWidth > 466 && landingpageExist) { //searchBoxWidth.style.setProperty('--Owlbot-width', '504px'); searchBoxWidth.style.setProperty('background', '#ffffff', 'important'); } else if(!landingpageExist) { searchBoxWidth.style.setProperty('--Owlbot-width', '225px'); searchBoxWidth.style.setProperty('background', 'white'); searchBoxWidth.style.setProperty('color', '#637288'); } else { // searchBoxWidth.style.setProperty('--Owlbot-width', '100px'); searchBoxWidth.style.setProperty('background', '#ffffff', 'important'); // searchBoxWidth.style.setProperty('color', '#637288'); } }) if (landingpageExist) { resizeSearchBoxMargin(); window.addEventListener('resize', positionSliderArrows, false); window.addEventListener('scroll', positionSliderArrows, false); window.addEventListener('resize', resizeSearchBoxMargin); const elements = document.querySelectorAll("a.NavItem-item1gDDTqaXGhm1"); const deviderElement = document.querySelector(".MobileFlyout-divider10xf7R2X1MeW"); if (deviderElement) deviderElement.remove(deviderElement); elements.forEach((element) => { if (element.childNodes.length >= 2) { element.remove(element); } }); } const notificaionBann = document.querySelector('.notification-banner'); notificaionBann && notificaionBann.addEventListener('click', () => { localStorage.setItem("activeNotificationSize", activeNotificationCount()); document.querySelector('.notification').style.display = "block"; const banners = document.querySelectorAll('.banner'); banners.forEach(function (banner) { var bannerId = banner.id; var bannerClosed = localStorage.getItem(bannerId + "Closed"); if (bannerClosed === "true") { banner.style.display = "none"; } }); if (activeNotificationCount()>0) { document.querySelector(".hidenotification").style.display = "none"; if (redDot) redDot.style.display= "none"; } else { document.querySelector(".hidenotification").style.display = "block"; document.querySelector('.clearall').classList.add("hideclearall"); } }) const deleteActions = document.querySelectorAll('.closeDiv'); const clearAllAction = document.querySelector('.clearall'); deleteActions.forEach(function (deleteAction) { const deleteActionId = deleteAction.id; deleteAction.addEventListener('click', function (event) { closeNotification(deleteAction.parentNode.id); if (activeNotificationCount() == 0) { document.querySelector(".hidenotification").style.display = "block"; clearAllAction.classList.add("hideclearall"); } }); }) const closeAction = document.querySelector('.closenotification'); closeAction.addEventListener('click', () => { document.querySelector(".notification").style.display = "none"; }) clearAllAction.addEventListener('click', () => { closeNotification("banner"); document.querySelector(".hidenotification").style.display = "block"; clearAllAction.classList.add("hideclearall"); }) } setTimeout(expandCollapse, 300); var currentUrl = window.location.pathname; var storedLinkId = sessionStorage.getItem('activeLinkId'); if (currentUrl === storedLinkId) { const activeLinkOld = document.querySelector('.rm-Header-bottom-link.active'); activeLinkOld.classList.remove('active'); const activeLinkNew = document.querySelector(`.rm-Header-bottom-link[href="${storedLinkId}"]`); activeLinkNew.classList.add('active'); } const navLinks = document.querySelectorAll('.rm-Header-bottom-link'); navLinks.forEach(link => { link.addEventListener('click', () => { if (link.getAttribute('target') === '_blank') { link.classList.remove('active'); } else { const activeLinkNew = document.querySelector('.rm-Header-bottom-link.active'); if (activeLinkNew) { activeLinkNew.classList.remove('active'); } if (!link.classList.contains('active')) { link.classList.add('active'); } sessionStorage.setItem('activeLinkId', link.getAttribute('href')); } }); }); function activeNotificationCount() { const notifications = document.querySelectorAll('.banner'); let notificationCount = 0; for (const notification of notifications) { const notificationId = notification.id; const notificationClosed = localStorage.getItem(notificationId + "Closed"); if (notificationClosed !== "true" && (window.getComputedStyle(notification).display !== 'none')) { notificationCount++; } } return notificationCount; } function closeNotification(notificationId) { var selector = "[id^=" + notificationId + "]"; var notifications = document.querySelectorAll(selector); let localStorageNotificationCount = localStorage.getItem("activeNotificationSize"); for (const notification of notifications) { const notificationId = notification.id; const notificationClosed = localStorage.getItem(notificationId + "Closed"); if((notificationClosed !== "true")){ notification.style.display = "none"; localStorage.setItem(notificationId + "Closed", "true"); localStorageNotificationCount--; } } localStorage.setItem("activeNotificationSize",localStorageNotificationCount); } /*Getting started js*/ var nestedTabSelect = (tabsElement, currentElement) => { positionGettingSectionSliderArrows(); const tabs = tabsElement ?? 'ul.tabs'; const currentClass = currentElement ?? 'active'; document.querySelectorAll(tabs).forEach(function (tabContainer) { let activeLink, activeContent; const links = Array.from(tabContainer?.querySelectorAll("a")); activeLink = links?.find(function (link) { return link?.getAttribute("href") === location.hash; }) || links[0]; activeLink?.classList?.add(currentClass); activeContent = document.querySelector(activeLink?.getAttribute("href")); activeContent?.classList?.add(currentClass); links.forEach(function (link) { if (link !== activeLink) { const content = document.querySelector(link?.getAttribute("href")); content?.classList?.remove(currentClass); } }); tabContainer.addEventListener("click", function (e) { // Make the old tab inactive. activeLink?.classList?.remove(currentClass); activeContent?.classList?.remove(currentClass); // Update the variables with the new link and content. activeLink = e.target; activeContent = document.querySelector(activeLink?.getAttribute("href")); // Make the tab active. activeLink?.classList?.add(currentClass); activeContent?.classList?.add(currentClass); e.preventDefault(); }); }); }; nestedTabSelect('ul.tabs', 'active'); /*Getting started js*/ function positionSliderArrows() { var element = document.querySelector('.slide-content')?.querySelector('.swiper-pagination'); var elementslideGettingContent = document.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination'); var elemenslideSpecializedContent = document.querySelector('.slide-Specialized-content')?.querySelector('.swiper-pagination'); var rect = element?.offsetTop -(element?.scrollTop+element?.clientTop); var rectGt = elementslideGettingContent?.offsetTop -(elementslideGettingContent?.scrollTop+elementslideGettingContent?.clientTop); var rectSp = elemenslideSpecializedContent?.offsetTop -(elemenslideSpecializedContent?.scrollTop+elemenslideSpecializedContent?.clientTop); var marginTop = rect; var marginTopGt = rectGt; var marginTopSp = rectSp; document.querySelector('.slide-content').querySelector('.swiper-button-prev').style.top = (marginTop)-15 + "px"; document.querySelector('.slide-content').querySelector('.swiper-button-next').style.top = (marginTop)-15 + "px"; document.querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGt)-15 + "px"; document.querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGt)-15 + "px"; document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-prev').style.top = (marginTopSp)-15 + "px"; document.querySelector('.slide-Specialized-content').querySelector('.swiper-button-next').style.top = (marginTopSp)-15 + "px"; positionGettingSectionSliderArrows(); } function positionGettingSectionSliderArrows() { document.querySelector('.getting-tab1')?.style.setProperty('display', 'block', 'important'); document.querySelector('.getting-tab2')?.style.setProperty('display', 'block', 'important'); var elementDeveloper = document.querySelector('.getting-tab1')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination'); var elementNonDeveloper = document.querySelector('.getting-tab2')?.querySelector('.slide-getting-content')?.querySelector('.swiper-pagination'); var rectGeetingTab2 = elementNonDeveloper?.offsetTop -(elementNonDeveloper?.scrollTop+elementNonDeveloper?.clientTop); var rectGeetingTab1 = elementDeveloper?.offsetTop -(elementDeveloper?.scrollTop+elementDeveloper?.clientTop); var marginTopGettingTab1 = rectGeetingTab1; var marginTopGettingTab2 = rectGeetingTab2; if(landingpageExist){ document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-15 + "px"; document.querySelector('.getting-tab1').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-15 + "px"; document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-prev').style.top = (marginTopGettingTab1)-5 + "px"; document.querySelector('.getting-tab2').querySelector('.slide-getting-content').querySelector('.swiper-button-next').style.top = (marginTopGettingTab1)-5 + "px"; document.querySelector('.getting-tab1').style.display = ''; document.querySelector('.getting-tab2').style.display = ''; } } function resizeSearchBoxMargin() { var elementLeft = document.querySelector('.welcome'); var elementResourceLeft = document.querySelector('.resources-text'); var elementTop = document.querySelector('.hub-whats-new-slider-content'); var elementSlideNav = document.querySelector('.first-slide'); var fullWidth = window.innerWidth; var marginWidth = fullWidth /8; var searchWidth = fullWidth -(marginWidth*2); var rectSlideNav = elementSlideNav?.getBoundingClientRect(); var rectResources = elementResourceLeft?.getBoundingClientRect(); var rectResourcesTop = elementResourceLeft?.offsetTop -(elementResourceLeft.scrollTop+elementResourceLeft.clientTop); var rectLeft = elementLeft?.getBoundingClientRect(); var rectTop = elementTop?.offsetTop -(elementTop.scrollTop+elementTop.clientTop); var marginLeft = rectLeft?.left; var welcomeWidth = elementLeft?.offsetWidth; var searchBoxWidth = document.querySelector(".SearchBert1u4IeBwd-ET6"); var calculatedLeftData; var calculatedTopData; if (window.innerWidth < 533) { calculatedLeftData = rectSlideNav?.left + "px"; calculatedTopData = rectTop-30 + "px"; welcomeWidth = elementSlideNav?.offsetWidth-10+'px'; document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left', calculatedLeftData, 'important'); //document.querySelector('.rm-Container>nav+div').style.setProperty('margin-right', calculatedLeftData, 'important'); document.querySelector('.rm-Container>nav+div')?.style.setProperty('top', calculatedTopData, 'important'); searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important'); searchBoxWidth?.style.setProperty('height', '56px', 'important'); } else if (window.innerWidth < 1025) { calculatedLeftData = marginWidth + "px"; calculatedTopData = rectResourcesTop+130 +"px"; welcomeWidth = searchWidth+'px'; document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-left', calculatedLeftData, 'important'); document.querySelector('.rm-Container>nav+div')?.style.setProperty('margin-right', calculatedLeftData, 'important'); document.querySelector('.rm-Container>nav+div')?.style.setProperty('top', calculatedTopData, 'important'); searchBoxWidth.style.setProperty('--Owlbot-width', welcomeWidth, 'important'); searchBoxWidth?.style.setProperty('height', '56px', 'important'); }else if (window.innerWidth < 1600) { let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft); calculatedLeftData = headerHeight + "px"; calculatedTopData = rectResourcesTop+100 +"px"; welcomeWidth = elementLeft.offsetWidth+'px'; document.querySelector('.rm-Container>nav+div')?.style.setProperty('left', calculatedLeftData, 'important'); document.querySelector('.rm-Container>nav+div')?.style.setProperty('top', calculatedTopData, 'important'); searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important'); searchBoxWidth?.style.setProperty('height', '56px', 'important'); }else if(window.innerWidth >= 1600){ let headerHeight = elementLeft?.offsetLeft -(elementLeft.scrollLeft+elementLeft.clientLeft); calculatedLeftData = headerHeight + "px"; calculatedTopData = rectResourcesTop+100 +"px"; welcomeWidth = elementLeft?.offsetWidth+'px'; document.querySelector('.rm-Container>nav+div')?.style.setProperty('left', calculatedLeftData, 'important'); document.querySelector('.rm-Container>nav+div')?.style.setProperty('top', calculatedTopData, 'important'); searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important'); searchBoxWidth?.style.setProperty('height', '56px', 'important'); }else{ calculatedLeftData = rectLeft?.left + "px"; calculatedTopData = rectTop+10 + "px"; welcomeWidth = elementLeft?.offsetWidth+'px'; document.querySelector('.rm-Container>nav+div')?.style.setProperty('left', calculatedLeftData, 'important'); document.querySelector('.rm-Container>nav+div')?.style.setProperty('top', calculatedTopData, 'important'); searchBoxWidth?.style.setProperty('--Owlbot-width', welcomeWidth, 'important'); searchBoxWidth?.style.setProperty('height', '56px', 'important'); } } function postionLandingPageElement(){ if (window.innerWidth < 533) { document.querySelector('.pro-img-desktop')?.style.setProperty('display','none'); document.querySelector('.pro-img-ipad')?.style.setProperty('display','none'); document.querySelector('.pro-img-mobile')?.style.setProperty('display','block'); document.querySelector('.ready-img-desktop')?.style.setProperty('display','none'); document.querySelector('.ready-img-ipad')?.style.setProperty('display','none'); document.querySelector('.ready-img-mobile')?.style.setProperty('display','block'); document.querySelector('.desktop-header').innerHTML = ` <span class="welcome">Welcome to<span class="break-line">the Developer</span><span class="break-line"> Hub</span></span> <span class="resources-text">Explore documentation, code <span class="break-line">samples, tutorials and best </span><span class="break-line">practices for building solutions on</span> UKG’s Flex platform</span>`; }else if(window.innerWidth < 1025) { document.querySelector('.pro-img-desktop')?.style.setProperty('display','none'); document.querySelector('.pro-img-mobile')?.style.setProperty('display','none'); document.querySelector('.pro-img-ipad')?.style.setProperty('display','block'); document.querySelector('.ready-img-desktop')?.style.setProperty('display','none'); document.querySelector('.ready-img-mobile')?.style.setProperty('display','none'); document.querySelector('.ready-img-ipad')?.style.setProperty('display','block'); document.querySelector('.desktop-header').innerHTML = `<span class="welcome">Welcome to the<span class="break-ipad-line"> Developer Hub</span></span> <span class="resources-text">Explore documentation, code samples, tutorials and best<span class="break-ipad-line"> practices for building solutions on UKG’s Flex platform</span></span> `; }else{ document.querySelector('.pro-img-desktop')?.style.setProperty('display','block'); document.querySelector('.pro-img-ipad')?.style.setProperty('display','none'); document.querySelector('.pro-img-mobile')?.style.setProperty('display','none'); document.querySelector('.ready-img-desktop')?.style.setProperty('display','block'); document.querySelector('.ready-img-ipad')?.style.setProperty('display','none'); document.querySelector('.ready-img-mobile')?.style.setProperty('display','none'); document.querySelector('.desktop-header').innerHTML=`<span class="welcome">Welcome to the Developer Hub</span> <span class="resources-text">Explore documentation, code samples, tutorials and best practices for building solutions on UKG’s Flex platform</span> `; } } function putDynamicElementOnProtraitChange() { const element = document.querySelector('.dynamic-sub-header-element'); element.innerHTML = ` <div class="hub-left mobile-header"> <span class="welcome">Welcome to<span class="break-line">the Developer</span><span class="break-line"> Hub</span></span> <span class="resources-text">Explore documentation, code <span class="break-line">samples, tutorials and best </span><span class="break-line">practices for building solutions on</span> UKG’s Flex platform</span> </div> <div class="hub-left ipad-header"> <span class="welcome">Welcome to the<span class="break-ipad-line"> Developer Hub</span></span> <span class="resources-text">Explore documentation, code samples, tutorials and best<span class="break-ipad-line"> practices for building solutions on UKG’s Flex platform</span></span> </div> <div class="hub-left desktop-header"> <span class="welcome">Welcome to the Developer Hub</span> <span class="resources-text">Explore documentation, code samples, tutorials and best practices for building solutions on UKG’s Flex platform</span> </div>`; } function executeLandingPageMethod(){ postionLandingPageElement(); setTimeout(function() { const intervalSearch = setInterval(function(){ const searchBoxWidth = document.querySelector(".SearchBert1u4IeBwd-ET6")?.length; const searchEle = document.querySelectorAll(".SearchBert1u4IeBwd-ET6"); if(searchEle.length){ const searchBoxWidth = document.querySelector(".SearchBert1u4IeBwd-ET6"); searchBoxWidth?.classList.add("landing-searchbox"); searchBoxWidth?.parentNode.parentNode.classList.add("landing-sub-parent-searchbox"); searchBoxWidth?.parentNode.parentNode.parentNode.classList.add("landing-parent-searchbox"); if( document.querySelector('.hub-slider-content')?.length){ setTimeout(function() { if (window.innerWidth >= 1024){ document.querySelector('.hub-slider-content').style.marginTop = "20px"; }else{ document.querySelector('.hub-slider-content').style.marginTop = "50px"; } }, 200); clearInterval(intervalSearch); } } },100); setTimeout(function() { setTimeout(positionSliderArrows, 200); var welcomeContent = document.querySelector('.welcome'); var headerHeight = welcomeContent?.offsetTop -(welcomeContent?.scrollTop+welcomeContent?.clientTop); var rectHeaderTop; if (window.innerWidth >= 290 && window.innerWidth < 334) { rectHeaderTop = 180+'px'; document.querySelector('.resources-text')?.style.setProperty('margin-top', rectHeaderTop, 'important'); }else if (window.innerWidth >= 334 && window.innerWidth < 533) { rectHeaderTop = 120+'px'; document.querySelector('.resources-text')?.style.setProperty('margin-top', rectHeaderTop, 'important'); } else if (window.innerWidth <= 767 && window.innerWidth >= 533) { rectHeaderTop = 67+'px'; document.querySelector('.resources-text')?.style.setProperty('margin-top', rectHeaderTop, 'important'); } else if (window.innerWidth <= 1024 && window.innerWidth > 767) { rectHeaderTop = headerHeight-headerHeight+10+'px'; document.querySelector('.resources-text')?.style.setProperty('margin-top', rectHeaderTop, 'important'); } else if (window.innerWidth > 1024) { rectHeaderTop = 0; document.querySelector('.resources-text')?.style.setProperty('margin-top', rectHeaderTop, 'important'); } else{ rectHeaderTop = '20px'; document.querySelector('.resources-text')?.style.setProperty('margin-top', rectHeaderTop, 'important'); } resizeSearchBoxMargin(); document.querySelector(".loading")?.style.setProperty('display', 'none'); document.querySelector('.hub-whats-new-slider-content')?.parentElement.style.setProperty('margin-top', '20px', 'important'); },1000); },1000); } function checkAllBannersVisibility() { var banners = document.querySelectorAll('.banner'); banners.forEach(function (banner) { var bannerId = banner.id; var startDateAttribute = document.getElementById(bannerId).getAttribute("startDate"); var startDate = new Date(startDateAttribute); var endDateAttribute = document.getElementById(bannerId).getAttribute("endDate"); if (endDateAttribute == null) { var endDate = new Date(startDate); endDate.setDate(startDate.getDate() + 30); } else { var endDate = new Date(endDateAttribute); } var userOffset = new Date().getTimezoneOffset() * 60000; var startTimeAdjusted = startDate.getTime() - userOffset; var endTimeAdjusted = endDate.getTime() - userOffset; var currentTime = new Date().getTime() - userOffset; var localStorageKey = bannerId + "Closed"; var bannerClosed = localStorage.getItem(localStorageKey); if (currentTime >= startTimeAdjusted && currentTime <= endTimeAdjusted && bannerClosed !== "true") { banner.style.display = 'flex'; } else { banner.style.display = 'none'; } }); } function createNotificationPopup() { const notificationPopup = document.createElement('div'); notificationPopup.innerHTML = ` <div class="notification"> <div class="bannerbox"> <div class="navheader"> <div class="navigation"> <div class="headercontent"> <span class="closenotification"></span> <div class="header-layout"> <div class="whats-new"><span>What's new</span></div> <div class="clearall"><span>Clear all</span></div> </div> </div> <div class="divider"></div> <div class="banner" id="banner1" startDate="2025-02-11" endDate="2025-04-11"> <div class="textDiv"> <a href="https://developer.ukg.com/" target="_self">New Developer Hub landing page now available</a> </div> <div class="closeDiv"> <span class="closebtn"></span> </div> </div> <div class="banner" id="banner2" startDate="2024-04-19" endDate="2024-06-14"> <div class="textDiv"> <a href="/general/changelog/pro-2024r1-apis-are-now-available" target="_self">Pro 2024.R1 APIs are now available</a> </div> <div class="closeDiv"> <span class="closebtn"></span> </div> </div> <div class="banner" id="banner3" startDate="2024-04-19"> <div class="textDiv"> <a href="/general/changelog/introducing-ukg-webhooks" target="_self">Introducing UKG Webhooks</a> </div> <div class="closeDiv"> <span class="closebtn"></span> </div> </div> <div class="hidenotification" style="display:none"> <div class="text-defaultnotification"> <div>You don't have any notifications right now.</div> </div> </div> <div class="divider"> </div> <a class="viewall-box" href="/general/changelog" target="_self"> <span class="viewall">View all</span></a> </div> </div> </div>`; document.body.appendChild(notificationPopup); } /*Swiper js for slider in landing page*/ var swiper = new Swiper(".slide-banner-content", { slidesPerView: 3, freeMode: true, spaceBetween: 32, centerSlide: 'true', fade: 'true', grabCursor: 'true', pagination: { el: ".swiper-pagination", clickable: true, dynamicBullets: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, breakpoints:{ 0: { slidesPerView: 1, }, 768: { slidesPerView: 2, }, 1025: { slidesPerView: 3, }, }, }); var slider1 = new Swiper ('.slide-getting-tab1-content', { slidesPerView: 3, freeMode: true, spaceBetween: 32, centerSlide: 'true', fade: 'true', grabCursor: 'true', pagination: { el: ".swiper-pagination", clickable: true, dynamicBullets: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, breakpoints:{ 0: { slidesPerView: 1, }, 768: { slidesPerView: 2, }, 1025: { slidesPerView: 3, }, }, }); var slider2 = new Swiper ('.slide-getting-tab2-content', { slidesPerView: 3, freeMode: true, spaceBetween: 32, centerSlide: 'true', fade: 'true', grabCursor: 'true', pagination: { el: ".swiper-pagination", clickable: true, dynamicBullets: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, breakpoints:{ 0: { slidesPerView: 1, }, 768: { slidesPerView: 2, }, 1025: { slidesPerView: 3, }, }, }); var slider3 = new Swiper ('.slide-Specialized-content', { slidesPerView: 3, freeMode: true, spaceBetween: 32, centerSlide: 'true', fade: 'true', grabCursor: 'true', pagination: { el: ".swiper-pagination", clickable: true, dynamicBullets: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, breakpoints:{ 0: { slidesPerView: 1, }, 768: { slidesPerView: 2, }, 1025: { slidesPerView: 2, }, }, }); /*Swiper js for slider in landing page*/ }); </script><footer class="landing-footer"> <div class="landing-footer-parent"> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5J83L3CC" height="0" width="0" style="display:none;visibility:hidden"></iframe> <div class="landing-container landing-page-main footer-content-flex"> <div class="project-subfooter"> <div> <div class="footer-container default-container"> <div class="footer-logo-container"> <img src="//files.readme.io/913873d6efb338613da9b623ccdb9dc73789ebc66bc8aa85ddeef6ac589efdfc-logo-white-tagline.png" alt="UKG logo" width="140" height="61" class="logo--white" loading="eager"> </div> <div class="footer-menu-container"> <div class="region region-footer"> <nav role="navigation" aria-labelledby="block-ukg-footer-menu" id="block-ukg-footer"> <ul> <li class="menu-level--0"> <a href="https://www.ukg.com/human-capital-management" >Human Capital Management</a> <ul> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/human-resource-management" >Human Resources</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/payroll-software" >Payroll</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/talent-management-software" >Talent</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/people-analytics" >Reporting and Analytics</a> </li> </ul> </li> <li class="menu-level--0"> <a href="https://www.ukg.com/workforce-management" >Workforce Management</a> <ul> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/time-and-attendance-software" >Time & Attendance</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/employee-scheduling-software" >Scheduling</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/hr-compliance" >Compliance</a> </li> </ul> </li> <li class="menu-level--0"> <a href="https://www.ukg.com/solutions" >Product Suites</a> <ul> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/human-capital-management" >UKG Pro</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/solutions/hr-software" >UKG Ready</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/industry-solutions" >Industry Solutions</a> </li> </ul> </li> <li class="menu-level--0"> <a href="https://www.ukg.com/customer-experience/we-partner-for-life" title="Description of stadoka." >Customer Experience </a> <ul> <li class="menu-level--1"> <a href="https://www.ukg.com/customer-experience/implementation" >Implementation </a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/customer-experience/customer-support" >Support Experience </a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/customer-experience/ukg-community" >UKG Community </a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/customer-stories" >Customer Stories</a> </li> </ul> </li> <li class="menu-level--0"> <span>Developer Experience</span> <ul> <li class="menu-level--1"> <a href="https://developer.ukg.com/general/changelog" target="_self">What's New</a> </li> <li class="menu-level--1"> <a href="https://community.ukg.com/s/groups/0F98Y0000000YuwSAE/ukg-pro-suite-int-api-dev" target="_blank">Developer Collaboration</a> </li> <li class="menu-level--1"> <a href="https://extensibilityideasportal.ideas.aha.io/?category=7149176939316709665" target="_blank">Submit an API related request</a> </li> <li class="menu-level--1"> <a href="https://extensibilityideasportal.ideas.aha.io/?category=7149176899521632869" target="_blank">Submit a Developer Hub request</a> </li> <li class="menu-level--1" style="display:none;"> <a href="https://developer.ukg.com/wfm/docs/release-notes-doc" target="_self" >Release Notes</a> </li> <li class="menu-level--1"> <a href="https://www.ukg.com/" target="_blank" >UKG.com</a> </li> <li class="menu-level--1"> <a href="https://marketplace.ukg.com/en-US/home" target="_blank">UKG Marketplace</a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </div> <div class="copyright_text"> <p class="copyright"> ©2025 UKG Inc. All rights reserved. For a full list of UKG trademarks, please visit ukg.com/trademarks. All other trademarks, if any, are property of their respective owners.<br /> All specifications are subject to change. </p> </div> </div> </div> </div> </footer><script id="hub-me" type="application/json" data-json="{"loggedIn":false,"search":{"app":"52CQU0Z4X8","token":"MjViMmU3ZjI2ZmUyY2E4ZGQ5Y2NjYjI3N2FlZjhlMzllZjhmOWM0ZWFhOWQ2OTcxMTIwYmMzMmU0ODAxYzE0ZHRhZ0ZpbHRlcnM9KHByb2plY3Q6NjQxZGMxODJjNTNjOTcwMDBhYWQ4YTc1LHByb2plY3Q6NjQxZGMxMjA0ODQwNDgwZDNmZTU5MTNiLHByb2plY3Q6NjQxZGJiMmI1YjhkN2EwMDRjMjEzZTNiKSwodmVyc2lvbjpub25lLHZlcnNpb246NjQxZGMyODI0ODQwNDgwZDNmZTViMDhmLHZlcnNpb246NjZkZjI2YzhhNjM3ODgwMDYxMDk1ZWI2LHZlcnNpb246NjQzMDNkNjBiYTMyNWEwMDNjNjk3YjBiLHZlcnNpb246NjQzNDYxYmNjN2ZlOWMwZGVhYWI3NjFjKSwoaGlkZGVuOm5vbmUsaGlkZGVuOmZhbHNlKSwoaW5kZXg6Q3VzdG9tUGFnZSxpbmRleDpQYWdlLGluZGV4OkJsb2cp","filters":"tagFilters=(project:641dc182c53c97000aad8a75,project:641dc1204840480d3fe5913b,project:641dbb2b5b8d7a004c213e3b),(version:none,version:641dc2824840480d3fe5b08f,version:66df26c8a637880061095eb6,version:64303d60ba325a003c697b0b,version:643461bcc7fe9c0deaab761c),(hidden:none,hidden:false),(index:CustomPage,index:Page,index:Blog)","metaData":[{"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"id":"641dc182c53c97000aad8a75","name":"UKG Pro Workforce Management","subdomain":"developer-wfm","subpath":"wfm","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""}},{"modules":{"landing":false,"docs":true,"examples":true,"reference":false,"graphql":false,"changelog":true,"discuss":false,"suggested_edits":false,"logs":false,"custompages":true,"tutorials":false},"id":"641dc1204840480d3fe5913b","name":"Developer Hub Topics","subdomain":"developer-general","subpath":"general","nav_names":{"docs":"Documentation","reference":"","changelog":"What's New","discuss":"","tutorials":"","recipes":""}},{"modules":{"landing":false,"docs":true,"examples":true,"reference":true,"graphql":false,"changelog":false,"discuss":false,"suggested_edits":false,"logs":false,"custompages":false,"tutorials":false},"id":"641dbb2b5b8d7a004c213e3b","name":"UKG Pro","subdomain":"developer-hcm","subpath":"hcm","nav_names":{"docs":"Documentation","reference":"API Specifications","changelog":"","discuss":"","tutorials":"","recipes":""}}]}}"></script></body></html>

CINXE.COM

UKG Developer Hub