::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#888;border-radius:9px}::-webkit-scrollbar-track{background:#eaeaea;border-radius:9px}html{font-size:13px}html,body{background:var(--bg);color:var(--tx,#2f2f2f);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;line-height:1.4}body{font-size:1rem}canvas{background:#fff;padding:3px}a{color:var(--primary,#4f8ccf);cursor:pointer;text-decoration:none}code{color:#1172c4;padding:2px 6px;font-family:Fira Code,monospace;font-size:1.0769rem}.disabled *{opacity:.7;cursor:not-allowed}h1{margin:10px 0;font-size:2.6154rem}h2{margin:8px 0;font-size:2.3077rem}h3{margin:6px 0;font-size:2rem}h4{margin:4px 0;font-size:1.5385rem}h5{margin:3px 0;font-size:1.2308rem}h6{margin:2px 0;font-size:1.0769rem}.olay-left{left:16px}.olay-center{left:50%;transform:translate(-50%)}.olay-right{align-items:flex-end;right:16px}.olay-top{top:65px}.olay-middle{top:50%;transform:translateY(-50%)}.olay-bottom{bottom:40px}.chip{color:#fff;text-align:center;text-transform:capitalize;background-color:var(--bk-color,#4f8ccf);white-space:nowrap;border-radius:12px;min-width:70px;padding:3px 8px;display:inline-block}.primary{--c:var(--primary,#4f8ccf);color:var(--c)}.secondary{--c:#8da2b9;color:var(--c)}.success{--c:#28a745;color:var(--c)}.error{--c:#e31b2f;color:var(--c)}.warning{--c:#ff7300;color:var(--c)}.info{--c:#2196f3;color:var(--c)}.gray{--c:#949494;color:var(--c);border-color:#89898954}.white{--c:#fff;color:var(--c);border-color:#fff}.critical{--c:#4c0061;color:var(--c)}.primarybg{--bg:var(--primary,#4f8ccf);background:var(--bg);color:#fff}.secondarybg{--bg:#8da2b9;background:var(--bg);color:#fff}.successbg{--bg:#28a745;background:var(--bg);color:#fff}.errorbg{--bg:#dc3545;background:var(--bg);color:#fff}.warningbg{--bg:#ff7300;background:var(--bg);color:#fff}.infobg{--bg:#2196f3;background:var(--bg);color:#fff}.whitebg{--bg:#f1f1f1;background:var(--bg);color:#757575}.criticalbg{--bg:#4c0061;background:var(--bg);color:#fff}.b-form{flex-direction:column;gap:20px;display:flex}.b-form fieldset{width:100%}.action-btn{justify-content:flex-end;gap:20px;width:100%;margin-top:20px;display:flex}.action-btn button{border:2px solid var(--c,#4f8ccf);color:#6d6d6d;background:0 0}.fwidth{width:100vw}.w50{width:50%}.fit{width:fit-content}.hfull{height:100vh}.flex{align-items:center;gap:8px;display:flex}.justify{flex-wrap:wrap;align-items:center;gap:5px;width:100%;display:flex;justify-content:space-between!important}.justify-left{justify-content:flex-start;display:flex}.center-column{flex-direction:column;align-items:center;display:flex}.dis-col{flex-direction:column;display:flex}.fxc5{align-items:center;gap:5px;display:flex}.g2col,.g3col,.g4col{gap:20px;width:100%;display:grid}.g2col{grid-template-columns:repeat(2,1fr)}.g3col{grid-template-columns:repeat(3,1fr)}.g4col{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.g2col,.g3col,.g4col{grid-template-columns:1fr}}.i-c{text-align:center!important;justify-content:center!important}.i-r{text-align:right;justify-content:flex-end}.b-r{float:right;margin-left:auto}.b-c{margin:0 auto}.b-l{margin-right:auto}.gap10{gap:10px}.gap20{gap:20px}.gap30{gap:30px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p30{padding:30px}.m10{margin:10px}.m20{margin:20px}.m30{margin:30px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mb10{margin-bottom:10px}.mbt20{margin:20px 0}.ml10{margin-left:10px}.ml20{margin-left:20px}.mr10{margin-right:10px}.mr20{margin-right:20px}.mlr10{margin:0 10px}.n-ft{margin-top:auto}.effect-fade{will-change:opacity;animation:.62s cubic-bezier(.33,1,.68,1) both fadeIn}.effect-slide{will-change:transform,opacity;animation:.58s cubic-bezier(.33,1,.68,1) both slideIn}.effect-slideRight{will-change:transform,opacity;animation:.58s cubic-bezier(.33,1,.68,1) both slideRight}.effect-zoomIn{will-change:transform,opacity;animation:.55s cubic-bezier(.33,1,.68,1) both zoomIn}.effect-scaleUp{will-change:transform;animation:.52s cubic-bezier(.33,1,.68,1) both scaleUp}.effect-flip{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;animation:.72s cubic-bezier(.33,1,.68,1) both flipIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(1000px)rotateY(14deg)translateY(2px)}to{opacity:1;transform:perspective(1000px)rotateY(0)translate(0,0)}}@keyframes scaleUp{0%{transform:scale(.988)}to{transform:scale(1)}}.fixed-demo{z-index:1000;position:fixed;top:250px;right:20px}.left-copyable{margin:0 10px 0 1px}.right-copyable{margin:0 1px 0 10px}.s{color:#870101;font-size:.8462rem}
:root{--h:60px;--tabs:80px;--fs:1rem;--bg:#fff;--hd:#437ab7;--ls:#2b5d94;--bd:#e8e8e8;--sh:#0000001a;--olaybg:#00000080;--left-rail:56px;--left-open:280px;--right-open:340px;--right-gap:6px;--h-ease:.3s ease}.nifi-main:not(:has(.header-tabs)){--tabs:0px}.shrink{--h:30px}@media (max-width:768px){:root{--h:40px}}.nifi-layout{font-size:var(--fs);background-color:var(--bg);color:var(--tx);flex-direction:column;display:flex}.container{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:0 20px}.nifi-header{box-sizing:border-box;padding:4px 12px;background-color:var(--hd);height:var(--h);color:#fff;z-index:100;transition:height var(--h-ease);align-items:center;gap:10px;padding-inline:max(20px,50vw - 720px);display:flex;position:sticky;top:0}.nifi-header .header-brand{align-items:center;display:inline-flex}.nifi-header .logo{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:180px;height:28px;transition:height var(--h-ease);margin-left:12px;display:block}.nifi-header .menu-toggle{flex-shrink:0}.nifi-header:has(.menu-toggle) .logo{margin-left:4px}.nifi-header .logo.logo-white,.nifi-header .header-brand .logo-white{filter:none}.nifi-header .menu-text,.nifi-left-sidebar .menu-text{text-transform:uppercase}.nifi-header .header-left,.nifi-header .header-right{align-items:center;gap:10px;display:flex}.nifi-header .header-center{flex:1;align-items:center;display:flex}.nifi-header .header-right fieldset>i,.nifi-header .header-right input::placeholder{color:#fff}.shrink .nifi-header .header-right i{transition:font-size var(--h-ease);font-size:1.2308rem}.shrink .nifi-header .n-ava{gap:6px;font-size:.75rem;line-height:1}.shrink .nifi-header .n-ava img,.shrink .nifi-header .n-ava b{width:20px;height:20px;transition:width var(--h-ease), height var(--h-ease);font-size:.65rem}.shrink .nifi-header .logo{width:auto;height:20px;margin:0 0 0 12px}.shrink .nifi-header:has(.menu-toggle) .logo{margin-left:4px}.nifi-main{flex:1;display:flex}.nifi-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:visible}.sub-header{color:#fff;background:#414141d4;justify-content:flex-end;gap:10px;padding:3px 12px;padding-inline:max(20px,50vw - 720px);display:flex}.sub-header a{color:#fff}.sub-header a:hover{color:#6bb2ff}@media (max-width:599px){.sub-header{display:none}}main{min-height:calc(100vh - (var(--h) + 106px));flex:1}main .n-box{background:#ffffff1f}.nifi-main:has(.header-tabs) main{margin-top:var(--tabs);min-height:calc(100vh - (var(--h) + var(--tabs) + 102px))}main>div,main>article{max-width:1440px;margin:0 auto;padding:0 20px}.nifi-left-sidebar,.nifi-right-sidebar{box-sizing:border-box;opacity:1;min-width:0;max-width:calc(100% - 20px);transition:max-width .4s ease, opacity .4s ease, top var(--h-ease), height var(--h-ease);flex:none;position:sticky}.nifi-left-sidebar.collapsed{max-width:var(--left-rail)}.nifi-left-sidebar.open:not(.collapsed){max-width:min(var(--left-open), calc(100% - 20px))}.nifi-left-sidebar.closed,.nifi-right-sidebar.closed{opacity:0;pointer-events:none;border-width:0;width:0;max-width:0;margin:0;padding:0;overflow:hidden}.nifi-right-sidebar.closed .header{visibility:hidden}.nifi-left-sidebar{background:linear-gradient(to bottom, var(--ls), #000);color:#d9d9d9;text-align:center;top:var(--h);height:calc(100vh - var(--h));flex-direction:column;min-height:0;display:flex;overflow:hidden}.nifi-left-sidebar abbr>span.tt-content{position:fixed;bottom:85px;left:100px}.nifi-left-sidebar menu{flex:auto;max-width:100%;height:auto;min-height:0;transition:max-width .4s;overflow:auto}menu.user-setting{margin-top:-13px}.lang_se menu{margin-left:-1px}.collapsed .lang_se menu{margin-left:-4px}menu.vertical .search-icononly{margin-left:16px}.collapsed menu.user-setting{margin-left:6px;padding:0}menu.user-setting>ul{margin-left:12px}menu.user-setting>ul.user{margin-left:6px}.collapsed menu.user-setting>ul.user{margin-left:-3px}@media (hover:hover){menu.user-setting .menu-label:hover{color:#4f8ccf;background-color:#0000}}.nifi-layout menu:has(.lang_se){max-height:183px;margin:0;overflow-y:auto;height:fit-content!important}.nifi-layout .lang_se menu{max-height:48vh;overflow-y:auto}.nifi-layout menu .lang_se{margin:0 0 6px -64px}.nifi-layout .collapsed menu .lang_se{margin:0 0 6px}.nifi-left-sidebar:has(.lang_se ul.sub-menu.open) menu{height:30vh}.nifi-right-sidebar{box-shadow:0 4px 8px var(--sh);border:1px solid var(--bd);background:var(--bg,#fff);z-index:1005;top:calc(var(--h) + var(--right-gap));margin:var(--right-gap);height:calc(100vh - var(--h) - var(--right-gap) * 2);width:min(var(--right-open), calc(100% - 20px));max-width:min(var(--right-open), calc(100% - 20px));border-radius:8px;padding:15px;overflow:hidden auto}.nifi-right-sidebar.closed{width:0;max-width:0;box-shadow:none;border-width:0;margin:0;padding:0;overflow:hidden}.nifi-right-sidebar .header{z-index:10;background:var(--bg);position:sticky;top:-2px}.nifi-right-sidebar .header>h4,.nifi-right-sidebar .header>strong{text-transform:uppercase}.nifi-right-sidebar .header>h4{margin:-6px 0 15px;font-size:1.3846rem}.nifi-right-sidebar .header>i{z-index:100;cursor:pointer;background-color:var(--bd);position:absolute;top:-3px;right:-7px}section .setting ul{list-style:none}@media (max-width:768px){.nifi-left-sidebar{z-index:1005;left:0;top:var(--h);height:calc(100vh - var(--h));-webkit-tap-highlight-color:transparent;position:fixed;overflow-x:hidden;box-shadow:4px 0 12px #00000040}:is(.nifi-left-sidebar.collapsed,.nifi-left-sidebar:not(.open),.nifi-left-sidebar.open:has(.collapsed)){min-width:0;max-width:0;box-shadow:none;padding:0}main>div,main article{padding:10px}.nifi-header .header-center{justify-content:center}.nifi-right-sidebar{right:0;top:var(--h);height:calc(100vh - var(--h) - var(--right-gap));position:fixed}.container{padding:0 10px}}
