body{background-color:#f2f2f2;cursor:default;font-family:Rubik,sans-serif;font-size:12px;margin:0;overflow-y:hidden}.users-page{background-color:#fff;box-sizing:border-box;overflow:auto;padding:15px}.users-page,.users-wrapper{height:100%;width:100%}.users-list{border:1px solid #d8d8d8;border-radius:10px;min-width:500px}.users-list .header{border-bottom:1px solid #d8d8d8;font-weight:700;padding:12px 15px}.user,.users-list .header{display:grid;grid-template-columns:repeat(4,1fr)}.user{align-items:center;padding:8px 10px}.user:nth-child(2n){background-color:#f2f2f2}.user:last-child{border-bottom:1px solid #ededed}.user .info{align-items:center;display:flex;gap:15px}.user .info .avatar{height:30px;width:30px}.user .actions{display:flex;gap:10px}.user .action{background:none;border:none;cursor:pointer;margin-left:-5px;padding:0!important}.user .action svg{color:#8d8d8d;height:20px;width:20px}.avatar{align-items:center;background-color:#cbcbcb;border-radius:50%;display:flex;font-size:15px;height:35px;justify-content:center;width:35px}.avatar img{border-radius:50%;height:100%;width:100%}.button{border:none;border-radius:5px;cursor:pointer;font-size:12px;padding:5px 25px}.primary{background-color:#192e7b;color:#fff}.secondary{background-color:#cbcbcb;color:#000}.page{flex-direction:column;height:100%}.page,.topbar{display:flex;width:100%}.topbar{align-items:center;border-bottom:1px solid #cdcccc;box-sizing:border-box;flex-shrink:0;height:40px;justify-content:space-between;padding:0 15px}.topbar .info{align-items:center;color:#4a4a4a;display:flex;gap:10px;height:100%}.topbar .info svg{height:18px;width:18px}.topbar .subtitle{font-weight:700}.topbar .topbar-actions{display:flex;gap:10px;height:60%}.topbar .topbar-actions .button{align-items:center;display:flex;font-size:10px;font-weight:600;gap:3px;justify-content:center;padding:0 12px}.topbar .topbar-actions .button .plus{font-size:14px}.topbar .topbar-actions .form-button{padding:0 20px}.delete-header{gap:10px!important}.delete-header svg{width:20px!important}.delete-body{padding:30px 0}.modal{display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal .backdrop{background-color:#0009;height:100%;position:absolute;width:100%;z-index:0}.modal .content{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:200px;margin-top:150px;width:600px;z-index:1}.modal .content .header{align-items:center;box-sizing:border-box;color:#656565;display:flex;gap:15px;height:40px;padding-left:15px}.modal .content .header svg{height:30px;width:30px}.modal .content .body{align-items:center;border-bottom:1px solid #cbcbcb;border-top:1px solid #cbcbcb;box-sizing:border-box;display:flex;flex:1 1;padding-left:40px}.modal .content .footer{box-sizing:border-box;display:flex;gap:10px;height:40px;justify-content:end;padding:8px}.app-template{box-sizing:border-box;display:flex;height:100vh;min-height:300px;width:100vw}.content{min-width:300px;width:100%}.navbar{align-items:center;background-color:#fff;border-right:1px solid #d8d8d8;display:flex;flex-direction:column;min-width:75px;width:75px}.navbar .logo{width:100%}.navbar .link{align-items:center;background-color:#192e7b;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:10px;gap:5px;height:75px;justify-content:center;margin-top:10px;text-decoration:none;width:100%}.navbar .link svg{height:22px;width:22px}.navbar .avatar{margin-bottom:10px;margin-top:auto;min-height:35px;min-width:35px}.navbar .navbar-button{align-items:center;background:none;display:flex;font-size:10px;gap:5px;height:30px;justify-content:center;margin-bottom:10px}.navbar .navbar-button svg{width:15px}.user-page{background-color:#fff;padding:15px}.form,.user-page{box-sizing:border-box;height:100%;width:100%}.form{border:1px solid #d8d8d8;border-radius:10px;display:flex;flex-direction:column;gap:25px;overflow:auto;padding:75px 0}.form .reorder{order:5}.form-field{display:flex;gap:30px;width:100%}.form-field .label{font-size:12px;min-width:70px;padding-top:5px;text-align:right;width:200px}.form-field .label .required{color:red;margin-right:5px}.form-field:last-child{order:10}.form-field .children{min-width:650px;position:relative;width:60%}@media(max-width:1000px){.form-field .children{min-width:0;min-width:auto;padding-right:20px;width:90%}}.input{border:1px solid #d8d8d8;border-radius:5px;box-sizing:border-box;height:42px;padding-left:15px;width:100%}.error{color:#d00e0e;margin-top:5px;position:absolute}.file-input{align-items:center;border:1px dashed #d8d8d8;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:fit-content;justify-content:center;padding:20px 0;position:relative;width:100%}.file-input .input{display:none}.file-input .avatar-preview{height:100px;width:100px}.file-input .avatar-preview img{height:100%;width:100%}.file-input .avatar-delete{align-items:center;background:none;color:#ccc;display:flex;height:25px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;width:25px}.file-input .avatar-delete svg{height:20px;width:20px}.file-input .icon{align-items:center;background-color:#d6d6d6;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.file-input .icon svg{color:#656565;height:30px;margin-left:2px;width:30px}.file-input .label{color:#656565;font-size:14px;text-align:center;width:100%}.checkbox{display:inline-block}.checkbox .input{display:none;width:25px}.checkbox .input:checked+.box{background-color:#192e7b;border-color:#192e7b}.checkbox .box{border:1px solid #d8d8d8;border-radius:7px;cursor:pointer;height:20px;position:relative;width:20px}.checkbox .box:after{content:"";position:absolute}.login-page{display:flex;height:100vh;width:100vw}.login-page .image{height:100%;min-width:500px;width:auto}.login-page .content{background-color:#fff;flex:1 1;flex-direction:column}.login-page .content,.login-page .content .form{align-items:center;display:flex;justify-content:center}.login-page .content .form{border:none;flex-direction:column;gap:20px;width:400px}.login-page .content .form .title{color:#192e7b;font-size:32px;font-weight:700}.login-page .content .form .field{width:90%}.login-page .content .form .field .input-wrapper{margin:10px 0;position:relative}.login-page .content .form .field .custom-placeholder{display:flex;gap:5px;inset:0;padding-left:15px;padding-top:18px;pointer-events:none;position:absolute}.login-page .content .form .field .custom-placeholder .box{background-color:#cacaca;height:8px;width:8px}.login-page .content .form .login-error{color:#d00e0e;margin-top:10px}.login-page .content .form .label{color:#192e7b;font-weight:700}.login-page .content .form .input::placeholder{color:#cacaca}.login-page .content .form .button{box-sizing:border-box;font-size:16px;padding:10px;width:90%}
/*# sourceMappingURL=main.61fffb5d.css.map*/