.root-container{display:flex;flex-direction:column;height:100vh}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:15px;padding:15px;align-items:center;max-width:100vw;box-sizing:border-box;background-color:var(--grey-100)}.main-header{position:sticky;height:70px;width:100%;background:linear-gradient(90deg,#1f3569,#0653a0 90%);color:#fff;padding-inline:10px;display:flex;justify-content:space-between;align-items:center}.header-active{background-color:#00000080}.header-nav-item{color:#fff;text-decoration:none;padding:1px 10px;border-radius:20px;margin:0 1px}.header-nav-item:hover{background-color:#0006}.dynamic-form{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.dynamic-form>fieldset{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;border-radius:10px;border:none}.dynamic-form>footer{display:flex;width:100%;justify-content:center}.tooltip-wrapper{position:relative;display:inline-block;cursor:help;text-decoration:underline dotted}.tooltip-wrapper:hover .tooltip-box{opacity:1;transform:translate(0);pointer-events:auto}.tooltip-box{position:absolute;padding:6px 10px;background:#00000080;color:#fff;font-size:.8rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:50}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%,-6px)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%,6px)}.tooltip-left{right:100%;top:50%;transform:translate(-6px,-50%)}.tooltip-right{left:100%;top:50%;transform:translate(6px,-50%)}.button-container{overflow:visible}.button{padding:10px 15px;width:min-content;min-width:70px;border:0px;border-radius:6px;font-size:15px;margin:2px;cursor:pointer;text-wrap:nowrap;display:flex;justify-content:center;align-items:center;gap:5px;height:38px;transition:background-color .1s ease,box-shadow .1s ease,transform .1s ease}.button:disabled{background-color:var(--grey-200)!important;color:var(--grey-300)!important}.button:disabled:hover{color:var(--grey-400)!important}.button:not(:disabled):hover{background-color:var(--color-secondary);box-shadow:4px 2px 4px #464646;transform:translateY(-2px)}.button:not(:disabled):active{transform:translateY(0);box-shadow:4px 4px 4px #0003 inset;background-color:#fff!important;color:var(--color-primary)}.primary{background:var(--color-primary);color:#fff}.primary:hover{background-color:var(--color-highlight)}.secondary{background-color:#fff;padding:9px 14px;color:var(--color-highlight);border:1px solid var(--color-highlight)}.secondary:hover{border:none;color:#fff;background-color:var(--color-primary)!important}.highlight{background-color:#cd6f22;color:#fff}.highlight:hover{background-color:var(--color-secondary)!important;color:#fff}.error{background-color:#d03415;color:#fff}.error:hover{background-color:var(--color-error)!important;color:#fff}.warning{background-color:#cab301;color:#fff}.warning:hover{background-color:var(--color-warning)!important;color:var(--text-primary)}.info{background-color:#55afe2;color:#fff}.info:hover{background-color:var(--color-info)!important;color:#fff}.success{background-color:green;color:#fff}.success:hover{background-color:var(--color-success)!important;color:#fff}.field-wrapper{display:flex;flex-direction:column;gap:0px;justify-content:end;align-items:center;width:max-content}.field-wrapper>label{width:100%;font-size:small;text-wrap:nowrap;text-overflow:ellipsis;color:#000;padding-left:5px}.field-wrapper>span{width:100%;font-size:small;color:#585858;padding-inline:7px;padding-top:5px}.disabled{opacity:50%}.input-text{border:1px solid var(--grey-300);border-radius:7px;height:35px;min-width:170px;max-width:250px;width:100%;font-size:16px!important;padding-inline:7px}.input-text::placeholder{font-size:small}.smart-select{border:1px solid var(--grey-300);border-radius:7px;height:35px;min-width:170px;max-width:250px;width:100%;font-size:16px;padding-inline:7px}.smart-select__menu{background-color:#fff;margin-top:5px;padding:2px;border-radius:5px;width:100%;box-shadow:4px 4px 10px #0000004d}.smart-select__option{border-radius:5px;padding:5px 10px;font-size:small!important}.smart-select__option--is-focused{color:#fff;background-color:var(--color-primary);cursor:pointer!important}.smart-select__option--is-disabled{color:var(--grey-400);background-color:var(--grey-200);cursor:not-allowed!important}.smart-option--is-disabled{color:gray;background-color:var(--grey-300)}.input-number{border:1px solid var(--grey-300);border-radius:7px;height:35px;min-width:170px;max-width:250px;width:100%;font-size:16px!important;padding-inline:7px}.input-number::placeholder{font-size:small}.toggle-switch-container{display:flex;justify-content:center;align-items:center;width:100%;height:35px;border:1px solid var(--grey-300);border-radius:7px}.switch{position:relative;display:inline-block;width:30px;height:17px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-primary);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:disabled+.slider{background-color:var(--grey-200);cursor:not-allowed}input:checked+.slider{background-color:var(--color-secondary)}input:focus+.slider{box-shadow:0 0 1px var(--color-highlight)}input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translate(13px)}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}.article{min-width:300px;max-width:100%;box-sizing:border-box;background-color:var(--bg-paper);box-shadow:0 4px 10px #00000040;border-radius:10px;padding:15px;display:flex;flex-direction:column}.article.loading{padding:0}.article header{width:100%;padding-left:10px;display:flex;flex-wrap:nowrap;align-items:first baseline;gap:5px}.article header h1{font-weight:lighter;margin:0;color:var(--color-primary)}.article main{width:100%;height:100%;min-width:200px;overflow-x:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}@keyframes pulse{0%,to{opacity:1;color:var(--grey-400)}50%{opacity:.15;color:#000}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading{background:inherit;border-radius:5px;display:flex;justify-content:center;align-items:center;min-width:430px;min-height:38px}.section{width:100%;max-width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;align-items:stretch;justify-content:center;box-sizing:border-box;overflow-x:none}.login-page{background:var(--color-primary);background:linear-gradient(90deg,var(--color-primary) 70%,var(--color-highlight) 100%);color:#fff;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-page img{position:absolute;top:20%}.login-page main{background-color:#fff;color:var(--color-primary);border-radius:7px;width:315px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px}.login-page main h3{font-weight:lighter}.login-page main h2{font-weight:400}.login-page main h2 span{font-weight:lighter}.login-page main .prelogin-form{width:100%;height:30%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:5px}.login-page main .prelogin-form input{width:250px}.login-page main .prelogin-form button{width:250px!important}.login-page footer{position:absolute;bottom:15px}.access-denied-page main{height:auto;padding:20px 25px;gap:15px}.access-denied-page main p{text-align:center;font-size:14px;margin:0}.nav-menu{display:flex;flex-direction:row;background:#0000001a;border-radius:20px;padding:5px;gap:5px;overflow-x:auto;max-width:max-content;width:100%}.active{background-color:#1f3569;color:#fff!important}.nav-item{color:#000;text-decoration:none;font-size:medium;padding:1px 10px;border-radius:15px;text-wrap:nowrap}.nav-item:hover{background-color:#0000001a;color:#000}html,body{height:100%;margin:0}:root{--color-primary: #1F3569;--color-secondary: #EF872F;--color-highlight: #0653A0;--color-error: #FA421B;--color-warning: #E9D502;--color-info: #8FC7E7;--color-success: #3e9837;--grey-100: #f5f6f6;--grey-200: #e6e7e8;--grey-300: #bcbec0;--grey-400: #A7A9AC;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #bdbdbd;--bg-default: #e3f1f8ff;--bg-paper: #ffffff;--contrast-threshold: 3;--bp-xs: 0px;--bp-sm: 600px;--bp-md: 900px;--bp-lg: 1200px;--bp-xl: 1536px}.full-width-col{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;overflow:hidden}.full-width-row{width:100%;display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap}.full-height{height:100%}