@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap";.form-field{position:relative;width:100%;display:flex;align-items:center;flex-wrap:wrap;min-height:40px;padding:10px 0}.form-field label{display:flex;align-items:center;justify-content:flex-end;text-align:right;padding-right:10px;flex:0 0 25%;max-width:25%;word-break:break-word;font-size:13px}.form-field .component{min-height:30px;flex:0 0 75%;max-width:85%;position:relative}.form-field .error-container{position:absolute;left:5px;bottom:-6px;width:75%;color:#c10000}.form-field .error-container .error{background-color:#fff;padding:0 5px;font-size:11px}.form-field .input{min-height:30px;height:100%;padding:5px 10px;font-size:14px;width:100%;border-radius:5px;border:1px solid #cfcfcf}.form-field .input:disabled{background-color:#cfcfcf;border:none}.form-field .input:focus{outline:none}.form-field.vertical label{flex:0 0 100%;max-width:100%;text-align:left;justify-content:flex-start;padding-left:5px}.form-field.vertical .component{flex:0 0 100%;max-width:100%}.button{padding:5px 10px;border:none;border-radius:10px;min-width:100px;min-height:30px}.button.primary{background-color:#395668;color:#fff}.button.primary:hover{background-color:#324a5a}.button.icon{background:transparent;min-width:unset;cursor:pointer}.button.cancel{background-color:#888;color:#fff}.button.cancel:hover{background-color:#a1a1a1}.login{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login form{border:1px solid #cfcfcf;padding:10px;border-radius:10px;width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px}.login form .logo{display:flex;justify-content:center;align-items:center}.login form .logo .icon{margin-right:5px}.login form .logo .title{font-size:22px;margin:20px 0}.login form .form-field label{margin-bottom:8px;font-size:14px}.login form .button{margin:10px 0}.side-bar{width:150px;background-color:#395668;min-height:100%;color:#fff}.side-bar .title{display:flex;align-items:center;justify-content:center;background-color:#2c414e;height:70px}.side-bar .title .icon{margin-right:5px}.side-bar .title span{font-size:22px}.side-bar .nav{width:100%;height:calc(100% - 120px)}.side-bar .nav a{display:flex;align-items:center;padding:10px;color:inherit;flex:0 0 75%}.side-bar .nav a .icon{display:flex;justify-content:center;align-items:center;flex:0 0 25%;max-width:25%;margin-right:5px}.side-bar .nav a .icon svg{width:20px;height:20px}.side-bar .nav a:hover{background-color:#324a5a}.side-bar .logout{width:100%;display:flex;align-items:center;color:inherit;height:40px;flex:0 0 75%;border-radius:0;margin:auto}.side-bar .logout .icon{display:flex;justify-content:center;align-items:center;flex:0 0 25%;margin-right:5px}.side-bar .logout .icon svg{width:20px;height:20px}.side-bar .logout:hover{background-color:#324a5a}.main-layout{width:100%;height:100%;display:flex;overflow:hidden}.main-layout .container{width:100%;height:100%;overflow:auto}.header{width:100%;height:40px;background-color:#f3f3f3;border-bottom:1px solid #cfcfcf;display:flex;color:#4f5065}.header .breadcrumbs{height:100%;width:auto;display:flex;align-items:center}.header .breadcrumbs .icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.header .breadcrumbs .icon svg{width:20px;height:20px}.header .breadcrumbs .forward-icon svg{width:15px;height:15px}.header .breadcrumbs span,.header .breadcrumbs a{text-decoration:none;text-decoration-color:currentColor;font-size:16px}.header .breadcrumbs a:hover{text-decoration:underline}.header .children-container{display:flex;align-items:center;margin-right:10px;gap:10px;margin-left:auto;height:100%}.header .children-container .button{max-height:30px}.table{margin:8px;border:1px solid #cfcfcf}.table table{border-spacing:0;width:100%;text-align:start;background-color:#fff}.table tr{height:30px}.table th{text-align:left;font-weight:400;padding:13px 5px!important;background-color:#f5f5f5;border-bottom:1px solid #cfcfcf}.table th,.table td{margin:0;padding:5px}.table th.actions,.table td.actions{width:10%}.table tr:not(:last-child) th,.table tr:not(:last-child) td{border-bottom:1px solid #cfcfcf}.table .row-actions{display:flex;justify-content:flex-end}.modal-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0003;z-index:1}.modal{display:flex;flex-wrap:wrap;position:fixed;z-index:2;left:calc(50% + 50px);top:50%;width:700px;transform:translate(-50%,-50%);background-color:#fff;border-radius:5px;border:1px solid #cfcfcf;font-size:14px}@media screen and (max-width: 992px){.modal{width:600px}}@media screen and (max-width: 768px){.modal{width:400px}}.modal .modal-header{display:flex;justify-content:space-between;padding:5px 10px;border-bottom:1px solid #cfcfcf;width:100%;gap:10px}.modal .modal-header .title{display:flex;align-items:center;gap:5px}.modal .modal-header .title .icon{display:flex;font-size:18px}.modal .modal-header .title .icon svg{width:25px;height:25px}.modal .modal-header .title span{font-size:14px;font-weight:400}.modal .modal-header .title .name{display:flex;align-items:center;height:100%;font-weight:700;margin:0;font-size:14px}.modal .modal-body{width:100%;border-bottom:1px solid #cfcfcf;padding:10px;max-height:60vh;overflow-y:auto}.modal .modal-footer{width:100%;padding:5px 10px}.modal .modal-footer .actions-container-split{display:flex;justify-content:space-between}.modal .modal-footer .actions-container-split .delete-action .delete-button{background-color:#ff6060}.modal .modal-footer .actions-container-split .delete-action .delete-button:hover{background-color:#ff7373}.modal .modal-footer .actions-container{display:flex;justify-content:flex-end;gap:10px;width:100%}.confirm-modal .modal-header{padding:8px 10px}.databases span{position:relative}.databases .env-name{position:absolute;font-size:9px;bottom:-11px;left:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Rubik,serif;font-size:14px}#root{width:100vw;height:100vh}a{all:unset;text-decoration:none;cursor:pointer}.notification{background-color:#dc3545;position:absolute;width:200px;height:80px;display:flex;bottom:10px;right:10px;border-radius:8px}.notification .left-baner{background-color:red;width:8px;height:100%;border-radius:8px 0 0 8px}.notification span{padding-left:10px;color:#fff;width:100%;font-size:16px}.notification .title{display:block;font-weight:500;margin:6px 0}.notification .message{height:60%;font-size:14px;font-weight:400}