.main-zone{background:#f5f6ff;display:flex;min-height:100vh;overflow-y:auto}.main-zone .zone-sidebar-external{position:sticky;top:0;width:auto}.main-zone .wrp-zone-header-body{display:flex;flex:1;flex-direction:column;height:100vh}.main-zone .wrp-zone-header-body .zone-header{height:auto;position:sticky;top:0;width:100%;z-index:1}.main-zone .wrp-zone-header-body .zone-body{display:flex;flex:1;overflow-y:auto}.main-zone .wrp-zone-header-body .zone-body .zone-sidebar-internal{position:sticky;top:0;width:auto}.main-zone .wrp-zone-header-body .zone-body .zone-right-content{display:flex;flex:1;gap:20px;height:fit-content;min-height:100%;padding:20px}.main-zone .wrp-zone-header-body .zone-body .zone-right-content .zone-main-container{flex:1}.main-zone .wrp-zone-header-body .zone-body .zone-right-content .zone-bk-right{height:fit-content;max-width:220px;width:100%}.ui-sidebar{height:100%;overflow-y:auto;padding:20px 0;width:220px}.ui-header{box-shadow:0 1px 4px 0 rgba(80,80,80,.18);height:56px;padding:20px;width:100%}.ui-main-container{background-color:#fff;border:1px solid #e5e5e5;border-radius:20px;box-shadow:0 4px 4px 0 rgba(80,80,80,.18);height:100%;padding:20px;width:100%}.bg-green-light-preview{background-color:#e0ffcd}.bg-blue-sem-dark-preview{background-color:#018cdb}.bg-blue-preview{background-color:#00a2ff}.wrp-logo{border-bottom:1px solid rgba(245,246,255,.251);padding-bottom:10px}.wrp-logo .link-logo{align-items:center;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.wrp-logo .link-logo .wrp-img-logo{display:block;height:auto;margin:auto;text-decoration:none;width:60px}.wrp-logo .link-logo .wrp-img-logo .logo-img{height:100%;object-fit:contain;width:100%}.wrp-logo .link-logo .titl-logo{color:#fff;font-size:24px;font-weight:600;text-align:center}.ui-header.header-variant-1{background-color:#fff;height:auto;padding:0 20px;width:100%}.ui-header.header-variant-1 .nv-header{align-items:center;display:flex;justify-content:space-between}.ui-header.header-variant-1 .nv-header .cntnt-left-nv-header{width:auto}.ui-header.header-variant-1 .nv-header .cntnt-center-nv-header{flex:1;height:100%;padding:0 20px}.ui-header.header-variant-1 .nv-header .cntnt-right-nv-header{width:auto}.ui-header.header-variant-1 .nv-header .wrp-logo-header{cursor:pointer;display:block;height:auto;text-align:center;text-decoration:none;width:auto}.ui-header.header-variant-1 .nv-header .wrp-logo-header .logo{color:#00a2ff;font-size:20px;font-weight:700;letter-spacing:3px;text-align:center}.ui-header.header-variant-1 .nv-header .wrp-itm-nv-header{align-items:center;display:flex;justify-content:center;list-style:none}.ui-header.header-variant-1 .nv-header .wrp-itm-nv-header .itm-nv-header .link-nv-header{border-bottom:4px solid transparent;color:#212427;display:block;font-size:16px;font-weight:600;padding:15px 10px;text-decoration:none;transition:.3s}.ui-header.header-variant-1 .nv-header .wrp-itm-nv-header .itm-nv-header .link-nv-header.active,.ui-header.header-variant-1 .nv-header .wrp-itm-nv-header .itm-nv-header .link-nv-header:active,.ui-header.header-variant-1 .nv-header .wrp-itm-nv-header .itm-nv-header .link-nv-header:focus,.ui-header.header-variant-1 .nv-header .wrp-itm-nv-header .itm-nv-header .link-nv-header:hover{border-color:#00a2ff;color:#00a2ff}.ui-header.header-variant-1 .nv-header .wrp-cntnt-avatar-notif{align-items:center;display:flex}.ui-header.header-variant-1 .nv-header .wrp-cntnt-avatar-notif .notif-btn{color:gray;font-size:18px;margin-right:10px;position:relative}.ui-header.header-variant-1 .nv-header .wrp-cntnt-avatar-notif .notif-btn .count-notif{background:#dc3545;border-radius:100px;color:#fff;font-size:10px;font-weight:700;height:20px;left:-10px;line-height:20px;min-width:20px;position:absolute;text-align:center;top:-5px}.ui-header.header-variant-1 .nv-header .wrp-cntnt-avatar-notif .wrp-avatar{border-radius:100px;cursor:pointer;height:40px;overflow:hidden;text-decoration:none;width:40px}.ui-header.header-variant-1 .nv-header .wrp-cntnt-avatar-notif .wrp-avatar .avatar-img{height:100%;object-fit:cover;width:100%}.ui-sidebar.sidebar-variant-1{background:#fff;box-shadow:0 1px 4px 0 rgba(80,80,80,.18);display:flex;flex-direction:column;height:100%;width:220px}.ui-sidebar.sidebar-variant-1 .cntnt-a-nv-sidebar{height:auto}.ui-sidebar.sidebar-variant-1 .cntnt-b-nv-sidebar{flex:1}.ui-sidebar.sidebar-variant-1 .cntnt-c-nv-sidebar{height:auto}.ui-sidebar.sidebar-variant-1 .wrp-logo-sidebar{cursor:pointer;display:block;height:auto;margin-bottom:1.5rem;text-align:center;text-decoration:none;width:auto}.ui-sidebar.sidebar-variant-1 .wrp-logo-sidebar .logo{color:#00a2ff;font-size:20px;font-weight:700;letter-spacing:3px;text-align:center}.ui-sidebar.sidebar-variant-1 .wrp-itm-nv-sidebar{list-style:none;margin:0;padding:0}.ui-sidebar.sidebar-variant-1 .wrp-itm-nv-sidebar .itm-nv-sidebar .link-nv-sidebar{border-right:6px solid transparent;color:#212427;display:block;font-size:16px;font-weight:600;padding:15px 10px;text-decoration:none;transition:.3s}.ui-sidebar.sidebar-variant-1 .wrp-itm-nv-sidebar .itm-nv-sidebar .link-nv-sidebar.active,.ui-sidebar.sidebar-variant-1 .wrp-itm-nv-sidebar .itm-nv-sidebar .link-nv-sidebar:hover{background:#00a2ff;border-color:#0091e5;color:#fff}.ui-sidebar.sidebar-variant-1 .wrp-itm-nv-sidebar .itm-nv-sidebar .link-nv-sidebar .icon{font-size:16px;margin-right:10px}.bt{background:#bbb;border:1px solid #999;border-radius:6px;box-shadow:none;box-shadow:0 8px 15px rgba(0,0,0,.1);cursor:pointer;font-size:16px;outline:none;padding:6px 12px;text-decoration:none!important;transition:.3s}.bt i.icon{font-size:14px;vertical-align:sub}.bt.bt-icon i.icon{color:inherit}.bt.bt-icon-left i.icon{color:inherit;margin-right:5px}.bt.bt-icon-right .icon{color:inherit;margin-left:5px}.bt.bt-primary.bt-info{background:#00a2ff;border-color:#00a2ff;color:#fff}.bt.bt-primary.bt-info:active,.bt.bt-primary.bt-info:focus,.bt.bt-primary.bt-info:hover{background:#0099f1;border-color:#0099f1;color:#fff}.bt.bt-primary.bt-warning{background:#ff7300;border-color:#ff7300;color:#fff}.bt.bt-primary.bt-warning:active,.bt.bt-primary.bt-warning:focus,.bt.bt-primary.bt-warning:hover{background:#f36d00;border-color:#f36d00;color:#fff}.bt.bt-primary.bt-success{background:#018e3a;border-color:#018e3a;color:#fff}.bt.bt-primary.bt-success:active,.bt.bt-primary.bt-success:focus,.bt.bt-primary.bt-success:hover{background:#008535;border-color:#008535;color:#fff}.bt.bt-primary.bt-neutral{background:#98b5c3;border-color:#98b5c3;color:#fff}.bt.bt-primary.bt-neutral:active,.bt.bt-primary.bt-neutral:focus,.bt.bt-primary.bt-neutral:hover{background:#91acb9;border-color:#91acb9;color:#fff}.bt.bt-primary.bt-danger{background:#dc3545;border-color:#dc3545;color:#fff}.bt.bt-primary.bt-danger:active,.bt.bt-primary.bt-danger:focus,.bt.bt-primary.bt-danger:hover{background:#cf3342;border-color:#cf3342;color:#fff}.bt.bt-secondary.bt-info{background:#fff;border-color:#00a2ff;color:#00a2ff}.bt.bt-secondary.bt-info:active,.bt.bt-secondary.bt-info:focus,.bt.bt-secondary.bt-info:hover{background:#fff;border-color:#009bf5;color:#009bf5}.bt.bt-secondary.bt-warning{background:#fff;border-color:#ff7300;color:#ff7300}.bt.bt-secondary.bt-warning:active,.bt.bt-secondary.bt-warning:focus,.bt.bt-secondary.bt-warning:hover{background:#fff;border-color:#f36d00;color:#f36d00}.bt.bt-secondary.bt-success{background:#fff;border-color:#018e3a;color:#018e3a}.bt.bt-secondary.bt-success:active,.bt.bt-secondary.bt-success:focus,.bt.bt-secondary.bt-success:hover{background:#fff;border-color:#008535;color:#008535}.bt.bt-secondary.bt-neutral{background:#fff;border-color:#98b5c3;color:#98b5c3}.bt.bt-secondary.bt-neutral:active,.bt.bt-secondary.bt-neutral:focus,.bt.bt-secondary.bt-neutral:hover{background:#fff;border-color:#91acb9;color:#91acb9}.bt.bt-secondary.bt-danger{background:#fff;border-color:#dc3545;color:#dc3545}.bt.bt-secondary.bt-danger:active,.bt.bt-secondary.bt-danger:focus,.bt.bt-secondary.bt-danger:hover{background:#fff;border-color:#cf3342;color:#cf3342}.bt.bt-size-sm{font-size:14px;padding:8px 16px}.bt.bt-size-md{font-size:16px;padding:8px 16px}.bt.bt-size-lg{font-size:18px;padding:12px 24px}.bt.bt-rounded{border-radius:100px}.bt .bt:disabled{background:#e5e5e5!important;border-color:#e5e5e5!important;color:#a4a4a4!important}.container-avatar{border-radius:100px;height:35px;overflow:hidden;width:35px}.container-avatar .img-avatar{height:100%;object-fit:cover;object-position:top left;width:100%}.container-avatar.avatar-size-sm{height:35px;width:35px}.container-avatar.avatar-size-md{height:50px;width:50px}.container-avatar.avatar-size-lg{height:80px;width:80px}.container-avatar.avatar-size-xl{height:120px;width:120px}.field-grp{width:100%}.field-grp .lbl-field{color:#264150;display:block;font-size:16px;font-weight:400;margin-bottom:.5rem}.field-grp .inpt-field{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:16px;font-weight:400;height:100%;line-height:1.5;outline:none;padding:7px .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.field-grp .inpt-field:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.field-grp .wrp-inpt-icon{position:relative}.field-grp .wrp-inpt-icon .bt-icon-inpt-field{align-items:center;background:none;border:none;bottom:0;color:#264150;display:flex;font-size:14px;height:100%;justify-content:center;outline:none;padding:0;position:absolute;text-decoration:none;top:0;transition:.2s;width:20px}.field-grp .wrp-inpt-icon .bt-icon-inpt-field:hover{color:#5e89a0}.field-grp .wrp-inpt-icon a.bt-icon-inpt-field,.field-grp .wrp-inpt-icon button.bt-icon-inpt-field{cursor:pointer;display:block}.field-grp .wrp-inpt-icon.bt-icon-left .inpt-field{padding-left:30px!important}.field-grp .wrp-inpt-icon.bt-icon-left .bt-icon-inpt-field{left:5px}.field-grp .wrp-inpt-icon.bt-icon-right .inpt-field{padding-right:30px!important}.field-grp .wrp-inpt-icon.bt-icon-right .bt-icon-inpt-field{right:5px}.field-grp .slct-field{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:16px;font-weight:400;height:100%;line-height:1.5;outline:none;padding:6px .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.field-grp .slct-field:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.field-grp .txtarea-field{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:16px;font-weight:400;height:auto;line-height:1.5;min-height:200px;outline:none;padding:7px .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%!important}.field-grp .txtarea-field:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.field-grp .txt-error{color:#dc3545;font-size:14px;margin-top:5px}.field-grp.has-error .inpt-field,.field-grp.has-error .slct-field,.field-grp.has-error .txtarea-field{border:1px solid #dc3545!important}.checkbox-grp{width:fit-content}.checkbox-grp .wrp-checkbox{align-items:center;cursor:pointer;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;gap:10px;margin-top:10px;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.checkbox-grp .wrp-checkbox input{display:none}.checkbox-grp .wrp-checkbox .checkmark{background:#fff;border-radius:3px;display:block;height:16px;left:0;outline:1px solid #acacac;position:relative;top:0;transition:all .2s ease;width:16px}.checkbox-grp .wrp-checkbox:hover .checkmark{background:#f4f4f5;transition:all .2s ease}.checkbox-grp .wrp-checkbox input:checked~.checkmark{background:#3f7fed;outline:1px solid #5f7ef0}.checkbox-grp .wrp-checkbox input[type=radio]~.checkmark{border-radius:50%}.checkbox-grp .wrp-checkbox input[type=checkbox]~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:8px;left:50%;opacity:0;position:absolute;top:40%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transition:all .2s ease;width:4px}.checkbox-grp .wrp-checkbox input[type=radio]~.checkmark:after{background:#fff;border:2px solid #fff;border-radius:100px;bottom:0;content:"";display:block;height:5px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:all .2s ease;width:5px}.checkbox-grp .wrp-checkbox input:checked~.checkmark:after{opacity:1;transition:all .2s ease}.crd-bk{background-color:#fff;border:1px solid #e5e5e5;border-radius:20px;box-shadow:0 4px 4px 0 rgba(80,80,80,.18);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.crd-bk .hd{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:10px 20px}.crd-bk .hd .tl-hd{flex:1}.crd-bk .hd .act-hd{align-items:center;display:flex;font-size:18px;justify-content:center}.crd-bk .bd{flex:1;padding:20px}.crd-bk.bk-primary{border:none}.crd-bk.bk-primary .tl-hd{color:#fff}.crd-bk.bk-primary.bk-info .hd{background:#6ac8ff;border-color:#6ac8ff}.crd-bk.bk-primary.bk-warning .hd{background:#ffe17d;border-color:#ffe17d}.crd-bk.bk-primary.bk-success .hd{background:#6df17f;border-color:#6df17f}.crd-bk.bk-primary.bk-danger .hd{background:#ff9d96;border-color:#ff9d96}.crd-bk.bk-primary.bk-neutral .hd{background:#9da7a8;border-color:#9da7a8}.crd-bk.bk-secondary .tl-hd{color:#2a3035}.crd-bk.bk-secondary.bk-info .hd{background:#f2fffe}.crd-bk.bk-secondary.bk-warning .hd{background:#fff4d0}.crd-bk.bk-secondary.bk-success .hd{background:#d0ffd0}.crd-bk.bk-secondary.bk-danger .hd{background:#ffd3d0}.crd-bk.bk-secondary.bk-neutral .hd{background:rgba(245,246,255,.639)}