:root{--primary:#2193d1;--n700:#6e7075;--n400:#dcdfe6;--n250:#eaecef;--n200:#f0f3f7;--n000:#fff;--b600:#1474a8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#022133;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div[class^=ckbx] input[type=checkbox]{opacity:0;position:absolute}.ckbx{margin-right:100px;padding-left:26px}.ckbx label{cursor:pointer;display:inline-block;position:relative}.ckbx label:before{content:"";background:#fff;border:1px solid rgba(0,0,0,.4);border-radius:2px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;left:-26px;box-shadow:inset 0 0 1px 1px #cecccc}.ckbx input[type=checkbox]:checked+label:before{background:var(--primary);content:"";color:#fff;border:1px solid var(--primary);box-shadow:none}.ckbx input[type=checkbox]:disabled+label{opacity:.5}.ckbx input[type=checkbox]:disabled+label:before{background:var(--n700);border-color:var(--n700)}.ckbx input[type=checkbox]:checked+label:after{content:"L";color:#fff;z-index:22;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;line-height:1;display:flex;position:absolute;top:0;left:-25px;transform:scaleX(-1)rotate(-41deg)}body{background:#f0f3f7;margin-left:48px;font-size:14px;line-height:1.4}body.users-container{display:block}p{color:#6e7075;margin-top:0;margin-bottom:6px}p.dark{color:#022133}.button-icon{height:17px}h3{font-size:22px;font-weight:500}h4{margin-top:0;margin-bottom:8px;font-size:18px;font-weight:500}.frida-input{border:none;margin:5px 5px 36px;padding:0;font-size:14px;position:relative;overflow:visible}.frida-input.select{margin-bottom:32px}.frida-input select{color:#555;background-color:#e5e8ee;background-image:none;border:none;border-radius:3px;width:100%;height:40px;display:block}.frida-input.password{margin-bottom:68px}.frida-input input{box-sizing:border-box;width:100%;box-shadow:none;cursor:text;border:none;border-bottom:1px solid #ddd;border-radius:0;outline:none;padding:12px 10px 8px 0;font-size:100%}.frida-checkbox{border:none;margin:5px 5px 36px;padding:0;font-size:14px;position:relative;overflow:visible}.frida-input>input:-webkit-autofill~label{font-size:130%;transform:scale(.6)}.frida-input input::-webkit-input-placeholder{transition:color .3s}.frida-input input:not(:focus)::-webkit-input-placeholder{color:transparent}.frida-input hr{content:"";will-change:transform,visibility;visibility:hidden;z-index:10;background:#2193d1;border:none;width:100%;height:2px;margin:0;padding:0;font-size:1px;transition:all .2s ease-out;display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}.frida-input input:focus~hr{visibility:visible;transform:scaleX(1)}.frida-input label{color:#6e7075;transform-origin:0 -150%;pointer-events:none;font-size:100%;transition:transform .3s;position:absolute;top:10px;left:0}.frida-input input:focus~label,.frida-input input:valid~label{font-size:120%;transform:scale(.6)}.frida-logo{height:94px;margin:0 auto 48px;display:block}button,.button{color:#fff;cursor:pointer;text-transform:uppercase;background:#2193d1;border:0;border-radius:3px;min-width:80px;padding:10px 5px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.userList .col.col-lg{flex:2}.col-buttons{text-align:center;justify-content:flex-end;display:flex}.col-buttons button,.col-buttons .button{letter-spacing:1px;margin-right:5px;font-size:12px;font-weight:400}button:disabled,.button:disabled{color:#a1a8b3;background:#dcdfe6}.button{box-sizing:border-box;text-decoration:none}.button.lg{padding:10px 20px}.button.full{width:100%}.delete{background:#e80000}.button.edit{background:#f99613}.button.deactivate{color:#a2a2a2;background:#e8e8e8}.alert,.success{background:#faeceb;border-radius:3px;max-width:50%;margin:20px 0;padding:6px 8px}.success{background:#ebf5eb;justify-content:space-between;align-items:center;display:flex}.success svg{fill:#239b36}.login .alert{color:#c22a1e;align-items:center;max-width:100%;font-weight:500;display:flex}.login .alert .alert__icon{width:16px;height:16px;margin-right:18px}.login .alert .alert__icon svg{fill:#c22a1e}.alert__heading{color:#c22a1e;align-items:center;font-weight:500;display:flex}.alert__heading .alert__icon{width:16px;height:16px;margin-right:18px}.alert__heading .alert__icon svg{fill:#c22a1e}.success.alert .alert__heading{color:#12651f}.success.alert .alert__heading .alert__icon{width:20px;height:20px;margin-right:18px}.success.alert .alert__heading .alert__icon svg{fill:#239b36}.alert__content{margin-left:32px}header{color:rgba(0,0,0,.87);background:#dcdfe6;align-items:center;padding:0 32px;display:flex}.logo-icon{width:48px;margin-bottom:12px}.title{padding-left:48px;font-size:20px;font-weight:500;line-height:32px}.sidebar{text-align:center}main{grid-column-gap:16px;grid-template-columns:1fr 4fr;height:auto;margin-top:2rem;padding:0 32px;display:grid}.icon{fill:#e1e4eb;width:250px;height:250px;margin:0 auto}.icon.icon-sm{width:64px;height:64px}.content__component{grid-template-columns:212px auto;display:grid}.userList,.addUserList{background:#fff;border-radius:3px;padding:24px;position:relative;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12)}.userList .row{border-bottom:1px solid #ddd;align-items:center;padding:5px;display:flex}.userList .userList__header{text-transform:capitalize;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px;font-weight:500;display:flex}.userList .userList__header .col{color:#929292;font-size:14px}.userList .col{flex:1;padding:10px 5px;font-size:14px}.userList .col:last-child{justify-content:flex-end;display:flex}.userControls{text-align:right;margin-bottom:20px}.userControls button{width:auto;min-width:200px}.addUserList{max-width:400px}nav{z-index:9;box-sizing:border-box;text-align:center;background:#022133;width:48px;padding:16px 0;transition:all .2s cubic-bezier(.7,0,.3,1) .3s;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}nav .navigation{box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}nav .navigation a{text-align:left;opacity:.6;white-space:nowrap;color:#fff;justify-content:center;align-items:center;padding:16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}nav .navigation a:last-child{border-top:1px solid rgba(255,255,255,.2);margin-top:20px}nav .navigation a:first-child{border-top:1px solid rgba(255,255,255,.2)}nav .navigation a span.label{margin-left:13px}nav .navigation a.active,nav .navigation a:hover{opacity:1;background:#03567f}nav .navigation .icon{fill:#fff;width:20px;height:20px}@keyframes hide{0%{height:auto}80%{height:0}to{height:0;display:none}}.loader,.loader:after{border-radius:50%;width:1em;height:1em}.loader{text-indent:-9999em;border-top:.7em solid rgba(0,0,0,.1);border-bottom:.7em solid rgba(0,0,0,.1);border-right:.7em solid rgba(0,0,0,.1);border-left:.7em solid var(--n700);font-size:7px;animation:1.1s linear infinite load8;position:relative;overflow:hidden;transform:translateZ(0)}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.content__component{grid-row-gap:32px;grid-template-rows:auto auto;grid-template-columns:auto}main{grid-template-columns:1fr}.sidebar{display:none}}header{grid-column-gap:16px;grid-template-columns:1fr 4fr;padding-top:8px;display:grid}header .header__navigation{display:flex}header a{margin-right:20px;text-decoration:none;position:relative}header a span{color:var(--n700);text-transform:uppercase;border-radius:4px 4px 0 0;justify-content:space-between;padding:14px 16px;font-size:12px;font-weight:500;display:flex;position:relative}header a:hover span{background:var(--n250)}header a.active:before,header a.active:after{content:"";background:var(--n200);z-index:1;width:10px;height:10px;position:absolute;bottom:0}header a.active:before{left:-10px}header a.active:after{right:-10px}header a.active span{background:var(--n200);color:var(--b600);font-weight:500}header a.active span:after,header a.active span:before{content:"";background:var(--n400);z-index:2;border-radius:6px;width:20px;height:20px;position:absolute;bottom:0}header a.active span:before{left:-20px}header a.active span:after{right:-20px}.Upload{background:#fff;border-radius:3px;max-width:972px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 1px 8px rgba(0,0,0,.12)}.Upload .button{color:#fff;text-transform:uppercase;background:#2193d1;border-radius:3px;align-items:center;margin-top:16px;padding:8px 16px;font-weight:500;display:inline-flex}.Upload .button svg{fill:#fff;height:17px;margin-right:5px}.Upload .button input{display:none}.Upload .button:disabled,.Upload .button.disabled{color:#a1a8b3;background:#dcdfe6}.Upload .button:disabled svg,.Upload .button.disabled svg{fill:#a1a8b3;height:17px;margin-right:5px}.file{margin:12px 0}.file .label{color:var(--n700);font-size:14px;font-weight:500}.file .close{opacity:.6;cursor:pointer;width:12px;height:12px;transition:opacity .2s;position:absolute;top:8px;right:8px}.file .close:hover{opacity:1}.file .close:before,.file .close:after{content:" ";background-color:var(--n700);width:2px;height:12px;position:absolute;left:5px}.file .close:before{transform:rotate(45deg)}.file .close:after{transform:rotate(-45deg)}.fileName{background:#f0f2f5;border-radius:3px;width:50%;margin-top:8px;padding:6px 8px;position:relative}pre{white-space:normal;background:var(--n700);color:#fff;border-radius:3px;padding:10px;position:relative}.lg{max-width:100%;padding:20px;font-size:120%}.show-example{color:var(--primary);cursor:pointer;font-weight:500}.login{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-form{color:#6e7075;box-sizing:border-box;background:#fff;border-radius:3px;width:452px;padding:48px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.Download{background:#fff;border-radius:3px;max-width:972px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 1px 8px rgba(0,0,0,.12)}.Download .button{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:3px;align-items:center;margin-top:16px;padding:8px 16px;font-weight:500;display:inline-flex}.Download .button svg{fill:#fff;height:17px;margin-right:5px}.Download .button input{display:none}.Download .button:disabled,.Download .button.disabled{color:#a1a8b3;background:#dcdfe6}.Download .button:disabled svg,.Download .button.disabled svg{fill:#a1a8b3;height:17px;margin-right:5px}.card-content{padding:24px 32px}.card-footer{background:#f0f2f5;justify-content:flex-end;align-items:center;min-height:84px;padding:0 32px;display:flex}.stepper .step{grid-column-gap:32px;grid-template-columns:24px auto;min-height:80px;margin-bottom:20px;display:grid;position:relative}.stepper .step:before{content:"";background:#dcdfe6;width:2px;position:absolute;top:32px;bottom:-11px;left:11px}.stepper .step:last-child:before{content:none}.stepper .step__label{background:var(--primary);color:#fff;border-radius:100%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.stepper .step__title{margin-bottom:6px;font-size:18px;font-weight:500;line-height:1}.stepper .step__component.checkboxes{flex-wrap:wrap;gap:16px;padding:36px 0;display:flex}.stepper .step__component.checkboxes>*{box-sizing:border-box;flex:0 0 30%}.stepper .step__component.dates{margin-top:12px}.stepper .step__component.dates .frida-input{margin-bottom:8px}.react-datepicker{border:none;font-family:inherit;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)}.react-datepicker-wrapper{margin-right:16px}.react-datepicker__navigation{min-width:auto}.react-datepicker__day{border:4px solid #fff;border-radius:100%}.react-datepicker__day:hover{border-color:#f0f0f0;border-radius:100%}.react-datepicker__header{background:#fff;border-color:#fff}.react-datepicker__header__dropdown--scroll{padding:5px}.react-datepicker__day-name{color:var(--n700);border:4px solid transparent;font-weight:500}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:var(--primary);border-color:#9ed2ec}.react-datepicker__triangle{display:none}.react-datepicker-popper[data-placement^=bottom]{margin-top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#fff;display:none}.react-datepicker_day--outside-month{opacity:.7}.react-datepicker__navigation--years-upcoming,.react-datepicker__navigation--years-previous{width:0!important;min-width:0!important}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{border:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{background:#fff;padding:5px 0}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background:var(--n250)}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:6px}