body{background-color:#f1f1f1;font-family:arial;font-size:10pt;}
body{margin:unset;height:100%;width:100%;background-image:url(bgimage.jpg);}

body>.root-max-width-900px{max-width:900px;}
body>.root{margin:auto;display:flex;flex-direction:column;/*align-items:center;*/align-items:stretch;min-width:320px;height:100vh;gap:1px;justify-content:space-between;overflow-y:hidden;overflow-x:auto;}
body>.root>*{background-color:#f1f1f1;min-width:-webkit-fill-available;}
body>.root>.navbar{display:inline-flex;justify-content:space-between;gap:1px;border:1px solid #aaa;border-radius:2px;padding:1px;}
body>.root>.navbar>a{height:16px;line-height:16px;width:100%;border:1px solid #767676;border-radius:2px;border-top-width:3px;text-align:center;text-decoration:none;color:initial;}
body>.root>.navbar>a.router-link-active{border-top-color:var(--blueviolet);}
body>.root>.navbar>a[disabled]{text-decoration:line-through;color:#555;border-top-color:#767676;}
body>.root>.content{height:100%;overflow-y:auto;/*overflow-x:auto;*/border:1px dashed #aaa;border-radius:2px;}
body>.root>.content>.test2000{background-image:url(bgimage.jpg);height:2000px;}

pre{font-size:9pt;line-height:9pt;margin:auto;}

select{width:-webkit-fill-available;height:20px;}
input:not([type="radio"]){width:-webkit-fill-available;}

input[type="text"],
input[type="password"]{padding: 0px 1px 1px 1px;height:11pt;line-height:10pt;font-size: 10pt;}
input[type="text"][center]{text-align:center;}
input[type="text"][left]{text-align:left;}
input[type="text"][right]{text-align:right;}
input[type="text"][table]{border:1px solid #aaa;padding: 0px 1px;}

input[type="text"][cell-editable]{padding:0px 1px 1px 1px;border-width:0px;background-color:#eeeeee;color:#555;}
input[type="text"][cell-editable]:hover{background-color:#eeeeff;}
input[type="text"][cell-editable]:focus{background-color:#eeffff;outline:unset;}
input[type="text"][cell-editable].edited{background-color:#ffffe0;color:#000;}

input[type="control"]{width:24px;color:transparent;cursor:context-menu;outline:none;}

input[type="button"]{padding:1px;height:20px;}

button{white-space:pre;}

button.btn20{padding:1px;height:20px;line-height:10pt;}
button.btn20 .icon{color:var(--blueviolet);}
button.btn20[notext]{color:transparent;}
button.btn20[notshow]{opacity:0;}

button.btn18{padding:1px;height:18px;line-height:9pt;}
button.btn18 .icon{color:var(--blueviolet);}
button.btn18.border-highlight{}
button.btn18.border-highlight[disabled]{}
button.btn18.border-highlight:not([disabled]){}
button.btn18[notext]{color:transparent;}
button.btn18[notshow]{opacity:0;}

button.btn16{padding:1px;height:16px;line-height:8pt;}
button.btn16 .icon{color:var(--blueviolet);}
button.btn16[notext]{color:transparent;}
button.btn16[notshow]{opacity:0;}

button.btn12{padding:1px;height:12px;line-height:4pt;}
button.btn12 .icon{color:var(--blueviolet);}
button.btn12[notext]{color:transparent;}
button.btn12[notshow]{opacity:0;}

button.btn8{padding:1px;height:8px;font-size:8px;line-height:4px;}
button.btn8 .icon{color:var(--blueviolet);}
button.btn8[notext]{color:transparent;}
button.btn8[notshow]{opacity:0;}

.loader-ring{display:grid;}
.loader-ring>.lr-ring{border:3px dotted cadetblue;border-left-color:crimson;border-right-color:coral;border-top-color:cornflowerblue;border-radius:50%;animation:spinner-r 0.99s linear infinite;}
.loader-ring>.lr-ring{margin:auto;grid-area: 1/1/2/2;}
.loader-ring>.lr-ring.r1{width:100px;height:100px;border-width:5px;}
.loader-ring>.lr-ring.r2{width:100px;height:70px;}
.loader-ring>.lr-ring.r3{width:70px;height:70px;}

.ring-loader{margin:auto;}					
.ring-loader>.rl-text{z-index:0;position:absolute;width:16px;height:16px;border:2px solid transparent;text-align:center;font-size:8pt;line-height:16px;}
.ring-loader>.rl-ring{width:16px;height:16px;border:2px dashed cadetblue;border-left-color:crimson;border-right-color:coral;border-top-color:cornflowerblue;border-radius:50%;}
.ring-loader>.rl-text[value="0"],
.ring-loader>.rl-ring[value="0"]{display:none;}
.ring-loader>.rl-ring.sl{animation:spinner-l 0.99s linear infinite;}
.ring-loader>.rl-ring.sr{animation:spinner-r 0.99s linear infinite;}

.loader-rnd{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;}
.loader-rnd>.lr-ring{border:2px dashed cadetblue;border-left-color:crimson;border-right-color:coral;border-top-color:cornflowerblue;}
.loader-rnd>.lr-ring.sq{width:8px;height:8px;}
.loader-rnd>.lr-ring.cr{width:10px;height:10px;border-radius:50%;}
.loader-rnd>.lr-ring.sl{animation:spinner-l 0.99s linear infinite;}
.loader-rnd>.lr-ring.sr{animation:spinner-r 0.99s linear infinite;}

@keyframes spinner-r{to{transform:rotate(360deg)}}
@keyframes spinner-l{to{transform:rotate(-360deg)}}

.auth-modal{}
.auth-modal>.am-bg{position:fixed;top:0;left:0;display:flex;justify-content:center;width:100vw;height:100vh;background-color:#00000033;overflow-y:scroll;z-index:999}
.auth-modal>.am-bg>.am-body{display:flex;flex-direction:column;gap:1px;width:320px;height:min-content;min-height:200px;min-height:fit-content;padding:2px;border-radius:4px;justify-content:space-between;margin-top:24px;background-color: #f1f1f1;border: 4px double #aaa;}
.auth-modal>.am-bg>.am-body>.am-title{text-align:center;}
.auth-modal>.am-bg>.am-body>.am-content{border:1px dashed #aaa;min-height:inherit;padding:1px;}
.auth-modal>.am-bg>.am-body>.am-footer{display:inline-flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;}

.pattern-lock{}
.pattern-lock svg{fill:transparent;}
.pattern-lock svg circle.round{stroke:#aaa;}
.pattern-lock svg text.text{fill:#aaa;font:20px sans-serif;}
.pattern-lock svg circle.core{}
.pattern-lock svg circle.round.touched{stroke:#8a2be2;}
.pattern-lock svg circle.core.touched{fill:#00d200;}
.pattern-lock svg path{stroke:#00d20099;}

.grid-table{display:grid;align-items:center;justify-content:start;justify-items:start;gap:1px;font-size:8pt;}
.grid-table>.grid-row{display:contents;}
.grid-table>.grid-row>.grid-cell{display:flex;align-items:center;padding:1px;}
.grid-table>.grid-row>.grid-cell.c-border{background-color: #f1f1f1;border:1px solid #aaa;align-self:normal;}
.grid-table>.grid-row>.grid-cell.c-left{position:-webkit-sticky;position:sticky;left:0px;z-index: 98;}
.grid-table>.grid-row>.grid-cell.c-top{position:-webkit-sticky;position:sticky;top:0px;z-index: 99;}
.grid-table>.grid-row>.grid-cell.c-top-left{position:-webkit-sticky;position:sticky;top:0px;left:0px;z-index: 100;}
.grid-table>.grid-row>.grid-cell.cell-row{grid-column:1/-1;}
.t-row.r-head>.t-cell,
.t-row>.t-cell.c-head{color:secondary;}
.t-row-r-zebra:nth-child(2n+1)>.t-cell{background-color:primary;}

.search-by-ip{display:inline-flex;justify-content:space-between;padding:1px;border:1px solid #aaa;border-radius:2px;}
.search-by-ip>.row{display:inline-flex;align-items:center;}

.input-ip-by-octets{display:inline-flex;align-items:center;}
.input-ip-by-octets input[type="text"]{height:14px;}
.input-ip-by-octets>.dot{font-size:16pt;line-height:1em;}

.led-ping{width:16px;height:16px;border:1px inset;background-color:#aaaaaa;text-align:center;font-size:8pt;line-height:16px;}
.led-ping.on,.led-ping.enable{background-color:var(--ping-up-green);}
.led-ping.off,.led-ping.disable{background-color:var(--ping-down-red);}

.content-bordered-scrollable{height:100%;border:1px dashed #aaa;border-radius:2px;overflow-y:auto;width:320px;min-width:-webkit-fill-available;}
.content-bordered-scrollable{display:flex;flex-direction:column;justify-content:flex-start;gap:1px;padding: 1px;}

.content-banner-prompt{display:flex;flex-direction:column;align-items:center;color:#c1c1c1;height:90%;justify-content:space-between;}
.content-banner-prompt>.content-prompt{width:100%;display:inline-flex;justify-content:space-around;}
.content-banner-prompt>.content-prompt>div{font-size:16px;font-weight:bold;}
.content-banner-prompt>.content-prompt>div>span{font-size:20px;}
.content-banner-prompt>.content-banner{display:flex;flex-direction:column;align-items:center;}
.content-banner-prompt>.content-banner>.error{font-size:100px;}
.content-banner-prompt>.content-banner>.text{font-size:20px;}

.device-header{display:inline-flex;}

.selector-row{display:inline-flex;justify-content:space-between;gap:1px;}
.selector-row>button{height:16px;line-height:12px;width:100%;border:1px solid #767676;border-radius:2px;border-top-width:2px;text-align:center;text-decoration:none;color:initial;}
.selector-row>button[selected]{border-top-color:var(--blueviolet);}
.selector-row>button[disabled]{text-decoration:line-through;color:#555;border-top-color:#767676;}

.navbar-row{display:inline-flex;justify-content:space-between;gap:1px;}
.navbar-row>a{height:16px;line-height:16px;width:100%;border:1px solid #767676;border-radius:2px;border-top-width:3px;text-align:center;text-decoration:none;color:initial;}
.navbar-row>a.router-link-active{border-top-color:var(--blueviolet);}
.navbar-row>a[disabled]{text-decoration:line-through;color:#555;border-top-color:#767676;}

.gauge-mini{min-width:70px;min-height:70px;width:100%;height:100%;border:1px outset #aaa;border-radius:2px;display:grid;padding:1px;}
.gauge-mini.warn{background:#ffa50040;}
.gauge-mini>.gm-header{grid-area:1/1/2/4;display:grid;grid-template-columns:1fr 1fr;align-items:start;justify-items:center;}
.gauge-mini>.gm-header>.gm-title{font-size:8pt;justify-self:start;white-space:pre;}
.gauge-mini>.gm-header>.gm-units{color:#555;font-size:8pt;justify-self:end;}
.gauge-mini>canvas{grid-area:1/1/4/4;margin: auto;}
.gauge-mini>.gm-footer{grid-area:3/1/4/4;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;justify-items:center;}
.gauge-mini>.gm-footer>.gm-value{border:1px inset #aaa;border-radius:2px;width:2rem;height:8pt;text-align:center;font-size:8pt;line-height:8pt;}
.gauge-mini>.gm-footer>.gm-value.warn{background:#ffa50040;}
.gauge-mini>.gm-footer>.gm-value:empty{/*display:none;*/}
.gauge-mini>.gm-footer>.gm-l{font-size:8pt;justify-self:start;display: flex;}
.gauge-mini>.gm-footer>.gm-r{font-size:8pt;justify-self:end;display: flex;}

.gauge-donut{min-width:70px;min-height:70px;width:100%;height:100%;border:1px outset #aaa;border-radius:2px;display:grid;padding:1px;}
.gauge-donut.warn{background:#ffa50040;}
.gauge-donut>.gd-header{grid-area:1/1/2/4;display:grid;grid-template-columns:1fr 1fr;align-items:start;justify-items:center;}
.gauge-donut>.gd-header>.gd-title{font-size:8pt;justify-self:start;white-space:pre;}
.gauge-donut>.gd-header>.gd-units{color:#555;font-size:8pt;justify-self:end;}
.gauge-donut>canvas{grid-area:1/1/4/4;margin: auto;}
.gauge-donut>.gd-value-center{grid-area:1/1/4/4;margin: auto;font-size: 20pt;line-height: 20pt;text-align:center;color:#393939;font-family: monospace;}
.gauge-donut>.gd-loader{grid-area:1/1/4/4;margin: auto;}
.gauge-donut>.gd-footer{grid-area:3/1/4/4;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;justify-items:center;}
.gauge-donut>.gd-footer>.gd-value{border:1px inset #aaa;border-radius:2px;width:2rem;height:8pt;text-align:center;font-size:8pt;line-height:8pt;}
.gauge-donut>.gd-footer>.gd-value.warn{background:#ffa50040;}
.gauge-donut>.gd-footer>.gd-value:empty{/*display:none;*/}
.gauge-donut>.gd-footer>.gd-l{font-size:8pt;justify-self:start;display: flex;}
.gauge-donut>.gd-footer>.gd-r{font-size:8pt;justify-self:end;display: flex;}

.loading-ok-error{}
.loading-ok-error>.oe{font-size:12px;font-weight:bold;}
.loading-ok-error>.oe.ok{color:green;}
.loading-ok-error>.oe.err{color:red;}

.led-link{width:32px;height:15px;font-size:9pt;line-height:15px;text-align:center;border: 1px inset;}
.led-link{background-color:var(--link-on-light-grey);}
.led-link.on,
.led-link.enable{background-color:var(--link-on-light-grey);}
.led-link.off,
.led-link.disable{background-color:var(--link-on-dark-grey);}
.led-link.up{background-color:var(--link-up-green);}
.led-link.down{background-color:var(--link-down-dark-green);}
.led-link.off.down,
.led-link.disable.down{background-color:var(--link-off-dark-grey);}

.led-ping-ip{width:24px;height:12px;line-height:12px;border:1px inset;text-align:center;font-size:8pt;color:initial;/*border-radius:2px;*/background-color:#cccccc;}
.led-ping-ip.green-dark,
.led-ping-ip.on,
.led-ping-ip.enable,
.led-ping-ip.down{background-color:#008200;}
.led-ping-ip.grey,
.led-ping-ip.off,
.led-ping-ip.disable,
.led-ping-ip.off.down,
.led-ping-ip.disable.down{background-color:#aaaaaa;}
.led-ping-ip.green,
.led-ping-ip.up{background-color:#00d200;}
.led-ping-ip.white,
.led-ping-ip.free{background-color:#ffffff;}
.led-ping-ip.orange-red,
.led-ping-ip.warn{background-color:#ff5500;}
.led-ping-ip.orange,
.led-ping-ip.warn-lite{background-color:#ffaa00;}
.led-ping-ip.yellow-lite,
.led-ping-ip.highlight{background-color:#fff7aa;}


.modal{}
.modal.open{display:block;}
.modal.close{display:none;}
.modal>.m-bg{position:fixed;top:0;left:0;display:flex;justify-content:center;width:100vw;height:100vh;background-color:#00000033;overflow-y:scroll;z-index:999;}
.modal>.m-bg>.m-body{display:flex;flex-direction:column;gap:1px;width:320px;height:min-content;min-height:100px;padding:2px;border-radius:4px;justify-content:space-between;margin-top:54px;background-color: #f1f1f1;border: 4px double #aaa;}
.modal>.m-bg>.m-body>.m-title{text-align:center;}
.modal>.m-bg>.m-body>.m-content{border:1px dashed #aaa;min-height:inherit;padding:1px;}
.modal>.m-bg>.m-body>.m-footer{display:inline-flex;justify-content:space-between;align-items:center;}


.subnet-card{border:1px dashed #aaa;}

.subnet-leds-grid{display:flex;flex-wrap:wrap;margin:1px;}
.subnet-leds-grid>.lg-led{width:24px;line-height:12px;height:12px;color:initial;}

.subnet-led{width:24px;height:12px;line-height:12px;border:1px inset;text-align:center;font-size:8pt;color:initial;/*border-radius:2px;*/background-color:#cccccc;}
.subnet-led.green-dark,
.subnet-led.on,
.subnet-led.enable,
.subnet-led.down{background-color:#008200;}
.subnet-led.grey,
.subnet-led.off,
.subnet-led.disable,
.subnet-led.off.down,
.subnet-led.disable.down{background-color:#aaaaaa;}
.subnet-led.green,
.subnet-led.up{background-color:#00d200;}
.subnet-led.white,
.subnet-led.free{background-color:#ffffff;}
.subnet-led.orange-red,
.subnet-led.warn{background-color:#ff5500;}
.subnet-led.orange,
.subnet-led.warn-lite{background-color:#ffaa00;}
.subnet-led.yellow-lite,
.subnet-led.highlight{background-color:#fff7aa;}

.the-lldp-topology-wrapper{width:100%;height:100%;}
.area-of-devices-and-links{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%;}
.lldp-device-item{position:absolute;border:2px solid #555;background:#f1f1f1;z-index:1;opacity:0.9;cursor:move;border-radius:2px;}
.lldp-device-item.selected{border:2px solid #ff8100;z-index:2;}
.lldp-device-item>.device-header{background:#eddeb4;height:15px;display:flex;justify-content:space-between;padding:1px;}
.lldp-device-item>.device-header>.device-title{font-size:10pt;}
.lldp-device-item>.device-header>.device-delete-x{font-size:8pt;border:1px solid #555;border-radius:2px;padding:1px;width:10px;height:10px;text-align:center;}
.lldp-device-item.selected>.device-header>.device-delete-x{color:red;cursor:pointer;}
.lldp-device-item>.device-ports{display:flex;flex-direction:column;gap:1px;}
.lldp-device-item>.device-ports>.lldp-port-item{height:12px;line-height:12px;overflow:hidden;font-size:8pt;display:inline-flex;gap:1px;align-items:center;}
.lldp-device-item>.device-ports>.lldp-port-item{flex-direction:row-reverse;}
.lldp-device-item>.device-ports>.lldp-port-item>.port-socket{border:1px solid rgba(0, 0, 0, 0.5);border-radius:2px;width:16px;height:10px;cursor:crosshair;}
.lldp-device-item>.device-ports>.lldp-port-item>.port-socket.active{background:#FFFF00;}
.lldp-device-item>.device-ports>.lldp-port-item>.port-socket:hover{background:#00FF00;}
.lldp-device-item>.device-ports>.lldp-port-item>.port-socket:hover.active{background:#FF0000;}

.lnl-title-container.lnl-title-container-highlight{background-color:#fff7aa !important;}
.lldp-node-level-after:after{
  --border-width:2px;
  --border-style:solid;
  content: '';
  margin-left: var(--margin-left-for-after);
  border-left: var(--border-width) var(--border-style) #aaa;
  border-bottom: var(--border-width) var(--border-style) #aaa;
  border-color:var(--border-color-for-after);
  border-bottom-left-radius: 8px;
  width: 16px;
  height: 8px;
  margin-top: -2px;
}

progress[ktv-level] {
  transform: translateY(100px) rotateZ(270deg);
  width: 200px;
  height: 10px;
  display: block;
}



div[disabled],span[disabled]{color:#555 !important;}
.history,*[disabled].history{color:#999 !important;}
div[cache]{opacity:0.5 !important;}
*[hidden]{display:none !important;}
*[invisible]{opacity:0 !important;}
@supports not (display:grid){body{display:none !important;}}
:root{
  --bg-light-grey:#f1f1f1;
  --bg-light-grey-tr067:#f1f1f1aa;
  --link-up-green:#00d200;
  --link-down-dark-green:#008200;
  --link-on-light-grey:#cccccc;
  --link-off-dark-grey:#aaaaaa;
  --ping-up-green:#00d200;
  --ping-down-red:#ed143d;
  --blueviolet:#8a2be2;
  --level-up-orange:#ff8c00;
  --level-dn-blue:#4343ff;
  --level-eq-grey:#555555;
}
.color-00d200{color:#00d200;}.background-color-00d200{background-color:#00d200;}
.color-008200{color:#008200;}.background-color-008200{background-color:#008200;}
.color-f1f1f1{color:#f1f1f1;}.background-color-f1f1f1{background-color:#f1f1f1;}.background-color-f1f1f1aa{background-color:#f1f1f1aa;}
.color-cccccc{color:#cccccc;}.background-color-cccccc{background-color:#cccccc;}
.color-aaaaaa{color:#aaaaaa;}.background-color-aaaaaa{background-color:#aaaaaa;}
.color-ed143d{color:#ed143d;}.background-color-ed143d{background-color:#ed143d;}
.color-8a2be2{color:#8a2be2;}.background-color-8a2be2{background-color:#8a2be2;}
.color-ff8c00{color:#ff8c00;}
.color-4343ff{color:#4343ff;}
.color-555555{color:#555555;}





.box-sizing-border-box{box-sizing:border-box;}

.top-0{top:0;}
.inset-0px{inset:0px;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-fixed{position:fixed;}

.overflow-y-auto{overflow-y:auto;}
.overflow-x-auto{overflow-x:auto;}

.pointer-events-none{pointer-events:none;}

.width-inherit{width:inherit;}
.width-100-100{width:100%;}
.width-100{width:100% !important;}
.width-6px{width:6px !important;}
.width-8px{width:8px;}
.width-10px{width:10px !important;}
.width-12px{width:12px;}
.width-14px{width:14px;}
.width-16px{width:16px;}
.width-20px{width:20px !important;}
.width-24px{width:24px !important;}
.width-30px{width:30px !important;}
.width-40px{width:40px !important;}
.width-42px{width:42px !important;}
.width-45px{width:45px !important;}
.width-50px{width:50px !important;}
.width-55px{width:55px !important;}
.width-60px{width:60px !important;}
.width-70px{width:70px !important;}
.width-80px{width:80px !important;}
.width-90px{width:90px !important;}
.width-94px{width:94px;}
.width-100px{width:100px !important;}
.width-110px{width:110px !important;}
.width-128px{width:128px !important;}
.width-150px{width:150px !important;}
.width-168px{width:168px;}
.width-190px{width:190px;}
.width-188px{width:188px;}
.width-200px{width:200px !important;}
.width-220px{width:220px !important;}
.width-230px{width:230px !important;}

.width-max-content{width: max-content;}

.min-width-10px{min-width:10px !important;}
.min-width-20px{min-width:20px !important;}
.min-width-24px{min-width:24px !important;}
.min-width-40px{min-width:40px !important;}
.min-width-45px{min-width:45px !important;}
.min-width-60px{min-width:60px !important;}
.min-width-70px{min-width:70px !important;}
.min-width-75px{min-width:75px;}
.min-width-80px{min-width:80px;}
.min-width-100px{min-width:100px;}
.min-width-110px{min-width:110px;}
.min-width-130px{min-width:130px !important;}

.max-width-300px{max-width:300px !important;}
.max-width-500px{max-width:500px !important;}
.max-width-900px{max-width:900px !important;}

.height-100-100{height:100%;}
.height-6px{height:6px !important;}
.height-8px{height:8px;}.line-height-8px{line-height:8px;}
.height-10px{height:10px !important;}
.height-12px{height:12px !important;}
.height-15px{height:15px !important;}
.height-17px{height:17px !important;}
.height-18px{height:18px !important;}
.height-90vh{height: 90vh;}

.height-max-content{height: max-content;}

.display-flex,.display-flex-important{display:flex !important;}
.display-inline-flex,.display-inline-flex-important{display:inline-flex !important;}
.flex-direction-column,.flex-direction-column{flex-direction:column !important;}
.align-items-center,.align-items-center-important{align-items:center !important;}
.align-items-flex-end{align-items:flex-end;}
.align-items-stretch,.align-items-stretch-important{align-items: stretch !important;}
.justify-content-center,.justify-content-center-important{justify-content:center !important;}
.justify-content-space-between,.justify-content-space-between-important{justify-content:space-between !important;}
.justify-content-space-around,.justify-content-space-around-important{justify-content:space-around !important;}
.justify-content-flex-end,.justify-content-flex-end-important{justify-content:flex-end !important;}

.align-self-end{align-self: end;}

.justify-self-end{justify-self:end;}

.flex-wrap-wrap{flex-wrap:wrap;}

.display-grid{display:grid;}
.grid-area-1-1-2-2{grid-area:1/1/2/2;}
.grid-column-span-2,.grid-column-span-2-important{grid-column:span 2 !important;}
.grid-column-span-3,.grid-column-span-3-important{grid-column:span 3 !important;}
.grid-column-span-4,.grid-column-span-4-important{grid-column:span 4 !important;}
.grid-column-span-5,.grid-column-span-5-important{grid-column:span 5 !important;}
.grid-column-span-6,.grid-column-span-6-important{grid-column:span 6 !important;}
.grid-column-5-span-4,.grid-column-5-span-4-important{grid-column:5/span 4 !important;}
.grid-auto-flow-column{grid-auto-flow:column;}
.justify-items-center{justify-items:center;}

.gap-1px,.gap-1px-important{gap:1px !important;}
.gap-2px,.gap-2px-important{gap:2px !important;}
.gap-4px{gap:4px;}
.gap-8px{gap:8px;}
.gap-10px,.gap-10px-important{gap:10px !important;}
.gap-50px{gap:50px;}
.gap-100px{gap:100px;}
.gap-150px{gap:150px;}
.row-gap-5px,.row-gap-5px-important{row-gap:5px !important;}

.display-contents{display:contents;}

.margin-auto,.margin-auto-important{margin:auto !important;}
.margin-left-auto,.margin-left-auto-important{margin-left:auto !important;}
.margin-20px,.margin-20px-important{margin:20px !important;}

.margin-top-1px{margin-top:1px;}
.margin-top-2px,.margin-top-2px-important{margin-top:2px !important;}
.margin-top-4px{margin-top:4px;}
.margin-top-10px,.margin-top-10px-important{margin-top:10px !important;}

.margin-left-1px{margin-left:1px;}
.margin-left-2px,.margin-left-2px-important{margin-left:2px !important;}
.margin-left-4px{margin-left:4px;}
.margin-left-200px{margin-left:200px;}
.margin-left-10px,.margin-left-10px-important{margin-left:10px !important;}
.margin-left--24px,.margin-left--24px-important{margin-left:-24px !important;}


.margin-right-4px{margin-right:4px;}
.margin-right-10px,.margin-right-10px-important{margin-right:10px !important;}

.margin-bottom-4px{margin-bottom:4px;}

.padding-1px,.padding-1px-important{padding:1px !important;}

.padding-left-2px,.padding-left-2px-important{padding-left:2px !important;}

.padding-right-2px,.padding-right-2px-important{padding-right:2px !important;}

.font-family-arial,.font-family-arial-important{font-family:arial !important;}
.font-family-monospace{font-family:monospace;}
.font-stretch-ultra-condensed{font-stretch:ultra-condensed;}

.font-size-8px{font-size:8px;}
.line-height-9px{line-height:9px;}

.font-size-8pt,.font-size-8pt-important{font-size:8pt !important;}
.line-height-8pt,.line-height-8pt-important{line-height:8pt !important;}
.font-size-10pt,.font-size-10pt-important{font-size:10pt !important;}
.line-height-10pt,.line-height-10pt-important{line-height:10pt !important;}
.font-size-11pt{font-size:11pt;}




.text-align-center,.text-align-center-important{text-align:center !important;}
.text-align-left,.text-align-left-important{text-align:left !important;}
.white-space-pre,.white-space-pre-important{white-space:pre !important;}
.text-transform-uppercase{text-transform: uppercase;}

.border-style-none,.border-style-none-important{border-style:none !important;}
.border-1px-solid-aaa{border: 1px solid #aaa;}
.border-1px-dashed-aaa{border: 1px dashed #aaa;}
.border-left-1px-solid-aaa{border-left: 1px solid #aaa;}
.border-right-1px-solid-aaa{border-right: 1px solid #aaa;}
.border-top-1px-solid-aaa{border-top: 1px solid #aaa;}
.border-bottom-1px-solid-aaa{border-bottom: 1px solid #aaa;}

.border-radius-2px{border-radius: 2px;}

.transform-rotate-180deg,.transform-rotate-180deg-important{transform: rotate(180deg) !important;}

.stackoverflow {
  --white: hsl(0,0%,100%);
  --black: hsl(210,8%,5%);
  --orange: hsl(27,90%,55%);
  --yellow: hsl(47,83%,91%);
  --green: hsl(140,40%,55%);
  --blue: hsl(206,100%,40%);
  --powder: hsl(205,46%,92%);
  --red: hsl(358,62%,52%);
  --black-025: hsl(210,8%,97.5%);
  --black-050: hsl(210,8%,95%);
  --black-075: hsl(210,8%,90%);
  --black-100: hsl(210,8%,85%);
  --black-150: hsl(210,8%,80%);
  --black-200: hsl(210,8%,75%);
  --black-300: hsl(210,8%,65%);
  --black-350: hsl(210,8%,60%);
  --black-400: hsl(210,8%,55%);
  --black-500: hsl(210,8%,45%);
  --black-600: hsl(210,8%,35%);
  --black-700: hsl(210,8%,25%);
  --black-750: hsl(210,8%,20%);
  --black-800: hsl(210,8%,15%);
  --black-900: hsl(210,8%,5%);
  --orange-050: hsl(27,100%,97%);
  --orange-100: hsl(27,95%,90%);
  --orange-200: hsl(27,90%,83%);
  --orange-300: hsl(27,90%,70%);
  --orange-400: hsl(27,90%,55%);
  --orange-500: hsl(27,90%,50%);
  --orange-600: hsl(27,90%,45%);
  --orange-700: hsl(27,90%,39%);
  --orange-800: hsl(27,87%,35%);
  --orange-900: hsl(27,80%,30%);
  --blue-050: hsl(206,100%,97%);
  --blue-100: hsl(206,96%,90%);
  --blue-200: hsl(206,93%,83.5%);
  --blue-300: hsl(206,90%,69.5%);
  --blue-400: hsl(206,85%,57.5%);
  --blue-500: hsl(206,100%,52%);
  --blue-600: hsl(206,100%,40%);
  --blue-700: hsl(209,100%,37.5%);
  --blue-800: hsl(209,100%,32%);
  --blue-900: hsl(209,100%,26%);
  --powder-050: hsl(205,47%,97%);
  --powder-100: hsl(205,46%,92%);
  --powder-200: hsl(205,53%,88%);
  --powder-300: hsl(205,57%,81%);
  --powder-400: hsl(205,56%,76%);
  --powder-500: hsl(205,41%,63%);
  --powder-600: hsl(205,36%,53%);
}