/* WEBIQ_APP - sizing */
 .container,.iq-container{box-sizing:border-box;position:relative}
.container,.container .form>div,.container>.margin-compensator,.container>div,.iq-container,.iq-container>.margin-compensator,.view,body{position:relative}
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0}
article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}
a img{border:0}
body{margin-left:auto;margin-right:auto}
body *{font:14px RobotoLight,sans-serif;line-height:24px}
img,svg{display:block}
.ctrl:not(rect):not(path){width:100%}
.container{width:100%;min-width:8px;min-height:8px;outline-offset:-1px}
.container::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.container>.margin-compensator{width:100%;height:100%}
.container:not(.inline-layout):not(.flex-layout):not(.stacked-layout)>.margin-compensator::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.container:not(.inline-layout):not(.flex-layout):not(.stacked-layout)>.margin-compensator>*{float:left}
.container.auto-width .container,.container.auto-width .ctrl,.container.auto-width .iq-container{width:auto}
.container.inline-layout>.margin-compensator{font-size:0;white-space:nowrap}
.container.inline-layout>.margin-compensator>*{display:inline-block;float:none;width:auto;vertical-align:top}
.container.inline-layout.top>.margin-compensator>*{vertical-align:top}
.container.inline-layout.bottom>.margin-compensator>*{vertical-align:bottom}
.container.inline-layout.middle>.margin-compensator>*{vertical-align:middle}
.container.inline-layout.left-aligned>.margin-compensator{text-align:left}
.container.inline-layout.right-aligned>.margin-compensator{text-align:right}
.container.inline-layout.centered>.margin-compensator{text-align:center}
.container.right-aligned:not(.inline-layout):not(.flex-layout)>.margin-compensator>div{float:right}
.container.flex-layout>.margin-compensator{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}
.container.flex-layout>.margin-compensator>*{float:none}
.container.flex-layout>.margin-compensator>.flex-1{flex:1}
.container.flex-layout>.margin-compensator>.flex-2{flex:2}
.container.flex-layout>.margin-compensator>.flex-3{flex:3}
.container.flex-layout>.margin-compensator>.flex-4{flex:4}
.container.flex-layout>.margin-compensator>.flex-5{flex:5}
.container.flex-layout>.margin-compensator>.flex-6{flex:6}
.container.flex-layout>.margin-compensator>.flex-7{flex:7}
.container.flex-layout>.margin-compensator>.flex-8{flex:8}
.container.flex-layout>.margin-compensator>.flex-9{flex:9}
.container.flex-layout>.margin-compensator>.flex-10{flex:10}
.container.flex-layout.column-orientation>.margin-compensator{height:100%;flex-direction:column}
.container.flex-layout.column-orientation.left-aligned>.margin-compensator{align-items:flex-start}
.container.flex-layout.column-orientation.centered>.margin-compensator{align-items:center}
.container.flex-layout.column-orientation.right-aligned>.margin-compensator{align-items:flex-end}
.container.flex-layout.column-orientation.top>.margin-compensator{justify-content:flex-start}
.container.flex-layout.column-orientation.middle>.margin-compensator{justify-content:center}
.container.flex-layout.column-orientation.bottom>.margin-compensator{justify-content:flex-end}
.container.flex-layout:not(.column-orientation).top>.margin-compensator{align-items:flex-start}
.container.flex-layout:not(.column-orientation).middle>.margin-compensator{align-items:center}
.container.flex-layout:not(.column-orientation).bottom>.margin-compensator{align-items:flex-end}
.container.flex-layout:not(.column-orientation).left-aligned>.margin-compensator{justify-content:flex-start}
.container.flex-layout:not(.column-orientation).centered>.margin-compensator{justify-content:center}
.container.flex-layout:not(.column-orientation).right-aligned>.margin-compensator{justify-content:flex-end}
.container.flex-layout.align-items-start>.margin-compensator{align-items:flex-start}
.container.flex-layout.align-items-center>.margin-compensator{align-items:center}
.container.flex-layout.align-items-end>.margin-compensator{align-items:flex-end}
.container.flex-layout.justify-content-start>.margin-compensator{justify-content:flex-start}
.container.flex-layout.justify-content-center>.margin-compensator{justify-content:center}
.container.flex-layout.justify-content-end>.margin-compensator{justify-content:flex-end}
.container.flex-layout.distribute-evenly>.margin-compensator>div,.container.flex-layout.distribute-evenly>.margin-compensator>div:last-child{margin:0 auto}
.container.flex-layout.distribute-evenly>.margin-compensator>div:first-child{margin-left:0}
.container.flex-layout.distribute-evenly>.margin-compensator>div:last-child{margin-right:0}
.container.flex-layout.distribute-evenly.column-orientation>.margin-compensator>div,.container.flex-layout.distribute-evenly.column-orientation>.margin-compensator>div:last-child{margin:auto 0}
.container.flex-layout.flex-all>.margin-compensator>div{flex:1}
.container.flex-layout.flex-all:not(.column-orientation)>.margin-compensator>div{width:auto}
.container.flex-layout.flex-all.column-orientation>.margin-compensator>div{height:auto}
.container.flex-layout.flex-none>.margin-compensator>div{flex:none}
.container.flex-layout.flex-none:not(.column-orientation)>.margin-compensator>div{width:auto}
.container.flex-layout.flex-none:not(.column-orientation)>.margin-compensator>.container{height:40px}
.container.flex-layout.flex-none.column-orientation>.margin-compensator>div{height:auto}
.container.auto-margin.stacked-layout>.margin-compensator>:not(:first-child){margin-top:8px}
.container.auto-margin.inline-layout>.margin-compensator>:not(:first-child){margin-left:8px}
.container.auto-margin:not(.flex-layout):not(.inline-layout):not(.stacked-layout)>.margin-compensator{width:calc(100% + 8px);height:calc(100% + 8px);margin-top:-8px}
.container.auto-margin:not(.flex-layout):not(.inline-layout):not(.stacked-layout)>.margin-compensator>div{max-width:calc(100% - 8px);margin-top:8px}
.container.auto-margin:not(.flex-layout):not(.inline-layout):not(.stacked-layout):not(.right-aligned)>.margin-compensator{margin-left:-8px}
.container.auto-margin.flex-layout:not(.column-orientation)>.margin-compensator>div:not(:first-child),.container.auto-margin:not(.flex-layout):not(.inline-layout):not(.stacked-layout):not(.right-aligned)>.margin-compensator>div{margin-left:8px}
.container.auto-margin:not(.flex-layout):not(.inline-layout):not(.stacked-layout).right-aligned>.margin-compensator{margin-right:-8px}
.container.auto-margin:not(.flex-layout):not(.inline-layout):not(.stacked-layout).right-aligned>.margin-compensator>div{margin-right:8px}
.container.auto-margin.flex-layout.column-orientation>.margin-compensator>div:not(:first-child){margin-top:8px}
.container.auto-margin.flex-layout.distribute-evenly.column-orientation>.margin-compensator>div,.container.auto-margin.flex-layout.distribute-evenly.column-orientation>.margin-compensator>div:last-child{margin:auto 0}
.iq-container{width:auto}
.iq-container>.margin-compensator{display:flex;flex-direction:row;width:100%;height:100%}
.iq-container>.margin-compensator>.ctrl:not(rect):not(path){width:auto}
.iq-container>.margin-compensator:empty::after{flex:1 1 auto;width:40px;height:40px;content:""}
.iq-container.column-orientation>.margin-compensator{flex-direction:column}
.iq-container.flex-wrap>.margin-compensator{flex-wrap:wrap}
.iq-container.flex-wrap-reverse>.margin-compensator{flex-wrap:wrap-reverse}
.iq-container.flex-primary-align-start>.margin-compensator{justify-content:flex-start}
.iq-container.flex-primary-align-end>.margin-compensator{justify-content:flex-end}
.iq-container.flex-primary-align-center>.margin-compensator{justify-content:center}
.iq-container.flex-primary-align-space-between>.margin-compensator{justify-content:space-between}
.iq-container.flex-primary-align-space-around>.margin-compensator{justify-content:space-around}
.iq-container.flex-primary-align-space-evenly>.margin-compensator{justify-content:space-evenly}
.iq-container.flex-secondary-align-stretched>.margin-compensator{align-items:stretch}
.iq-container.flex-secondary-align-start>.margin-compensator{align-items:flex-start}
.iq-container.flex-secondary-align-end>.margin-compensator{align-items:flex-end}
.iq-container.flex-secondary-align-center>.margin-compensator{align-items:center}
.iq-container.flex-secondary-align-baseline>.margin-compensator{align-items:baseline}
.iq-container.flex-line-align-start>.margin-compensator{align-content:flex-start}
.iq-container.flex-line-align-center>.margin-compensator{align-content:center}
.iq-container.flex-line-align-end>.margin-compensator{align-content:flex-end}
.iq-container.flex-line-align-stretch>.margin-compensator{align-content:stretch}
.iq-container.flex-line-align-space-between>.margin-compensator{align-content:space-between}
.iq-container.flex-line-align-space-around>.margin-compensator{align-content:space-around}
.iq-container.flex-none>.margin-compensator>.container,.iq-container.flex-none>.margin-compensator>.ctrl,.iq-container.flex-none>.margin-compensator>.iq-container{flex:none}
body{min-height:100vh;height:1px;user-select:none}
.itemDebug{position:absolute;width:30px;height:30px;top:0;left:0;background:url(../pics/system/icons/debug_icon.png);background-size:30px 30px;z-index:10001;transform:translate3d(0,0,2px)}
.clearfix::after,.dialog-box .info .prop::after{content:"\0020";height:0;clear:both;visibility:hidden}
.itemDebug .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.itemDebug:hover{z-index:10002}
.dialog-box .info .prop{padding:5px}
.dialog-box .info .prop::after{display:block}
.dialog-box .info .prop>div{float:left}
.dialog-box .info .prop>div:first-child{width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dialog-box .info .prop:nth-child(odd){background-color:#fafafa}
.dialog-box .info .prop:nth-child(even){background-color:#efefef}
.hidden,div.hidden{display:none}
.bold{font-weight:700}
.controls-invisible .ctrl,.invisible{visibility:hidden}
.clearfix::after{display:block}
.login_container,body>.layout,body>.mouselistener-overlay{width:100%;height:100%}
.login_container{background-color:transparent!important}
:focus{outline:0}
.ctrl .selectableText{user-select:text}
body>.mouselistener-overlay{position:fixed;left:0;top:0;background-color:#000;opacity:0;z-index:99999}
img::-moz-selection,img::selection{background:0 0}
/* WEBIQ_APP - theming */
 :root{--iq-primary-color:#fbfbfb;--iq-primary-variant-1:#f3f3f3;--iq-primary-variant-2:#ebebeb;--iq-primary-variant-3:#e3e3e3;--iq-primary-variant-4:#dbdbdb;--iq-primary-background:#fdfdfd;--iq-primary-surface:#ffffff;--iq-secondary-color:#353535;--iq-secondary-variant1:#3D3D3D;--iq-secondary-variant2:#454545;--iq-secondary-variant3:#4D4D4D;--iq-secondary-variant4:#555555;--iq-secondary-background:#333333;--iq-secondary-surface:#313131;--iq-alarm-color:#E80000;--iq-warning-color:#F29E28;--iq-ok-color:#9FCD52;--iq-highlight-color:#00ABF0;--iq-on-primary:#3C3C3C;--iq-on-primary-background:#3C3C3C;--iq-on-primary-surface:#3C3C3C;--iq-on-secondary:#FFFFFF;--iq-on-secondary-background:#FFFFFF;--iq-on-secondary-surface:#FFFFFF;--iq-on-alarm:#FFFFFF;--iq-on-warning:#FFFFFF;--iq-on-ok:#FFFFFF;--iq-on-highlight:#FFFFFF;--iq-info-color:#266BB0;--iq-on-info:#FFFFFF;--iq-locked-opacity:0.7;--iq-border-width:1px;--iq-control-border-radius:4px;--iq-control-shadow:0 3px 3px 0 hsla(0, 0%, 0%, 0.2)}
html{background-color:#F3F3F3}
body{color:#3C3C3C;-webkit-tap-highlight-color:#00ABF0}
.container{background-color:#FBFBFB}
.container .container{background-color:transparent}
::selection{background-color:#00ABF0;color:#FFF}
::-moz-selection{background-color:#00ABF0;color:#FFF}
.container.background-color-1{background-color:#FBFBFB}
.container.background-color-2{background-color:#F3F3F3}
.container.background-color-3{background-color:#DCDCDC}
.container.background-color-4{background-color:#919191}
.container.background-color-5{background-color:#353535}
.container.background-color-6{background-color:#F29E28}
.container.background-color-7{background-color:#E80000}
.container.background-color-8{background-color:#9bc628}
.container.background-color-9{background-color:#00ABF0}
.container.border-1px-color-1{border:1px solid #FBFBFB}
.container.border-2px-color-1{border:2px solid #FBFBFB}
.container.border-3px-color-1{border:3px solid #FBFBFB}
.container.border-4px-color-1{border:4px solid #FBFBFB}
.container.border-5px-color-1{border:5px solid #FBFBFB}
.container.border-6px-color-1{border:6px solid #FBFBFB}
.container.border-7px-color-1{border:7px solid #FBFBFB}
.container.border-8px-color-1{border:8px solid #FBFBFB}
.container.border-9px-color-1{border:9px solid #FBFBFB}
.container.border-10px-color-1{border:10px solid #FBFBFB}
.container.border-1px-color-2{border:1px solid #F3F3F3}
.container.border-2px-color-2{border:2px solid #F3F3F3}
.container.border-3px-color-2{border:3px solid #F3F3F3}
.container.border-4px-color-2{border:4px solid #F3F3F3}
.container.border-5px-color-2{border:5px solid #F3F3F3}
.container.border-6px-color-2{border:6px solid #F3F3F3}
.container.border-7px-color-2{border:7px solid #F3F3F3}
.container.border-8px-color-2{border:8px solid #F3F3F3}
.container.border-9px-color-2{border:9px solid #F3F3F3}
.container.border-10px-color-2{border:10px solid #F3F3F3}
.container.border-1px-color-3{border:1px solid #DCDCDC}
.container.border-2px-color-3{border:2px solid #DCDCDC}
.container.border-3px-color-3{border:3px solid #DCDCDC}
.container.border-4px-color-3{border:4px solid #DCDCDC}
.container.border-5px-color-3{border:5px solid #DCDCDC}
.container.border-6px-color-3{border:6px solid #DCDCDC}
.container.border-7px-color-3{border:7px solid #DCDCDC}
.container.border-8px-color-3{border:8px solid #DCDCDC}
.container.border-9px-color-3{border:9px solid #DCDCDC}
.container.border-10px-color-3{border:10px solid #DCDCDC}
.container.border-1px-color-4{border:1px solid #919191}
.container.border-2px-color-4{border:2px solid #919191}
.container.border-3px-color-4{border:3px solid #919191}
.container.border-4px-color-4{border:4px solid #919191}
.container.border-5px-color-4{border:5px solid #919191}
.container.border-6px-color-4{border:6px solid #919191}
.container.border-7px-color-4{border:7px solid #919191}
.container.border-8px-color-4{border:8px solid #919191}
.container.border-9px-color-4{border:9px solid #919191}
.container.border-10px-color-4{border:10px solid #919191}
.container.border-1px-color-5{border:1px solid #353535}
.container.border-2px-color-5{border:2px solid #353535}
.container.border-3px-color-5{border:3px solid #353535}
.container.border-4px-color-5{border:4px solid #353535}
.container.border-5px-color-5{border:5px solid #353535}
.container.border-6px-color-5{border:6px solid #353535}
.container.border-7px-color-5{border:7px solid #353535}
.container.border-8px-color-5{border:8px solid #353535}
.container.border-9px-color-5{border:9px solid #353535}
.container.border-10px-color-5{border:10px solid #353535}
.container.border-1px-color-6{border:1px solid #F29E28}
.container.border-2px-color-6{border:2px solid #F29E28}
.container.border-3px-color-6{border:3px solid #F29E28}
.container.border-4px-color-6{border:4px solid #F29E28}
.container.border-5px-color-6{border:5px solid #F29E28}
.container.border-6px-color-6{border:6px solid #F29E28}
.container.border-7px-color-6{border:7px solid #F29E28}
.container.border-8px-color-6{border:8px solid #F29E28}
.container.border-9px-color-6{border:9px solid #F29E28}
.container.border-10px-color-6{border:10px solid #F29E28}
.container.border-1px-color-7{border:1px solid #E80000}
.container.border-2px-color-7{border:2px solid #E80000}
.container.border-3px-color-7{border:3px solid #E80000}
.container.border-4px-color-7{border:4px solid #E80000}
.container.border-5px-color-7{border:5px solid #E80000}
.container.border-6px-color-7{border:6px solid #E80000}
.container.border-7px-color-7{border:7px solid #E80000}
.container.border-8px-color-7{border:8px solid #E80000}
.container.border-9px-color-7{border:9px solid #E80000}
.container.border-10px-color-7{border:10px solid #E80000}
.container.border-1px-color-8{border:1px solid #9bc628}
.container.border-2px-color-8{border:2px solid #9bc628}
.container.border-3px-color-8{border:3px solid #9bc628}
.container.border-4px-color-8{border:4px solid #9bc628}
.container.border-5px-color-8{border:5px solid #9bc628}
.container.border-6px-color-8{border:6px solid #9bc628}
.container.border-7px-color-8{border:7px solid #9bc628}
.container.border-8px-color-8{border:8px solid #9bc628}
.container.border-9px-color-8{border:9px solid #9bc628}
.container.border-10px-color-8{border:10px solid #9bc628}
.container.border-1px-color-9{border:1px solid #00ABF0}
.container.border-2px-color-9{border:2px solid #00ABF0}
.container.border-3px-color-9{border:3px solid #00ABF0}
.container.border-4px-color-9{border:4px solid #00ABF0}
.container.border-5px-color-9{border:5px solid #00ABF0}
.container.border-6px-color-9{border:6px solid #00ABF0}
.container.border-7px-color-9{border:7px solid #00ABF0}
.container.border-8px-color-9{border:8px solid #00ABF0}
.container.border-9px-color-9{border:9px solid #00ABF0}
.container.border-10px-color-9{border:10px solid #00ABF0}
.container.box-shadow-1px-color-1{box-shadow:0 0 1px 0 #FBFBFB}
.container.box-shadow-2px-color-1{box-shadow:0 0 2px 0 #FBFBFB}
.container.box-shadow-3px-color-1{box-shadow:0 0 3px 0 #FBFBFB}
.container.box-shadow-4px-color-1{box-shadow:0 0 4px 0 #FBFBFB}
.container.box-shadow-5px-color-1{box-shadow:0 0 5px 0 #FBFBFB}
.container.box-shadow-6px-color-1{box-shadow:0 0 6px 0 #FBFBFB}
.container.box-shadow-7px-color-1{box-shadow:0 0 7px 0 #FBFBFB}
.container.box-shadow-8px-color-1{box-shadow:0 0 8px 0 #FBFBFB}
.container.box-shadow-9px-color-1{box-shadow:0 0 9px 0 #FBFBFB}
.container.box-shadow-10px-color-1{box-shadow:0 0 10px 0 #FBFBFB}
.container.box-shadow-1px-color-2{box-shadow:0 0 1px 0 #F3F3F3}
.container.box-shadow-2px-color-2{box-shadow:0 0 2px 0 #F3F3F3}
.container.box-shadow-3px-color-2{box-shadow:0 0 3px 0 #F3F3F3}
.container.box-shadow-4px-color-2{box-shadow:0 0 4px 0 #F3F3F3}
.container.box-shadow-5px-color-2{box-shadow:0 0 5px 0 #F3F3F3}
.container.box-shadow-6px-color-2{box-shadow:0 0 6px 0 #F3F3F3}
.container.box-shadow-7px-color-2{box-shadow:0 0 7px 0 #F3F3F3}
.container.box-shadow-8px-color-2{box-shadow:0 0 8px 0 #F3F3F3}
.container.box-shadow-9px-color-2{box-shadow:0 0 9px 0 #F3F3F3}
.container.box-shadow-10px-color-2{box-shadow:0 0 10px 0 #F3F3F3}
.container.box-shadow-1px-color-3{box-shadow:0 0 1px 0 #DCDCDC}
.container.box-shadow-2px-color-3{box-shadow:0 0 2px 0 #DCDCDC}
.container.box-shadow-3px-color-3{box-shadow:0 0 3px 0 #DCDCDC}
.container.box-shadow-4px-color-3{box-shadow:0 0 4px 0 #DCDCDC}
.container.box-shadow-5px-color-3{box-shadow:0 0 5px 0 #DCDCDC}
.container.box-shadow-6px-color-3{box-shadow:0 0 6px 0 #DCDCDC}
.container.box-shadow-7px-color-3{box-shadow:0 0 7px 0 #DCDCDC}
.container.box-shadow-8px-color-3{box-shadow:0 0 8px 0 #DCDCDC}
.container.box-shadow-9px-color-3{box-shadow:0 0 9px 0 #DCDCDC}
.container.box-shadow-10px-color-3{box-shadow:0 0 10px 0 #DCDCDC}
.container.box-shadow-1px-color-4{box-shadow:0 0 1px 0 #919191}
.container.box-shadow-2px-color-4{box-shadow:0 0 2px 0 #919191}
.container.box-shadow-3px-color-4{box-shadow:0 0 3px 0 #919191}
.container.box-shadow-4px-color-4{box-shadow:0 0 4px 0 #919191}
.container.box-shadow-5px-color-4{box-shadow:0 0 5px 0 #919191}
.container.box-shadow-6px-color-4{box-shadow:0 0 6px 0 #919191}
.container.box-shadow-7px-color-4{box-shadow:0 0 7px 0 #919191}
.container.box-shadow-8px-color-4{box-shadow:0 0 8px 0 #919191}
.container.box-shadow-9px-color-4{box-shadow:0 0 9px 0 #919191}
.container.box-shadow-10px-color-4{box-shadow:0 0 10px 0 #919191}
.container.box-shadow-1px-color-5{box-shadow:0 0 1px 0 #353535}
.container.box-shadow-2px-color-5{box-shadow:0 0 2px 0 #353535}
.container.box-shadow-3px-color-5{box-shadow:0 0 3px 0 #353535}
.container.box-shadow-4px-color-5{box-shadow:0 0 4px 0 #353535}
.container.box-shadow-5px-color-5{box-shadow:0 0 5px 0 #353535}
.container.box-shadow-6px-color-5{box-shadow:0 0 6px 0 #353535}
.container.box-shadow-7px-color-5{box-shadow:0 0 7px 0 #353535}
.container.box-shadow-8px-color-5{box-shadow:0 0 8px 0 #353535}
.container.box-shadow-9px-color-5{box-shadow:0 0 9px 0 #353535}
.container.box-shadow-10px-color-5{box-shadow:0 0 10px 0 #353535}
.container.box-shadow-1px-color-6{box-shadow:0 0 1px 0 #F29E28}
.container.box-shadow-2px-color-6{box-shadow:0 0 2px 0 #F29E28}
.container.box-shadow-3px-color-6{box-shadow:0 0 3px 0 #F29E28}
.container.box-shadow-4px-color-6{box-shadow:0 0 4px 0 #F29E28}
.container.box-shadow-5px-color-6{box-shadow:0 0 5px 0 #F29E28}
.container.box-shadow-6px-color-6{box-shadow:0 0 6px 0 #F29E28}
.container.box-shadow-7px-color-6{box-shadow:0 0 7px 0 #F29E28}
.container.box-shadow-8px-color-6{box-shadow:0 0 8px 0 #F29E28}
.container.box-shadow-9px-color-6{box-shadow:0 0 9px 0 #F29E28}
.container.box-shadow-10px-color-6{box-shadow:0 0 10px 0 #F29E28}
.container.box-shadow-1px-color-7{box-shadow:0 0 1px 0 #E80000}
.container.box-shadow-2px-color-7{box-shadow:0 0 2px 0 #E80000}
.container.box-shadow-3px-color-7{box-shadow:0 0 3px 0 #E80000}
.container.box-shadow-4px-color-7{box-shadow:0 0 4px 0 #E80000}
.container.box-shadow-5px-color-7{box-shadow:0 0 5px 0 #E80000}
.container.box-shadow-6px-color-7{box-shadow:0 0 6px 0 #E80000}
.container.box-shadow-7px-color-7{box-shadow:0 0 7px 0 #E80000}
.container.box-shadow-8px-color-7{box-shadow:0 0 8px 0 #E80000}
.container.box-shadow-9px-color-7{box-shadow:0 0 9px 0 #E80000}
.container.box-shadow-10px-color-7{box-shadow:0 0 10px 0 #E80000}
.container.box-shadow-1px-color-8{box-shadow:0 0 1px 0 #9bc628}
.container.box-shadow-2px-color-8{box-shadow:0 0 2px 0 #9bc628}
.container.box-shadow-3px-color-8{box-shadow:0 0 3px 0 #9bc628}
.container.box-shadow-4px-color-8{box-shadow:0 0 4px 0 #9bc628}
.container.box-shadow-5px-color-8{box-shadow:0 0 5px 0 #9bc628}
.container.box-shadow-6px-color-8{box-shadow:0 0 6px 0 #9bc628}
.container.box-shadow-7px-color-8{box-shadow:0 0 7px 0 #9bc628}
.container.box-shadow-8px-color-8{box-shadow:0 0 8px 0 #9bc628}
.container.box-shadow-9px-color-8{box-shadow:0 0 9px 0 #9bc628}
.container.box-shadow-10px-color-8{box-shadow:0 0 10px 0 #9bc628}
.container.box-shadow-1px-color-9{box-shadow:0 0 1px 0 #00ABF0}
.container.box-shadow-2px-color-9{box-shadow:0 0 2px 0 #00ABF0}
.container.box-shadow-3px-color-9{box-shadow:0 0 3px 0 #00ABF0}
.container.box-shadow-4px-color-9{box-shadow:0 0 4px 0 #00ABF0}
.container.box-shadow-5px-color-9{box-shadow:0 0 5px 0 #00ABF0}
.container.box-shadow-6px-color-9{box-shadow:0 0 6px 0 #00ABF0}
.container.box-shadow-7px-color-9{box-shadow:0 0 7px 0 #00ABF0}
.container.box-shadow-8px-color-9{box-shadow:0 0 8px 0 #00ABF0}
.container.box-shadow-9px-color-9{box-shadow:0 0 9px 0 #00ABF0}
.container.box-shadow-10px-color-9{box-shadow:0 0 10px 0 #00ABF0}
.container.background-gradient-color-1-color-2{background:linear-gradient(#FBFBFB,#F3F3F3)}
.container.background-gradient-color-2-color-3{background:linear-gradient(#F3F3F3,#DCDCDC)}
.container.background-gradient-color-3-color-4{background:linear-gradient(#DCDCDC,#919191)}
.container.background-gradient-color-4-color-5{background:linear-gradient(#919191,#353535)}
.container.background-gradient-color-5-color-6{background:linear-gradient(#353535,#F29E28)}
.container.background-gradient-color-6-color-7{background:linear-gradient(#F29E28,#E80000)}
.container.background-gradient-color-7-color-8{background:linear-gradient(#E80000,#9bc628)}
.container.background-gradient-color-8-color-9{background:linear-gradient(#9bc628,#00ABF0)}
.container.background-gradient-color-1-color-2-hor{background:linear-gradient(to right,#FBFBFB,#F3F3F3)}
.container.background-gradient-color-2-color-3-hor{background:linear-gradient(to right,#F3F3F3,#DCDCDC)}
.container.background-gradient-color-3-color-4-hor{background:linear-gradient(to right,#DCDCDC,#919191)}
.container.background-gradient-color-4-color-5-hor{background:linear-gradient(to right,#919191,#353535)}
.container.background-gradient-color-5-color-6-hor{background:linear-gradient(to right,#353535,#F29E28)}
.container.background-gradient-color-6-color-7-hor{background:linear-gradient(to right,#F29E28,#E80000)}
.container.background-gradient-color-7-color-8-hor{background:linear-gradient(to right,#E80000,#9bc628)}
.container.background-gradient-color-8-color-9-hor{background:linear-gradient(to right,#9bc628,#00ABF0)}
.xenon-obsidian-theme{--iq-primary-color:#353535;--iq-primary-variant1:#3D3D3D;--iq-primary-variant2:#454545;--iq-primary-variant3:#4D4D4D;--iq-primary-variant4:#555555;--iq-primary-background:#333333;--iq-primary-surface:#313131;--iq-secondary-color:#fbfbfb;--iq-secondary-variant-1:#f3f3f3;--iq-secondary-variant-2:#ebebeb;--iq-secondary-variant-3:#e3e3e3;--iq-secondary-variant-4:#dbdbdb;--iq-secondary-background:#fdfdfd;--iq-secondary-surface:#ffffff;--iq-alarm-color:#E80000;--iq-warning-color:#F29E28;--iq-ok-color:#9FCD52;--iq-highlight-color:#00ABF0;--iq-on-primary:#FFFFFF;--iq-on-primary-background:#FFFFFF;--iq-on-primary-surface:#FFFFFF;--iq-on-secondary:#3C3C3C;--iq-on-secondary-background:#3C3C3C;--iq-on-secondary-surface:#3C3C3C;--iq-on-alarm:#FFFFFF;--iq-on-warning:#FFFFFF;--iq-on-ok:#FFFFFF;--iq-on-highlight:#FFFFFF;--iq-info-color:#266BB0;--iq-on-info:#FFFFFF;--iq-locked-opacity:0.7;--iq-border-width:1px;--iq-control-border-radius:4px;--iq-control-shadow:0 3px 3px 0 hsla(0, 0%, 0%, 0.2)}
.xenon-obsidian-theme html{background-color:#262525}
.xenon-obsidian-theme body{color:#FFF;-webkit-tap-highlight-color:#00abf0}
.xenon-obsidian-theme .container{background-color:#1E1D1D}
.xenon-obsidian-theme .container .container{background-color:transparent}
.xenon-obsidian-theme ::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme ::-moz-selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .container.background-color-1{background-color:#1E1D1D}
.xenon-obsidian-theme .container.background-color-2{background-color:#262525}
.xenon-obsidian-theme .container.background-color-3{background-color:#302f2f}
.xenon-obsidian-theme .container.background-color-4{background-color:#919191}
.xenon-obsidian-theme .container.background-color-5{background-color:#bfbfbf}
.xenon-obsidian-theme .container.background-color-6{background-color:#F29E28}
.xenon-obsidian-theme .container.background-color-7{background-color:#e80000}
.xenon-obsidian-theme .container.background-color-8{background-color:#9bc628}
.xenon-obsidian-theme .container.background-color-9{background-color:#00abf0}
.xenon-obsidian-theme .container.border-1px-color-1{border:1px solid #1E1D1D}
.xenon-obsidian-theme .container.border-2px-color-1{border:2px solid #1E1D1D}
.xenon-obsidian-theme .container.border-3px-color-1{border:3px solid #1E1D1D}
.xenon-obsidian-theme .container.border-4px-color-1{border:4px solid #1E1D1D}
.xenon-obsidian-theme .container.border-5px-color-1{border:5px solid #1E1D1D}
.xenon-obsidian-theme .container.border-6px-color-1{border:6px solid #1E1D1D}
.xenon-obsidian-theme .container.border-7px-color-1{border:7px solid #1E1D1D}
.xenon-obsidian-theme .container.border-8px-color-1{border:8px solid #1E1D1D}
.xenon-obsidian-theme .container.border-9px-color-1{border:9px solid #1E1D1D}
.xenon-obsidian-theme .container.border-10px-color-1{border:10px solid #1E1D1D}
.xenon-obsidian-theme .container.border-1px-color-2{border:1px solid #262525}
.xenon-obsidian-theme .container.border-2px-color-2{border:2px solid #262525}
.xenon-obsidian-theme .container.border-3px-color-2{border:3px solid #262525}
.xenon-obsidian-theme .container.border-4px-color-2{border:4px solid #262525}
.xenon-obsidian-theme .container.border-5px-color-2{border:5px solid #262525}
.xenon-obsidian-theme .container.border-6px-color-2{border:6px solid #262525}
.xenon-obsidian-theme .container.border-7px-color-2{border:7px solid #262525}
.xenon-obsidian-theme .container.border-8px-color-2{border:8px solid #262525}
.xenon-obsidian-theme .container.border-9px-color-2{border:9px solid #262525}
.xenon-obsidian-theme .container.border-10px-color-2{border:10px solid #262525}
.xenon-obsidian-theme .container.border-1px-color-3{border:1px solid #302f2f}
.xenon-obsidian-theme .container.border-2px-color-3{border:2px solid #302f2f}
.xenon-obsidian-theme .container.border-3px-color-3{border:3px solid #302f2f}
.xenon-obsidian-theme .container.border-4px-color-3{border:4px solid #302f2f}
.xenon-obsidian-theme .container.border-5px-color-3{border:5px solid #302f2f}
.xenon-obsidian-theme .container.border-6px-color-3{border:6px solid #302f2f}
.xenon-obsidian-theme .container.border-7px-color-3{border:7px solid #302f2f}
.xenon-obsidian-theme .container.border-8px-color-3{border:8px solid #302f2f}
.xenon-obsidian-theme .container.border-9px-color-3{border:9px solid #302f2f}
.xenon-obsidian-theme .container.border-10px-color-3{border:10px solid #302f2f}
.xenon-obsidian-theme .container.border-1px-color-4{border:1px solid #919191}
.xenon-obsidian-theme .container.border-2px-color-4{border:2px solid #919191}
.xenon-obsidian-theme .container.border-3px-color-4{border:3px solid #919191}
.xenon-obsidian-theme .container.border-4px-color-4{border:4px solid #919191}
.xenon-obsidian-theme .container.border-5px-color-4{border:5px solid #919191}
.xenon-obsidian-theme .container.border-6px-color-4{border:6px solid #919191}
.xenon-obsidian-theme .container.border-7px-color-4{border:7px solid #919191}
.xenon-obsidian-theme .container.border-8px-color-4{border:8px solid #919191}
.xenon-obsidian-theme .container.border-9px-color-4{border:9px solid #919191}
.xenon-obsidian-theme .container.border-10px-color-4{border:10px solid #919191}
.xenon-obsidian-theme .container.border-1px-color-5{border:1px solid #bfbfbf}
.xenon-obsidian-theme .container.border-2px-color-5{border:2px solid #bfbfbf}
.xenon-obsidian-theme .container.border-3px-color-5{border:3px solid #bfbfbf}
.xenon-obsidian-theme .container.border-4px-color-5{border:4px solid #bfbfbf}
.xenon-obsidian-theme .container.border-5px-color-5{border:5px solid #bfbfbf}
.xenon-obsidian-theme .container.border-6px-color-5{border:6px solid #bfbfbf}
.xenon-obsidian-theme .container.border-7px-color-5{border:7px solid #bfbfbf}
.xenon-obsidian-theme .container.border-8px-color-5{border:8px solid #bfbfbf}
.xenon-obsidian-theme .container.border-9px-color-5{border:9px solid #bfbfbf}
.xenon-obsidian-theme .container.border-10px-color-5{border:10px solid #bfbfbf}
.xenon-obsidian-theme .container.border-1px-color-6{border:1px solid #F29E28}
.xenon-obsidian-theme .container.border-2px-color-6{border:2px solid #F29E28}
.xenon-obsidian-theme .container.border-3px-color-6{border:3px solid #F29E28}
.xenon-obsidian-theme .container.border-4px-color-6{border:4px solid #F29E28}
.xenon-obsidian-theme .container.border-5px-color-6{border:5px solid #F29E28}
.xenon-obsidian-theme .container.border-6px-color-6{border:6px solid #F29E28}
.xenon-obsidian-theme .container.border-7px-color-6{border:7px solid #F29E28}
.xenon-obsidian-theme .container.border-8px-color-6{border:8px solid #F29E28}
.xenon-obsidian-theme .container.border-9px-color-6{border:9px solid #F29E28}
.xenon-obsidian-theme .container.border-10px-color-6{border:10px solid #F29E28}
.xenon-obsidian-theme .container.border-1px-color-7{border:1px solid #e80000}
.xenon-obsidian-theme .container.border-2px-color-7{border:2px solid #e80000}
.xenon-obsidian-theme .container.border-3px-color-7{border:3px solid #e80000}
.xenon-obsidian-theme .container.border-4px-color-7{border:4px solid #e80000}
.xenon-obsidian-theme .container.border-5px-color-7{border:5px solid #e80000}
.xenon-obsidian-theme .container.border-6px-color-7{border:6px solid #e80000}
.xenon-obsidian-theme .container.border-7px-color-7{border:7px solid #e80000}
.xenon-obsidian-theme .container.border-8px-color-7{border:8px solid #e80000}
.xenon-obsidian-theme .container.border-9px-color-7{border:9px solid #e80000}
.xenon-obsidian-theme .container.border-10px-color-7{border:10px solid #e80000}
.xenon-obsidian-theme .container.border-1px-color-8{border:1px solid #9bc628}
.xenon-obsidian-theme .container.border-2px-color-8{border:2px solid #9bc628}
.xenon-obsidian-theme .container.border-3px-color-8{border:3px solid #9bc628}
.xenon-obsidian-theme .container.border-4px-color-8{border:4px solid #9bc628}
.xenon-obsidian-theme .container.border-5px-color-8{border:5px solid #9bc628}
.xenon-obsidian-theme .container.border-6px-color-8{border:6px solid #9bc628}
.xenon-obsidian-theme .container.border-7px-color-8{border:7px solid #9bc628}
.xenon-obsidian-theme .container.border-8px-color-8{border:8px solid #9bc628}
.xenon-obsidian-theme .container.border-9px-color-8{border:9px solid #9bc628}
.xenon-obsidian-theme .container.border-10px-color-8{border:10px solid #9bc628}
.xenon-obsidian-theme .container.border-1px-color-9{border:1px solid #00abf0}
.xenon-obsidian-theme .container.border-2px-color-9{border:2px solid #00abf0}
.xenon-obsidian-theme .container.border-3px-color-9{border:3px solid #00abf0}
.xenon-obsidian-theme .container.border-4px-color-9{border:4px solid #00abf0}
.xenon-obsidian-theme .container.border-5px-color-9{border:5px solid #00abf0}
.xenon-obsidian-theme .container.border-6px-color-9{border:6px solid #00abf0}
.xenon-obsidian-theme .container.border-7px-color-9{border:7px solid #00abf0}
.xenon-obsidian-theme .container.border-8px-color-9{border:8px solid #00abf0}
.xenon-obsidian-theme .container.border-9px-color-9{border:9px solid #00abf0}
.xenon-obsidian-theme .container.border-10px-color-9{border:10px solid #00abf0}
.xenon-obsidian-theme .container.box-shadow-1px-color-1{box-shadow:0 0 1px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-2px-color-1{box-shadow:0 0 2px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-3px-color-1{box-shadow:0 0 3px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-4px-color-1{box-shadow:0 0 4px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-5px-color-1{box-shadow:0 0 5px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-6px-color-1{box-shadow:0 0 6px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-7px-color-1{box-shadow:0 0 7px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-8px-color-1{box-shadow:0 0 8px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-9px-color-1{box-shadow:0 0 9px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-10px-color-1{box-shadow:0 0 10px 0 #1E1D1D}
.xenon-obsidian-theme .container.box-shadow-1px-color-2{box-shadow:0 0 1px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-2px-color-2{box-shadow:0 0 2px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-3px-color-2{box-shadow:0 0 3px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-4px-color-2{box-shadow:0 0 4px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-5px-color-2{box-shadow:0 0 5px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-6px-color-2{box-shadow:0 0 6px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-7px-color-2{box-shadow:0 0 7px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-8px-color-2{box-shadow:0 0 8px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-9px-color-2{box-shadow:0 0 9px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-10px-color-2{box-shadow:0 0 10px 0 #262525}
.xenon-obsidian-theme .container.box-shadow-1px-color-3{box-shadow:0 0 1px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-2px-color-3{box-shadow:0 0 2px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-3px-color-3{box-shadow:0 0 3px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-4px-color-3{box-shadow:0 0 4px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-5px-color-3{box-shadow:0 0 5px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-6px-color-3{box-shadow:0 0 6px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-7px-color-3{box-shadow:0 0 7px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-8px-color-3{box-shadow:0 0 8px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-9px-color-3{box-shadow:0 0 9px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-10px-color-3{box-shadow:0 0 10px 0 #302f2f}
.xenon-obsidian-theme .container.box-shadow-1px-color-4{box-shadow:0 0 1px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-2px-color-4{box-shadow:0 0 2px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-3px-color-4{box-shadow:0 0 3px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-4px-color-4{box-shadow:0 0 4px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-5px-color-4{box-shadow:0 0 5px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-6px-color-4{box-shadow:0 0 6px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-7px-color-4{box-shadow:0 0 7px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-8px-color-4{box-shadow:0 0 8px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-9px-color-4{box-shadow:0 0 9px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-10px-color-4{box-shadow:0 0 10px 0 #919191}
.xenon-obsidian-theme .container.box-shadow-1px-color-5{box-shadow:0 0 1px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-2px-color-5{box-shadow:0 0 2px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-3px-color-5{box-shadow:0 0 3px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-4px-color-5{box-shadow:0 0 4px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-5px-color-5{box-shadow:0 0 5px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-6px-color-5{box-shadow:0 0 6px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-7px-color-5{box-shadow:0 0 7px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-8px-color-5{box-shadow:0 0 8px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-9px-color-5{box-shadow:0 0 9px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-10px-color-5{box-shadow:0 0 10px 0 #bfbfbf}
.xenon-obsidian-theme .container.box-shadow-1px-color-6{box-shadow:0 0 1px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-2px-color-6{box-shadow:0 0 2px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-3px-color-6{box-shadow:0 0 3px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-4px-color-6{box-shadow:0 0 4px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-5px-color-6{box-shadow:0 0 5px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-6px-color-6{box-shadow:0 0 6px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-7px-color-6{box-shadow:0 0 7px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-8px-color-6{box-shadow:0 0 8px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-9px-color-6{box-shadow:0 0 9px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-10px-color-6{box-shadow:0 0 10px 0 #F29E28}
.xenon-obsidian-theme .container.box-shadow-1px-color-7{box-shadow:0 0 1px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-2px-color-7{box-shadow:0 0 2px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-3px-color-7{box-shadow:0 0 3px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-4px-color-7{box-shadow:0 0 4px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-5px-color-7{box-shadow:0 0 5px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-6px-color-7{box-shadow:0 0 6px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-7px-color-7{box-shadow:0 0 7px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-8px-color-7{box-shadow:0 0 8px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-9px-color-7{box-shadow:0 0 9px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-10px-color-7{box-shadow:0 0 10px 0 #e80000}
.xenon-obsidian-theme .container.box-shadow-1px-color-8{box-shadow:0 0 1px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-2px-color-8{box-shadow:0 0 2px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-3px-color-8{box-shadow:0 0 3px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-4px-color-8{box-shadow:0 0 4px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-5px-color-8{box-shadow:0 0 5px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-6px-color-8{box-shadow:0 0 6px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-7px-color-8{box-shadow:0 0 7px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-8px-color-8{box-shadow:0 0 8px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-9px-color-8{box-shadow:0 0 9px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-10px-color-8{box-shadow:0 0 10px 0 #9bc628}
.xenon-obsidian-theme .container.box-shadow-1px-color-9{box-shadow:0 0 1px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-2px-color-9{box-shadow:0 0 2px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-3px-color-9{box-shadow:0 0 3px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-4px-color-9{box-shadow:0 0 4px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-5px-color-9{box-shadow:0 0 5px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-6px-color-9{box-shadow:0 0 6px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-7px-color-9{box-shadow:0 0 7px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-8px-color-9{box-shadow:0 0 8px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-9px-color-9{box-shadow:0 0 9px 0 #00abf0}
.xenon-obsidian-theme .container.box-shadow-10px-color-9{box-shadow:0 0 10px 0 #00abf0}
.xenon-obsidian-theme .container.background-gradient-color-1-color-2{background:linear-gradient(#1E1D1D,#262525)}
.xenon-obsidian-theme .container.background-gradient-color-2-color-3{background:linear-gradient(#262525,#302f2f)}
.xenon-obsidian-theme .container.background-gradient-color-3-color-4{background:linear-gradient(#302f2f,#919191)}
.xenon-obsidian-theme .container.background-gradient-color-4-color-5{background:linear-gradient(#919191,#bfbfbf)}
.xenon-obsidian-theme .container.background-gradient-color-5-color-6{background:linear-gradient(#bfbfbf,#F29E28)}
.xenon-obsidian-theme .container.background-gradient-color-6-color-7{background:linear-gradient(#F29E28,#e80000)}
.xenon-obsidian-theme .container.background-gradient-color-7-color-8{background:linear-gradient(#e80000,#9bc628)}
.xenon-obsidian-theme .container.background-gradient-color-8-color-9{background:linear-gradient(#9bc628,#00abf0)}
.xenon-obsidian-theme .container.background-gradient-color-1-color-2-hor{background:linear-gradient(to right,#1E1D1D,#262525)}
.xenon-obsidian-theme .container.background-gradient-color-2-color-3-hor{background:linear-gradient(to right,#262525,#302f2f)}
.xenon-obsidian-theme .container.background-gradient-color-3-color-4-hor{background:linear-gradient(to right,#302f2f,#919191)}
.xenon-obsidian-theme .container.background-gradient-color-4-color-5-hor{background:linear-gradient(to right,#919191,#bfbfbf)}
.xenon-obsidian-theme .container.background-gradient-color-5-color-6-hor{background:linear-gradient(to right,#bfbfbf,#F29E28)}
.xenon-obsidian-theme .container.background-gradient-color-6-color-7-hor{background:linear-gradient(to right,#F29E28,#e80000)}
.xenon-obsidian-theme .container.background-gradient-color-7-color-8-hor{background:linear-gradient(to right,#e80000,#9bc628)}
.xenon-obsidian-theme .container.background-gradient-color-8-color-9-hor{background:linear-gradient(to right,#9bc628,#00abf0)}

/* alarm-history - common */
 .alarm-history .filter-line>div,.alarm-history .filter-toggle>div,.alarm-history .filter-toggle>img{vertical-align:middle;display:inline-block}
.alarm-history{box-sizing:border-box;height:1px}
.alarm-history .filter-line{position:relative;width:100%}
.alarm-history .filter-toggle{display:inline-block;position:absolute;right:0;top:0;text-align:right;white-space:nowrap;cursor:pointer}
.alarm-history .filter-toggle .filter-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.alarm-history .filter-area{position:relative}
.alarm-history .filter-settings{display:none;position:absolute;right:0;box-sizing:border-box;z-index:2}
.alarm-history .filter-settings .from-anchor>div,.alarm-history .filter-settings .to-anchor>div{display:inline-block;vertical-align:middle}
.alarm-history .filter-settings .from-anchor>div:first-child,.alarm-history .filter-settings .to-anchor>div:first-child{margin-left:1px}
.alarm-history .filter-settings .triangle{position:absolute;top:-10px;width:100%;height:10px;overflow:hidden;z-index:1}
.alarm-history .filter-settings .triangle:after{content:"\0020";width:16px;height:16px;position:absolute;right:17px;top:3px;transform:rotate(45deg)}
.alarm-history .reset-button{visibility:hidden;background-color:transparent;text-align:center;cursor:pointer}
.alarm-history .reset-button .reset-button-label{box-sizing:border-box;display:inline-block;text-align:center;vertical-align:top;border-radius:100px;font-weight:700;transition:.1s ease-in-out transform}
.alarm-history .reset-button:hover .reset-button-label{transform:scale(1.2)}
.alarm-history .table-anchor{box-sizing:border-box}
.alarm-history .complex-table2{height:100%}
.alarm-history .complex-table2 .ct2-ctrl-panel div:last-child .ctrl{float:left}
.alarm-history .filter-click-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}
.alarm-history .filter-display{visibility:hidden}
.alarm-history .filter-display>div{display:inline-block;font-weight:700;vertical-align:top}
.alarm-history.filter-open .filter-click-overlay,.alarm-history.filter-open .filter-settings{display:block}
.alarm-history.filter-active .filter-display,.alarm-history.filter-active .reset-button{visibility:visible}

/* alarm-history - style */
 .alarm-history .filter-settings,.alarm-history .triangle:after{background-color:#FBFBFB;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.alarm-history .reset-button .reset-button-label{background-color:#353535;color:#FFF}
.xenon-obsidian-theme .alarm-history .filter-settings,.xenon-obsidian-theme .alarm-history .triangle:after{background-color:#2d2c2c;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.xenon-obsidian-theme .alarm-history .reset-button .reset-button-label{background-color:#4d4b4b;color:#FFF}

/* alarm-history - dimensions */
 .alarm-history .filter-area,.alarm-history.large .filter-area,.alarm-history.medium .filter-area,.alarm-history.small .filter-area{margin-bottom:12px}
.alarm-history .filter-toggle,.alarm-history.large .filter-toggle{max-width:200px}
.alarm-history .filter-toggle>div:not(:last-child),.alarm-history .filter-toggle>img:not(:last-child),.alarm-history.large .filter-toggle>div:not(:last-child),.alarm-history.large .filter-toggle>img:not(:last-child){margin-right:10px}
.alarm-history{min-height:348px;padding:10px}
.alarm-history .filter-toggle .filter-label{width:100%}
.alarm-history .filter-display{max-width:calc(100% - 222px);height:28px;padding:5px}
.alarm-history .filter-display>*{font-size:14px;line-height:28px}
.alarm-history .filter-settings{top:45px;padding:0 10px}
.alarm-history .filter-settings .from-anchor>div:not(:last-child),.alarm-history .filter-settings .to-anchor>div:not(:last-child){margin-right:30px}
.alarm-history .filter-settings .from-label,.alarm-history .filter-settings .to-label{font-size:14px;line-height:38px}
.alarm-history .reset-button{height:22px;padding:7px}
.alarm-history .reset-button .reset-button-label{width:22px;padding:0 5px;font-size:12px;line-height:22px}
.alarm-history .table-anchor{height:calc(100% - 50px);padding-top:10px}
.alarm-history .table-anchor .complex-table2 td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.alarm-history.large{min-height:348px;padding:10px}
.alarm-history.large .filter-toggle .filter-label{width:100%}
.alarm-history.large .filter-display{max-width:calc(100% - 228px);height:28px;padding:10px}
.alarm-history.medium .filter-toggle,.alarm-history.small .filter-toggle{max-width:200px}
.alarm-history.large .filter-display>*{font-size:18px;line-height:28px}
.alarm-history.large .filter-settings{top:55px;padding:0 10px}
.alarm-history.large .filter-settings .from-anchor>div:not(:last-child),.alarm-history.large .filter-settings .to-anchor>div:not(:last-child){margin-right:30px}
.alarm-history.large .filter-settings .from-label,.alarm-history.large .filter-settings .to-label{font-size:18px;line-height:38px}
.alarm-history.large .reset-button{height:28px;padding:7px}
.alarm-history.large .reset-button .reset-button-label{width:28px;padding:0 5px;font-size:20px;line-height:28px}
.alarm-history.large .table-anchor{height:calc(100% - 60px);padding-top:10px}
.alarm-history.large .table-anchor .complex-table2 td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.alarm-history.medium{min-height:348px;padding:10px}
.alarm-history.medium .filter-toggle>div:not(:last-child),.alarm-history.medium .filter-toggle>img:not(:last-child){margin-right:10px}
.alarm-history.medium .filter-toggle .filter-label{width:100%}
.alarm-history.medium .filter-display{max-width:calc(100% - 222px);height:28px;padding:5px}
.alarm-history.medium .filter-display>*{font-size:14px;line-height:28px}
.alarm-history.medium .filter-settings{top:45px;padding:0 10px}
.alarm-history.medium .filter-settings .from-anchor>div:not(:last-child),.alarm-history.medium .filter-settings .to-anchor>div:not(:last-child){margin-right:30px}
.alarm-history.medium .filter-settings .from-label,.alarm-history.medium .filter-settings .to-label{font-size:14px;line-height:38px}
.alarm-history.medium .reset-button{height:22px;padding:7px}
.alarm-history.medium .reset-button .reset-button-label{width:22px;padding:0 5px;font-size:12px;line-height:22px}
.alarm-history.medium .table-anchor{height:calc(100% - 50px);padding-top:10px}
.alarm-history.medium .table-anchor .complex-table2 td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.alarm-history.small{min-height:348px;padding:10px}
.alarm-history.small .filter-toggle>div:not(:last-child),.alarm-history.small .filter-toggle>img:not(:last-child){margin-right:10px}
.alarm-history.small .filter-toggle .filter-label{width:100%}
.alarm-history.small .filter-display{max-width:calc(100% - 218px);height:18px;padding:5px}
.alarm-history.small .filter-display>*{font-size:13px;line-height:18px}
.alarm-history.small .filter-settings{top:35px;padding:0 10px}
.alarm-history.small .filter-settings .from-anchor>div:not(:last-child),.alarm-history.small .filter-settings .to-anchor>div:not(:last-child){margin-right:30px}
.alarm-history.small .filter-settings .from-label,.alarm-history.small .filter-settings .to-label{font-size:13px;line-height:38px}
.alarm-history.small .reset-button{height:18px;padding:5px}
.alarm-history.small .reset-button .reset-button-label{width:18px;padding:0 5px;font-size:10px;line-height:18px}
.alarm-history.small .table-anchor{height:calc(100% - 40px);padding-top:10px}
.alarm-history.small .table-anchor .complex-table2 td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}

/* alarm-info - common */
 .alarm-info{overflow:hidden}
.alarm-info .alarm-info-wrapper{height:100%}
.alarm-info .alert-list-button{position:relative;box-sizing:border-box;height:100%;white-space:nowrap}
.alarm-info .alert-list-button>div{display:inline-block;vertical-align:middle}
.alarm-info .alert-list-button::before{content:"";position:absolute;width:100%;left:0;bottom:0}
.alarm-info .state-symbol{height:100%}
.alarm-info .state{position:absolute;top:50%;background-size:100%}
.alarm-info .alarm-info-panel{box-sizing:border-box}
.alarm-info .last-alarm-msg{font-weight:700}
.alarm-info .last-alarm-msg,.alarm-info .last-alarms-num{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.alarm-info .state.alarm,.alarm-info .state.service,.alarm-info .state.warning{display:none}
.alarm-info.preWarn .state.warning,.alarm-info.service .state.service,.alarm-info.warn .state.alarm{display:block}
.alarm-info:not(.service):not(.preWarn):not(.warn) .alarm-info-panel .last-alarms-num{visibility:hidden}

/* alarm-info - style */
 .alarm-info .last-alarm-msg,.alarm-info .last-alarms-num{color:#3C3C3C}
.alarm-info.service .last-alarm-msg,.alarm-info.service .last-alarms-num{color:#9bc628}
.alarm-info.preWarn .last-alarm-msg,.alarm-info.preWarn .last-alarms-num{color:#F29E28}
.alarm-info.warn .last-alarm-msg,.alarm-info.warn .last-alarms-num{color:#E80000}
.alarm-info .state.service{background-image:url(../pics/system/controls/alarm-info/ico_service_outline.svg);color:#9bc628}
.alarm-info .state.warning{background-image:url(../pics/system/controls/alarm-info/ico_warning_outline.svg);color:#F29E28}
.alarm-info .state.alarm{background-image:url(../pics/system/controls/alarm-info/ico_alarm_outline.svg);color:#E80000}
.alarm-info.service .alert-list-button::before{background-color:#9bc628;box-shadow:0 0 10px 0 #9bc628}
.alarm-info.preWarn .alert-list-button::before{background-color:#F29E28;box-shadow:0 0 10px 0 #F29E28}
.alarm-info.warn .alert-list-button::before{background-color:#E80000;box-shadow:0 0 10px 0 #E80000}
.xenon-obsidian-theme .alarm-info .last-alarm-msg,.xenon-obsidian-theme .alarm-info .last-alarms-num{color:#FFF}
.xenon-obsidian-theme .alarm-info.service .last-alarm-msg,.xenon-obsidian-theme .alarm-info.service .last-alarms-num{color:#9bc628}
.xenon-obsidian-theme .alarm-info.preWarn .last-alarm-msg,.xenon-obsidian-theme .alarm-info.preWarn .last-alarms-num{color:#F29E28}
.xenon-obsidian-theme .alarm-info.warn .last-alarm-msg,.xenon-obsidian-theme .alarm-info.warn .last-alarms-num{color:#e80000}
.xenon-obsidian-theme .alarm-info .state.service{background-image:url(../pics/system/controls/alarm-info/ico_service_outline.svg);color:#9bc628}
.xenon-obsidian-theme .alarm-info .state.warning{background-image:url(../pics/system/controls/alarm-info/ico_warning_outline.svg);color:#F29E28}
.xenon-obsidian-theme .alarm-info .state.alarm{background-image:url(../pics/system/controls/alarm-info/ico_alarm_outline.svg);color:#e80000}
.xenon-obsidian-theme .alarm-info.service .alert-list-button::before{background-color:#9bc628;box-shadow:0 0 10px 0 #9bc628}
.xenon-obsidian-theme .alarm-info.preWarn .alert-list-button::before{background-color:#F29E28;box-shadow:0 0 10px 0 #F29E28}
.xenon-obsidian-theme .alarm-info.warn .alert-list-button::before{background-color:#e80000;box-shadow:0 0 10px 0 #e80000}

/* alarm-info - dimensions */
 .alarm-info .alert-list-button,.alarm-info.large .alert-list-button,.alarm-info.medium .alert-list-button,.alarm-info.small .alert-list-button{padding:5px}
.alarm-info .last-alarms-num,.alarm-info.large .last-alarms-num,.alarm-info.medium .last-alarms-num,.alarm-info.small .last-alarms-num{margin-bottom:2px}
.alarm-info{min-height:48px}
.alarm-info .alert-list-button::before{height:4px}
.alarm-info .state-symbol{width:28px;margin-right:6px}
.alarm-info .state{height:28px;width:28px;margin-top:-14px}
.alarm-info .last-alarm-msg,.alarm-info .last-alarms-num{height:18px;font-size:14px;line-height:18px}
.alarm-info .alarm-info-panel{max-width:calc(100% - 34px);padding-right:5px}
.alarm-info.large{min-height:58px}
.alarm-info.large .alert-list-button::before{height:4px}
.alarm-info.large .state-symbol{width:38px;margin-right:6px}
.alarm-info.large .state{height:38px;width:38px;margin-top:-19px}
.alarm-info.large .last-alarm-msg,.alarm-info.large .last-alarms-num{height:23px;font-size:18px;line-height:23px}
.alarm-info.large .alarm-info-panel{max-width:calc(100% - 44px);padding-right:5px}
.alarm-info.medium .alarm-info-panel,.alarm-info.small .alarm-info-panel{max-width:calc(100% - 34px);padding-right:5px}
.alarm-info.medium{min-height:48px}
.alarm-info.medium .alert-list-button::before{height:4px}
.alarm-info.medium .state-symbol{width:28px;margin-right:6px}
.alarm-info.medium .state{height:28px;width:28px;margin-top:-14px}
.alarm-info.medium .last-alarm-msg,.alarm-info.medium .last-alarms-num{height:18px;font-size:14px;line-height:18px}
.alarm-info.small{min-height:38px}
.alarm-info.small .alert-list-button::before{height:4px}
.alarm-info.small .state-symbol{width:28px;margin-right:6px}
.alarm-info.small .state{height:28px;width:28px;margin-top:-14px}
.alarm-info.small .last-alarm-msg,.alarm-info.small .last-alarms-num{height:13px;font-size:11px;line-height:13px}

/* alarm-info.inverted - common */
 

/* alarm-info.inverted - style */
 .alarm-info.inverted .last-alarm-msg,.alarm-info.inverted .last-alarms-num{color:#FFF}
.alarm-info.inverted.service .last-alarm-msg,.alarm-info.inverted.service .last-alarms-num{color:#9bc628}
.alarm-info.inverted.preWarn .last-alarm-msg,.alarm-info.inverted.preWarn .last-alarms-num{color:#F29E28}
.alarm-info.inverted.warn .last-alarm-msg,.alarm-info.inverted.warn .last-alarms-num{color:#E80000}
.alarm-info.inverted .state.service{background-image:url(../pics/system/controls/alarm-info/ico_service_outline.svg);color:#9bc628}
.alarm-info.inverted .state.warning{background-image:url(../pics/system/controls/alarm-info/ico_warning_outline.svg);color:#F29E28}
.alarm-info.inverted .state.alarm{background-image:url(../pics/system/controls/alarm-info/ico_alarm_outline.svg);color:#E80000}
.alarm-info.inverted.service .alert-list-button::before{background-color:#9bc628;box-shadow:0 0 10px 0 #9bc628}
.alarm-info.inverted.preWarn .alert-list-button::before{background-color:#F29E28;box-shadow:0 0 10px 0 #F29E28}
.alarm-info.inverted.warn .alert-list-button::before{background-color:#E80000;box-shadow:0 0 10px 0 #E80000}
.xenon-obsidian-theme .alarm-info.inverted .last-alarm-msg,.xenon-obsidian-theme .alarm-info.inverted .last-alarms-num{color:#FFF}
.xenon-obsidian-theme .alarm-info.inverted.service .last-alarm-msg,.xenon-obsidian-theme .alarm-info.inverted.service .last-alarms-num{color:#9bc628}
.xenon-obsidian-theme .alarm-info.inverted.preWarn .last-alarm-msg,.xenon-obsidian-theme .alarm-info.inverted.preWarn .last-alarms-num{color:#F29E28}
.xenon-obsidian-theme .alarm-info.inverted.warn .last-alarm-msg,.xenon-obsidian-theme .alarm-info.inverted.warn .last-alarms-num{color:#e80000}
.xenon-obsidian-theme .alarm-info.inverted .state.service{background-image:url(../pics/system/controls/alarm-info/ico_service_outline.svg);color:#9bc628}
.xenon-obsidian-theme .alarm-info.inverted .state.warning{background-image:url(../pics/system/controls/alarm-info/ico_warning_outline.svg);color:#F29E28}
.xenon-obsidian-theme .alarm-info.inverted .state.alarm{background-image:url(../pics/system/controls/alarm-info/ico_alarm_outline.svg);color:#e80000}
.xenon-obsidian-theme .alarm-info.inverted.service .alert-list-button::before{background-color:#9bc628;box-shadow:0 0 10px 0 #9bc628}
.xenon-obsidian-theme .alarm-info.inverted.preWarn .alert-list-button::before{background-color:#F29E28;box-shadow:0 0 10px 0 #F29E28}
.xenon-obsidian-theme .alarm-info.inverted.warn .alert-list-button::before{background-color:#e80000;box-shadow:0 0 10px 0 #e80000}

/* alarm-info.inverted - dimensions */
 

/* alpha-num-keyboard - common */
 .alpha-num-keyboard{position:fixed;display:flex;justify-content:center;z-index:99999}
.alpha-num-keyboard .overlay-keyboard-container{position:absolute;overflow:hidden;display:flex;flex-direction:column}
.alpha-num-keyboard .text-preview-container{display:flex}
.alpha-num-keyboard .text-preview-container .text-preview{flex:1}
.alpha-num-keyboard .keyboard-frame{position:relative;flex:23;transition:bottom .25s ease-in-out}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper{position:absolute;display:flex;flex-direction:column-reverse;align-items:stretch;align-content:stretch}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls{display:flex}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control{flex-grow:1}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .language-control,.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .language-control .label-area{display:none}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .language-control.enabled{display:block}
.alpha-num-keyboard .keyboard-container{flex:1}
.alpha-num-keyboard .keyboard-container .keyboard{display:none}
.alpha-num-keyboard .keyboard-container .keyboard-palette{display:flex;flex-direction:column}
.alpha-num-keyboard .keyboard-container .modifier-row{display:flex;display:none}
.alpha-num-keyboard .keyboard-container .key-row{display:flex}
.alpha-num-keyboard .keyboard-container .key-row,.alpha-num-keyboard .keyboard-container .modifier-row{flex:1;flex-direction:row}
.alpha-num-keyboard .keyboard-container .key-row .space-box,.alpha-num-keyboard .keyboard-container .modifier-row .space-box{flex:1}
.alpha-num-keyboard .keyboard-container .key-row .key-box,.alpha-num-keyboard .keyboard-container .modifier-row .key-box{position:relative;flex:2}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview{z-index:10;position:absolute;display:none;pointer-events:none}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview>span,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview>span{position:absolute;text-align:center}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys{z-index:10;display:none;position:absolute}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key.show-alt-keys:after,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key.show-alt-keys:after{content:'';position:absolute;pointer-events:none}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key.show-alt-keys+.key-preview,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key.show-alt-keys+.key-preview{display:block}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key.show-alt-keys+.key-preview+.alt-keys,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key.show-alt-keys+.key-preview+.alt-keys{display:flex}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box),.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box){position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-sizing:border-box}
.alpha-num-keyboard .keyboard-container .key-row .key-box .space-bar,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .space-bar{box-sizing:border-box}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-1,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-1{flex:1}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-2,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-2{flex:2}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-3,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-3{flex:3}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-4,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-4{flex:4}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-5,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-5{flex:5}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-6,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-6{flex:6}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-7,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-7{flex:7}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-8,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-8{flex:8}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-9,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-9{flex:9}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-10,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-10{flex:10}
.alpha-num-keyboard:not(.modifier-row-active) .keyboard-container .key-row .key-box.modifier-letters{display:none}
.alpha-num-keyboard.modifier-row-active .keyboard-container .key-row .key-box.modifier-letters,.alpha-num-keyboard:not(.modifier-row-active) .keyboard-container .key-row .key-box.modifier-spec-chars{display:flex}
.alpha-num-keyboard.modifier-row-active .keyboard-container .key-row .key-box.modifier-spec-chars{display:none}
.alpha-num-keyboard.shift-key-active .keyboard-container .key-row .key-box .key.key-letter{text-transform:uppercase!important}
.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview):after{content:'';position:absolute;pointer-events:none}
.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview)+.key-preview{display:block}
.alpha-num-keyboard.hide-enter .keyboard-container .key-row .enter-button{display:none}
@media (min-width:1024px){.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key-preview:after,.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key-preview:before{position:absolute;content:''}
}

/* alpha-num-keyboard - style */
 .alpha-num-keyboard{background-color:rgba(18,18,18,.6)}
.alpha-num-keyboard .overlay-keyboard-container{background-color:#FBFBFB}
.alpha-num-keyboard .keyboard-title{background-color:#353535}
.alpha-num-keyboard .text-preview-container .text-preview{border:none;background-color:transparent}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper{background-color:#F3F3F3}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .select-dropdown .option{background-color:#fff}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .select-dropdown .option:hover{background-color:#00ABF0;color:#fff}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .button,.alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .select-dropdown .option{color:rbga(0,0,0,.5)}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview{background-color:#00ABF0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview>span,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview>span{color:#fff}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:after,.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:before,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:after,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:before{border-style:solid;border-color:#00ABEF;background:0 0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys,.alpha-num-keyboard .keyboard-container .key-row .key-box .key.show-alt-keys:after,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key.show-alt-keys:after{background-color:#00ABF0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box),.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box){background-color:rgba(255,255,255,.8)}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).icon,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).icon{background-color:transparent!important}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).clipped,.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).pressed,.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).show-alt-keys,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).clipped,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).pressed,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).show-alt-keys,.alpha-num-keyboard.shift-key-active .keyboard-container .key-row .key-box .key.key-shift,.alpha-num-keyboard:not(.password-input) .keyboard-container .key-row .key-box .key:not(.key-space-box):hover{background-color:#00ABF0;color:#fff}
.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview),.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.show-alt-keys{color:transparent;border-top-color:#00ABF0}
.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview):after,.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.show-alt-keys:after{background-color:#00ABF0}
.xenon-obsidian-theme .alpha-num-keyboard{background-color:rgba(18,18,18,.6)}
.xenon-obsidian-theme .alpha-num-keyboard .overlay-keyboard-container{background-color:#FBFBFB}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-title{background-color:#353535}
.xenon-obsidian-theme .alpha-num-keyboard .text-preview-container .text-preview{border:none;background-color:transparent}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-frame .keyboard-wrapper{background-color:#F3F3F3}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .select-dropdown .option{background-color:#fff}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .select-dropdown .option:hover{background-color:#00ABF0;color:#fff}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .button,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-frame .keyboard-wrapper .keyboard-controls .keyboard-control .select-dropdown .option{color:rbga(0,0,0,.5)}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview{background-color:#00ABF0}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview>span,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview>span{color:#fff}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:after,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:before,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:after,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:before{border-style:solid;border-color:#00ABEF;background:0 0}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key.show-alt-keys:after,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key.show-alt-keys:after{background-color:#00ABF0}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box),.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box){background-color:rgba(255,255,255,.8)}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).icon,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).icon{background-color:transparent!important}
.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).clipped,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).pressed,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).show-alt-keys,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).clipped,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).pressed,.xenon-obsidian-theme .alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).show-alt-keys,.xenon-obsidian-theme .alpha-num-keyboard.shift-key-active .keyboard-container .key-row .key-box .key.key-shift,.xenon-obsidian-theme .alpha-num-keyboard:not(.password-input) .keyboard-container .key-row .key-box .key:not(.key-space-box):hover{background-color:#00ABF0;color:#fff}
.xenon-obsidian-theme .alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview),.xenon-obsidian-theme .alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.show-alt-keys{color:transparent;border-top-color:#00ABF0}
.xenon-obsidian-theme .alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview):after,.xenon-obsidian-theme .alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.show-alt-keys:after{background-color:#00ABF0}

/* alpha-num-keyboard - dimensions */
 .alpha-num-keyboard .text-preview-container .pw-button .button:hover .button-icon,.alpha-num-keyboard .text-preview-container .submit-button .button:hover .button-icon{filter:invert(1)}
.alpha-num-keyboard{top:0;width:100%;height:100vh}
.alpha-num-keyboard .overlay-keyboard-container{bottom:50px;width:70%;height:70%}
.alpha-num-keyboard .keyboard-title{padding:14px 20px;flex:1;display:flex;align-items:end}
.alpha-num-keyboard .keyboard-title .keyboard-control .select-box .select-box-option.option-icon-and-text .option-icon,.alpha-num-keyboard.hide-enter .keyboard-frame .keyboard-container .key-row .key-box .enter{display:none}
.alpha-num-keyboard .keyboard-title .keyboard-control .select-dropdown{top:48px;width:100%;border:1px solid grey}
.alpha-num-keyboard .keyboard-title .keyboard-control .button,.alpha-num-keyboard .keyboard-title .keyboard-control .select-dropdown .option{font-size:16px;font-weight:600;line-height:100%;padding:12px 8px}
.alpha-num-keyboard .keyboard-title .close-button{margin-left:auto}
.alpha-num-keyboard .keyboard-title .close-button .button{margin-bottom:0;padding:0!important;border:none;border-radius:0;background-color:unset;box-shadow:none}
.alpha-num-keyboard .keyboard-title .close-button .button .button-icon{background-image:url(../pics/system/controls/dialog-box/close.svg);width:40px;height:40px}
.alpha-num-keyboard .keyboard-title .language-control{max-width:200px;padding-right:16px}
.alpha-num-keyboard .text-preview-container{top:0;padding:10px 0;width:100%;flex:7}
.alpha-num-keyboard .text-preview-container .text-preview{padding:0 20px;font-size:20px;line-height:110%;font-weight:600;resize:none}
.alpha-num-keyboard .text-preview-container .submit-button{padding-right:8px}
.alpha-num-keyboard .text-preview-container .submit-button .button{width:90px;height:100%;border:1px solid #cacaca}
.alpha-num-keyboard .text-preview-container .submit-button .button .button-icon{background-image:url(../pics/system/controls/alpha-num-keyboard/ok_done.svg);width:40px;height:40px;background-size:contain}
.alpha-num-keyboard .text-preview-container .pw-button{margin:auto 0;padding-right:8px}
.alpha-num-keyboard .text-preview-container .pw-button .button{background:inherit;box-shadow:inherit}
.alpha-num-keyboard .text-preview-container .pw-button .button .button-icon{background-image:url(../pics/system/controls/alpha-num-keyboard/eye.svg);width:40px;height:40px;background-size:contain}
.alpha-num-keyboard .keyboard-frame{bottom:-100vh;width:100%}
.alpha-num-keyboard .keyboard-frame .keyboard-wrapper{width:100%;height:100%}
.alpha-num-keyboard.hide-enter .keyboard-title{flex:1;max-height:42px}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-1,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-1,.alpha-num-keyboard.hide-enter .text-preview-container{flex:1}
.alpha-num-keyboard.hide-enter .keyboard-frame{flex:5}
.alpha-num-keyboard.open .keyboard-frame{bottom:0}
.alpha-num-keyboard .keyboard-container{width:100%}
.alpha-num-keyboard .keyboard-container .keyboard,.alpha-num-keyboard .keyboard-container .keyboard-palette{height:100%}
.alpha-num-keyboard .keyboard-container .key-row,.alpha-num-keyboard .keyboard-container .modifier-row{width:100%}
.alpha-num-keyboard .keyboard-container .key-row .key-box,.alpha-num-keyboard .keyboard-container .modifier-row .key-box{padding:0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview{left:-12%;bottom:100%;width:124%;height:0;padding-bottom:100%;border:1px solid grey;border-bottom-width:0;border-radius:10px}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview>span,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview>span{padding:25% 0;height:50%;width:100%;font-size:18px;line-height:100%;font-weight:600}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:after,.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:before,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:after,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:before{bottom:-5%;width:6%;height:6%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:before,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:before{left:6%;border-radius:0 100% 0 0;border-width:4px 4px 0 0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key-preview:after,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key-preview:after{right:6%;border-radius:100% 0 0;border-width:4px 0 0 4px}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys{bottom:100%;border:1px solid grey;border-bottom-width:0;border-radius:10px;padding:21% 15% 22%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.left-side,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.left-side{left:-15%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.right-side,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.right-side{right:-15%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.numofKeys-1,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.numofKeys-1{width:100%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.numofKeys-2,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.numofKeys-2{width:200%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.numofKeys-3,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.numofKeys-3{width:300%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.numofKeys-4,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.numofKeys-4{width:400%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys.numofKeys-5,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys.numofKeys-5{width:500%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys .key-box,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys .key-box{width:100%;height:90%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .alt-keys .key-box .key,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .alt-keys .key-box .key{font-size:300%!important;line-height:150%}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key.show-alt-keys:after,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key.show-alt-keys:after{top:-40px;height:40px;width:100%;left:0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box),.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box){width:100%;height:100%;border:1px solid #cacaca;line-height:100%;font-size:16px;font-weight:600}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).icon,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).icon{font-size:12px;border:none}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box).icon-with-border,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box).icon-with-border{font-size:12px}
.alpha-num-keyboard .keyboard-container .key-row .key-box .key:not(.key-space-box):focus,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .key:not(.key-space-box):focus{border:1px dashed #00ABF0}
.alpha-num-keyboard .keyboard-container .key-row .key-box .space-bar,.alpha-num-keyboard .keyboard-container .modifier-row .key-box .space-bar{padding-top:8px}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-2,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-2{flex:2}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-3,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-3{flex:3}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-4,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-4{flex:4}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-5,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-5{flex:5}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-6,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-6{flex:6}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-7,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-7{flex:7}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-8,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-8{flex:8}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-9,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-9{flex:9}
.alpha-num-keyboard .keyboard-container .key-row .key-box.key-box-flex-10,.alpha-num-keyboard .keyboard-container .modifier-row .key-box.key-box-flex-10{flex:10}
.alpha-num-keyboard.key-preview-enabled .keyboard-container .key-row .key-box .key.pressed:not(.no-preview):after{top:-40px;height:40px;width:100%;left:0}
@media (min-width:680px){.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .alt-keys,.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key-preview{border-radius:15px}
.alpha-num-keyboard .text-preview-container .text-preview{font-size:26px}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box{padding:2px}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key{font-size:24px!important}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key.icon,.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key.icon-with-border{font-size:16px!important}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key-preview>span{font-size:28px!important}
}
@media (min-width:1024px){.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .alt-keys,.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key-preview{border-radius:20px}
.alpha-num-keyboard .text-preview-container .text-preview{font-size:32px}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box{padding:3px}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key{font-size:32px!important}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key.icon,.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key.icon-with-border{font-size:24px!important}
.alpha-num-keyboard .keyboard-frame .keyboard-container .key-row .key-box .key-preview>span{font-size:40px!important}
}

/* button - common */
 .button{position:relative;display:flex;box-sizing:border-box;cursor:pointer}
.button::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.button .style-wrapper{display:flex;width:100%;height:100%;align-items:center}
.button .button-label{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.button .button-icon{display:none}
.button.inactive,.button.inactive:hover,.button.locked,.button.locked:hover{cursor:default}
.button:focus{outline-offset:-1px}

/* button - style */
 .button,.button .icon{color:#3C3C3C}
.button .button-label,.xenon-obsidian-theme .button .button-label{font-family:RobotoLight,sans-serif}
.button{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.button.pressed,.button:hover{background-color:#00ABF0;box-shadow:0 0 3px rgba(0,171,240,.5);color:#FFF}
.button.pressed .icon,.button:hover .icon{color:#FFF}
.button.inactive,.button.inactive:hover,.button.locked,.button.locked:hover{background-color:#DCDCDC;box-shadow:none}
.button.inactive .button-label,.button.inactive .icon,.button.inactive:hover .button-label,.button.inactive:hover .icon,.button.locked .button-label,.button.locked .icon,.button.locked:hover .button-label,.button.locked:hover .icon{color:#b1b1b1}
.button:focus{outline:#00ABF0 dashed 1px}
.xenon-obsidian-theme .button{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .button .icon{color:#FFF}
.xenon-obsidian-theme .button.pressed,.xenon-obsidian-theme .button:hover{background-color:#00abf0;box-shadow:0 0 3px rgba(0,171,240,.5);color:#FFF}
.xenon-obsidian-theme .button.pressed .icon,.xenon-obsidian-theme .button:hover .icon{color:#FFF}
.xenon-obsidian-theme .button.inactive,.xenon-obsidian-theme .button.inactive:hover,.xenon-obsidian-theme .button.locked,.xenon-obsidian-theme .button.locked:hover{background-color:#302f2f;box-shadow:none}
.xenon-obsidian-theme .button.inactive .button-label,.xenon-obsidian-theme .button.inactive .icon,.xenon-obsidian-theme .button.inactive:hover .button-label,.xenon-obsidian-theme .button.inactive:hover .icon,.xenon-obsidian-theme .button.locked .button-label,.xenon-obsidian-theme .button.locked .icon,.xenon-obsidian-theme .button.locked:hover .button-label,.xenon-obsidian-theme .button.locked:hover .icon{color:#7d7b7b}
.xenon-obsidian-theme .button:focus{outline:#00abf0 dashed 1px}

/* button - dimensions */
 .button,.button.extra-large,.button.large,.button.medium,.button.small{min-width:36px;padding:0 20px}
.button{min-height:40px;height:40px}
.button .button-label{font-size:14px;line-height:40px}
.button.extra-large{min-height:208px;height:208px}
.button.extra-large .button-label{font-size:148px;line-height:208px}
.button.large{min-height:48px;height:48px}
.button.large .button-label{font-size:18px;line-height:48px}
.button.medium{min-height:40px;height:40px}
.button.medium .button-label{font-size:14px;line-height:40px}
.button.small{min-height:32px;height:32px}
.button.small .button-label{font-size:11px;line-height:32px}

/* button.icon-and-text - common */
 .button.icon-and-text .style-wrapper{display:flex}
.button.icon-and-text .button-icon,.button.icon-and-text .button-label{display:block}
.button.icon-and-text .button-label{flex:1;box-sizing:border-box;padding:0 10px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.button.icon-and-text .button-icon,.button.icon-and-text div:last-child{padding:0}

/* button.icon-and-text - style */
 

/* button.icon-and-text - dimensions */
 .button.icon-and-text .button-icon{width:18px;height:18px;font-size:18px}
.button.icon-and-text .style-wrapper>:first-child{margin-right:16px}
.button.icon-and-text.extra-large .style-wrapper>:first-child,.button.icon-and-text.large .style-wrapper>:first-child{margin-right:12px}
.button.icon-and-text.extra-large .button-icon{width:40px;height:40px;font-size:40px}
.button.icon-and-text.large .button-icon{width:28px;height:28px;font-size:28px}
.button.icon-and-text.medium .button-icon,.button.icon-and-text.small .button-icon{width:18px;height:18px;font-size:18px}
.button.icon-and-text.medium .style-wrapper>:first-child{margin-right:16px}
.button.icon-and-text.small .style-wrapper>:first-child{margin-right:12px}

/* button.icon-only - common */
 .button.icon-only .style-wrapper{justify-content:center}
.button.icon-only .button-label{display:none}
.button.icon-only .button-icon{display:block}

/* button.icon-only - style */
 

/* button.icon-only - dimensions */
 .button.icon-only{width:40px;min-width:40px;height:40px;padding:0}
.button.icon-only .button-icon{width:20px;min-width:20px;height:20px;font-size:20px}
.button.icon-only.extra-large{width:208px;min-width:208px;height:208px;padding:0}
.button.icon-only.extra-large .button-icon{width:60px;min-width:60px;height:60px;font-size:60px}
.button.icon-only.large{width:48px;min-width:48px;height:48px;padding:0}
.button.icon-only.large .button-icon{width:24px;min-width:24px;height:24px;font-size:24px}
.button.icon-only.medium{width:40px;min-width:40px;height:40px;padding:0}
.button.icon-only.medium .button-icon{width:20px;min-width:20px;height:20px;font-size:20px}
.button.icon-only.small{width:32px;min-width:32px;height:32px;padding:0}
.button.icon-only.small .button-icon{width:16px;min-width:16px;height:16px;font-size:16px}

/* button.inverted - common */
 

/* button.inverted - style */
 .button.inverted .button-label,.xenon-obsidian-theme .button.inverted .button-label{font-family:RobotoLight,sans-serif}
.button.inverted{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.button.inverted .icon{color:#FFF}
.button.inverted.pressed,.button.inverted:hover{background-color:#00ABF0;box-shadow:0 0 3px rgba(0,171,240,.5);color:#FFF}
.button.inverted.pressed .icon,.button.inverted:hover .icon{color:#FFF}
.button.inverted.inactive,.button.inverted.inactive:hover,.button.inverted.locked,.button.inverted.locked:hover{background-color:#7a7a7a;box-shadow:none}
.button.inverted.inactive .button-label,.button.inverted.inactive .icon,.button.inverted.inactive:hover .button-label,.button.inverted.inactive:hover .icon,.button.inverted.locked .button-label,.button.inverted.locked .icon,.button.inverted.locked:hover .button-label,.button.inverted.locked:hover .icon{color:#b1b1b1}
.xenon-obsidian-theme .button.inverted{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .button.inverted .icon{color:#FFF}
.xenon-obsidian-theme .button.inverted.pressed,.xenon-obsidian-theme .button.inverted:hover{background-color:#00abf0;box-shadow:0 0 3px rgba(0,171,240,.5);color:#FFF}
.xenon-obsidian-theme .button.inverted.pressed .icon,.xenon-obsidian-theme .button.inverted:hover .icon{color:#FFF}
.xenon-obsidian-theme .button.inverted.inactive,.xenon-obsidian-theme .button.inverted.inactive:hover,.xenon-obsidian-theme .button.inverted.locked,.xenon-obsidian-theme .button.inverted.locked:hover{background-color:#302f2f;box-shadow:none}
.xenon-obsidian-theme .button.inverted.inactive .button-label,.xenon-obsidian-theme .button.inverted.inactive .icon,.xenon-obsidian-theme .button.inverted.inactive:hover .button-label,.xenon-obsidian-theme .button.inverted.inactive:hover .icon,.xenon-obsidian-theme .button.inverted.locked .button-label,.xenon-obsidian-theme .button.inverted.locked .icon,.xenon-obsidian-theme .button.inverted.locked:hover .button-label,.xenon-obsidian-theme .button.inverted.locked:hover .icon{color:#7d7b7b}

/* button.inverted - dimensions */
 

/* checkbox - common */
 .checkbox,.checkbox .box{box-sizing:border-box}
.checkbox{height:1px;align-items:center;cursor:pointer}
.checkbox::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.checkbox .style-wrapper{display:flex;width:100%;height:100%;align-items:center}
.checkbox .checkbox-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.checkbox .checkbox-icon{display:none}
.checkbox.inactive,.checkbox.locked{cursor:default}
.checkbox.icon-and-text .checkbox-icon,.checkbox.icon-only .checkbox-icon{display:block}
.checkbox.icon-only .checkbox-label{display:none}

/* checkbox - style */
 .checkbox{background-color:#FFF;color:#3C3C3C;box-shadow:0 0 2px rgba(0,0,0,.2)}
.checkbox:hover{color:#00ABF0}
.checkbox .box{border:1px solid #3C3C3C}
.checkbox:hover .box{border-color:#00ABF0}
.checkbox .checkbox-handle{fill:#3C3C3C;stroke:#3C3C3C;stroke-width:0}
.checkbox:hover .checkbox-handle{fill:#00ABF0;stroke:#00ABF0}
.checkbox.inactive,.checkbox.locked{background-color:#DCDCDC;box-shadow:none}
.checkbox.inactive .checkbox-label,.checkbox.locked .checkbox-label{color:#b1b1b1}
.checkbox.inactive .checkbox-handle,.checkbox.locked .checkbox-handle{fill:#b1b1b1;stroke:#b1b1b1}
.checkbox.inactive .box,.checkbox.locked .box{border-color:#b1b1b1}
.xenon-obsidian-theme .checkbox{background-color:#3c3b3b;color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .checkbox:hover{color:#00abf0}
.xenon-obsidian-theme .checkbox .box{border:1px solid #FFF}
.xenon-obsidian-theme .checkbox:hover .box{border-color:#00abf0}
.xenon-obsidian-theme .checkbox .checkbox-handle{fill:#FFF;stroke:#FFF;stroke-width:0}
.xenon-obsidian-theme .checkbox:hover .checkbox-handle{fill:#00abf0;stroke:#00abf0}
.xenon-obsidian-theme .checkbox.inactive,.xenon-obsidian-theme .checkbox.locked{background-color:#302f2f;box-shadow:none}
.xenon-obsidian-theme .checkbox.inactive .checkbox-label,.xenon-obsidian-theme .checkbox.locked .checkbox-label{color:#7d7b7b}
.xenon-obsidian-theme .checkbox.inactive .checkbox-handle,.xenon-obsidian-theme .checkbox.locked .checkbox-handle{fill:#7d7b7b;stroke:#7d7b7b}
.xenon-obsidian-theme .checkbox.inactive .box,.xenon-obsidian-theme .checkbox.locked .box{border-color:#7d7b7b}

/* checkbox - dimensions */
 .checkbox,.checkbox.medium{min-height:40px;padding:0 10px}
.checkbox{min-width:80px}
.checkbox .box{width:18px;min-width:18px;height:18px}
.checkbox .checkbox-label{margin-left:12px;line-height:24px;font-size:14px}
.checkbox .checkbox-background{width:100%;height:100%}
.checkbox .checkbox-icon{height:20px;width:20px;margin-left:12px;font-size:20px;line-height:20px}
.checkbox.large{min-width:80px;min-height:48px;padding:0 10px}
.checkbox.large .box{width:22px;min-width:22px;height:22px}
.checkbox.large .checkbox-label{margin-left:12px;line-height:32px;font-size:18px}
.checkbox.large .checkbox-background{width:100%;height:100%}
.checkbox.large .checkbox-icon{height:28px;width:28px;margin-left:12px;font-size:28px;line-height:28px}
.checkbox.medium{min-width:80px}
.checkbox.medium .box{width:18px;min-width:18px;height:18px}
.checkbox.medium .checkbox-label{margin-left:12px;line-height:24px;font-size:14px}
.checkbox.medium .checkbox-background{width:100%;height:100%}
.checkbox.medium .checkbox-icon{height:20px;width:20px;margin-left:12px;font-size:20px;line-height:20px}
.checkbox.small{min-width:56px;min-height:32px;padding:0 10px}
.checkbox.small .box{width:12px;min-width:12px;height:12px}
.checkbox.small .checkbox-label{margin-left:12px;line-height:24px;font-size:11px}
.checkbox.small .checkbox-background{width:100%;height:100%}
.checkbox.small .checkbox-icon{height:16px;width:16px;margin-left:12px;font-size:16px;line-height:16px}

/* checkbox.inverted - common */
 

/* checkbox.inverted - style */
 .checkbox.inverted{background-color:#3c3c3c;color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.checkbox.inverted:hover{color:#00ABF0}
.checkbox.inverted .box{border:1px solid #FFF}
.checkbox.inverted:hover .box{border-color:#00ABF0}
.checkbox.inverted .checkbox-handle{fill:#FFF;stroke:#FFF;stroke-width:0}
.checkbox.inverted:hover .checkbox-handle{fill:#00ABF0;stroke:#00ABF0}
.checkbox.inverted.inactive,.checkbox.inverted.locked{background-color:#7a7a7a;box-shadow:none}
.checkbox.inverted.inactive .checkbox-label,.checkbox.inverted.locked .checkbox-label{color:#b1b1b1}
.checkbox.inverted.inactive .checkbox-handle,.checkbox.inverted.locked .checkbox-handle{fill:#b1b1b1;stroke:#b1b1b1}
.checkbox.inverted.inactive .box,.checkbox.inverted.locked .box{border-color:#b1b1b1}
.xenon-obsidian-theme .checkbox.inverted{background-color:#2d2c2c;color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .checkbox.inverted:hover{color:#00abf0}
.xenon-obsidian-theme .checkbox.inverted .box{border:1px solid #FFF}
.xenon-obsidian-theme .checkbox.inverted:hover .box{border-color:#00abf0}
.xenon-obsidian-theme .checkbox.inverted .checkbox-handle{fill:#FFF;stroke:#FFF;stroke-width:0}
.xenon-obsidian-theme .checkbox.inverted:hover .checkbox-handle{fill:#00abf0;stroke:#00abf0}
.xenon-obsidian-theme .checkbox.inverted.inactive,.xenon-obsidian-theme .checkbox.inverted.locked{background-color:#fff;box-shadow:none}
.xenon-obsidian-theme .checkbox.inverted.inactive .checkbox-label,.xenon-obsidian-theme .checkbox.inverted.locked .checkbox-label{color:#7d7b7b}
.xenon-obsidian-theme .checkbox.inverted.inactive .checkbox-handle,.xenon-obsidian-theme .checkbox.inverted.locked .checkbox-handle{fill:#7d7b7b;stroke:#7d7b7b}
.xenon-obsidian-theme .checkbox.inverted.inactive .box,.xenon-obsidian-theme .checkbox.inverted.locked .box{border-color:#7d7b7b}

/* checkbox.inverted - dimensions */
 

/* complex-table2 - common */
 .complex-table2{box-sizing:border-box;width:100%;min-height:196px}
.complex-table2 .ct2-ctrl-panel::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.complex-table2 .ct2-ctrl-panel>div{float:left}
.complex-table2 .ct2-ctrl-panel .ctrl{float:left;margin-right:8px}
.complex-table2 .ct2-ctrl-panel div:last-child .ctrl{float:right;margin-right:0}
.complex-table2 .ct2-ctrl-panel.ct2-ctrl-panel-minimized .button{min-width:48px}
.complex-table2 .ct2-table-container{margin-bottom:0}
.complex-table2 .ct2-table-container .ct2-table-content-container{float:left;display:flex;flex-direction:column;height:100%;overflow:hidden}
.complex-table2 .ct2-table-container table:not(.ct2-table-body){position:relative;table-layout:fixed;width:100%}
.complex-table2 .ct2-table-container table.ct2-table-body{display:block;position:relative;width:100%}
.complex-table2 .ct2-table-container table tbody{position:absolute;table-layout:fixed;display:table;width:100%}
.complex-table2 .ct2-table-container table td,.complex-table2 .ct2-table-container table th{word-wrap:break-word}
.complex-table2 .ct2-table-container .gp-scroll-bar{float:right;height:100%}
.complex-table2 .ct2-table-container .ct2-table-header{height:100%}
.complex-table2 .ct2-table-container .ct2-table-body-container{flex:1;-ms-touch-action:none;overflow:hidden}
.complex-table2 .ct2-table-container colgroup col.ct2-colcb{width:5%}
.complex-table2 .ct2-table-container table,.complex-table2 .ct2-table-container td,.complex-table2 .ct2-table-container th{border-collapse:collapse}
.complex-table2 .ct2-table-container th{position:relative;text-align:left}
.complex-table2 .ct2-table-container td{padding:0}
.complex-table2 .ct2-table-container td .ct2-tdcont{line-height:0}
.complex-table2 .ct2-table-container .ct2-selcb{box-sizing:border-box;margin:0 auto;cursor:pointer}
.complex-table2 .ct2-table-container .ct2-table-header .ct2-selcb{border:1px solid #000;background-color:transparent!important}
.complex-table2 .ct2-table-container .ct2-selcb.ct2-cb-ck{background-origin:border-box!important;background-size:auto!important;background-position:-1px -1px}
.complex-table2 .ct2-table-container .ct2-selcb.ct2-cb-unck{background-image:none}
.complex-table2 .ct2-table-container .ct2-selcb.ct2-cb-undef{background-origin:padding-box!important;background-size:auto!important}
.complex-table2 .ct2-table-container .ct2-fhead{padding:0 5px}
.complex-table2 .ct2-table-container .ct2-fhead::after{content:"";position:absolute;top:50%;pointer-events:none;transition:.3s ease-in-out transform,opacity;z-index:1}
.complex-table2 .ct2-table-container .ct2-fhead.ct2-fh-no-sort::after{opacity:0}
.complex-table2 .ct2-table-container .ct2-fhead.ct2-fh-sort-down::after,.complex-table2 .ct2-table-container .ct2-fhead.ct2-fh-sort-up::after{opacity:1}
.complex-table2 .ct2-table-container .ct2-fhead.ct2-fh-sort-down::after{transform-origin:50%;transform:rotateZ(180deg)}
.complex-table2 .ct2-table-container .ct2-thcont{width:100%;height:100%}
.complex-table2 .ct2-table-container .ct2-tdcont{box-sizing:border-box;width:100%;height:100%;overflow:hidden}
.complex-table2 .ct2-table-container .ct2-footer::after,.complex-table2 .ct2-table-container::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.complex-table2 .ct2-table-filters-container,.complex-table2.ct2-ctrl-panel-and-label-hidden .ct2-ctrl-panel,.complex-table2.ct2-ctrl-panel-and-label-hidden .ct2-label,.complex-table2.ct2-ctrl-panel-hidden .ct2-ctrl-panel,.complex-table2.ct2-label-hidden .ct2-label,.complex-table2.ct2-row-display-invisible .ct2-footer,.complex-table2.ct2-sb-minimized .gpsb-btn-panel,.complex-table2.ct2-sb-not-used .gp-scroll-bar{display:none}
.complex-table2 .ct2-fhead.ct2-fh-sel,.complex-table2 .ct2-fhead.ct2-fh-sortable{cursor:pointer}
.complex-table2.inactive .ct2-fhead.ct2-fh-sel,.complex-table2.inactive .ct2-fhead.ct2-fh-sortable,.complex-table2.inactive .ct2-selcb,.complex-table2.locked .ct2-fhead.ct2-fh-sel,.complex-table2.locked .ct2-fhead.ct2-fh-sortable,.complex-table2.locked .ct2-selcb{cursor:default}
.complex-table2 .ct2-tdcont .ctrl:last-child{margin-bottom:0}
.complex-table2 .ct2-table-filters .ct2-filter{box-sizing:border-box;width:100%;padding:5px}
.complex-table2 .ct2-table-filters .filter-icon{position:absolute;margin-left:5px;opacity:.5;z-index:1}
.complex-table2 .ct2-table-filters .line{margin-bottom:0}
.complex-table2 .ct2-table-filters .line::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.complex-table2 .ct2-table-filters .line>div{float:left;margin-bottom:0}
.complex-table2 .ct2-table-filters .line .button.reset-filter{margin-left:2px}
.complex-table2 .ct2-table-filters .input-field .label{display:none}
.complex-table2 .ct2-table-filters .input-field .input-field-value{width:100%;margin:0;padding-left:30px!important}
.complex-table2 .qsearch-box{position:relative;margin-top:8px}
.complex-table2 .ct2-qsearch-clear{position:absolute;cursor:pointer}
.complex-table2.inactive .ct2-qsearch-clear,.complex-table2.locked .ct2-qsearch-clear{cursor:default}
.complex-table2:not(.ct2-sb-normal) .gp-scroll-bar{visibility:hidden}
.complex-table2 .ct2-table-container .ct2-table-content-container{position:relative}
.complex-table2 .table-loading-overlay{display:none;position:absolute;width:100%}
.complex-table2.loading{pointer-events:none}
.complex-table2.loading .table-loading-overlay{display:block}

/* complex-table2 - style */
 .complex-table2{border:1px solid #DCDCDC}
.complex-table2 .ct2-label{font-family:RobotoRegular,sans-serif}
.complex-table2 .ct2-table-header{border-bottom:1px solid #00ABF0}
.complex-table2 .ct2-table-body-container,.complex-table2 .ct2-table-filters>tr{border-bottom:1px solid #a0a0a0}
.complex-table2 .ct2-table-filters .button{border:1px solid #DCDCDC;box-shadow:none}
.complex-table2 .ct2-table-filters .input-field .input-field-value{font-family:RobotoRegular,sans-serif;border:1px solid #DCDCDC;color:#c8c8c8}
.complex-table2 .ct2-table-filters .input-field .input-field-value:focus{border-color:#00ABF0;color:#464646}
.complex-table2 .ct2-qsearch-clear{background-image:url(../pics/system/icons/cross.svg)}
.complex-table2 .ct2-table-body tr{border-bottom:1px solid #DCDCDC}
.complex-table2 .ct2-table-header .ct2-selcb{border-color:#FFF}
.complex-table2 .ct2-selcb{background-repeat:no-repeat;background-size:50% 50%;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#fff}
.complex-table2 .ct2-selcb.ct2-cb-ck,.complex-table2 .ct2-table-header .ct2-selcb.ct2-cb-ck{background-image:url(../pics/system/controls/complex-table2/cross.svg)}
.complex-table2 .ct2-selcb.ct2-cb-undef{background-image:url(../pics/system/icons/checkbox_black.svg)}
.complex-table2 .ct2-fhead::after{background:url(../pics/system/controls/complex-table2/arrow_up_black.svg) 50% 50% no-repeat;background-size:70%}
.complex-table2 tr.ct2-rs-ck{background-color:#cceefc}
.complex-table2 .ct2-table-container .ct2-table-header .ct2-fhead{font-family:RobotoMedium,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.complex-table2 .table-loading-overlay{background-color:#616161;opacity:.2}
.xenon-obsidian-theme .complex-table2{border:1px solid #302f2f}
.xenon-obsidian-theme .complex-table2 .ct2-label{font-family:RobotoRegular,sans-serif}
.xenon-obsidian-theme .complex-table2 .ct2-table-header{border-bottom:1px solid #00abf0}
.xenon-obsidian-theme .complex-table2 .ct2-table-body-container,.xenon-obsidian-theme .complex-table2 .ct2-table-filters>tr{border-bottom:1px solid #a0a0a0}
.xenon-obsidian-theme .complex-table2 .ct2-table-filters .button{border:1px solid #302f2f;box-shadow:none}
.xenon-obsidian-theme .complex-table2 .ct2-table-filters .input-field .input-field-value{font-family:RobotoRegular,sans-serif;border:1px solid #302f2f;color:#524f4f}
.xenon-obsidian-theme .complex-table2 .ct2-table-filters .input-field .input-field-value:focus{border-color:#00abf0;color:#373636}
.xenon-obsidian-theme .complex-table2 .ct2-qsearch-clear{background-image:url(../pics/system/icons/cross_white.svg)}
.xenon-obsidian-theme .complex-table2 .ct2-table-body tr{border-bottom:1px solid #302f2f}
.xenon-obsidian-theme .complex-table2 .ct2-table-header .ct2-selcb{border-color:#FFF}
.xenon-obsidian-theme .complex-table2 .ct2-selcb{background-repeat:no-repeat;background-size:50% 50%;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#fff}
.xenon-obsidian-theme .complex-table2 .ct2-selcb.ct2-cb-ck{background-image:url(../pics/system/controls/complex-table2/cross.svg)}
.xenon-obsidian-theme .complex-table2 .ct2-table-header .ct2-selcb.ct2-cb-ck{background-image:url(../pics/system/controls/complex-table2/cross_white.svg)}
.xenon-obsidian-theme .complex-table2 .ct2-selcb.ct2-cb-undef{background-image:url(../pics/system/icons/checkbox_white.svg)}
.xenon-obsidian-theme .complex-table2 .ct2-fhead::after{background:url(../pics/system/controls/complex-table2/arrow_up.svg) 50% 50% no-repeat;background-size:70%}
.xenon-obsidian-theme .complex-table2 tr.ct2-rs-ck{background-color:#cceefc}
.xenon-obsidian-theme .complex-table2 .ct2-table-container .ct2-table-header .ct2-fhead{font-family:RobotoMedium,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xenon-obsidian-theme .complex-table2 .table-loading-overlay{background-color:#616161;opacity:.2}

/* complex-table2 - dimensions */
 .complex-table2 .ct2-ctrl-panel>div:not(:first-child),.complex-table2.large .ct2-ctrl-panel>div:not(:first-child),.complex-table2.medium .ct2-ctrl-panel>div:not(:first-child),.complex-table2.small .ct2-ctrl-panel>div:not(:first-child){margin-left:8px}
.complex-table2 .ct2-fhead.ct2-fh-sort-up,.complex-table2.large .ct2-fhead.ct2-fh-sort-up,.complex-table2.medium .ct2-fhead.ct2-fh-sort-up{background-position-y:15px!important;background-origin:content-box!important}
.complex-table2{padding:10px}
.complex-table2 .ct2-label{margin-bottom:16px;font-size:16px;line-height:36px}
.complex-table2 .ct2-ctrl-panel{height:40px;padding-bottom:16px}
.complex-table2 .ct2-ctrl-panel .input-field{width:400px}
.complex-table2 .ct2-ctrl-panel .input-field.label-beside .label{width:58px}
.complex-table2 .ct2-footer{width:calc(100% - 20px);font-size:14px;line-height:38px}
.complex-table2 .ct2-table-container{height:calc(100% - 94px)}
.complex-table2 .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:16px;line-height:28px}
.complex-table2 .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2 .ct2-table-container .ct2-tdcont>.text2{font-size:16px;line-height:38px}
.complex-table2 .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2 .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2 .ct2-table-container td>div:not(.ct2-selcb){padding-left:5px;padding-right:5px}
.complex-table2 .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2 .ct2-selcb,.complex-table2 .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2 .ct2-table-body,.complex-table2 .ct2-table-filter-container,.complex-table2 .ct2-table-header-container{width:calc(100% - 20px)}
.complex-table2.ct2-sb-minimized .ct2-footer,.complex-table2.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 86px)}
.complex-table2.ct2-label-hidden .ct2-table-container{height:calc(100% - 78px)}
.complex-table2.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 38px)}
.complex-table2.ct2-sb-not-used .ct2-footer,.complex-table2.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2 .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2 .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2 .ct2-table-filters .input-field .input-field-value{height:28px;font-size:14px;line-height:28px}
.complex-table2 .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2 .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2 .ct2-qsearch-clear{width:20px;height:20px;right:8px;top:9px}
.complex-table2 .table-loading-overlay{top:28px;height:calc(100% - 28px)}
.complex-table2.large{padding:10px}
.complex-table2.large .ct2-label{margin-bottom:16px;font-size:18px;line-height:36px}
.complex-table2.large .ct2-ctrl-panel{height:50px;padding-bottom:16px}
.complex-table2.large .ct2-ctrl-panel .input-field{width:400px}
.complex-table2.large .ct2-ctrl-panel .input-field.label-beside .label{width:58px}
.complex-table2.large .ct2-footer{width:calc(100% - 20px);font-size:16px;line-height:38px}
.complex-table2.large .ct2-table-container{height:calc(100% - 104px)}
.complex-table2.large .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:18px;line-height:28px}
.complex-table2.large .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.large .ct2-table-container .ct2-tdcont>.text2{font-size:18px;line-height:38px}
.complex-table2.large .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.large .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.large .ct2-table-container td>div:not(.ct2-selcb){padding-left:5px;padding-right:5px}
.complex-table2.large .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.large .ct2-selcb,.complex-table2.large .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.large .ct2-table-body,.complex-table2.large .ct2-table-filter-container,.complex-table2.large .ct2-table-header-container{width:calc(100% - 20px)}
.complex-table2.large.ct2-sb-minimized .ct2-footer,.complex-table2.large.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.large.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.large.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 86px)}
.complex-table2.large.ct2-label-hidden .ct2-table-container{height:calc(100% - 88px)}
.complex-table2.large.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 38px)}
.complex-table2.large.ct2-sb-not-used .ct2-footer,.complex-table2.large.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.large .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.large .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.large .ct2-table-filters .input-field .input-field-value{height:28px;font-size:14px;line-height:28px}
.complex-table2.large .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.large .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2.large .ct2-qsearch-clear{width:20px;height:20px;right:8px;top:9px}
.complex-table2.large .table-loading-overlay{top:28px;height:calc(100% - 28px)}
.complex-table2.medium{padding:10px}
.complex-table2.medium .ct2-label{margin-bottom:16px;font-size:16px;line-height:36px}
.complex-table2.medium .ct2-ctrl-panel{height:40px;padding-bottom:16px}
.complex-table2.medium .ct2-ctrl-panel .input-field{width:400px}
.complex-table2.medium .ct2-ctrl-panel .input-field.label-beside .label{width:58px}
.complex-table2.medium .ct2-footer{width:calc(100% - 20px);font-size:14px;line-height:38px}
.complex-table2.medium .ct2-table-container{height:calc(100% - 94px)}
.complex-table2.medium .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:16px;line-height:28px}
.complex-table2.medium .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.medium .ct2-table-container .ct2-tdcont>.text2{font-size:16px;line-height:38px}
.complex-table2.medium .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.medium .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.medium .ct2-table-container td>div:not(.ct2-selcb){padding-left:5px;padding-right:5px}
.complex-table2.medium .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.medium .ct2-selcb,.complex-table2.medium .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.medium .ct2-table-body,.complex-table2.medium .ct2-table-filter-container,.complex-table2.medium .ct2-table-header-container{width:calc(100% - 20px)}
.complex-table2.medium.ct2-sb-minimized .ct2-footer,.complex-table2.medium.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.medium.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.medium.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 86px)}
.complex-table2.medium.ct2-label-hidden .ct2-table-container{height:calc(100% - 78px)}
.complex-table2.medium.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 38px)}
.complex-table2.medium.ct2-sb-not-used .ct2-footer,.complex-table2.medium.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.medium .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.medium .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.medium .ct2-table-filters .input-field .input-field-value{height:28px;font-size:14px;line-height:28px}
.complex-table2.medium .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.medium .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2.medium .ct2-qsearch-clear{width:20px;height:20px;right:8px;top:9px}
.complex-table2.medium .table-loading-overlay{top:28px;height:calc(100% - 28px)}
.complex-table2.small{padding:10px}
.complex-table2.small .ct2-label{margin-bottom:16px;font-size:13px;line-height:28px}
.complex-table2.small .ct2-ctrl-panel{height:50px;padding-bottom:16px}
.complex-table2.small .ct2-ctrl-panel .input-field{width:400px}
.complex-table2.small .ct2-ctrl-panel .input-field.label-beside .label{width:58px}
.complex-table2.small .ct2-footer{width:calc(100% - 20px);font-size:11px;line-height:30px}
.complex-table2.small .ct2-table-container{height:calc(100% - 96px)}
.complex-table2.small .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:12px;line-height:28px}
.complex-table2.small .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.small .ct2-table-container .ct2-tdcont>.text2{font-size:11px;line-height:38px}
.complex-table2.small .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.small .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.small .ct2-table-container td>div:not(.ct2-selcb){padding-left:5px;padding-right:5px}
.complex-table2.small .ct2-fhead.ct2-fh-sort-up{background-origin:content-box!important;background-position-y:15px!important}
.complex-table2.small .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.small .ct2-selcb,.complex-table2.small .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.small .ct2-table-body,.complex-table2.small .ct2-table-filter-container,.complex-table2.small .ct2-table-header-container{width:calc(100% - 20px)}
.complex-table2.small.ct2-sb-minimized .ct2-footer,.complex-table2.small.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.small.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.small.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 70px)}
.complex-table2.small.ct2-label-hidden .ct2-table-container{height:calc(100% - 80px)}
.complex-table2.small.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 30px)}
.complex-table2.small.ct2-sb-not-used .ct2-footer,.complex-table2.small.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.small .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.small .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.small .ct2-table-filters .input-field .input-field-value{height:28px;font-size:11px;line-height:28px}
.complex-table2.small .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.small .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2.small .ct2-qsearch-clear{width:20px;height:20px;right:8px;top:9px}
.complex-table2.small .table-loading-overlay{top:28px;height:calc(100% - 28px)}

/* complex-table2.alarm-list - common */
 .complex-table2.alarm-list{box-sizing:border-box;width:100%;min-height:196px}
.complex-table2.alarm-list .ct2-ctrl-panel::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.complex-table2.alarm-list .ct2-ctrl-panel>div{float:left}
.complex-table2.alarm-list .ct2-ctrl-panel .ctrl{float:left;margin-right:8px}
.complex-table2.alarm-list .ct2-ctrl-panel div:last-child .ctrl{float:right;margin-right:0}
.complex-table2.alarm-list .ct2-ctrl-panel.ct2-ctrl-panel-minimized .button{min-width:48px}
.complex-table2.alarm-list .ct2-table-container{margin-bottom:0}
.complex-table2.alarm-list .ct2-table-container .ct2-table-content-container{float:left;display:flex;flex-direction:column;height:100%;overflow:hidden}
.complex-table2.alarm-list .ct2-table-container table{table-layout:fixed;width:100%}
.complex-table2.alarm-list .ct2-table-container .gp-scroll-bar{float:right;height:100%}
.complex-table2.alarm-list .ct2-table-container .ct2-table-header{width:100%;height:100%}
.complex-table2.alarm-list .ct2-table-container .ct2-table-body-container{flex:1;-ms-touch-action:none;overflow:hidden}
.complex-table2.alarm-list .ct2-table-container colgroup col.ct2-colcb{width:5%}
.complex-table2.alarm-list .ct2-table-container table,.complex-table2.alarm-list .ct2-table-container td,.complex-table2.alarm-list .ct2-table-container th{border-collapse:collapse}
.complex-table2.alarm-list .ct2-table-container th{position:relative;text-align:left}
.complex-table2.alarm-list .ct2-table-container td{padding:0}
.complex-table2.alarm-list .ct2-table-container td .ct2-tdcont{line-height:0}
.complex-table2.alarm-list .ct2-table-container .ct2-selcb{box-sizing:border-box;margin:0 auto;cursor:pointer}
.complex-table2.alarm-list .ct2-table-container .ct2-table-header .ct2-selcb{border:1px solid #000;background-color:transparent!important}
.complex-table2.alarm-list .ct2-table-container .ct2-selcb.ct2-cb-ck{background-origin:border-box!important;background-size:auto!important;background-position:-1px -1px}
.complex-table2.alarm-list .ct2-table-container .ct2-selcb.ct2-cb-unck{background-image:none}
.complex-table2.alarm-list .ct2-table-container .ct2-selcb.ct2-cb-undef{background-origin:padding-box!important;background-size:auto!important}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead{padding:0 5px}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead::after{content:"";position:absolute;top:50%;pointer-events:none;transition:.3s ease-in-out transform,opacity;z-index:1}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead.ct2-fh-no-sort::after{opacity:0}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead.ct2-fh-sort-down::after,.complex-table2.alarm-list .ct2-table-container .ct2-fhead.ct2-fh-sort-up::after{opacity:1}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead.ct2-fh-sort-down::after{transform-origin:50%;transform:rotateZ(180deg)}
.complex-table2.alarm-list .ct2-table-container .ct2-table-body.ct2-vscroll-ani{transition:transform .5s ease-out}
.complex-table2.alarm-list .ct2-table-container .ct2-thcont{width:100%;height:100%}
.complex-table2.alarm-list .ct2-table-container .ct2-tdcont{box-sizing:border-box;width:100%;height:100%}
.complex-table2.alarm-list .ct2-table-container .ct2-footer::after,.complex-table2.alarm-list .ct2-table-container::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.complex-table2.alarm-list .ct2-table-filters-container,.complex-table2.alarm-list.ct2-ctrl-panel-and-label-hidden .ct2-ctrl-panel,.complex-table2.alarm-list.ct2-ctrl-panel-and-label-hidden .ct2-label,.complex-table2.alarm-list.ct2-ctrl-panel-hidden .ct2-ctrl-panel,.complex-table2.alarm-list.ct2-label-hidden .ct2-label,.complex-table2.alarm-list.ct2-row-display-invisible .ct2-footer,.complex-table2.alarm-list.ct2-sb-minimized .gpsb-btn-panel,.complex-table2.alarm-list.ct2-sb-not-used .gp-scroll-bar{display:none}
.complex-table2.alarm-list .ct2-fhead.ct2-fh-sel,.complex-table2.alarm-list .ct2-fhead.ct2-fh-sortable{cursor:pointer}
.complex-table2.alarm-list.inactive .ct2-fhead.ct2-fh-sel,.complex-table2.alarm-list.inactive .ct2-fhead.ct2-fh-sortable,.complex-table2.alarm-list.inactive .ct2-selcb,.complex-table2.alarm-list.locked .ct2-fhead.ct2-fh-sel,.complex-table2.alarm-list.locked .ct2-fhead.ct2-fh-sortable,.complex-table2.alarm-list.locked .ct2-selcb{cursor:default}
.complex-table2.alarm-list .ct2-tdcont .ctrl:last-child{margin-bottom:0}
.complex-table2.alarm-list .ct2-table-filters .ct2-filter{box-sizing:border-box;width:100%;padding:5px}
.complex-table2.alarm-list .ct2-table-filters .filter-icon{position:absolute;margin-left:5px;opacity:.5;z-index:1}
.complex-table2.alarm-list .ct2-table-filters .line{margin-bottom:0}
.complex-table2.alarm-list .ct2-table-filters .line::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.complex-table2.alarm-list .ct2-table-filters .line>div{float:left;margin-bottom:0}
.complex-table2.alarm-list .ct2-table-filters .line .button.reset-filter{margin-left:2px}
.complex-table2.alarm-list .ct2-table-filters .input-field .label{display:none}
.complex-table2.alarm-list .ct2-table-filters .input-field .input-field-value{width:100%;margin:0;padding-left:30px!important}
.complex-table2.alarm-list:not(.ct2-sb-normal) .gp-scroll-bar{visibility:hidden}

/* complex-table2.alarm-list - style */
 .complex-table2.alarm-list{border:1px solid #DCDCDC}
.complex-table2.alarm-list .ct2-label{font-family:RobotoRegular,sans-serif}
.complex-table2.alarm-list .ct2-table-header{border-bottom:1px solid #00ABF0}
.complex-table2.alarm-list .ct2-table-body-container,.complex-table2.alarm-list .ct2-table-filters>tr{border-bottom:1px solid #a0a0a0}
.complex-table2.alarm-list .ct2-table-filters .button{border:1px solid #DCDCDC;box-shadow:none}
.complex-table2.alarm-list .ct2-table-filters .input-field .input-field-value{font-family:RobotoRegular,sans-serif;border:1px solid #DCDCDC;color:#c8c8c8}
.complex-table2.alarm-list .ct2-table-filters .input-field .input-field-value:focus{border-color:#00ABF0;color:#464646}
.complex-table2.alarm-list .ct2-table-body tr:not(:last-child){border-bottom:1px solid #DCDCDC}
.complex-table2.alarm-list .ct2-table-header .ct2-selcb{border-color:#FFF}
.complex-table2.alarm-list .ct2-selcb{background-repeat:no-repeat;background-size:50% 50%;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#fff}
.complex-table2.alarm-list .ct2-selcb.ct2-cb-ck,.complex-table2.alarm-list .ct2-table-header .ct2-selcb.ct2-cb-ck{background-image:url(../pics/system/controls/complex-table2/cross.svg)}
.complex-table2.alarm-list .ct2-selcb.ct2-cb-undef{background-image:url(../pics/system/icons/checkbox_black.svg)}
.complex-table2.alarm-list .ct2-fhead::after{background:url(../pics/system/controls/complex-table2/arrow_up_black.svg) 50% 50% no-repeat;background-size:70%}
.complex-table2.alarm-list tr.ct2-rs-ck{background-color:#cceefc}
.complex-table2.alarm-list .ct2-table-container .ct2-table-header .ct2-fhead{font-family:RobotoMedium,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xenon-obsidian-theme .complex-table2.alarm-list{border:1px solid #302f2f}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-label{font-family:RobotoRegular,sans-serif}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-header{border-bottom:1px solid #00abf0}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-body-container,.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-filters>tr{border-bottom:1px solid #a0a0a0}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-filters .button{border:1px solid #302f2f;box-shadow:none}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-filters .input-field .input-field-value{font-family:RobotoRegular,sans-serif;border:1px solid #302f2f;color:#524f4f}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-filters .input-field .input-field-value:focus{border-color:#00abf0;color:#373636}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-body tr:not(:last-child){border-bottom:1px solid #302f2f}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-header .ct2-selcb{border-color:#FFF}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-selcb{background-repeat:no-repeat;background-size:50% 50%;box-shadow:0 0 2px rgba(0,0,0,.2);background-color:#fff}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-selcb.ct2-cb-ck{background-image:url(../pics/system/controls/complex-table2/cross.svg)}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-header .ct2-selcb.ct2-cb-ck{background-image:url(../pics/system/controls/complex-table2/cross_white.svg)}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-selcb.ct2-cb-undef{background-image:url(../pics/system/icons/checkbox_white.svg)}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-fhead::after{background:url(../pics/system/controls/complex-table2/arrow_up.svg) 50% 50% no-repeat;background-size:70%}
.xenon-obsidian-theme .complex-table2.alarm-list tr.ct2-rs-ck{background-color:#cceefc}
.xenon-obsidian-theme .complex-table2.alarm-list .ct2-table-container .ct2-table-header .ct2-fhead{font-family:RobotoMedium,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* complex-table2.alarm-list - dimensions */
 .complex-table2.alarm-list .ct2-fhead.ct2-fh-sort-up,.complex-table2.alarm-list.large .ct2-fhead.ct2-fh-sort-up,.complex-table2.alarm-list.medium .ct2-fhead.ct2-fh-sort-up,.complex-table2.alarm-list.small .ct2-fhead.ct2-fh-sort-up{background-position-y:15px!important;background-origin:content-box!important}
.complex-table2.alarm-list .ct2-ctrl-panel>div:not(:first-child),.complex-table2.alarm-list.large .ct2-ctrl-panel>div:not(:first-child),.complex-table2.alarm-list.medium .ct2-ctrl-panel>div:not(:first-child),.complex-table2.alarm-list.small .ct2-ctrl-panel>div:not(:first-child){margin-left:8px}
.complex-table2.alarm-list{padding:10px}
.complex-table2.alarm-list .ct2-label{margin-bottom:16px;font-size:16px;line-height:36px}
.complex-table2.alarm-list .ct2-ctrl-panel{height:40px;padding-bottom:16px}
.complex-table2.alarm-list .ct2-footer{width:calc(100% - 40px);font-size:14px;line-height:38px}
.complex-table2.alarm-list .ct2-table-container{height:calc(100% - 94px)}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:16px;line-height:28px}
.complex-table2.alarm-list .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.alarm-list .ct2-table-container .ct2-tdcont>.text2{font-size:16px;line-height:38px}
.complex-table2.alarm-list .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.alarm-list .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.alarm-list .ct2-table-container .ct2-table-body{float:left}
.complex-table2.alarm-list .ct2-table-container td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.complex-table2.alarm-list .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.alarm-list .ct2-selcb,.complex-table2.alarm-list .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.alarm-list.ct2-sb-normal .gp-scroll-bar{width:40px}
.complex-table2.alarm-list.ct2-sb-normal .ct2-table-body,.complex-table2.alarm-list.ct2-sb-normal .ct2-table-filter-container,.complex-table2.alarm-list.ct2-sb-normal .ct2-table-header-container{width:calc(100% - 40px)}
.complex-table2.alarm-list.ct2-sb-minimized .ct2-footer,.complex-table2.alarm-list.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.alarm-list.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.alarm-list.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 86px)}
.complex-table2.alarm-list.ct2-label-hidden .ct2-table-container{height:calc(100% - 78px)}
.complex-table2.alarm-list.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 38px)}
.complex-table2.alarm-list.ct2-sb-not-used .ct2-footer,.complex-table2.alarm-list.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.alarm-list .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.alarm-list .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.alarm-list .ct2-table-filters .input-field .input-field-value{height:28px;font-size:14px;line-height:28px}
.complex-table2.alarm-list .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.alarm-list .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2.alarm-list.large{padding:10px}
.complex-table2.alarm-list.large .ct2-label{margin-bottom:16px;font-size:18px;line-height:36px}
.complex-table2.alarm-list.large .ct2-ctrl-panel{height:50px;padding-bottom:16px}
.complex-table2.alarm-list.large .ct2-footer{width:calc(100% - 40px);font-size:16px;line-height:38px}
.complex-table2.alarm-list.large .ct2-table-container{height:calc(100% - 104px)}
.complex-table2.alarm-list.large .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:18px;line-height:28px}
.complex-table2.alarm-list.large .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.alarm-list.large .ct2-table-container .ct2-tdcont>.text2{font-size:18px;line-height:38px}
.complex-table2.alarm-list.large .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.alarm-list.large .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.alarm-list.large .ct2-table-container .ct2-table-body{float:left}
.complex-table2.alarm-list.large .ct2-table-container td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.complex-table2.alarm-list.large .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.alarm-list.large .ct2-selcb,.complex-table2.alarm-list.large .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.alarm-list.large.ct2-sb-normal .gp-scroll-bar{width:40px}
.complex-table2.alarm-list.large.ct2-sb-normal .ct2-table-body,.complex-table2.alarm-list.large.ct2-sb-normal .ct2-table-filter-container,.complex-table2.alarm-list.large.ct2-sb-normal .ct2-table-header-container{width:calc(100% - 40px)}
.complex-table2.alarm-list.large.ct2-sb-minimized .ct2-footer,.complex-table2.alarm-list.large.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.alarm-list.large.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.alarm-list.large.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 86px)}
.complex-table2.alarm-list.large.ct2-label-hidden .ct2-table-container{height:calc(100% - 88px)}
.complex-table2.alarm-list.large.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 38px)}
.complex-table2.alarm-list.large.ct2-sb-not-used .ct2-footer,.complex-table2.alarm-list.large.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.alarm-list.large .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.alarm-list.large .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.alarm-list.large .ct2-table-filters .input-field .input-field-value{height:28px;font-size:14px;line-height:28px}
.complex-table2.alarm-list.large .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.alarm-list.large .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2.alarm-list.medium{padding:10px}
.complex-table2.alarm-list.medium .ct2-label{margin-bottom:16px;font-size:16px;line-height:36px}
.complex-table2.alarm-list.medium .ct2-ctrl-panel{height:40px;padding-bottom:16px}
.complex-table2.alarm-list.medium .ct2-footer{width:calc(100% - 40px);font-size:14px;line-height:38px}
.complex-table2.alarm-list.medium .ct2-table-container{height:calc(100% - 94px)}
.complex-table2.alarm-list.medium .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:16px;line-height:28px}
.complex-table2.alarm-list.medium .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.alarm-list.medium .ct2-table-container .ct2-tdcont>.text2{font-size:16px;line-height:38px}
.complex-table2.alarm-list.medium .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.alarm-list.medium .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.alarm-list.medium .ct2-table-container .ct2-table-body{float:left}
.complex-table2.alarm-list.medium .ct2-table-container td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.complex-table2.alarm-list.medium .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.alarm-list.medium .ct2-selcb,.complex-table2.alarm-list.medium .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.alarm-list.medium.ct2-sb-normal .gp-scroll-bar{width:40px}
.complex-table2.alarm-list.medium.ct2-sb-normal .ct2-table-body,.complex-table2.alarm-list.medium.ct2-sb-normal .ct2-table-filter-container,.complex-table2.alarm-list.medium.ct2-sb-normal .ct2-table-header-container{width:calc(100% - 40px)}
.complex-table2.alarm-list.medium.ct2-sb-minimized .ct2-footer,.complex-table2.alarm-list.medium.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.alarm-list.medium.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.alarm-list.medium.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 86px)}
.complex-table2.alarm-list.medium.ct2-label-hidden .ct2-table-container{height:calc(100% - 78px)}
.complex-table2.alarm-list.medium.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 38px)}
.complex-table2.alarm-list.medium.ct2-sb-not-used .ct2-footer,.complex-table2.alarm-list.medium.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.alarm-list.medium .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.alarm-list.medium .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.alarm-list.medium .ct2-table-filters .input-field .input-field-value{height:28px;font-size:14px;line-height:28px}
.complex-table2.alarm-list.medium .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.alarm-list.medium .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}
.complex-table2.alarm-list.small{padding:10px}
.complex-table2.alarm-list.small .ct2-label{margin-bottom:16px;font-size:13px;line-height:28px}
.complex-table2.alarm-list.small .ct2-ctrl-panel{height:50px;padding-bottom:16px}
.complex-table2.alarm-list.small .ct2-footer{width:calc(100% - 40px);font-size:11px;line-height:30px}
.complex-table2.alarm-list.small .ct2-table-container{height:calc(100% - 96px)}
.complex-table2.alarm-list.small .ct2-table-container .ct2-fhead{width:calc(100% - 32px);font-size:12px;line-height:28px}
.complex-table2.alarm-list.small .ct2-table-container .ct2-fhead::after{width:16px;height:16px;right:8px;margin-top:-8px}
.complex-table2.alarm-list.small .ct2-table-container .ct2-tdcont>.text2{font-size:11px;line-height:38px}
.complex-table2.alarm-list.small .ct2-table-container .ct2-table-content-container{width:100%}
.complex-table2.alarm-list.small .ct2-table-container .ct2-table-body-container{height:calc(100% - 28px)}
.complex-table2.alarm-list.small .ct2-table-container .ct2-table-body{float:left}
.complex-table2.alarm-list.small .ct2-table-container td>div:not(.ct2-selcb){padding-left:10px;padding-right:10px}
.complex-table2.alarm-list.small .ct2-fhead.ct2-fh-sort-down{background-origin:content-box!important;background-position-y:17px!important}
.complex-table2.alarm-list.small .ct2-selcb,.complex-table2.alarm-list.small .ct2-table-header .ct2-selcb{width:18px;height:18px}
.complex-table2.alarm-list.small.ct2-sb-normal .gp-scroll-bar{width:40px}
.complex-table2.alarm-list.small.ct2-sb-normal .ct2-table-body,.complex-table2.alarm-list.small.ct2-sb-normal .ct2-table-filter-container,.complex-table2.alarm-list.small.ct2-sb-normal .ct2-table-header-container{width:calc(100% - 40px)}
.complex-table2.alarm-list.small.ct2-sb-minimized .ct2-footer,.complex-table2.alarm-list.small.ct2-sb-minimized .ct2-table-container .ct2-table-body,.complex-table2.alarm-list.small.ct2-sb-minimized .ct2-table-header-container{width:calc(100% - 16px)}
.complex-table2.alarm-list.small.ct2-ctrl-panel-hidden .ct2-table-container{height:calc(100% - 70px)}
.complex-table2.alarm-list.small.ct2-label-hidden .ct2-table-container{height:calc(100% - 80px)}
.complex-table2.alarm-list.small.ct2-ctrl-panel-and-label-hidden .ct2-table-container{height:calc(100% - 30px)}
.complex-table2.alarm-list.small.ct2-sb-not-used .ct2-footer,.complex-table2.alarm-list.small.ct2-sb-not-used .ct2-table-content-container{width:100%}
.complex-table2.alarm-list.small .ct2-table-filters .filter-icon{width:18px;height:18px;margin-top:5px}
.complex-table2.alarm-list.small .ct2-table-filters .input-field{width:calc(100% - 36px)}
.complex-table2.alarm-list.small .ct2-table-filters .input-field .input-field-value{height:28px;font-size:11px;line-height:28px}
.complex-table2.alarm-list.small .ct2-table-filters .button{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px 0}
.complex-table2.alarm-list.small .ct2-table-filters .button .button-icon{width:18px;min-width:18px;height:18px}

/* dialog-box - common */
 .dialog-box,.dialog-box .dialog-background{position:fixed;width:100%;height:100%;top:0;left:0}
.dialog-box{z-index:90000}
.dialog-box .dialog-background{display:table}
.dialog-box .dialog-box-frame{position:relative}
.dialog-box .dialog-box-content{height:100%}
.dialog-box .dialog-content{box-sizing:border-box;height:100%;overflow-y:auto}
.dialog-box .dialog-content-container{display:table-cell;vertical-align:middle;text-align:center}
.dialog-box .dialog-content::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.dialog-box .dialog-content>:last-child{margin-bottom:0}
.dialog-box .dialog-window{position:relative;display:inline-block;text-align:left;user-select:none;-ms-touch-action:none}
.dialog-box .dialog-box-title{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dialog-box .dialog-header .button{margin-bottom:0;padding:0!important;border:none;border-radius:0;box-shadow:none}
.dialog-box .dialog-header .button .button-icon{background-size:100%}
.dialog-box .dialog-header .button.close{position:absolute;top:0;right:0}
.dialog-box .dialog-footer{display:flex;flex-flow:row;bottom:0;left:0;right:0;padding:0}
.dialog-box .dialog-footer>*{flex:auto;margin-bottom:0}
.dialog-box .dialog-footer .button{padding-top:0;padding-bottom:0}
.dialog-box.no-close-button .dialog-header .button.close,.dialog-box.no-footer .dialog-footer{display:none}

/* dialog-box - style */
 .dialog-box .dialog-box-title,.xenon-obsidian-theme .dialog-box .dialog-box-title{font-family:RobotoMedium,sans-serif}
.dialog-box .dialog-background{background-color:rgba(18,18,18,.6)}
.dialog-box .dialog-window{background-color:rgba(251,251,251,.8)}
.dialog-box .dialog-header{background-color:#919191}
.dialog-box .dialog-header .button{background:#919191}
.dialog-box .dialog-header .button .button-icon{background-image:url(../pics/system/controls/dialog-box/close.svg)}
.dialog-box .dialog-header .button-icon,.dialog-box .dialog-header .dialog-box-title{color:#FFF}
.dialog-box .dialog-footer .button{padding-bottom:0;padding-top:0;background:#FFF;border-top:1px solid #c8c8c8}
.dialog-box .dialog-footer .button.pressed:not(.inactive):not(.locked),.dialog-box .dialog-footer .button:hover:not(.inactive):not(.locked){background-color:#00ABF0}
.dialog-box .dialog-footer .button .button-label,.dialog-box .dialog-footer .button.pressed:not(.inactive):not(.locked) .button-label,.dialog-box .dialog-footer .button:hover:not(.inactive):not(.locked) .button-label{color:#353535}
.dialog-box .dialog-footer>:not(:last-child){border-right:1px solid #c8c8c8}
.xenon-obsidian-theme .dialog-box .dialog-background{background-color:rgba(38,37,37,.6)}
.xenon-obsidian-theme .dialog-box .dialog-window{background-color:rgba(51,49,49,.8)}
.xenon-obsidian-theme .dialog-box .dialog-header{background-color:#919191}
.xenon-obsidian-theme .dialog-box .dialog-header .button{background:#919191}
.xenon-obsidian-theme .dialog-box .dialog-header .button .button-icon{background-image:url(../pics/system/controls/dialog-box/close.svg)}
.xenon-obsidian-theme .dialog-box .dialog-header .button-icon,.xenon-obsidian-theme .dialog-box .dialog-header .dialog-box-title{color:#FFF}
.xenon-obsidian-theme .dialog-box .dialog-footer .button{padding-bottom:0;padding-top:0;background:#FFF;border-top:1px solid #524f4f}
.xenon-obsidian-theme .dialog-box .dialog-footer .button.pressed:not(.inactive):not(.locked),.xenon-obsidian-theme .dialog-box .dialog-footer .button:hover:not(.inactive):not(.locked){background-color:#00abf0}
.xenon-obsidian-theme .dialog-box .dialog-footer .button .button-label,.xenon-obsidian-theme .dialog-box .dialog-footer .button.pressed:not(.inactive):not(.locked) .button-label,.xenon-obsidian-theme .dialog-box .dialog-footer .button:hover:not(.inactive):not(.locked) .button-label{color:#262525}
.xenon-obsidian-theme .dialog-box .dialog-footer>:not(:last-child){border-right:1px solid #524f4f}

/* dialog-box - dimensions */
 .dialog-box .dialog-window{min-height:48px;min-width:48px;max-height:80vh}
.dialog-box .dialog-box-frame{height:calc(100% - 40px)}
.dialog-box .dialog-box-title{width:1px;min-width:calc(100% - 50px);max-width:calc(100% - 50px);margin-left:8px;font-size:16px;line-height:40px}
.dialog-box .dialog-content{min-width:304px;height:calc(100% - 48px);padding:16px;font-size:14px;line-height:24px}
.dialog-box .dialog-header{height:40px}
.dialog-box .dialog-header .dialog-box-title{line-height:40px}
.dialog-box .dialog-header .button.icon-only{width:40px;max-width:40px;padding:8px}
.dialog-box .dialog-header .button.icon-only .button-icon{width:40px;height:40px;font-size:40px;line-height:40px}
.dialog-box .dialog-footer,.dialog-box .dialog-footer .button{height:48px}
.dialog-box .dialog-footer .button .button-label{line-height:48px}
.dialog-box.no-footer .dialog-content{height:100%}
.dialog-box.large .dialog-window{min-height:48px;min-width:48px;max-height:80vh}
.dialog-box.large .dialog-box-frame{height:calc(100% - 48px)}
.dialog-box.large .dialog-box-title{width:1px;min-width:calc(100% - 58px);max-width:calc(100% - 58px);margin-left:8px;font-size:24px;line-height:48px}
.dialog-box.large .dialog-content{min-width:304px;height:calc(100% - 48px);padding:16px;font-size:18px;line-height:32px}
.dialog-box.large .dialog-header{height:48px}
.dialog-box.large .dialog-header .dialog-box-title{line-height:48px}
.dialog-box.large .dialog-header .button.icon-only{width:48px;max-width:48px;padding:8px}
.dialog-box.large .dialog-header .button.icon-only .button-icon{width:48px;height:48px;font-size:48px;line-height:48px}
.dialog-box.large .dialog-footer,.dialog-box.large .dialog-footer .button{height:48px}
.dialog-box.large .dialog-footer .button .button-label{line-height:48px}
.dialog-box.large.no-footer .dialog-content{height:100%}
.dialog-box.medium .dialog-window{min-height:48px;min-width:48px;max-height:80vh}
.dialog-box.medium .dialog-box-frame{height:calc(100% - 40px)}
.dialog-box.medium .dialog-box-title{width:1px;min-width:calc(100% - 50px);max-width:calc(100% - 50px);margin-left:8px;font-size:16px;line-height:40px}
.dialog-box.medium .dialog-content{min-width:304px;height:calc(100% - 48px);padding:16px;font-size:14px;line-height:24px}
.dialog-box.medium .dialog-header{height:40px}
.dialog-box.medium .dialog-header .dialog-box-title{line-height:40px}
.dialog-box.medium .dialog-header .button.icon-only{width:40px;max-width:40px;padding:8px}
.dialog-box.medium .dialog-header .button.icon-only .button-icon{width:40px;height:40px;font-size:40px;line-height:40px}
.dialog-box.medium .dialog-footer,.dialog-box.medium .dialog-footer .button{height:48px}
.dialog-box.medium .dialog-footer .button .button-label{line-height:48px}
.dialog-box.medium.no-footer .dialog-content{height:100%}
.dialog-box.small .dialog-window{min-height:48px;min-width:48px;max-height:80vh}
.dialog-box.small .dialog-box-frame{height:calc(100% - 32px)}
.dialog-box.small .dialog-box-title{width:1px;min-width:calc(100% - 42px);max-width:calc(100% - 42px);margin-left:8px;font-size:14px;line-height:32px}
.dialog-box.small .dialog-content{min-width:304px;height:calc(100% - 48px);padding:20px;font-size:11px;line-height:24px}
.dialog-box.small .dialog-header{height:32px}
.dialog-box.small .dialog-header .dialog-box-title{line-height:32px}
.dialog-box.small .dialog-header .button.icon-only{width:32px;max-width:32px;padding:8px}
.dialog-box.small .dialog-header .button.icon-only .button-icon{width:32px;height:32px;font-size:32px;line-height:32px}
.dialog-box.small .dialog-footer,.dialog-box.small .dialog-footer .button{height:48px}
.dialog-box.small .dialog-footer .button .button-label{line-height:48px}
.dialog-box.small.no-footer .dialog-content{height:100%}

/* dialog-box-autostart-edit - common */
 

/* dialog-box-autostart-edit - style */
 

/* dialog-box-autostart-edit - dimensions */
 .dialog-box-autostart-edit,.dialog-box-autostart-edit.large,.dialog-box-autostart-edit.medium,.dialog-box-autostart-edit.small{height:344px}

/* dialog-box.add-or-edit-user - common */
 .dialog-box.add-or-edit-user .dialog-window{display:flex;flex-direction:column;max-height:80vh;height:100%;min-height:180px;width:500px;margin:0 auto}
.dialog-box.add-or-edit-user .dialog-window .dialog-header{flex-shrink:0}
.dialog-box.add-or-edit-user .dialog-window .dialog-box-frame{height:100%;max-height:initial}
.dialog-box.add-or-edit-user.hide-passwords .password{display:none}
.dialog-box.add-or-edit-user .full-height{height:100%}
.dialog-box.add-or-edit-user .dialog-buttons-container,.dialog-box.add-or-edit-user .dialog-form-container{padding:8px}
.dialog-box.add-or-edit-user .dialog-form-container{flex:1;overflow-y:auto}
.dialog-box.add-or-edit-user .dialog-buttons-container,.dialog-box.add-or-edit-user .no-shrink{flex-shrink:0}
.dialog-box.add-or-edit-user .iq-input-field.textarea{flex:1;min-height:100px}

/* dialog-box.add-or-edit-user - style */
 .dialog-box.add-or-edit-user .dialog-buttons-container{border-top:1px solid #a0a0a0}
.xenon-obsidian-theme .dialog-box.add-or-edit-user .dialog-buttons-container{border-top:1px solid rgba(0,0,0,.5)}

/* dialog-box.add-or-edit-user - dimensions */
 

/* dialog-box.change-user-password - common */
 .dialog-box.change-user-password .dialog-window{display:flex;flex-direction:column;max-height:initial;min-height:initial;width:500px;margin:0 auto}
.dialog-box.change-user-password .dialog-window .dialog-header{flex-shrink:0}
.dialog-box.change-user-password .dialog-window .dialog-box-frame{height:100%;max-height:initial}
.dialog-box.change-user-password .full-height{height:100%}
.dialog-box.change-user-password .dialog-buttons-container,.dialog-box.change-user-password .dialog-form-container{padding:8px}
.dialog-box.change-user-password .dialog-form-container{flex:1}
.dialog-box.change-user-password .dialog-buttons-container,.dialog-box.change-user-password .no-shrink{flex-shrink:0}

/* dialog-box.change-user-password - style */
 .dialog-box.change-user-password .dialog-buttons-container{border-top:1px solid #a0a0a0}
.xenon-obsidian-theme .dialog-box.change-user-password .dialog-buttons-container{border-top:1px solid rgba(0,0,0,.5)}

/* dialog-box.change-user-password - dimensions */
 

/* dialog-box.date-time-selection - common */
 .dialog-box.date-time-selection .dialog-background{display:flex;align-items:center;justify-content:center}
.dialog-box.date-time-selection .dialog-content-container{display:flex;vertical-align:initial;text-align:initial}
.dialog-box.date-time-selection .dialog-window{display:flex;max-height:100vh;background-color:initial;overflow-y:auto}
.dialog-box.date-time-selection .dialog-header,.dialog-box.date-time-selection .iq-select-date.always-open .iq-widget-content{display:none}
.dialog-box.date-time-selection .dialog-box-frame{height:initial;padding:0 4px}
.dialog-box.date-time-selection .dialog-box-content{height:initial;background-color:var(--iq-primary-background)}
.dialog-box.date-time-selection .iq-container>.margin-compensator{row-gap:8px;column-gap:8px}
.dialog-box.date-time-selection .iq-label.date-label,.dialog-box.date-time-selection .iq-label.time-label{height:20px}
.dialog-box.date-time-selection .iq-label.date-label .iq-label,.dialog-box.date-time-selection .iq-label.time-label .iq-label{font-size:16px;font-weight:700}
.dialog-box.date-time-selection .iq-container.date-time-content{padding:8px}
.dialog-box.date-time-selection .iq-container.date-container,.dialog-box.date-time-selection .iq-container.time-container,.dialog-box.date-time-selection .iq-container.time-content{flex:1 1 auto}
.dialog-box.date-time-selection .iq-select-time{min-width:180px}
.dialog-box.date-time-selection .iq-select-date.always-open .iq-calendar{display:block;position:static;box-shadow:initial;background-color:initial;width:initial;padding:initial}
.dialog-box.date-time-selection .iq-select-date.always-open .iq-day-header,.dialog-box.date-time-selection .iq-select-date.always-open .iq-week{display:flex}
.dialog-box.date-time-selection .iq-select-date.always-open:not(.locked) .iq-current-month-day:hover,.dialog-box.date-time-selection .iq-select-date.always-open:not(.locked) .iq-next-month-day:hover,.dialog-box.date-time-selection .iq-select-date.always-open:not(.locked) .iq-previous-month-day:hover{background-color:initial;color:var(--iq-on-primary-background)}
.dialog-box.date-time-selection .iq-select-date.always-open:not(.locked) .iq-current-month-day.iq-selected:hover,.dialog-box.date-time-selection .iq-select-date.always-open:not(.locked) .iq-next-month-day.iq-selected:hover,.dialog-box.date-time-selection .iq-select-date.always-open:not(.locked) .iq-previous-month-day.iq-selected:hover{background-color:var(--iq-highlight-color);color:var(--iq-on-highlight)}
.dialog-box.date-time-selection .iq-select-date.always-open li[data-ui=day]{line-height:28px}
.dialog-box.date-time-selection .iq-select-date.always-open li.iq-day-name,.dialog-box.date-time-selection .iq-select-date.always-open li[data-ui=day]{flex:1 1 40px;width:initial}
.dialog-box.date-time-selection .iq-select-date.always-open .iq-calendar-content .iq-selector{display:none}

/* dialog-box.iq-alarm-list-filter-dialog - common */
 .dialog-box.iq-alarm-list-filter-dialog .dialog-window{width:320px}
.dialog-box.iq-alarm-list-filter-dialog .text2{padding-top:16px;padding-left:16px}
.dialog-box.iq-alarm-list-filter-dialog .select-date{padding:8px 16px 16px}
.dialog-box.iq-alarm-list-filter-dialog .select-time{margin-left:16px;width:calc(100% - 16px)}
.dialog-box.iq-alarm-list-filter-dialog .footer .margin-compensator{display:flex;padding:16px}
.dialog-box.iq-alarm-list-filter-dialog .footer .cancel-button{margin-right:16px}
.dialog-box.iq-alarm-list-filter-dialog .footer .apply-button{margin-right:32px}

/* dialog-box.iq-trend-select-dialog - common */
 .dialog-box.iq-trend-select-dialog .iq-checkbox.draw-tolerance,.dialog-box.iq-trend-select-dialog .iq-checkbox.fill-curve,.dialog-box.iq-trend-select-dialog .iq-checkbox.hide-scale,.dialog-box.iq-trend-select-dialog .iq-input-field.max-input,.dialog-box.iq-trend-select-dialog .iq-input-field.min-input,.dialog-box.iq-trend-select-dialog .iq-input-field.step-input,.dialog-box.iq-trend-select-dialog .iq-select-box.limits-select,.dialog-box.iq-trend-select-dialog .iq-select-box.location-select,.dialog-box.iq-trend-select-dialog .iq-select-box.style-select{margin-bottom:4px}
.dialog-box.iq-trend-select-dialog{--header-font-size:14px;--header-font-family:RobotoBold;--header-color:#3C3C3C;--label-font-size:14px;--label-font-family:RobotoLight;--label-color:#3C3C3C;--label-width:84px}
.dialog-box.iq-trend-select-dialog .dialog-box-content{display:flex;flex-direction:column;max-height:calc(80vh - 40px)}
.dialog-box.iq-trend-select-dialog .iq-container.settings-content{flex:1 1;padding:8px;width:320px;overflow-y:auto}
.dialog-box.iq-trend-select-dialog .iq-container.button-container{padding:8px;margin-top:8px}
.dialog-box.iq-trend-select-dialog .iq-button .iq-label,.dialog-box.iq-trend-select-dialog .iq-checkbox .iq-label,.dialog-box.iq-trend-select-dialog .iq-input-field .iq-label,.dialog-box.iq-trend-select-dialog .iq-select-box .iq-label{font-size:var(--label-font-size);font-family:var(--label-font-family);color:var(--label-color)}
.dialog-box.iq-trend-select-dialog .iq-label.limits-header .iq-label,.dialog-box.iq-trend-select-dialog .iq-label.scale-header .iq-label{font-size:var(--header-font-size);font-family:var(--header-font-family);color:var(--header-color)}
.dialog-box.iq-trend-select-dialog .iq-input-field .iq-label,.dialog-box.iq-trend-select-dialog .iq-select-box .iq-label{width:var(--label-width)}
.dialog-box.iq-trend-select-dialog .iq-select-box.scalegroup-select{flex:1 1;margin-right:4px}

/* dialog-box.password-expired - common */
 .dialog-box.password-expired .dialog-box-content::after,.dialog-box.password-expired .dialog-footer::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.dialog-box.password-expired .dialog-footer>*{float:left}

/* dialog-box.password-expired - style */
 .dialog-box.password-expired .container,.xenon-obsidian-theme .dialog-box.password-expired .container{background-color:transparent}

/* dialog-box.password-expired - dimensions */
 .dialog-box.password-expired .input-field{width:280px}
.dialog-box.password-expired .dialog-footer{margin-top:32px}
.dialog-box.password-expired .dialog-footer>*{width:50%;margin:0}

/* dialog-box.progress-info - common */
 .dialog-box.progress-info .dialog-content .line{margin-bottom:0}
.dialog-box.progress-info .dialog-content .line>div:first-child{float:left}
.dialog-box.progress-info .dialog-content .line>div{float:right}
.dialog-box.progress-info .dialog-content .line::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.dialog-box.progress-info .dialog-content .ctrl.linear-gauge .unit,.dialog-box.progress-info .dialog-content .ctrl.linear-gauge .value{display:none}
.dialog-box.progress-info .dialog-content .ctrl.linear-gauge .bar{width:calc(100% - 40px);margin-left:20px;margin-right:20px}

/* dialog-box.progress-info - style */
 

/* dialog-box.progress-info - dimensions */
 .dialog-box.progress-info .dialog-content{width:480px}

/* dialog-box.recipe-message-dialog - common */
 .dialog-box.recipe-message-dialog:not(.allow-close) .dialog-header .button.close{display:none}
.dialog-box.recipe-message-dialog .dialog-window{width:400px;max-width:90vw;display:flex;flex-direction:column;margin:0 auto}
.dialog-box.recipe-message-dialog .dialog-box-frame{flex:1 1;overflow-y:auto}
.dialog-box.recipe-message-dialog .iq-container.message-container{padding:10px}
.dialog-box.recipe-message-dialog .iq-container.button-container{padding-top:10px;padding-left:10px}
.dialog-box.recipe-message-dialog .iq-container.button-container>.margin-compensator>.iq-button{margin-right:10px;margin-bottom:10px}

/* dialog-box.recipe-name - common */
 .dialog-box.recipe-name .recipe-dialog-content{width:300px;padding:8px}
.dialog-box.recipe-name .recipe-dialog-content>.margin-compensator>:not(:first-child){margin-top:8px}
.dialog-box.recipe-name .recipe-dialog-content .dialog-footer>.margin-compensator>:not(:first-child){margin-left:8px}

/* dialog-box.recipe-name - style */
 

/* dialog-box.recipe-name - dimensions */
 

/* dialog-box.threads-dialog - common */
 .dialog-box.threads-dialog .dialog-window{width:40vw;height:50vh;min-height:250px;min-width:300px}
.dialog-box.threads-dialog .iq-container.content-container{height:100%}
.dialog-box.threads-dialog .iq-container.message-container{padding:8px;flex:1 1}
.dialog-box.threads-dialog .iq-input-field.message{flex:1 1}
.dialog-box.threads-dialog .iq-input-field.message .iq-input{resize:none;overflow:auto}
.dialog-box.threads-dialog .iq-container.button-container{padding:8px;flex:0 0}
.dialog-box.threads-dialog .iq-container.button-container .iq-button:not(:last-child){margin-right:8px}
.dialog-box.threads-dialog.create .iq-button.delete{display:none}

/* dialog-box.trend-data-export - common */
 .dialog-box.trend-data-export .dialog-window{width:580px;max-width:90vw;display:flex;flex-direction:column;margin:0 auto}
.dialog-box.trend-data-export .dialog-box-frame{flex:1 1}
.dialog-box.trend-data-export .iq-button.date-time-selection.no-icon .iq-widget-container>.iq-widget-content{align-items:center}
.dialog-box.trend-data-export .iq-button.date-time-selection.no-icon .valign-container{flex:1 1}
.dialog-box.trend-data-export .iq-button.date-time-selection.no-icon .iq-icon{display:block;width:24px;height:24px}
.dialog-box.trend-data-export .iq-button.date-time-selection.no-icon .iq-icon svg.button-icon{stroke:var(--iq-on-primary);fill:var(--iq-on-primary);width:100%;height:100%}
.dialog-box.trend-data-export .iq-button.date-time-selection.no-icon:not(.locked) .iq-button:hover svg.button-icon{stroke:var(--iq-on-highlight);fill:var(--iq-on-highlight)}
.dialog-box.trend-data-export .iq-container.selection-container{padding:10px}
.dialog-box.trend-data-export .iq-container.selection-container>.margin-compensator{row-gap:8px;column-gap:8px}
.dialog-box.trend-data-export .iq-container.time-date{flex:1 1 240px}
.dialog-box.trend-data-export .iq-container.button-container{padding-top:10px;padding-left:10px}
.dialog-box.trend-data-export .iq-container.button-container>.margin-compensator>.iq-button{margin-right:10px;margin-bottom:10px}
.dialog-box.trend-data-export .iq-label.end-label,.dialog-box.trend-data-export .iq-label.start-label{height:20px}
.dialog-box.trend-data-export .iq-label.end-label .iq-label,.dialog-box.trend-data-export .iq-label.start-label .iq-label{font-size:16px;font-weight:700}

/* dialog-box.trend-sets-dialog - common */
 .dialog-box.trend-sets-dialog .dialog-window{width:400px;max-width:90vw;display:flex;flex-direction:column;margin:0 auto}
.dialog-box.trend-sets-dialog .dialog-box-frame{flex:1 1}
.dialog-box.trend-sets-dialog .iq-container.message-container{padding:10px}
.dialog-box.trend-sets-dialog .iq-container.button-container{padding-top:10px;padding-left:10px}
.dialog-box.trend-sets-dialog .iq-container.button-container>.margin-compensator>.iq-button{margin-right:10px;margin-bottom:10px}

/* flip-switch - common */
 .flip-switch{position:relative}
.flip-switch::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.flip-switch .style-wrapper{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center}
.flip-switch .label{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.flip-switch .handle-box{box-sizing:border-box;border:1px solid #000;cursor:pointer}
.flip-switch .handle-box .flip-switch-handle{box-sizing:border-box;margin-top:-1px;margin-left:-1px}
.flip-switch .handle-box .flip-switch-label-off,.flip-switch .handle-box .flip-switch-label-on{box-sizing:border-box;margin-top:-1px;text-align:center}
.flip-switch .handle-box .flip-switch-label-on{float:left}
.flip-switch .handle-box .flip-switch-label-off{float:right;margin-left:-28px}
.flip-switch.locked .handle-box{cursor:default}

/* flip-switch - style */
 .flip-switch .flip-switch-label-off,.flip-switch .flip-switch-label-on,.flip-switch .label{color:#3C3C3C}
.flip-switch .handle-box .flip-switch-label-off,.flip-switch .handle-box .flip-switch-label-on,.flip-switch .label,.xenon-obsidian-theme .flip-switch .handle-box .flip-switch-label-off,.xenon-obsidian-theme .flip-switch .handle-box .flip-switch-label-on,.xenon-obsidian-theme .flip-switch .label{font-family:RobotoLight,sans-serif}
.flip-switch .handle-box{background-color:#fdfdfd;border-color:#c8c8c8!important}
.flip-switch .handle-box .flip-switch-handle{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.flip-switch.inactive .label,.flip-switch.locked .label{color:#b1b1b1}
.flip-switch.inactive .handle-box,.flip-switch.locked .handle-box{background-color:#DCDCDC}
.flip-switch.inactive .handle-box .flip-switch-handle,.flip-switch.locked .handle-box .flip-switch-handle{background-color:#c8c8c8;box-shadow:none}
.flip-switch.on .handle-box{background-color:#00ABF0;border-color:#0082b7!important}
.flip-switch.on .flip-switch-label-off,.flip-switch.on .flip-switch-label-on{color:#FFF}
.xenon-obsidian-theme .flip-switch .label{color:#FFF}
.xenon-obsidian-theme .flip-switch .handle-box{background-color:#262525;border-color:#524f4f!important}
.xenon-obsidian-theme .flip-switch .handle-box .flip-switch-handle{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .flip-switch .flip-switch-label-off,.xenon-obsidian-theme .flip-switch .flip-switch-label-on{color:#FFF}
.xenon-obsidian-theme .flip-switch.inactive .label,.xenon-obsidian-theme .flip-switch.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .flip-switch.inactive .handle-box,.xenon-obsidian-theme .flip-switch.locked .handle-box{background-color:#302f2f}
.xenon-obsidian-theme .flip-switch.inactive .handle-box .flip-switch-handle,.xenon-obsidian-theme .flip-switch.locked .handle-box .flip-switch-handle{background-color:#1b1b1b;box-shadow:none}
.xenon-obsidian-theme .flip-switch.on .handle-box{background-color:#00abf0;border-color:#0082b7!important}
.xenon-obsidian-theme .flip-switch.on .flip-switch-label-off,.xenon-obsidian-theme .flip-switch.on .flip-switch-label-on{color:#FFF}

/* flip-switch - dimensions */
 .flip-switch,.flip-switch.large,.flip-switch.medium,.flip-switch.small{min-width:104px}
.flip-switch .handle-box,.flip-switch.large .handle-box,.flip-switch.medium .handle-box,.flip-switch.small .handle-box{margin-left:8px;margin-right:8px;border-width:1px!important}
.flip-switch .label{padding-bottom:8px;font-size:14px;line-height:24px}
.flip-switch .handle-box{width:104px;height:40px;font-size:14px}
.flip-switch .handle-box .flip-switch-handle{width:48px;height:40px}
.flip-switch .handle-box .flip-switch-label-off,.flip-switch .handle-box .flip-switch-label-on{width:56px;font-size:14px;line-height:40px}
.flip-switch.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.flip-switch.large .handle-box{width:152px;height:48px;font-size:18px}
.flip-switch.large .handle-box .flip-switch-handle{width:72px;height:48px}
.flip-switch.large .handle-box .flip-switch-label-off,.flip-switch.large .handle-box .flip-switch-label-on{width:80px;font-size:18px;line-height:48px}
.flip-switch.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.flip-switch.medium .handle-box{width:104px;height:40px;font-size:14px}
.flip-switch.medium .handle-box .flip-switch-handle{width:48px;height:40px}
.flip-switch.medium .handle-box .flip-switch-label-off,.flip-switch.medium .handle-box .flip-switch-label-on{width:56px;font-size:14px;line-height:40px}
.flip-switch.small .label{padding-bottom:8px;font-size:11px;line-height:24px}
.flip-switch.small .handle-box{width:80px;height:32px;font-size:11px}
.flip-switch.small .handle-box .flip-switch-handle{width:40px;height:32px}
.flip-switch.small .handle-box .flip-switch-label-off,.flip-switch.small .handle-box .flip-switch-label-on{width:40px;font-size:11px;line-height:32px}

/* flip-switch.inverted - common */
 

/* flip-switch.inverted - style */
 .flip-switch.inverted .flip-switch-label-off,.flip-switch.inverted .flip-switch-label-on,.flip-switch.inverted .label{color:#FFF}
.flip-switch.inverted .handle-box .flip-switch-label-off,.flip-switch.inverted .handle-box .flip-switch-label-on,.flip-switch.inverted .label,.xenon-obsidian-theme .flip-switch.inverted .handle-box .flip-switch-label-off,.xenon-obsidian-theme .flip-switch.inverted .handle-box .flip-switch-label-on,.xenon-obsidian-theme .flip-switch.inverted .label{font-family:RobotoLight,sans-serif}
.flip-switch.inverted .handle-box{background-color:#5b5b5b;border-color:#c8c8c8!important}
.flip-switch.inverted .handle-box .flip-switch-handle{background-color:#8e8e8e;box-shadow:0 0 2px rgba(0,0,0,.2)}
.flip-switch.inverted.inactive .handle-box .flip-switch-label-off,.flip-switch.inverted.inactive .handle-box .flip-switch-label-on,.flip-switch.inverted.inactive .label,.flip-switch.inverted.locked .handle-box .flip-switch-label-off,.flip-switch.inverted.locked .handle-box .flip-switch-label-on,.flip-switch.inverted.locked .label{color:#b1b1b1}
.flip-switch.inverted.inactive .handle-box,.flip-switch.inverted.locked .handle-box{background-color:#7a7a7a}
.flip-switch.inverted.inactive .handle-box .flip-switch-handle,.flip-switch.inverted.locked .handle-box .flip-switch-handle{background-color:#c8c8c8;box-shadow:none}
.flip-switch.inverted.on:not(.inactive):not(.locked) .handle-box{background-color:#00ABF0;border-color:#0082b7!important}
.flip-switch.inverted.on:not(.inactive):not(.locked) .flip-switch-label-off,.flip-switch.inverted.on:not(.inactive):not(.locked) .flip-switch-label-on,.xenon-obsidian-theme .flip-switch.inverted .label{color:#FFF}
.xenon-obsidian-theme .flip-switch.inverted .handle-box{background-color:#4d4b4b;border-color:#524f4f!important}
.xenon-obsidian-theme .flip-switch.inverted .handle-box .flip-switch-handle{background-color:#807d7d;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .flip-switch.inverted .flip-switch-label-off,.xenon-obsidian-theme .flip-switch.inverted .flip-switch-label-on{color:#FFF}
.xenon-obsidian-theme .flip-switch.inverted.inactive .handle-box .flip-switch-label-off,.xenon-obsidian-theme .flip-switch.inverted.inactive .handle-box .flip-switch-label-on,.xenon-obsidian-theme .flip-switch.inverted.inactive .label,.xenon-obsidian-theme .flip-switch.inverted.locked .handle-box .flip-switch-label-off,.xenon-obsidian-theme .flip-switch.inverted.locked .handle-box .flip-switch-label-on,.xenon-obsidian-theme .flip-switch.inverted.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .flip-switch.inverted.inactive .handle-box,.xenon-obsidian-theme .flip-switch.inverted.locked .handle-box{background-color:#fff}
.xenon-obsidian-theme .flip-switch.inverted.inactive .handle-box .flip-switch-handle,.xenon-obsidian-theme .flip-switch.inverted.locked .handle-box .flip-switch-handle{background-color:#1b1b1b;box-shadow:none}
.xenon-obsidian-theme .flip-switch.inverted.on:not(.inactive):not(.locked) .handle-box{background-color:#00abf0;border-color:#0082b7!important}
.xenon-obsidian-theme .flip-switch.inverted.on:not(.inactive):not(.locked) .flip-switch-label-off,.xenon-obsidian-theme .flip-switch.inverted.on:not(.inactive):not(.locked) .flip-switch-label-on{color:#FFF}

/* flip-switch.inverted - dimensions */
 

/* gp-scroll-bar - common */
 .gp-scroll-bar .ct2-sb-not-used .gp-scroll-bar .gpsb-container,.gp-scroll-bar.gpsb-minimized .gpsb-btn-panel{display:none}
.gp-scroll-bar{box-sizing:border-box;padding-left:9px;padding-right:1px}
.gp-scroll-bar .gpsb-container{height:100%}
.gp-scroll-bar .gpsb-slider-track{margin-top:1px}
.gp-scroll-bar .gpsb-slider-track .gpsb-slider-handle-touch-area{position:relative;-ms-touch-action:none;top:-1px;cursor:pointer}
.gp-scroll-bar .gpsb-slider-track .gpsb-slider-handle{height:100%;margin:0 auto}
.gp-scroll-bar .gpsb-slider-handle{box-sizing:border-box}
.gp-scroll-bar .gpsb-btn-down,.gp-scroll-bar .gpsb-btn-up{box-sizing:border-box;width:100%;cursor:pointer;background-origin:padding-box;background-size:auto}
.gp-scroll-bar .gpsb-slider-handle.gpsb-slider-ani{transition:.5s ease-out}
.gp-scroll-bar .gpsb-btn-panel{width:100%}
.gp-scroll-bar.gpsb-without-btns .gpsb-slider-track{height:100%}
.gp-scroll-bar .gpsb-btn-selected{cursor:pointer}
.gp-scroll-bar.gpsb-minimized{padding-right:0}
.gp-scroll-bar.gpsb-minimized .gpsb-slider-handle{width:100%!important;min-height:8px;margin:0 auto;box-shadow:none;cursor:auto}
.gp-scroll-bar.gpsb-minimized .gpsb-slider-track{height:100%!important;background-color:transparent!important;box-shadow:none!important}
.gp-scroll-bar.gpsb-minimized .gpsb-slider-handle-touch-area{cursor:default}

/* gp-scroll-bar - style */
 .gp-scroll-bar .gpsb-slider-track{background-color:#a0a0a0;box-shadow:none}
.gp-scroll-bar .gpsb-slider-handle{background-color:#353535!important;box-shadow:none}
.gp-scroll-bar .gpsb-btn-up{background:url(../pics/system/icons/arrow_up_black.svg) 50% 50% no-repeat}
.gp-scroll-bar .gpsb-btn-down{background:url(../pics/system/icons/arrow_down_black.svg) 50% 50% no-repeat}
.gp-scroll-bar .gpsb-btn-down,.gp-scroll-bar .gpsb-btn-selected,.gp-scroll-bar .gpsb-btn-up{background-color:transparent;box-shadow:none}
.gp-scroll-bar.gpsb-minimized .gpsb-slider-handle{background-color:#959595}
.xenon-obsidian-theme .gp-scroll-bar .gpsb-slider-track{background-color:#a0a0a0;box-shadow:none}
.xenon-obsidian-theme .gp-scroll-bar .gpsb-slider-handle{background-color:#262525!important;box-shadow:none}
.xenon-obsidian-theme .gp-scroll-bar .gpsb-btn-up{background:url(../pics/system/icons/arrow_up.svg) 50% 50% no-repeat}
.xenon-obsidian-theme .gp-scroll-bar .gpsb-btn-down{background:url(../pics/system/icons/arrow_down.svg) 50% 50% no-repeat}
.xenon-obsidian-theme .gp-scroll-bar .gpsb-btn-down,.xenon-obsidian-theme .gp-scroll-bar .gpsb-btn-selected,.xenon-obsidian-theme .gp-scroll-bar .gpsb-btn-up{background-color:transparent;box-shadow:none}
.xenon-obsidian-theme .gp-scroll-bar.gpsb-minimized .gpsb-slider-handle{background-color:#000}

/* gp-scroll-bar - dimensions */
 .gp-scroll-bar{width:36px}
.gp-scroll-bar .gpsb-slider-track{width:2px;margin-left:13px}
.gp-scroll-bar .gpsb-slider-handle-touch-area{width:36px;left:-17px}
.gp-scroll-bar .gpsb-slider-handle{width:6px}
.gp-scroll-bar .gpsb-btn-down,.gp-scroll-bar .gpsb-btn-up{height:32px;background-size:60%!important}
.gp-scroll-bar.gpsb-with-btns .gpsb-slider-track{height:calc(100% - 64px)}
.gp-scroll-bar.gpsb-minimized{width:16px;padding:0 5px}
.gp-scroll-bar.gpsb-minimized .gpsb-slider-track{width:6px;margin:0}
.gp-scroll-bar.gpsb-minimized .gpsb-slider-handle-touch-area{width:100%;left:0}
.gp-scroll-bar.large{width:36px}
.gp-scroll-bar.large .gpsb-slider-track{width:2px;margin-left:13px}
.gp-scroll-bar.large .gpsb-slider-handle-touch-area{width:36px;left:-17px}
.gp-scroll-bar.large .gpsb-slider-handle{width:8px}
.gp-scroll-bar.large .gpsb-btn-down,.gp-scroll-bar.large .gpsb-btn-up{height:32px;background-size:65%!important}
.gp-scroll-bar.large.gpsb-with-btns .gpsb-slider-track{height:calc(100% - 64px)}
.gp-scroll-bar.large.gpsb-minimized{width:16px;padding:0 5px}
.gp-scroll-bar.large.gpsb-minimized .gpsb-slider-track{width:6px;margin:0}
.gp-scroll-bar.large.gpsb-minimized .gpsb-slider-handle-touch-area{width:100%;left:0}
.gp-scroll-bar.medium{width:36px}
.gp-scroll-bar.medium .gpsb-slider-track{width:2px;margin-left:13px}
.gp-scroll-bar.medium .gpsb-slider-handle-touch-area{width:36px;left:-17px}
.gp-scroll-bar.medium .gpsb-slider-handle{width:6px}
.gp-scroll-bar.medium .gpsb-btn-down,.gp-scroll-bar.medium .gpsb-btn-up{height:32px;background-size:60%!important}
.gp-scroll-bar.medium.gpsb-with-btns .gpsb-slider-track{height:calc(100% - 64px)}
.gp-scroll-bar.medium.gpsb-minimized{width:16px;padding:0 5px}
.gp-scroll-bar.medium.gpsb-minimized .gpsb-slider-track{width:6px;margin:0}
.gp-scroll-bar.medium.gpsb-minimized .gpsb-slider-handle-touch-area{width:100%;left:0}
.gp-scroll-bar.small{width:36px}
.gp-scroll-bar.small .gpsb-slider-track{width:2px;margin-left:13px}
.gp-scroll-bar.small .gpsb-slider-handle-touch-area{width:36px;left:-17px}
.gp-scroll-bar.small .gpsb-slider-handle{width:4px}
.gp-scroll-bar.small .gpsb-btn-down,.gp-scroll-bar.small .gpsb-btn-up{height:32px;background-size:40%!important}
.gp-scroll-bar.small.gpsb-with-btns .gpsb-slider-track{height:calc(100% - 64px)}
.gp-scroll-bar.small.gpsb-minimized{width:16px;padding:0 5px}
.gp-scroll-bar.small.gpsb-minimized .gpsb-slider-track{width:6px;margin:0}
.gp-scroll-bar.small.gpsb-minimized .gpsb-slider-handle-touch-area{width:100%;left:0}

/* group - common */
 .group .group-content::after,.group::after{content:"\0020";display:block;clear:both;visibility:hidden}
.group{position:relative;box-sizing:border-box;display:block}
.group::after{height:0}
.group .group-content{box-sizing:border-box;height:auto;padding:0}
.group .group-content::after{height:0}

/* group - style */
 

/* group - dimensions */
 .group{min-height:8px;font-size:14px;line-height:24px}
.group .group-content{min-height:8px;padding:10px}

/* html - common */
 .html .html{width:100%;height:100%}

/* iframe - common */
 .iframe .iframe{width:100%;height:100%}

/* iframe - style */
 

/* iframe - dimensions */
 

/* image - common */
 .image img{width:100%}

/* image - style */
 

/* image - dimensions */
 

/* image-changer - common */
 .image-changer img{width:100%;max-width:100%!important}

/* image-changer - style */
 

/* image-changer - dimensions */
 

/* input-field - common */
 .input-field .value-box::after,.input-field::after{content:"\0020";height:0;clear:both;visibility:hidden}
.input-field{position:relative}
.input-field::after{display:block}
.input-field .unit{display:none}
.input-field .value-box::after{display:block}
.input-field .input-field-value{box-sizing:border-box;border:1px solid #000;overflow:hidden;text-align:left;white-space:nowrap;user-select:text}
.input-field.inactive .input-field-value,.input-field.locked .input-field-value{user-select:none}

/* input-field - style */
 .input-field .input-field-value,.input-field .label,.input-field .unit,.xenon-obsidian-theme .input-field .input-field-value,.xenon-obsidian-theme .input-field .label,.xenon-obsidian-theme .input-field .unit{font-family:RobotoLight,sans-serif}
.input-field .input-field-value{background-color:#fdfdfd;border-color:rgba(0,0,0,.2);color:#3C3C3C}
.input-field .label,.input-field input{color:#3C3C3C}
.input-field .unit{color:#7a7a7a}
.input-field .input-field-value::selection{background-color:#00ABF0;color:#FFF}
.input-field .input-field-value::-moz-selection{background-color:#00ABF0;color:#FFF}
.input-field .input-field-value:focus{border:1px solid #00ABF0}
.input-field.inactive .input-field-value,.input-field.locked .input-field-value{color:#bebebe;background-color:#fcfcfc;border-color:#DCDCDC}
.input-field.inactive .label,.input-field.inactive .unit,.input-field.locked .label,.input-field.locked .unit{color:#b1b1b1}
.xenon-obsidian-theme .input-field .input-field-value{background-color:#262525;border-color:rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .input-field .label,.xenon-obsidian-theme .input-field input{color:#FFF}
.xenon-obsidian-theme .input-field .unit{color:#fff}
.xenon-obsidian-theme .input-field .input-field-value::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .input-field .input-field-value::-moz-selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .input-field .input-field-value:focus{border:1px solid #00abf0}
.xenon-obsidian-theme .input-field.inactive .input-field-value,.xenon-obsidian-theme .input-field.locked .input-field-value{color:#575555;background-color:#3d3c3c;border-color:#302f2f}
.xenon-obsidian-theme .input-field.inactive .label,.xenon-obsidian-theme .input-field.inactive .unit,.xenon-obsidian-theme .input-field.locked .label,.xenon-obsidian-theme .input-field.locked .unit{color:#7d7b7b}

/* input-field - dimensions */
 .input-field,.input-field.large,.input-field.medium{min-width:80px}
.input-field .input-field-value,.input-field.large .input-field-value,.input-field.medium .input-field-value,.input-field.small .input-field-value{padding-left:20px;padding-right:20px;border-width:1px}
.input-field .label{padding-bottom:8px;font-size:14px;line-height:24px}
.input-field .input-field-value,.input-field .unit{font-size:14px;line-height:38px}
.input-field .input-field-value{height:40px;width:calc(100% - 8px);margin-left:8px}
.input-field.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.input-field.large .input-field-value,.input-field.large .unit{font-size:18px;line-height:46px}
.input-field.large .input-field-value{height:48px;width:calc(100% - 8px);margin-left:8px}
.input-field.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.input-field.medium .input-field-value,.input-field.medium .unit{font-size:14px;line-height:38px}
.input-field.medium .input-field-value{height:40px;width:calc(100% - 8px);margin-left:8px}
.input-field.small{min-width:64px}
.input-field.small .label{padding-bottom:8px;font-size:11px;line-height:24px}
.input-field.small .input-field-value,.input-field.small .unit{font-size:11px;line-height:30px}
.input-field.small .input-field-value{height:32px;width:calc(100% - 8px);margin-left:8px}

/* input-field.inverted - common */
 

/* input-field.inverted - style */
 .input-field.inverted .input-field-value,.input-field.inverted .label,.input-field.inverted .unit,.xenon-obsidian-theme .input-field.inverted .input-field-value,.xenon-obsidian-theme .input-field.inverted .label,.xenon-obsidian-theme .input-field.inverted .unit{font-family:RobotoLight,sans-serif}
.input-field.inverted .input-field-value{background-color:#3c3c3c;border-color:#919191;color:#FFF}
.input-field.inverted .label,.input-field.inverted input{color:#FFF}
.input-field.inverted .unit{color:#DCDCDC}
.input-field.inverted .input-field-value::selection{background-color:#00ABF0;color:#FFF}
.input-field.inverted .input-field-value::-moz-selection{background-color:#00ABF0;color:#FFF}
.input-field.inverted .input-field-value:focus{border:1px solid #00ABF0}
.input-field.inverted.inactive .input-field-value,.input-field.inverted.locked .input-field-value{color:#b1b1b1;background-color:#7a7a7a;border-color:#3c3c3c}
.input-field.inverted.inactive .label,.input-field.inverted.inactive .unit,.input-field.inverted.locked .label,.input-field.inverted.locked .unit{color:#b1b1b1}
.xenon-obsidian-theme .input-field.inverted .input-field-value{background-color:#2d2c2c;border-color:#919191;color:#FFF}
.xenon-obsidian-theme .input-field.inverted .label,.xenon-obsidian-theme .input-field.inverted input{color:#FFF}
.xenon-obsidian-theme .input-field.inverted .unit{color:#302f2f}
.xenon-obsidian-theme .input-field.inverted .input-field-value::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .input-field.inverted .input-field-value::-moz-selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .input-field.inverted .input-field-value:focus{border:1px solid #00abf0}
.xenon-obsidian-theme .input-field.inverted.inactive .input-field-value,.xenon-obsidian-theme .input-field.inverted.locked .input-field-value{color:#7d7b7b;background-color:#fff;border-color:#2d2c2c}
.xenon-obsidian-theme .input-field.inverted.inactive .label,.xenon-obsidian-theme .input-field.inverted.inactive .unit,.xenon-obsidian-theme .input-field.inverted.locked .label,.xenon-obsidian-theme .input-field.inverted.locked .unit{color:#7d7b7b}

/* input-field.inverted - dimensions */
 

/* input-field.label-beside - common */
 .input-field.label-beside .style-wrapper{display:flex;flex-direction:row!important}
.input-field.label-beside .value-box{flex:1;overflow:hidden}
.input-field.label-beside .label{padding-bottom:0}
.input-field.label-beside .input-field-value{width:100%;margin-left:0}
.input-field.label-beside.textarea .value-box{height:100%}

/* input-field.label-beside - style */
 

/* input-field.label-beside - dimensions */
 .input-field.label-beside .value-box,.input-field.label-beside input.input-field-value,.input-field.label-beside.large .value-box,.input-field.label-beside.large input.input-field-value,.input-field.label-beside.medium .value-box,.input-field.label-beside.medium input.input-field-value,.input-field.label-beside.small .value-box,.input-field.label-beside.small input.input-field-value{margin-left:8px}
.input-field.label-beside .label{width:120px;line-height:40px}
.input-field.label-beside.large .label{width:160px;line-height:48px}
.input-field.label-beside.medium .label{width:120px;line-height:40px}
.input-field.label-beside.small .label{width:80px;line-height:32px}

/* input-field.no-label - common */
 .input-field.no-label .label{display:none}
.input-field.no-label .input-field-value{width:100%!important;margin-left:0!important}

/* input-field.no-label - style */
 

/* input-field.no-label - dimensions */
 

/* input-field.numeric - common */
 .input-field.numeric .value-box{display:flex}
.input-field.numeric .input-field-value{flex:1;text-align:right}
.input-field.numeric .unit{box-sizing:border-box;display:block}

/* input-field.numeric - style */
 

/* input-field.numeric - dimensions */
 .input-field.numeric .unit{width:88px;padding-left:10px}
.input-field.numeric .input-field-value{width:calc(100% - 88px)}
.input-field.numeric.large .unit{width:96px;padding-left:10px}
.input-field.numeric.large .input-field-value{width:calc(100% - 96px)}
.input-field.numeric.medium .unit{width:88px;padding-left:10px}
.input-field.numeric.medium .input-field-value{width:calc(100% - 88px)}
.input-field.numeric.small .unit{width:72px;padding-left:10px}
.input-field.numeric.small .input-field-value{width:calc(100% - 72px)}

/* input-field.password - common */
 .input-field.password .input-field-value{overflow:hidden}
.input-field.password .unit{display:none}

/* input-field.password - style */
 .input-field.password .input-field-value{color:#00ABF0}
.xenon-obsidian-theme .input-field.password .input-field-value{color:#00abf0}

/* input-field.password - dimensions */
 

/* input-field.textarea - common */
 .input-field.textarea{box-sizing:border-box}
.input-field.textarea .style-wrapper{display:flex;flex-direction:column;height:100%}
.input-field.textarea .value-box{display:flex;flex:1;height:100%}
.input-field.textarea .input-field-value{flex:1;height:100%;white-space:pre;overflow-x:auto;overflow-y:auto;resize:none}
.input-field.textarea .unit{display:none}
.input-field.textarea.inactive .input-field-value,.input-field.textarea.locked .input-field-value{user-select:none}

/* input-field.textarea - style */
 

/* input-field.textarea - dimensions */
 .input-field.textarea .input-field-value,.input-field.textarea.large .input-field-value,.input-field.textarea.medium .input-field-value{padding-top:10px;padding-bottom:10px;line-height:24px;height:100%}
.input-field.textarea.small .input-field-value{padding-top:10px;padding-bottom:10px;line-height:18px;height:100%}

/* iq-alarm-info - common */
 .iq-alarm-info{box-sizing:border-box;--icon-size:32px}
.iq-alarm-info *{box-sizing:border-box;font:inherit;line-height:initial;color:inherit}
.iq-alarm-info .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center}
.iq-alarm-info .iq-widget-content{display:flex;flex-direction:row;flex:1 1 64px;border-style:none none solid;border-color:transparent;border-width:4px;padding:4px}
.iq-alarm-info .state-icon{width:var(--icon-size);margin-right:8px;background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-alarm-info.has-action .iq-widget-content{cursor:pointer}
.iq-alarm-info .alarm-count{display:none;flex:0 0 auto}
.iq-alarm-info .alarm-details{display:none}
.iq-alarm-info .alarm-details,.iq-alarm-info .alarm-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iq-alarm-info .alarm-message{font-weight:700}
.iq-alarm-info .text-panel{display:flex;overflow:hidden;flex-direction:column;justify-content:center;flex:1 1 0%}
.iq-alarm-info .iq-widget-container.severity-alarm .alarm-count,.iq-alarm-info .iq-widget-container.severity-info .alarm-count,.iq-alarm-info .iq-widget-container.severity-warning .alarm-count{display:block}
.iq-alarm-info.locked .iq-widget-content{cursor:initial}

/* iq-alarm-info - style */
 .iq-alarm-info.locked,.xenon-obsidian-theme .iq-alarm-info.locked{opacity:.7}
.iq-alarm-info{--text-color-idle:#3c3c3c;--text-color-warning:#f29e28;--text-color-info:#9bc628;--text-color-alarm:#e80000}
.iq-alarm-info.inverted{--text-color-idle:#FFFFFF}
.iq-alarm-info .text-panel{color:var(--text-color-idle)}
.iq-alarm-info .iq-widget-container.severity-info .text-panel{color:var(--text-color-info)}
.iq-alarm-info .iq-widget-container.severity-info .iq-widget-content{border-color:var(--text-color-info)}
.iq-alarm-info .iq-widget-container.severity-warning .text-panel{color:var(--text-color-warning)}
.iq-alarm-info .iq-widget-container.severity-warning .iq-widget-content{border-color:var(--text-color-warning)}
.iq-alarm-info .iq-widget-container.severity-alarm .text-panel{color:var(--text-color-alarm)}
.iq-alarm-info .iq-widget-container.severity-alarm .iq-widget-content{border-color:var(--text-color-alarm)}
.xenon-obsidian-theme .iq-alarm-info{--text-color-idle:#3c3c3c;--text-color-warning:#f29e28;--text-color-info:#9bc628;--text-color-alarm:#e80000}
.xenon-obsidian-theme .iq-alarm-info.inverted{--text-color-idle:#3C3C3C}
.xenon-obsidian-theme .iq-alarm-info .text-panel{color:var(--text-color-idle)}
.xenon-obsidian-theme .iq-alarm-info .iq-widget-container.severity-info .text-panel{color:var(--text-color-info)}
.xenon-obsidian-theme .iq-alarm-info .iq-widget-container.severity-info .iq-widget-content{border-color:var(--text-color-info)}
.xenon-obsidian-theme .iq-alarm-info .iq-widget-container.severity-warning .text-panel{color:var(--text-color-warning)}
.xenon-obsidian-theme .iq-alarm-info .iq-widget-container.severity-warning .iq-widget-content{border-color:var(--text-color-warning)}
.xenon-obsidian-theme .iq-alarm-info .iq-widget-container.severity-alarm .text-panel{color:var(--text-color-alarm)}
.xenon-obsidian-theme .iq-alarm-info .iq-widget-container.severity-alarm .iq-widget-content{border-color:var(--text-color-alarm)}

/* iq-alarm-info.counter - common */
 .iq-alarm-info.counter .alarm-message,.iq-alarm-info.counter .state-icon{display:none}
.iq-alarm-info.counter .text-panel{flex:1 1}
.iq-alarm-info.counter .alarm-count{display:block;text-align:center}
.iq-alarm-info.counter .iq-widget-content{flex:1 1 24px;border-width:0}

/* iq-alarm-info.icon - common */
 .iq-alarm-info.icon .state-icon{margin-right:0;flex:1 1}
.iq-alarm-info.icon .alarm-message,.iq-alarm-info.icon .text-panel{display:none}
.iq-alarm-info.icon .alarm-count{display:none!important}
.iq-alarm-info.icon .iq-widget-content{flex:1 1 40px;border-width:0}

/* iq-alarm-info.message - common */
 .iq-alarm-info.message .state-icon{display:none}
.iq-alarm-info.message .alarm-count{display:none!important}
.iq-alarm-info.message .iq-widget-content{flex:1 1 24px;border-width:0}

/* iq-alarm-info.message-and-details - common */
 .iq-alarm-info.message-and-details .alarm-count{display:none!important}
.iq-alarm-info.message-and-details .alarm-details{display:initial}

/* iq-alarm-list - common */
 .iq-alarm-list{box-sizing:border-box;max-width:100%}
.iq-alarm-list .ct2-fh-no-sort{width:calc(100% - 8px)!important}
.iq-alarm-list>.iq-widget-container{display:flex;flex-direction:column;width:100%}
.iq-alarm-list>.iq-widget-container>.iq-widget-content,.iq-alarm-list>.iq-widget-container>.iq-widget-header{display:flex}
.iq-alarm-list .no-sort{width:calc(100% - 8px)}
.iq-alarm-list .iq-widget-header{flex-direction:column}
.iq-alarm-list .valign-container{display:flex;align-items:center}
.iq-alarm-list .iq-button{display:flex;box-sizing:border-box;white-space:nowrap;overflow:hidden;flex:1;padding:2px 2px 1px;height:40px}
.iq-alarm-list.no-icon .iq-icon:not(.iq-toggle-icon),.iq-alarm-list.no-label .iq-label:not(.iq-toggle-label){display:none}
.iq-alarm-list .iq-icon{box-sizing:border-box}
.iq-alarm-list .iq-label{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-alarm-list .iq-label .iq-label{font-size:16px}
.iq-alarm-list .ct2-tdcont .button{min-height:unset!important;height:90%;margin-top:2px}
.iq-alarm-list .ct2-tdcont .icon-only{width:80px}
.iq-alarm-list .ct2-tdcont .alarm-ack .style-wrapper{justify-content:center}
.iq-alarm-list .ct2-tdcont .alarm-no-ack{text-align:center}
.iq-alarm-list .header-row{display:flex;height:55px;padding:4px 0}
.iq-alarm-list .header-row .space{margin:0 8px}
.iq-alarm-list .header-row>div{display:flex;align-items:center;width:50%}
.iq-alarm-list .header-row>div.filter-check-box-time{justify-content:flex-end}
.iq-alarm-list .header-row .label{display:flex;align-items:center;font-size:16px;font-weight:500;margin:0 24px}
.iq-alarm-list .header-row .icon{display:flex;align-items:center;min-width:24px}
.iq-alarm-list .header-row .icon .image{height:fit-content}
.iq-alarm-list .content-row{display:flex;flex-direction:column;height:100%}
.iq-alarm-list .filter-footer{display:flex;position:absolute;bottom:11px;right:0}
.iq-alarm-list .filter-line{width:100%;display:flex;justify-content:flex-end}
.iq-alarm-list .filter-line>div{display:inline-block;vertical-align:middle}
.iq-alarm-list .filter-toggle{display:inline-block;margin-top:12px;margin-right:8px;text-align:right;white-space:nowrap;cursor:pointer}
.iq-alarm-list .filter-toggle>div,.iq-alarm-list .filter-toggle>img{display:inline-block;vertical-align:middle}
.iq-alarm-list .filter-toggle .filter-label{text-overflow:ellipsis}
.iq-alarm-list .filter-area{position:relative;flex-grow:1}
.iq-alarm-list .reset-button{visibility:hidden;background-color:transparent;text-align:center;cursor:pointer}
.iq-alarm-list .reset-button .reset-button-label{box-sizing:border-box;display:inline-block;text-align:center;vertical-align:top;border-radius:100px;font-weight:700;transition:.1s ease-in-out transform}
.iq-alarm-list .reset-button:hover .reset-button-label{transform:scale(1.2)}
.iq-alarm-list .filter-group-select-box,.iq-alarm-list .mode-select-box{margin-top:12px;margin-right:8px;white-space:nowrap;cursor:pointer}
.iq-alarm-list .filter-group-select-box .option-icon,.iq-alarm-list .mode-select-box .option-icon{display:none!important}
.iq-alarm-list .filter-group-select-box .label-area,.iq-alarm-list .mode-select-box .label-area{display:none}
.iq-alarm-list .filter-click-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}
.iq-alarm-list .filter-display{visibility:hidden}
.iq-alarm-list .filter-display>div{display:inline-block;font-weight:700;vertical-align:top}
.iq-alarm-list.filter-active .filter-display,.iq-alarm-list.filter-active .reset-button{visibility:visible}
.iq-alarm-list .filter-check-box-level{width:auto}
.iq-alarm-list .filter-check-box-level>div{padding-left:8px}
.iq-alarm-list .filter-check-box-level .image>img{max-height:30px;width:auto}
.iq-alarm-list.iq-alarm-list-filter-dialog .dialog-box-content .container{padding:0 16px}
.iq-alarm-list.iq-alarm-list-filter-dialog .dialog-box-content .iq-select-date,.iq-alarm-list.iq-alarm-list-filter-dialog .dialog-box-content .iq-select-time{padding-bottom:8px}
.iq-alarm-list .ct2-ctrl-panel{display:none}
.iq-alarm-list .ct2-tdcont .iq-image-changer{width:40px;height:40px}
.iq-alarm-list .ct2-tdcont .iq-image-changer .iq-image{min-height:20px;max-height:32px;height:fit-content}
.iq-alarm-list .ct2-tdcont .iq-date-time{font-size:16px}
.iq-alarm-list.dialog-box .alarm-detail-win{height:50vh;min-height:208px;max-height:400px}
.iq-alarm-list .alarm-detail-win{width:50vw;display:flex;flex-direction:column}
.iq-alarm-list .alarm-detail-win .headline{padding:8px;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:0 0 auto}
.iq-alarm-list .alarm-detail-win .info{padding:8px}
.iq-alarm-list .alarm-detail-win .line{display:flex;padding-bottom:8px}
.iq-alarm-list .alarm-detail-win .ack,.iq-alarm-list .alarm-detail-win .ackBy,.iq-alarm-list .alarm-detail-win .come,.iq-alarm-list .alarm-detail-win .gone{width:50%;display:flex}
.iq-alarm-list .alarm-detail-win .ack .label,.iq-alarm-list .alarm-detail-win .ackBy .label,.iq-alarm-list .alarm-detail-win .come .label,.iq-alarm-list .alarm-detail-win .gone .label{width:100px}
.iq-alarm-list .alarm-detail-win .link-container>hr,.iq-alarm-list .alarm-detail-win>hr{margin-left:8px;margin-right:8px;border-style:solid;border-width:1px;height:0}
.iq-alarm-list .alarm-detail-win .bottom-container{overflow-y:auto}
.iq-alarm-list .alarm-detail-win .links{padding:8px}
.iq-alarm-list .alarm-detail-win .links>a{color:#00F;text-decoration:underline}
.iq-alarm-list .alarm-detail-win .text{padding:8px}
.iq-alarm-list .alarm-detail-win .comments-container{display:none;padding:0 8px}
.iq-alarm-list .alarm-detail-win .comments-container.has-comments{display:block}
.iq-alarm-list .alarm-detail-win .comments-container>.headline{border-bottom:2px solid var(--iq-on-primary)}

/* iq-alarm-list - style */
 .iq-alarm-list.hidden,.xenon-obsidian-theme .iq-alarm-list.hidden{display:none}
.iq-alarm-list.invisible,.xenon-obsidian-theme .iq-alarm-list.invisible{visibility:hidden}
.iq-alarm-list.locked,.xenon-obsidian-theme .iq-alarm-list.locked{opacity:.7}
.iq-alarm-list.locked .iq-button,.xenon-obsidian-theme .iq-alarm-list.locked .iq-button{cursor:default}
.iq-alarm-list .iq-icon,.xenon-obsidian-theme .iq-alarm-list .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-alarm-list{color:#3C3C3C}
.iq-alarm-list *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-alarm-list.inverted,.iq-alarm-list.inverted .ct2-tdcont .iq-date-time,.iq-alarm-list.inverted .ct2-tdcont .iq-label .iq-label,.iq-alarm-list.inverted .header-row .filter-check-box-level .iq-label{color:#FFF}
.iq-alarm-list.inverted .ct2-rs-ck .ct2-tdcont .iq-date-time,.iq-alarm-list.inverted .ct2-rs-ck .ct2-tdcont .iq-label .iq-label,.iq-alarm-list.inverted .header-row .filter-area .button-label{color:#3C3C3C}
.iq-alarm-list.ok .iq-button{border-color:#9FCD52}
.iq-alarm-list.preWarn .iq-button{border-color:#F29E28}
.iq-alarm-list.warn .iq-button{border-color:#E80000}
.iq-alarm-list .reset-button .reset-button-label{background-color:#353535;color:#FFF}
.xenon-obsidian-theme .iq-alarm-list{color:#FFF}
.xenon-obsidian-theme .iq-alarm-list *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-alarm-list.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-alarm-list.inverted .ct2-tdcont .iq-date-time,.xenon-obsidian-theme .iq-alarm-list.inverted .ct2-tdcont .iq-label .iq-label,.xenon-obsidian-theme .iq-alarm-list.inverted .header-row .filter-check-box-level .iq-label{color:#FFF}
.xenon-obsidian-theme .iq-alarm-list.inverted .ct2-rs-ck .ct2-tdcont .iq-date-time,.xenon-obsidian-theme .iq-alarm-list.inverted .ct2-rs-ck .ct2-tdcont .iq-label .iq-label,.xenon-obsidian-theme .iq-alarm-list.inverted .header-row .filter-area .button-label{color:#3C3C3C}
.xenon-obsidian-theme .iq-alarm-list.ok .iq-button{border-color:#9FCD52}
.xenon-obsidian-theme .iq-alarm-list.preWarn .iq-button{border-color:#F29E28}
.xenon-obsidian-theme .iq-alarm-list.warn .iq-button{border-color:#E80000}
.xenon-obsidian-theme .iq-alarm-list .reset-button .reset-button-label{background-color:#353535;color:#FFF}

/* iq-alarm-list - dimensions */
 .iq-alarm-list{display:flex;flex-direction:column}
.iq-alarm-list>.iq-widget-container{flex:1 1 600px;height:0}
.iq-alarm-list>.iq-widget-container>.iq-widget-header{flex:0 1 126px}
.iq-alarm-list>.iq-widget-container>.iq-widget-content{flex:1 1 0%;height:0}
.iq-alarm-list .filter-area{margin-bottom:12px}
.iq-alarm-list .filter-toggle{min-width:64px;max-width:200px}
.iq-alarm-list .filter-toggle>div:not(:last-child),.iq-alarm-list .filter-toggle>img:not(:last-child){margin-right:10px}
.iq-alarm-list .filter-toggle .filter-label{width:100%}
.iq-alarm-list .filter-display{height:28px;padding:5px}
.iq-alarm-list .filter-display>*{font-size:14px;line-height:28px}
.iq-alarm-list .reset-button{height:22px;padding:8px}
.iq-alarm-list .reset-button .reset-button-label{width:22px;padding:0 5px;font-size:12px;line-height:22px}
.iq-alarm-list .alarm-list-container,.iq-alarm-list .alarm-list-container .complex-table2{height:100%}
.iq-alarm-list .alarm-list-container .complex-table2 .ct2-table-container{height:calc(100% - 38px)}
.iq-alarm-list .alarm-list-container .complex-table2 td{padding-top:4px;padding-bottom:4px}
.iq-alarm-list .alarm-list-container .complex-table2 td>div:not(.ct2-selcb){padding-left:5px;padding-right:5px}

/* iq-alarm-list.iq-variant-02 - common */
 .iq-alarm-list.iq-variant-02 .ct2-tdcont{display:flex;align-items:center}
.iq-alarm-list.iq-variant-02 .ct2-tdcont .ctrl[data-ui=local-script]{display:none}
.iq-alarm-list.iq-variant-02 .ct2-tdcont .iq-date-time .iq-date-time,.iq-alarm-list.iq-variant-02 .ct2-tdcont .iq-label .iq-label{white-space:pre-wrap;max-height:2.9em;overflow:hidden}
.iq-alarm-list.iq-variant-02 .ct2-table-body .text2{white-space:normal}

/* iq-alarm-list.iq-variant-03 - common */
 .iq-alarm-list.iq-variant-03 .content-row{width:50%}
.iq-alarm-list.iq-variant-03 .alarm-list-details-side{display:flex;flex-direction:column;flex:1 1 0%;height:0;margin-left:8px;border:1px solid #DCDCDC}
.iq-alarm-list.iq-variant-03.inverted .alarm-list-details-side .bottom-container .text{color:#FFF}
.iq-alarm-list.iq-variant-03 .alarm-detail-win{flex:1 1 0%;height:0;width:100%;padding-bottom:47px;box-sizing:border-box}
.iq-alarm-list.iq-variant-03 .alarm-detail-win .headline{padding-top:24px}
.iq-alarm-list.iq-variant-03 .alarm-detail-win .bottom-container{overflow-y:auto}

/* iq-alarm-list.iq-variant-04 - common */
 .iq-alarm-list.iq-variant-04 .ct2-tdcont{display:flex;align-items:center}
.iq-alarm-list.iq-variant-04 .ct2-tdcont .ctrl[data-ui=local-script]{display:none}
.iq-alarm-list.iq-variant-04 .ct2-tdcont .iq-date-time .iq-date-time,.iq-alarm-list.iq-variant-04 .ct2-tdcont .iq-label .iq-label{white-space:pre-wrap;max-height:2.9em;overflow:hidden}
.iq-alarm-list.iq-variant-04 .ct2-table-body .text2{white-space:normal}
.iq-alarm-list.iq-variant-04 .content-row{width:50%}
.iq-alarm-list.iq-variant-04 .alarm-list-details-side{flex:1 1 0%;height:0;margin-left:8px;border:1px solid #DCDCDC}
.iq-alarm-list.iq-variant-04.inverted .alarm-list-details-side .bottom-container .text{color:#FFF}
.iq-alarm-list.iq-variant-04 .alarm-detail-win{flex:1 1 0%;height:0;padding-bottom:47px;box-sizing:border-box}
.iq-alarm-list.iq-variant-04 .alarm-detail-win .headline{padding-top:24px}
.iq-alarm-list.iq-variant-04 .alarm-detail-win .bottom-container{overflow-y:auto}

/* iq-button - common */
 .iq-button,.iq-button .iq-button,.iq-button .iq-icon,.iq-button .iq-label{box-sizing:border-box}
.iq-button>.iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-button>.iq-widget-container>.iq-widget-content{display:flex}
.iq-button .iq-button{justify-content:center;cursor:pointer;padding:0 8px}
.iq-button .valign-container{display:flex;align-items:center}
.iq-button.no-icon .iq-icon,.iq-button.no-label .iq-label{display:none}
.iq-button .iq-label{white-space:nowrap}

/* iq-button - style */
 .iq-button .iq-icon,.xenon-obsidian-theme .iq-button .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-button.hidden,.xenon-obsidian-theme .iq-button.hidden{display:none}
.iq-button.invisible,.xenon-obsidian-theme .iq-button.invisible{visibility:hidden}
.iq-button.locked,.xenon-obsidian-theme .iq-button.locked{opacity:.7}
.iq-button.locked .iq-button,.xenon-obsidian-theme .iq-button.locked .iq-button{cursor:default}
.iq-button{color:#3C3C3C}
.iq-button *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-button .iq-button{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2);border-radius:4px}
.iq-button.inverted{color:#FFF}
.iq-button.inverted .iq-button{background-color:#333;border-color:rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-button.inverted:not(.locked) .iq-button:focus,.iq-button:not(.locked) .iq-button:focus{background-color:#fdfdfd;border-color:#00ABF0;color:#3C3C3C}
.iq-button.inverted:not(.locked) .iq-button:hover,.iq-button:not(.locked) .iq-button:hover{background-color:#00ABF0;border-color:#00ABF0;color:#FFF}
.iq-button.inverted:not(.locked) .iq-button:active,.iq-button:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-button.inverted:not(.locked).primary .iq-button,.iq-button:not(.locked).primary .iq-button{background-color:#266BB0;color:#FFF}
.iq-button.inverted:not(.locked).primary .iq-button:focus,.iq-button.inverted:not(.locked).primary .iq-button:hover,.iq-button:not(.locked).primary .iq-button:focus,.iq-button:not(.locked).primary .iq-button:hover{border-color:#266BB0}
.iq-button.ok .iq-button,.iq-button.preWarn .iq-button,.iq-button.warn .iq-button{border-color:rgba(60,60,60,.7);box-shadow:rgba(60,60,60,.2);color:#FFF}
.iq-button.ok .iq-button{background-color:#9FCD52}
.iq-button.preWarn .iq-button{background-color:#F29E28}
.iq-button.warn .iq-button{background-color:#E80000}
.xenon-obsidian-theme .iq-button{color:#FFF}
.xenon-obsidian-theme .iq-button *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-button .iq-button{background-color:#333;border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2);border-radius:4px}
.xenon-obsidian-theme .iq-button.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-button.inverted .iq-button{background-color:#fdfdfd;border-color:rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-button.inverted:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-button:not(.locked) .iq-button:focus{background-color:#333;border-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-button.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-button:not(.locked) .iq-button:hover{background-color:#00ABF0;border-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-button.inverted:not(.locked) .iq-button:active,.xenon-obsidian-theme .iq-button:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.xenon-obsidian-theme .iq-button.inverted:not(.locked).primary .iq-button,.xenon-obsidian-theme .iq-button:not(.locked).primary .iq-button{background-color:#266BB0;color:#FFF}
.xenon-obsidian-theme .iq-button.inverted:not(.locked).primary .iq-button:focus,.xenon-obsidian-theme .iq-button.inverted:not(.locked).primary .iq-button:hover,.xenon-obsidian-theme .iq-button:not(.locked).primary .iq-button:focus,.xenon-obsidian-theme .iq-button:not(.locked).primary .iq-button:hover{border-color:#266BB0}
.xenon-obsidian-theme .iq-button.ok .iq-button,.xenon-obsidian-theme .iq-button.preWarn .iq-button,.xenon-obsidian-theme .iq-button.warn .iq-button{border-color:rgba(255,255,255,.7);box-shadow:rgba(255,255,255,.2);color:#FFF}
.xenon-obsidian-theme .iq-button.ok .iq-button{background-color:#9FCD52}
.xenon-obsidian-theme .iq-button.preWarn .iq-button{background-color:#F29E28}
.xenon-obsidian-theme .iq-button.warn .iq-button{background-color:#E80000}

/* iq-button - dimensions */
 .iq-button>.iq-widget-container>.iq-widget-content{flex:1 1 40px}
.iq-button .iq-icon{width:24px}

/* iq-button-rocker - common */
 .iq-button-rocker{box-sizing:border-box}
.iq-button-rocker .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-button-rocker .iq-widget-content,.iq-button-rocker .iq-widget-header{display:flex}
.iq-button-rocker.no-icon.no-label.no-unit .iq-widget-header{display:none}
.iq-button-rocker .valign-container{display:flex;align-items:center}
.iq-button-rocker.no-icon .iq-icon,.iq-button-rocker.no-label .iq-label,.iq-button-rocker.no-unit .iq-unit{display:none}
.iq-button-rocker .iq-input{box-sizing:border-box;white-space:nowrap;overflow:hidden;flex:1;padding:0 8px;text-align:right}
.iq-button-rocker .iq-icon{box-sizing:border-box}
.iq-button-rocker .iq-label,.iq-button-rocker .iq-unit{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-button-rocker .iq-button{display:flex;box-sizing:border-box}
.iq-button-rocker .iq-button .button-icon{flex:1}

/* iq-button-rocker - style */
 .iq-button-rocker.hidden,.xenon-obsidian-theme .iq-button-rocker.hidden{display:none}
.iq-button-rocker.invisible,.xenon-obsidian-theme .iq-button-rocker.invisible{visibility:hidden}
.iq-button-rocker.locked,.xenon-obsidian-theme .iq-button-rocker.locked{opacity:.7}
.iq-button-rocker{color:#3C3C3C}
.iq-button-rocker *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-button-rocker .iq-button{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2);border-radius:4px;cursor:pointer}
.iq-button-rocker .iq-input{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.3)}
.iq-button-rocker.locked .iq-button,.iq-button-rocker.locked .iq-input{cursor:default}
.iq-button-rocker.inverted{color:#FFF}
.iq-button-rocker.inverted .iq-button{background-color:#333;border-color:rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-button-rocker.inverted .iq-input{background-color:#333;border-color:rgba(255,255,255,.3)}
.iq-button-rocker.inverted:not(.locked) .iq-button:focus,.iq-button-rocker.inverted:not(.locked) .iq-button:hover,.iq-button-rocker.inverted:not(.locked) .iq-input:focus,.iq-button-rocker.inverted:not(.locked) .iq-input:hover,.iq-button-rocker:not(.locked) .iq-button:focus,.iq-button-rocker:not(.locked) .iq-button:hover,.iq-button-rocker:not(.locked) .iq-input:focus,.iq-button-rocker:not(.locked) .iq-input:hover{border-color:#00ABF0}
.iq-button-rocker.inverted:not(.locked) .iq-button:hover,.iq-button-rocker:not(.locked) .iq-button:hover{background-color:#00ABF0;color:#FFF}
.iq-button-rocker.inverted:not(.locked) .iq-button:active,.iq-button-rocker:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-button-rocker .iq-button .button-icon,.iq-button-rocker .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-button-rocker.ok .iq-input{border-color:#9FCD52}
.iq-button-rocker.preWarn .iq-input{border-color:#F29E28}
.iq-button-rocker.warn .iq-input{border-color:#E80000}
.xenon-obsidian-theme .iq-button-rocker{color:#FFF}
.xenon-obsidian-theme .iq-button-rocker *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-button-rocker .iq-button{background-color:#333;border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2);border-radius:4px;cursor:pointer}
.xenon-obsidian-theme .iq-button-rocker .iq-input{background-color:#333;border:1px solid rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-button-rocker.locked .iq-button,.xenon-obsidian-theme .iq-button-rocker.locked .iq-input{cursor:default}
.xenon-obsidian-theme .iq-button-rocker.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-button-rocker.inverted .iq-button{background-color:#fdfdfd;border-color:rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-button-rocker.inverted .iq-input{background-color:#fdfdfd;border-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-button-rocker.inverted:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-button-rocker.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-button-rocker.inverted:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-button-rocker.inverted:not(.locked) .iq-input:hover,.xenon-obsidian-theme .iq-button-rocker:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-button-rocker:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-button-rocker:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-button-rocker:not(.locked) .iq-input:hover{border-color:#00ABF0}
.xenon-obsidian-theme .iq-button-rocker.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-button-rocker:not(.locked) .iq-button:hover{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-button-rocker.inverted:not(.locked) .iq-button:active,.xenon-obsidian-theme .iq-button-rocker:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.xenon-obsidian-theme .iq-button-rocker .iq-button .button-icon,.xenon-obsidian-theme .iq-button-rocker .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.xenon-obsidian-theme .iq-button-rocker.ok .iq-input{border-color:#9FCD52}
.xenon-obsidian-theme .iq-button-rocker.preWarn .iq-input{border-color:#F29E28}
.xenon-obsidian-theme .iq-button-rocker.warn .iq-input{border-color:#E80000}

/* iq-button-rocker - dimensions */
 .iq-button-rocker .iq-widget-container>.iq-icon{height:64px}
.iq-button-rocker .iq-widget-content{flex:1 1 40px}
.iq-button-rocker .iq-widget-content>.iq-icon{width:40px}
.iq-button-rocker .iq-widget-header{flex:0 1 24px}
.iq-button-rocker .iq-widget-header .iq-icon{width:24px}

/* iq-button-rocker.iq-icon-variant-01 - common */
 

/* iq-button-rocker.iq-icon-variant-01 - style */
 .iq-button-rocker.iq-icon-variant-01 .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/minus.svg)}
.iq-button-rocker.iq-icon-variant-01 .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/plus.svg)}
.iq-button-rocker.iq-icon-variant-01.inverted .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/minus_hover.svg)}
.iq-button-rocker.iq-icon-variant-01.inverted .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/plus_hover.svg)}
.iq-button-rocker.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-previous .button-icon,.iq-button-rocker.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/minus_hover.svg)}
.iq-button-rocker.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-next .button-icon,.iq-button-rocker.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/plus_hover.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01 .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/minus_hover.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01 .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/plus_hover.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01.inverted .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/minus.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01.inverted .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/plus.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-previous .button-icon,.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/minus_hover.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-next .button-icon,.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/plus_hover.svg)}

/* iq-button-rocker.iq-icon-variant-01 - dimensions */
 

/* iq-button-rocker.iq-icon-variant-02 - common */
 

/* iq-button-rocker.iq-icon-variant-02 - style */
 .iq-button-rocker.iq-icon-variant-02 .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_down_black.svg)}
.iq-button-rocker.iq-icon-variant-02 .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_up_black.svg)}
.iq-button-rocker.iq-icon-variant-02.inverted .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_down_white.svg)}
.iq-button-rocker.iq-icon-variant-02.inverted .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_up_white.svg)}
.iq-button-rocker.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-previous .button-icon,.iq-button-rocker.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_down_white.svg)}
.iq-button-rocker.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-next .button-icon,.iq-button-rocker.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_up_white.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02 .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_down_white.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02 .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_up_white.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02.inverted .iq-button.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_down_black.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02.inverted .iq-button.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_up_black.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-previous .button-icon,.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-previous .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_down_white.svg)}
.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-next .button-icon,.xenon-obsidian-theme .iq-button-rocker.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-next .button-icon{background-image:url(../pics/system/controls/iq-button-rocker/arrow_up_white.svg)}

/* iq-button-rocker.iq-icon-variant-02 - dimensions */
 

/* iq-button-rocker.iq-variant-01 - common */
 .iq-button-rocker.iq-variant-01 .iq-input{margin:0 8px}
.iq-button-rocker.iq-variant-01 .iq-unit{margin-left:8px}
.iq-button-rocker.iq-variant-01 .iq-label{margin-right:8px}
.iq-button-rocker.iq-variant-01 .iq-button{width:40px}

/* iq-button-rocker.iq-variant-01 - style */
 

/* iq-button-rocker.iq-variant-01 - dimensions */
 

/* iq-button-rocker.iq-variant-02 - common */
 .iq-button-rocker.iq-variant-02 .iq-unit{margin-left:8px}
.iq-button-rocker.iq-variant-02 .iq-label{margin-right:8px}
.iq-button-rocker.iq-variant-02 .iq-button{margin-left:8px;width:40px}

/* iq-button-rocker.iq-variant-02 - style */
 

/* iq-button-rocker.iq-variant-02 - dimensions */
 

/* iq-button-rocker.iq-variant-03 - common */
 .iq-button-rocker.iq-variant-03 .iq-input{margin:0 8px}
.iq-button-rocker.iq-variant-03:not(.no-label) .iq-icon,.iq-button-rocker.iq-variant-03:not(.no-unit) .iq-icon,.iq-button-rocker.iq-variant-03:not(.no-unit) .iq-label{margin-right:8px}
.iq-button-rocker.iq-variant-03 .iq-button{width:40px}

/* iq-button-rocker.iq-variant-03 - style */
 

/* iq-button-rocker.iq-variant-03 - dimensions */
 

/* iq-button-rocker.iq-variant-04 - common */
 .iq-button-rocker.iq-variant-04:not(.no-label) .iq-icon,.iq-button-rocker.iq-variant-04:not(.no-unit) .iq-icon,.iq-button-rocker.iq-variant-04:not(.no-unit) .iq-label{margin-right:8px}
.iq-button-rocker.iq-variant-04 .iq-button{margin-left:8px;width:40px}

/* iq-button-rocker.iq-variant-04 - style */
 

/* iq-button-rocker.iq-variant-04 - dimensions */
 

/* iq-button-rocker.iq-variant-09 - common */
 .iq-button-rocker.iq-variant-09 .iq-input{margin:8px 0}
.iq-button-rocker.iq-variant-09 .text-container{justify-content:center}
.iq-button-rocker.iq-variant-09.no-label .label-container,.iq-button-rocker.iq-variant-09.no-unit .unit-container{display:none}

/* iq-button-rocker.iq-variant-09 - style */
 

/* iq-button-rocker.iq-variant-09 - dimensions */
 .iq-button-rocker.iq-variant-09 .iq-widget-container .iq-input{flex:1 1 40px}
.iq-button-rocker.iq-variant-09 .iq-widget-container .text-container{flex:0 1 24px}
.iq-button-rocker.iq-variant-09 .iq-widget-container .iq-button{flex:0 1 40px}

/* iq-button-toggle - common */
 .iq-button-toggle .iq-off-state-container.no-icon .iq-label,.iq-button-toggle .iq-off-state-container.no-label .iq-icon,.iq-button-toggle .iq-on-state-container.no-icon .iq-label,.iq-button-toggle .iq-on-state-container.no-label .iq-icon{margin:0}
.iq-button-toggle .iq-button,.iq-button-toggle .iq-label{white-space:nowrap;box-sizing:border-box}
.iq-button-toggle,.iq-button-toggle .iq-button,.iq-button-toggle .iq-icon,.iq-button-toggle .iq-label{box-sizing:border-box}
.iq-button-toggle .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-button-toggle .iq-widget-content,.iq-button-toggle .iq-widget-header{display:flex}
.iq-button-toggle.no-icon.no-label .iq-widget-header{display:none}
.iq-button-toggle .valign-container{display:flex;align-items:center}
.iq-button-toggle .iq-button{display:flex;overflow:hidden;flex:1;padding:0 8px}
.iq-button-toggle .iq-off-state-container,.iq-button-toggle .iq-on-state-container{display:flex}
.iq-button-toggle .iq-off-state .iq-on-state-container,.iq-button-toggle .iq-off-state-container.no-icon .iq-icon,.iq-button-toggle .iq-off-state-container.no-label .iq-label,.iq-button-toggle .iq-on-state .iq-off-state-container,.iq-button-toggle .iq-on-state-container.no-icon .iq-icon,.iq-button-toggle .iq-on-state-container.no-label .iq-label,.iq-button-toggle.no-icon .iq-icon:not(.iq-toggle-icon),.iq-button-toggle.no-label .iq-label:not(.iq-toggle-label){display:none}
.iq-button-toggle .iq-label{width:auto}

/* iq-button-toggle - style */
 .iq-button-toggle .iq-on-state .iq-icon,.xenon-obsidian-theme .iq-button-toggle .iq-on-state .iq-icon{fill:#FFF}
.iq-button-toggle.hidden,.xenon-obsidian-theme .iq-button-toggle.hidden{display:none}
.iq-button-toggle.invisible,.xenon-obsidian-theme .iq-button-toggle.invisible{visibility:hidden}
.iq-button-toggle.locked,.xenon-obsidian-theme .iq-button-toggle.locked{opacity:.7}
.iq-button-toggle{color:#3C3C3C}
.iq-button-toggle *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-button-toggle .iq-button{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2);border-radius:4px;cursor:pointer}
.iq-button-toggle .iq-on-state{color:#FFF;background-color:#00ABF0}
.iq-button-toggle.locked .iq-button{cursor:default}
.iq-button-toggle.inverted{color:#FFF}
.iq-button-toggle.inverted .iq-button:not(.iq-on-state){background-color:#333;border-color:rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-button-toggle.inverted:not(.locked) .iq-button:focus,.iq-button-toggle.inverted:not(.locked) .iq-button:hover,.iq-button-toggle:not(.locked) .iq-button:focus,.iq-button-toggle:not(.locked) .iq-button:hover{border-color:#00ABF0;background-color:#00ABF0;color:#FFF}
.iq-button-toggle.inverted:not(.locked) .iq-button:active,.iq-button-toggle:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-button-toggle .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-button-toggle.ok .iq-button{border-color:#9FCD52}
.iq-button-toggle.preWarn .iq-button{border-color:#F29E28}
.iq-button-toggle.warn .iq-button{border-color:#E80000}
.xenon-obsidian-theme .iq-button-toggle{color:#FFF}
.xenon-obsidian-theme .iq-button-toggle *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-button-toggle .iq-button{background-color:#333;border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2);border-radius:4px;cursor:pointer}
.xenon-obsidian-theme .iq-button-toggle .iq-on-state{color:#FFF;background-color:#00ABF0}
.xenon-obsidian-theme .iq-button-toggle.locked .iq-button{cursor:default}
.xenon-obsidian-theme .iq-button-toggle.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-button-toggle.inverted .iq-button:not(.iq-on-state){background-color:#fdfdfd;border-color:rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-button-toggle.inverted:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-button-toggle.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-button-toggle:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-button-toggle:not(.locked) .iq-button:hover{border-color:#00ABF0;background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-button-toggle.inverted:not(.locked) .iq-button:active,.xenon-obsidian-theme .iq-button-toggle:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.xenon-obsidian-theme .iq-button-toggle .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.xenon-obsidian-theme .iq-button-toggle.ok .iq-button{border-color:#9FCD52}
.xenon-obsidian-theme .iq-button-toggle.preWarn .iq-button{border-color:#F29E28}
.xenon-obsidian-theme .iq-button-toggle.warn .iq-button{border-color:#E80000}

/* iq-button-toggle - dimensions */
 .iq-button-toggle .iq-widget-header{flex:0 1 24px}
.iq-button-toggle .iq-widget-header .iq-icon{width:24px}
.iq-button-toggle .iq-widget-content{flex:1 1 40px}
.iq-button-toggle .iq-widget-content>.iq-icon{width:40px}
.iq-button-toggle .iq-widget-content .iq-toggle-icon{width:24px}

/* iq-button-toggle.iq-variant-01 - common */
 .iq-button-toggle.iq-variant-01 .iq-icon:not(.iq-toggle-icon),.iq-button-toggle.iq-variant-01 .iq-label:not(.iq-toggle-label),.iq-button-toggle.iq-variant-01 .state-container:not(.no-label) .iq-toggle-icon{margin-right:8px}

/* iq-button-toggle.iq-variant-01 - style */
 

/* iq-button-toggle.iq-variant-01 - dimensions */
 

/* iq-button-toggle.iq-variant-02 - common */
 .iq-button-toggle.iq-variant-02 .state-container:not(.no-label) .iq-icon,.iq-button-toggle.iq-variant-02:not(.no-label) .iq-widget-header .iq-icon{margin-right:8px}

/* iq-button-toggle.iq-variant-02 - style */
 

/* iq-button-toggle.iq-variant-02 - dimensions */
 

/* iq-button-toggle.iq-variant-03 - common */
 .iq-button-toggle.iq-variant-03 .iq-icon:not(.iq-toggle-icon),.iq-button-toggle.iq-variant-03 .iq-label:not(.iq-toggle-label),.iq-button-toggle.iq-variant-03 .state-container:not(.no-icon) .iq-toggle-label{margin-right:8px}

/* iq-button-toggle.iq-variant-03 - style */
 

/* iq-button-toggle.iq-variant-03 - dimensions */
 

/* iq-button-toggle.iq-variant-04 - common */
 .iq-button-toggle.iq-variant-04 .state-container:not(.no-icon) .iq-label,.iq-button-toggle.iq-variant-04:not(.no-label) .iq-widget-header .iq-icon{margin-right:8px}

/* iq-button-toggle.iq-variant-04 - style */
 

/* iq-button-toggle.iq-variant-04 - dimensions */
 

/* iq-button.iq-variant-01 - common */
 .iq-button.iq-variant-01:not(.no-label) .iq-icon{margin-right:8px}

/* iq-button.iq-variant-01 - style */
 

/* iq-button.iq-variant-01 - dimensions */
 

/* iq-button.iq-variant-02 - common */
 .iq-button.iq-variant-02:not(.no-icon) .iq-label{margin-right:8px}

/* iq-button.iq-variant-02 - style */
 

/* iq-button.iq-variant-02 - dimensions */
 

/* iq-button.iq-variant-03 - common */
 .iq-button.iq-variant-03>.iq-widget-container>.iq-widget-content{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}

/* iq-button.iq-variant-03 - style */
 

/* iq-button.iq-variant-03 - dimensions */
 .iq-button.iq-variant-03>.iq-widget-container>.iq-widget-content{flex:1 1 72px}
.iq-button.iq-variant-03 .iq-icon{height:24px}

/* iq-checkbox - common */
 .iq-checkbox .iq-checkbox,.iq-checkbox .iq-widget-container,.iq-checkbox .iq-widget-content{display:flex;box-sizing:border-box}
.iq-checkbox{box-sizing:border-box}
.iq-checkbox .iq-widget-container{flex-direction:column;width:100%;height:100%}
.iq-checkbox .iq-checkbox{align-items:center;justify-content:center;align-self:center}
.iq-checkbox .iq-handle{display:block;box-sizing:border-box}
.iq-checkbox.no-icon .iq-icon,.iq-checkbox.no-label .iq-label{display:none}
.iq-checkbox .iq-icon{box-sizing:border-box}
.iq-checkbox .iq-label{white-space:nowrap;box-sizing:border-box;width:auto;align-self:center;line-height:initial}

/* iq-checkbox - style */
 .iq-checkbox.hidden,.xenon-obsidian-theme .iq-checkbox.hidden{display:none}
.iq-checkbox.locked .iq-checkbox,.xenon-obsidian-theme .iq-checkbox.locked .iq-checkbox{pointer-events:none}
.iq-checkbox.inverted.locked,.iq-checkbox.locked,.xenon-obsidian-theme .iq-checkbox.inverted.locked,.xenon-obsidian-theme .iq-checkbox.locked{opacity:.7}
.iq-checkbox .iq-widget-content{border:1px solid transparent}
.iq-checkbox .iq-checkbox{background-color:#fdfdfd;border:1px solid #3C3C3C}
.iq-checkbox .iq-handle{visibility:hidden}
.iq-checkbox.checked .iq-handle{visibility:visible;background-color:#3C3C3C}
.iq-checkbox.invisible,.xenon-obsidian-theme .iq-checkbox .iq-handle{visibility:hidden}
.iq-checkbox .iq-label{color:#3C3C3C}
.iq-checkbox.inverted .iq-label,.xenon-obsidian-theme .iq-checkbox .iq-label{color:#FFF}
.iq-checkbox .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-checkbox.ok .iq-widget-content{border-color:#9FCD52}
.iq-checkbox.preWarn .iq-widget-content{border-color:#F29E28}
.iq-checkbox.warn .iq-widget-content{border-color:#E80000}
.iq-checkbox:not(.locked):focus .iq-widget-content,.iq-checkbox:not(.locked):hover .iq-widget-content{border-color:#00ABF0;cursor:pointer}
.iq-checkbox.inverted .iq-checkbox{background-color:#333;border-color:#FFF}
.iq-checkbox.inverted.checked .iq-handle{background-color:#FFF}
.xenon-obsidian-theme .iq-checkbox .iq-widget-content{border:1px solid transparent}
.xenon-obsidian-theme .iq-checkbox .iq-checkbox{background-color:#333;border:1px solid #FFF}
.xenon-obsidian-theme .iq-checkbox.checked .iq-handle{visibility:visible;background-color:#FFF}
.xenon-obsidian-theme .iq-checkbox .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.xenon-obsidian-theme .iq-checkbox.invisible{visibility:hidden}
.xenon-obsidian-theme .iq-checkbox.ok .iq-widget-content{border-color:#9FCD52}
.xenon-obsidian-theme .iq-checkbox.preWarn .iq-widget-content{border-color:#F29E28}
.xenon-obsidian-theme .iq-checkbox.warn .iq-widget-content{border-color:#E80000}
.xenon-obsidian-theme .iq-checkbox:not(.locked):focus .iq-widget-content,.xenon-obsidian-theme .iq-checkbox:not(.locked):hover .iq-widget-content{border-color:#00ABF0;cursor:pointer}
.xenon-obsidian-theme .iq-checkbox.inverted .iq-checkbox{background-color:#fdfdfd;border-color:#3C3C3C}
.xenon-obsidian-theme .iq-checkbox.inverted.checked .iq-handle{background-color:#3C3C3C}
.xenon-obsidian-theme .iq-checkbox.inverted .iq-label{color:#3C3C3C}

/* iq-checkbox - dimensions */
 .iq-checkbox .iq-widget-content{display:flex;flex:1 1 40px}
.iq-checkbox .iq-checkbox{width:28px;height:28px;flex-shrink:0}
.iq-checkbox .iq-handle{width:16px;height:16px}
.iq-checkbox .iq-icon{width:24px}
.iq-checkbox .iq-label{flex:1 1}

/* iq-checkbox.iq-variant-01 - common */
 

/* iq-checkbox.iq-variant-01 - style */
 

/* iq-checkbox.iq-variant-01 - dimensions */
 .iq-checkbox.iq-variant-01 .iq-checkbox,.iq-checkbox.iq-variant-01 .iq-icon,.iq-checkbox.iq-variant-01 .iq-label{margin-right:8px}
.iq-checkbox.iq-variant-01 .iq-checkbox{margin-left:4px}

/* iq-checkbox.iq-variant-02 - common */
 .iq-checkbox.iq-variant-02 .iq-widget-content{flex-direction:column;align-items:center;max-height:100%}
.iq-checkbox.iq-variant-02 .iq-label-container{display:flex;align-self:stretch;justify-content:center}

/* iq-checkbox.iq-variant-02 - style */
 

/* iq-checkbox.iq-variant-02 - dimensions */
 .iq-checkbox.iq-variant-02 .iq-icon{height:32px}
.iq-checkbox.iq-variant-02 .iq-label-container{flex:1 1 24px}
.iq-checkbox.iq-variant-02 .iq-label{flex:initial}
.iq-checkbox.iq-variant-02 .iq-checkbox{margin:5px 0}

/* iq-checkbox.iq-variant-03 - common */
 .iq-checkbox.iq-variant-03 .iq-widget-content{flex-direction:column;align-items:center;max-height:100%}
.iq-checkbox.iq-variant-03 .iq-label-container{display:flex;align-self:stretch;justify-content:center}

/* iq-checkbox.iq-variant-03 - style */
 

/* iq-checkbox.iq-variant-03 - dimensions */
 .iq-checkbox.iq-variant-03 .iq-icon{height:32px}
.iq-checkbox.iq-variant-03 .iq-label-container{flex:1 1 24px}
.iq-checkbox.iq-variant-03 .iq-label{flex:initial}
.iq-checkbox.iq-variant-03 .iq-checkbox{margin:5px 0}

/* iq-date-time - common */
 .iq-date-time{box-sizing:border-box}
.iq-date-time .iq-widget-container{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center}
.iq-date-time .iq-widget-content{display:flex;align-items:center}
.iq-date-time .iq-date-time{white-space:nowrap;line-height:initial;width:100%}

/* iq-date-time - style */
 .iq-date-time.locked,.xenon-obsidian-theme .iq-date-time.locked{opacity:.7}
.iq-date-time.hidden,.xenon-obsidian-theme .iq-date-time.hidden{display:none}
.iq-date-time.invisible,.xenon-obsidian-theme .iq-date-time.invisible{visibility:hidden}
.iq-date-time .iq-date-time{color:#3C3C3C}
.iq-date-time.inverted .iq-date-time,.xenon-obsidian-theme .iq-date-time .iq-date-time{color:#FFF}
.xenon-obsidian-theme .iq-date-time.inverted .iq-date-time{color:#3C3C3C}

/* iq-date-time - dimensions */
 .iq-date-time .iq-widget-content{flex:1 1 40px}

/* iq-date-time.iq-variant-01 - common */
 

/* iq-date-time.iq-variant-01 - style */
 

/* iq-date-time.iq-variant-01 - dimensions */
 

/* iq-duration-display - common */
 .iq-duration-display{box-sizing:border-box}
.iq-duration-display .iq-widget-container{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center}
.iq-duration-display .iq-widget-content{display:flex;align-items:center}
.iq-duration-display .iq-duration{white-space:nowrap;line-height:initial;width:100%}

/* iq-duration-display - style */
 .iq-duration-display.locked,.xenon-obsidian-theme .iq-duration-display.locked{opacity:.7}
.iq-duration-display.hidden,.xenon-obsidian-theme .iq-duration-display.hidden{display:none}
.iq-duration-display.invisible,.xenon-obsidian-theme .iq-duration-display.invisible{visibility:hidden}
.iq-duration-display .iq-duration{color:#3C3C3C}
.iq-duration-display.inverted .iq-duration,.xenon-obsidian-theme .iq-duration-display .iq-duration{color:#FFF}
.xenon-obsidian-theme .iq-duration-display.inverted .iq-duration{color:#3C3C3C}

/* iq-duration-display - dimensions */
 .iq-duration-display .iq-widget-content{flex:1 1 40px}

/* iq-duration-display.iq-variant-01 - common */
 

/* iq-duration-display.iq-variant-01 - style */
 

/* iq-duration-display.iq-variant-01 - dimensions */
 

/* iq-flip-switch - common */
 .iq-flip-switch{box-sizing:border-box}
.iq-flip-switch>.iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-flip-switch>.iq-widget-container>.iq-widget-content,.iq-flip-switch>.iq-widget-container>.iq-widget-header{display:flex}
.iq-flip-switch.no-icon.no-label .iq-widget-header{display:none}
.iq-flip-switch .valign-container{display:flex;align-items:center}
.iq-flip-switch .iq-input{box-sizing:border-box;white-space:nowrap;display:flex;position:relative;flex:1}
.iq-flip-switch.no-icon .iq-icon,.iq-flip-switch.no-label .iq-label:not(.state-label){display:none}
.iq-flip-switch .iq-icon{box-sizing:border-box}
.iq-flip-switch .iq-label{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-flip-switch .iq-handle{display:flex;box-sizing:border-box;position:absolute;width:calc(50% + 2px);height:100%;transition:transform .16s linear}
.iq-flip-switch .iq-handle.pressed{transition:none}
.iq-flip-switch.on .iq-handle{transform:translate3d(calc(100% - 4px),0,0)}
.iq-flip-switch .iq-box-off,.iq-flip-switch .iq-box-on{box-sizing:border-box;width:50%;justify-content:center;padding:0 8px}
.iq-flip-switch .iq-box-off .iq-label,.iq-flip-switch .iq-box-on .iq-label{margin:0}

/* iq-flip-switch - style */
 .iq-flip-switch.hidden,.xenon-obsidian-theme .iq-flip-switch.hidden{display:none}
.iq-flip-switch.invisible,.xenon-obsidian-theme .iq-flip-switch.invisible{visibility:hidden}
.iq-flip-switch.locked,.xenon-obsidian-theme .iq-flip-switch.locked{opacity:.7}
.iq-flip-switch .iq-icon,.xenon-obsidian-theme .iq-flip-switch .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-flip-switch{color:#3C3C3C}
.iq-flip-switch *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-flip-switch .iq-box-on{color:#FFF;background-color:#00ABF0;border:solid rgba(60,60,60,.7);border-width:1px 0 1px 1px;border-radius:4px 0 0 4px}
.iq-flip-switch .iq-box-off{border:solid rgba(60,60,60,.7);border-width:1px 1px 1px 0;border-radius:0 4px 4px 0}
.iq-flip-switch .iq-button{box-shadow:0 3px 3px 0 rgba(60,60,60,.2);background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);border-radius:4px}
.iq-flip-switch .iq-button,.iq-flip-switch .iq-input{cursor:pointer}
.iq-flip-switch.locked .iq-button,.iq-flip-switch.locked .iq-input{cursor:default}
.iq-flip-switch.inverted{color:#FFF}
.iq-flip-switch.inverted .iq-button{box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-flip-switch.inverted .iq-button,.iq-flip-switch.inverted .iq-input{background-color:#333;border-color:rgba(255,255,255,.7)}
.iq-flip-switch.inverted:not(.locked) .iq-button:focus,.iq-flip-switch.inverted:not(.locked) .iq-button:hover,.iq-flip-switch.inverted:not(.locked) .iq-input:focus .iq-button,.iq-flip-switch.inverted:not(.locked) .iq-input:hover .iq-button,.iq-flip-switch:not(.locked) .iq-button:focus,.iq-flip-switch:not(.locked) .iq-button:hover,.iq-flip-switch:not(.locked) .iq-input:focus .iq-button,.iq-flip-switch:not(.locked) .iq-input:hover .iq-button{border-color:#00ABF0}
.iq-flip-switch.inverted:not(.locked) .iq-button:active,.iq-flip-switch:not(.locked) .iq-button:active{box-shadow:none}
.iq-flip-switch.ok .iq-button{background-color:#9FCD52;color:#FFF}
.iq-flip-switch.preWarn .iq-button{background-color:#F29E28;color:#FFF}
.iq-flip-switch.warn .iq-button{background-color:#E80000;color:#FFF}
.xenon-obsidian-theme .iq-flip-switch{color:#FFF}
.xenon-obsidian-theme .iq-flip-switch *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-flip-switch .iq-box-on{color:#FFF;background-color:#00ABF0;border:solid rgba(255,255,255,.7);border-width:1px 0 1px 1px;border-radius:4px 0 0 4px}
.xenon-obsidian-theme .iq-flip-switch .iq-box-off{border:solid rgba(255,255,255,.7);border-width:1px 1px 1px 0;border-radius:0 4px 4px 0}
.xenon-obsidian-theme .iq-flip-switch .iq-button{box-shadow:0 3px 3px 0 rgba(255,255,255,.2);background-color:#333;border:1px solid rgba(255,255,255,.7);border-radius:4px}
.xenon-obsidian-theme .iq-flip-switch .iq-button,.xenon-obsidian-theme .iq-flip-switch .iq-input{cursor:pointer}
.xenon-obsidian-theme .iq-flip-switch.locked .iq-button,.xenon-obsidian-theme .iq-flip-switch.locked .iq-input{cursor:default}
.xenon-obsidian-theme .iq-flip-switch.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-flip-switch.inverted .iq-button{box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-flip-switch.inverted .iq-button,.xenon-obsidian-theme .iq-flip-switch.inverted .iq-input{background-color:#fdfdfd;border-color:rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-flip-switch.inverted:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-flip-switch.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-flip-switch.inverted:not(.locked) .iq-input:focus .iq-button,.xenon-obsidian-theme .iq-flip-switch.inverted:not(.locked) .iq-input:hover .iq-button,.xenon-obsidian-theme .iq-flip-switch:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-flip-switch:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-flip-switch:not(.locked) .iq-input:focus .iq-button,.xenon-obsidian-theme .iq-flip-switch:not(.locked) .iq-input:hover .iq-button{border-color:#00ABF0}
.xenon-obsidian-theme .iq-flip-switch.inverted:not(.locked) .iq-button:active,.xenon-obsidian-theme .iq-flip-switch:not(.locked) .iq-button:active{box-shadow:none}
.xenon-obsidian-theme .iq-flip-switch.ok .iq-button{background-color:#9FCD52;color:#FFF}
.xenon-obsidian-theme .iq-flip-switch.preWarn .iq-button{background-color:#F29E28;color:#FFF}
.xenon-obsidian-theme .iq-flip-switch.warn .iq-button{background-color:#E80000;color:#FFF}

/* iq-flip-switch - dimensions */
 .iq-flip-switch>.iq-widget-container>.iq-widget-header{flex:0 1 24px}
.iq-flip-switch>.iq-widget-container>.iq-widget-header>.iq-icon{width:24px}
.iq-flip-switch>.iq-widget-container>.iq-widget-content{flex:1 1 40px}
.iq-flip-switch>.iq-widget-container>.iq-widget-content>.iq-icon{width:40px}
.iq-flip-switch>.iq-widget-container>.iq-icon{height:64px}

/* iq-flip-switch.iq-variant-01 - common */
 .iq-flip-switch.iq-variant-01 .iq-icon,.iq-flip-switch.iq-variant-01 .iq-label:not(.state-label){margin-right:8px}

/* iq-flip-switch.iq-variant-01 - style */
 

/* iq-flip-switch.iq-variant-01 - dimensions */
 

/* iq-flip-switch.iq-variant-02 - common */
 .iq-flip-switch.iq-variant-02:not(.no-label) .iq-widget-header .iq-icon{margin-right:8px}

/* iq-flip-switch.iq-variant-02 - style */
 

/* iq-flip-switch.iq-variant-02 - dimensions */
 

/* iq-flip-switch.iq-variant-03 - common */
 .iq-flip-switch.iq-variant-03 .text-container{justify-content:center}
.iq-flip-switch.iq-variant-03.no-label .text-container{display:none}

/* iq-flip-switch.iq-variant-03 - style */
 

/* iq-flip-switch.iq-variant-03 - dimensions */
 .iq-flip-switch.iq-variant-03>.iq-widget-container .iq-icon{flex:0 1 64px}
.iq-flip-switch.iq-variant-03>.iq-widget-container .iq-input{flex:1 1 40px}
.iq-flip-switch.iq-variant-03>.iq-widget-container .text-container{flex:0 1 24px}

/* iq-heartbeat - common */
 

/* iq-heartbeat - style */
 

/* iq-heartbeat - dimensions */
 

/* iq-heartbeat.iq-variant-01 - common */
 .iq-heartbeat.iq-variant-01{overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.iq-heartbeat.iq-variant-01 img.iq-image{flex-shrink:0}
.iq-heartbeat.iq-variant-01.fit-height img.iq-image{width:auto;height:100%}
.iq-heartbeat.iq-variant-01.fit-width img.iq-image{width:100%;height:auto}
.iq-heartbeat.iq-variant-01.stretch img.iq-image{width:100%;height:100%}
.iq-heartbeat.iq-variant-01.contain img.iq-image{width:100%;height:100%;object-fit:contain}

/* iq-heartbeat.iq-variant-01 - style */
 

/* iq-heartbeat.iq-variant-01 - dimensions */
 .iq-heartbeat.iq-variant-01 img{width:100%;height:auto}

/* iq-heartbeat.iq-variant-02 - common */
 .iq-heartbeat.iq-variant-02{overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.iq-heartbeat.iq-variant-02 img.iq-image{flex-shrink:0}
.iq-heartbeat.iq-variant-02.fit-height img.iq-image{width:auto;height:100%}
.iq-heartbeat.iq-variant-02.fit-width img.iq-image{width:100%;height:auto}
.iq-heartbeat.iq-variant-02.stretch img.iq-image{width:100%;height:100%}
.iq-heartbeat.iq-variant-02.contain img.iq-image{width:100%;height:100%;object-fit:contain}

/* iq-heartbeat.iq-variant-02 - style */
 

/* iq-heartbeat.iq-variant-02 - dimensions */
 .iq-heartbeat.iq-variant-02 img{width:100%;height:auto}

/* iq-heartbeat.iq-variant-03 - common */
 .iq-heartbeat.iq-variant-03{overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.iq-heartbeat.iq-variant-03 img.iq-image{flex-shrink:0}
.iq-heartbeat.iq-variant-03.fit-height img.iq-image{width:auto;height:100%}
.iq-heartbeat.iq-variant-03.fit-width img.iq-image{width:100%;height:auto}
.iq-heartbeat.iq-variant-03.stretch img.iq-image{width:100%;height:100%}
.iq-heartbeat.iq-variant-03.contain img.iq-image{width:100%;height:100%;object-fit:contain}

/* iq-heartbeat.iq-variant-03 - style */
 

/* iq-heartbeat.iq-variant-03 - dimensions */
 .iq-heartbeat.iq-variant-03 img{width:100%;height:auto}

/* iq-image - common */
 .iq-image{box-sizing:border-box}
.iq-image>.iq-widget-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}
.iq-image .clickable{cursor:pointer}
.iq-image img.iq-image{flex-shrink:0}
.iq-image.fit-height img.iq-image{width:auto;height:100%}
.iq-image img.iq-image,.iq-image.fit-width img.iq-image{width:100%;height:auto}
.iq-image.stretch img.iq-image{width:100%;height:100%}
.iq-image.contain img.iq-image{width:100%;height:100%;object-fit:contain}

/* iq-image - style */
 .iq-image.locked,.xenon-obsidian-theme .iq-image.locked{opacity:.7}
.iq-image.locked .clickable,.xenon-obsidian-theme .iq-image.locked .clickable{cursor:default}

/* iq-image - dimensions */
 

/* iq-image-changer - common */
 .iq-image-changer{box-sizing:border-box}
.iq-image-changer>.iq-widget-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}
.iq-image-changer .clickable{cursor:pointer}
.iq-image-changer img.iq-image{flex-shrink:0}
.iq-image-changer.fit-height img.iq-image{width:auto;height:100%}
.iq-image-changer img.iq-image,.iq-image-changer.fit-width img.iq-image{width:100%;height:auto}
.iq-image-changer.stretch img.iq-image{width:100%;height:100%}
.iq-image-changer.contain img.iq-image{width:100%;height:100%;object-fit:contain}

/* iq-image-changer - style */
 .iq-image-changer.locked,.xenon-obsidian-theme .iq-image-changer.locked{opacity:.7}
.iq-image-changer.locked .clickable,.xenon-obsidian-theme .iq-image-changer.locked .clickable{cursor:default}

/* iq-image-changer - dimensions */
 

/* iq-image-changer.iq-variant-01 - common */
 

/* iq-image-changer.iq-variant-01 - style */
 

/* iq-image-changer.iq-variant-01 - dimensions */
 

/* iq-image.iq-variant-01 - common */
 

/* iq-image.iq-variant-01 - style */
 

/* iq-image.iq-variant-01 - dimensions */
 

/* iq-input-field - common */
 .iq-input-field{box-sizing:border-box}
.iq-input-field>.iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-input-field>.iq-widget-container>.iq-widget-content,.iq-input-field>.iq-widget-container>.iq-widget-header{display:flex}
.iq-input-field.no-icon.no-label.no-unit .iq-widget-header{display:none}
.iq-input-field .valign-container{display:flex;align-items:center}
.iq-input-field.no-icon .iq-icon,.iq-input-field.no-label .iq-label,.iq-input-field.no-unit .iq-unit{display:none}
.iq-input-field .iq-input{box-sizing:border-box;white-space:nowrap;overflow:hidden;flex:1;padding:0 8px;cursor:text}
.iq-input-field .iq-input.multiline{white-space:pre-wrap;overflow-y:auto}
.iq-input-field.not-resizable .iq-input{resize:none}
.iq-input-field .iq-icon{box-sizing:border-box}
.iq-input-field .iq-label,.iq-input-field .iq-unit{white-space:nowrap;box-sizing:border-box;width:auto}

/* iq-input-field - style */
 .iq-input-field.invisible,.xenon-obsidian-theme .iq-input-field.invisible{visibility:hidden}
.iq-input-field.locked,.xenon-obsidian-theme .iq-input-field.locked{opacity:.7}
.iq-input-field.locked .iq-input,.xenon-obsidian-theme .iq-input-field.locked .iq-input{cursor:default;pointer-events:none}
.iq-input-field .iq-icon,.xenon-obsidian-theme .iq-input-field .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-input-field{color:#3C3C3C}
.iq-input-field *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-input-field.inverted,.xenon-obsidian-theme .iq-input-field{color:#FFF}
.iq-input-field .iq-input{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.3)}
.iq-input-field.hidden{display:none}
.iq-input-field.inverted .iq-input{background-color:#333;border-color:rgba(255,255,255,.3)}
.iq-input-field.inverted:not(.locked) .iq-input:focus,.iq-input-field.inverted:not(.locked) .iq-input:hover,.iq-input-field:not(.locked) .iq-input:focus,.iq-input-field:not(.locked) .iq-input:hover{border-color:#00ABF0}
.iq-input-field.ok .iq-input{border-color:#9FCD52}
.iq-input-field.preWarn .iq-input{border-color:#F29E28}
.iq-input-field.warn .iq-input{border-color:#E80000}
.xenon-obsidian-theme .iq-input-field *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-input-field .iq-input{background-color:#333;border:1px solid rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-input-field.hidden{display:none}
.xenon-obsidian-theme .iq-input-field.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-input-field.inverted .iq-input{background-color:#fdfdfd;border-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-input-field.inverted:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-input-field.inverted:not(.locked) .iq-input:hover,.xenon-obsidian-theme .iq-input-field:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-input-field:not(.locked) .iq-input:hover{border-color:#00ABF0}
.xenon-obsidian-theme .iq-input-field.ok .iq-input{border-color:#9FCD52}
.xenon-obsidian-theme .iq-input-field.preWarn .iq-input{border-color:#F29E28}
.xenon-obsidian-theme .iq-input-field.warn .iq-input{border-color:#E80000}

/* iq-input-field - dimensions */
 .iq-input-field>.iq-widget-container>.iq-widget-header{flex:0 1 24px}
.iq-input-field>.iq-widget-container>.iq-widget-header>.iq-icon{width:24px}
.iq-input-field>.iq-widget-container>.iq-widget-content{flex:1 1 40px}
.iq-input-field>.iq-widget-container>.iq-widget-content>.iq-icon{width:40px}
.iq-input-field>.iq-widget-container>.iq-icon{height:64px}

/* iq-input-field.iq-variant-01 - common */
 .iq-input-field.iq-variant-01 .iq-icon,.iq-input-field.iq-variant-01 .iq-label{margin-right:8px}
.iq-input-field.iq-variant-01 .iq-unit{margin-left:8px}

/* iq-input-field.iq-variant-01 - style */
 

/* iq-input-field.iq-variant-01 - dimensions */
 

/* iq-input-field.iq-variant-02 - common */
 .iq-input-field.iq-variant-02:not(.no-label) .iq-icon,.iq-input-field.iq-variant-02:not(.no-unit) .iq-icon,.iq-input-field.iq-variant-02:not(.no-unit) .iq-label{margin-right:8px}

/* iq-input-field.iq-variant-02 - style */
 

/* iq-input-field.iq-variant-02 - dimensions */
 

/* iq-input-field.iq-variant-03 - common */
 .iq-input-field.iq-variant-03:not(.no-label) .iq-icon{margin-right:8px}
.iq-input-field.iq-variant-03 .iq-unit{margin-left:8px}

/* iq-input-field.iq-variant-03 - style */
 

/* iq-input-field.iq-variant-03 - dimensions */
 

/* iq-input-field.iq-variant-04 - common */
 .iq-input-field.iq-variant-04 .iq-icon,.iq-input-field.iq-variant-04 .iq-label{margin-right:8px}
.iq-input-field.iq-variant-04 .iq-unit{margin-left:8px}

/* iq-input-field.iq-variant-04 - style */
 

/* iq-input-field.iq-variant-04 - dimensions */
 

/* iq-input-field.iq-variant-05 - common */
 .iq-input-field.iq-variant-05:not(.no-label) .iq-icon,.iq-input-field.iq-variant-05:not(.no-unit) .iq-icon,.iq-input-field.iq-variant-05:not(.no-unit) .iq-label{margin-right:8px}

/* iq-input-field.iq-variant-05 - style */
 

/* iq-input-field.iq-variant-05 - dimensions */
 

/* iq-label - common */
 .iq-label{box-sizing:border-box}
.iq-label .iq-widget-container{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center}
.iq-label .iq-widget-content{display:flex;align-items:center}
.iq-label .iq-label{white-space:nowrap;line-height:initial;width:100%;font-size:30px}

/* iq-label - style */
 .iq-label.locked,.xenon-obsidian-theme .iq-label.locked{opacity:.7}
.iq-label.hidden,.xenon-obsidian-theme .iq-label.hidden{display:none}
.iq-label.invisible,.xenon-obsidian-theme .iq-label.invisible{visibility:hidden}
.iq-label .iq-label{color:#3C3C3C}
.iq-label.inverted .iq-label,.xenon-obsidian-theme .iq-label .iq-label{color:#FFF}
.xenon-obsidian-theme .iq-label.inverted .iq-label{color:#3C3C3C}

/* iq-label - dimensions */
 .iq-label .iq-widget-content{flex:1 1 40px}

/* iq-label.iq-variant-01 - common */
 

/* iq-label.iq-variant-01 - style */
 

/* iq-label.iq-variant-01 - dimensions */
 

/* iq-linear-gauge - common */
 .iq-linear-gauge{box-sizing:border-box}
.iq-linear-gauge .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-linear-gauge .iq-widget-content,.iq-linear-gauge .iq-widget-footer,.iq-linear-gauge .iq-widget-header{display:flex}
.iq-linear-gauge.no-icon.no-label.no-unit .iq-widget-header{display:none}
.iq-linear-gauge .valign-container{display:flex;align-items:center}
.iq-linear-gauge .halign-container{display:flex;align-items:center;flex-direction:column}
.iq-linear-gauge .iq-priv-value-container{display:flex;flex-direction:column}
.iq-linear-gauge .iq-priv-value-container .valign-container{flex:1}
.iq-linear-gauge .iq-separator{flex:0 0 2px}
.iq-linear-gauge .iq-bar-container{display:flex;box-sizing:border-box;flex:1;flex-direction:column;overflow:hidden}
.iq-linear-gauge.no-icon .iq-icon,.iq-linear-gauge.no-label .iq-label,.iq-linear-gauge.no-unit .iq-unit{display:none}
.iq-linear-gauge .iq-bar-container .iq-bar-fill{flex:1;clip-path:polygon(0 0,0 100%,var(--internal-fill-level,0) 100%,var(--internal-fill-level,0) 0)}
.iq-linear-gauge .iq-bar-container .iq-bar-fill.reversed{clip-path:polygon(100% 0,100% 100%,calc(100% - var(--internal-fill-level,0)) 100%,calc(100% - var(--internal-fill-level,0)) 0)}
.iq-linear-gauge .iq-value{flex:1;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-align:right}
.iq-linear-gauge .iq-icon{box-sizing:border-box}
.iq-linear-gauge .iq-label,.iq-linear-gauge .iq-unit{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-linear-gauge .iq-priv-spanner{display:flex}

/* iq-linear-gauge - style */
 .iq-linear-gauge .iq-bar-container .iq-priv-spanner,.xenon-obsidian-theme .iq-linear-gauge .iq-bar-container .iq-priv-spanner{margin:0 -1px}
.iq-linear-gauge.invisible,.xenon-obsidian-theme .iq-linear-gauge.invisible{visibility:hidden}
.iq-linear-gauge.locked,.xenon-obsidian-theme .iq-linear-gauge.locked{opacity:.7}
.iq-linear-gauge{color:#3C3C3C}
.iq-linear-gauge *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-linear-gauge.inverted,.xenon-obsidian-theme .iq-linear-gauge{color:#FFF}
.iq-linear-gauge .iq-value{font-size:28px}
.iq-linear-gauge .iq-bar-container{border:1px solid rgba(60,60,60,.7);background-color:rgba(60,60,60,.3)}
.iq-linear-gauge .iq-bar-container .iq-bar-fill{background-color:#00ABF0}
.iq-linear-gauge .iq-separator{background-color:rgba(60,60,60,.1)}
.iq-linear-gauge.hidden{display:none}
.iq-linear-gauge.inverted .iq-bar-container{border-color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.iq-linear-gauge .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-linear-gauge.ok .iq-bar-container .iq-bar-fill,.iq-linear-gauge.ok .iq-separator{background-color:#9FCD52}
.iq-linear-gauge.preWarn .iq-bar-container .iq-bar-fill,.iq-linear-gauge.preWarn .iq-separator{background-color:#F29E28}
.iq-linear-gauge.warn .iq-bar-container .iq-bar-fill,.iq-linear-gauge.warn .iq-separator{background-color:#E80000}
.xenon-obsidian-theme .iq-linear-gauge *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-linear-gauge .iq-value{font-size:28px}
.xenon-obsidian-theme .iq-linear-gauge .iq-bar-container{border:1px solid rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-linear-gauge .iq-bar-container .iq-bar-fill{background-color:#00ABF0}
.xenon-obsidian-theme .iq-linear-gauge .iq-separator{background-color:rgba(255,255,255,.1)}
.xenon-obsidian-theme .iq-linear-gauge.hidden{display:none}
.xenon-obsidian-theme .iq-linear-gauge.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-linear-gauge.inverted .iq-bar-container{border-color:rgba(60,60,60,.7);background-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-linear-gauge .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.xenon-obsidian-theme .iq-linear-gauge.ok .iq-bar-container .iq-bar-fill,.xenon-obsidian-theme .iq-linear-gauge.ok .iq-separator{background-color:#9FCD52}
.xenon-obsidian-theme .iq-linear-gauge.preWarn .iq-bar-container .iq-bar-fill,.xenon-obsidian-theme .iq-linear-gauge.preWarn .iq-separator{background-color:#F29E28}
.xenon-obsidian-theme .iq-linear-gauge.warn .iq-bar-container .iq-bar-fill,.xenon-obsidian-theme .iq-linear-gauge.warn .iq-separator{background-color:#E80000}

/* iq-linear-gauge - dimensions */
 .iq-linear-gauge .iq-widget-container>.iq-icon{height:64px}
.iq-linear-gauge .iq-widget-content{flex:1 1 40px}
.iq-linear-gauge .iq-widget-content>.iq-icon{width:40px}
.iq-linear-gauge .iq-widget-content .iq-bar-container{margin:15px 0}
.iq-linear-gauge .iq-widget-footer,.iq-linear-gauge .iq-widget-header{flex:0 1 24px}
.iq-linear-gauge .iq-widget-footer .iq-icon,.iq-linear-gauge .iq-widget-header .iq-icon{width:24px}
.iq-linear-gauge .iq-widget-footer .iq-bar-container,.iq-linear-gauge .iq-widget-header .iq-bar-container{margin:7px 0}
.iq-linear-gauge .iq-priv-spanner::after{flex:0 1 96px;width:96px;content:""}

/* iq-linear-gauge.iq-variant-01 - common */
 .iq-linear-gauge.iq-variant-01 .iq-icon,.iq-linear-gauge.iq-variant-01 .iq-label,.iq-linear-gauge.iq-variant-01 .iq-priv-value-container{margin-right:8px}
.iq-linear-gauge.iq-variant-01 .iq-unit{margin-left:8px}

/* iq-linear-gauge.iq-variant-01 - style */
 

/* iq-linear-gauge.iq-variant-01 - dimensions */
 

/* iq-linear-gauge.iq-variant-02 - common */
 .iq-linear-gauge.iq-variant-02 .iq-widget-content{flex-grow:0}
.iq-linear-gauge.iq-variant-02 .iq-widget-content>:not(:last-child){margin-right:8px}
.iq-linear-gauge.iq-variant-02 .iq-widget-footer{flex-grow:1}
.iq-linear-gauge.iq-variant-02 .valign-container.iq-priv-value-container{align-items:stretch;justify-content:center}
.iq-linear-gauge.iq-variant-02 .iq-priv-value-container{flex:1}

/* iq-linear-gauge.iq-variant-02 - style */
 

/* iq-linear-gauge.iq-variant-02 - dimensions */
 

/* iq-linear-gauge.iq-variant-03 - common */
 .iq-linear-gauge.iq-variant-03 .iq-priv-value-container,.iq-linear-gauge.iq-variant-03 .iq-widget-header>:not(:last-child){margin-right:8px}

/* iq-linear-gauge.iq-variant-03 - style */
 

/* iq-linear-gauge.iq-variant-03 - dimensions */
 

/* iq-linear-gauge.iq-variant-04 - common */
 .iq-linear-gauge.iq-variant-04 .iq-widget-header>:not(:last-child){margin-right:8px}
.iq-linear-gauge.iq-variant-04 .iq-widget-content{flex-grow:0}
.iq-linear-gauge.iq-variant-04 .iq-widget-content .valign-container{flex:1}
.iq-linear-gauge.iq-variant-04 .iq-widget-footer{flex-grow:1}
.iq-linear-gauge.iq-variant-04 .iq-priv-value-container{flex:1}

/* iq-linear-gauge.iq-variant-04 - style */
 

/* iq-linear-gauge.iq-variant-04 - dimensions */
 

/* iq-linear-gauge.iq-variant-05 - common */
 .iq-linear-gauge.iq-variant-05 .iq-widget-content{flex-direction:column}
.iq-linear-gauge.iq-variant-05 .iq-bar-container{width:10px;flex:1 1 10px;margin:0}
.iq-linear-gauge.iq-variant-05 .iq-bar-container .iq-bar-fill{clip-path:polygon(0 100%,100% 100%,100% calc(100% - var(--internal-fill-level,0)),0 calc(100% - var(--internal-fill-level,0)))}
.iq-linear-gauge.iq-variant-05 .iq-bar-container .iq-bar-fill.reversed{clip-path:polygon(0 0,100% 0,100% var(--internal-fill-level,0),0 var(--internal-fill-level,0))}
.iq-linear-gauge.iq-variant-05 .iq-priv-scaling-helper{display:flex;flex:1;margin-top:8px}
.iq-linear-gauge.iq-variant-05 .iq-priv-text-container{justify-content:center}

/* iq-linear-gauge.iq-variant-05 - style */
 

/* iq-linear-gauge.iq-variant-05 - dimensions */
 .iq-linear-gauge.iq-variant-05 .iq-widget-content{flex:1 1 136px}
.iq-linear-gauge.iq-variant-05 .iq-priv-value-container{flex:0 1 40px}
.iq-linear-gauge.iq-variant-05 .iq-priv-text-container{flex:0 1 24px}
.iq-linear-gauge.iq-variant-05 .iq-priv-spacer{flex:0 100 27px;width:27px}
.iq-linear-gauge.iq-variant-05.no-label .iq-priv-label-container,.iq-linear-gauge.iq-variant-05.no-unit .iq-priv-unit-container{display:none}

/* iq-linear-gauge.iq-variant-06 - common */
 .iq-linear-gauge.iq-variant-06 .iq-widget-content{justify-content:flex-start}
.iq-linear-gauge.iq-variant-06 .iq-bar-container{margin:0 8px 0 0;flex:1 1 10px;width:10px}
.iq-linear-gauge.iq-variant-06 .iq-bar-container .iq-bar-fill{clip-path:polygon(0 100%,100% 100%,100% calc(100% - var(--internal-fill-level,0)),0 calc(100% - var(--internal-fill-level,0)))}
.iq-linear-gauge.iq-variant-06 .iq-bar-container .iq-bar-fill.reversed{clip-path:polygon(0 0,100% 0,100% var(--internal-fill-level,0),0 var(--internal-fill-level,0))}
.iq-linear-gauge.iq-variant-06 .iq-priv-column2{display:flex;flex-direction:column;justify-content:space-between}
.iq-linear-gauge.iq-variant-06 .iq-priv-text-container{justify-content:flex-start}
.iq-linear-gauge.iq-variant-06.no-label .iq-priv-label-container,.iq-linear-gauge.iq-variant-06.no-unit .iq-priv-unit-container{display:none}

/* iq-linear-gauge.iq-variant-06 - style */
 .iq-linear-gauge.iq-variant-06 .iq-icon,.xenon-obsidian-theme .iq-linear-gauge.iq-variant-06 .iq-icon{background-position:left center}

/* iq-linear-gauge.iq-variant-06 - dimensions */
 .iq-linear-gauge.iq-variant-06 .iq-widget-content{flex:1 1 136px}
.iq-linear-gauge.iq-variant-06 .iq-priv-value-container{flex:0 1 40px}
.iq-linear-gauge.iq-variant-06 .iq-priv-text-container{flex:0 1 24px}
.iq-linear-gauge.iq-variant-06 .iq-priv-spanner::after{flex:0 1 46px;width:46px}

/* iq-progress-info - common */
 .iq-progress-info{box-sizing:border-box}
.iq-progress-info .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-progress-info .iq-widget-content,.iq-progress-info .iq-widget-header{display:flex}
.iq-progress-info .valign-container{display:flex;align-items:center}
.iq-progress-info .iq-bar-container{display:flex;flex-direction:column;box-sizing:border-box;flex:1;overflow:hidden}
.iq-progress-info .iq-bar-container .iq-bar-fill{flex:1;clip-path:polygon(0 0,0 100%,var(--internal-fill-level,0) 100%,var(--internal-fill-level,0) 0)}
.iq-progress-info .iq-bar-container .iq-bar-fill.reversed{clip-path:polygon(100% 0,100% 100%,calc(100% - var(--internal-fill-level,0)) 100%,calc(100% - var(--internal-fill-level,0)) 0)}
.iq-progress-info .iq-value{box-sizing:border-box;white-space:pre;flex:1}
.iq-progress-info .iq-priv-spanner{display:flex}

/* iq-progress-info - style */
 .iq-progress-info.hidden,.xenon-obsidian-theme .iq-progress-info.hidden{display:none}
.iq-progress-info.invisible,.xenon-obsidian-theme .iq-progress-info.invisible{visibility:hidden}
.iq-progress-info.locked,.xenon-obsidian-theme .iq-progress-info.locked{opacity:.7}
.iq-progress-info{color:#3C3C3C}
.iq-progress-info *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-progress-info.inverted,.xenon-obsidian-theme .iq-progress-info{color:#FFF}
.iq-progress-info .iq-bar-container{border:1px solid rgba(60,60,60,.7);background-color:rgba(60,60,60,.3)}
.iq-progress-info .iq-bar-container .iq-bar-fill{background-color:#00ABF0}
.iq-progress-info.inverted .iq-bar-container{border-color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.iq-progress-info.ok .iq-bar-container .iq-bar-fill{background-color:#9FCD52}
.iq-progress-info.preWarn .iq-bar-container .iq-bar-fill{background-color:#F29E28}
.iq-progress-info.warn .iq-bar-container .iq-bar-fill{background-color:#E80000}
.xenon-obsidian-theme .iq-progress-info *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-progress-info .iq-bar-container{border:1px solid rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-progress-info .iq-bar-container .iq-bar-fill{background-color:#00ABF0}
.xenon-obsidian-theme .iq-progress-info.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-progress-info.inverted .iq-bar-container{border-color:rgba(60,60,60,.7);background-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-progress-info.ok .iq-bar-container .iq-bar-fill{background-color:#9FCD52}
.xenon-obsidian-theme .iq-progress-info.preWarn .iq-bar-container .iq-bar-fill{background-color:#F29E28}
.xenon-obsidian-theme .iq-progress-info.warn .iq-bar-container .iq-bar-fill{background-color:#E80000}

/* iq-progress-info - dimensions */
 .iq-progress-info .iq-widget-content{flex:1 1 40px}
.iq-progress-info .iq-widget-content .iq-bar-container{margin:15px 0}
.iq-progress-info .iq-widget-header{flex:0 1 24px}
.iq-progress-info .iq-priv-spanner::after{flex:0 1 96px;width:96px;content:""}

/* iq-progress-info.iq-variant-01 - common */
 

/* iq-progress-info.iq-variant-01 - style */
 

/* iq-progress-info.iq-variant-01 - dimensions */
 

/* iq-progress-info.iq-variant-02 - common */
 .iq-progress-info.iq-variant-02 .iq-widget-content{flex-direction:column}

/* iq-progress-info.iq-variant-02 - style */
 

/* iq-progress-info.iq-variant-02 - dimensions */
 .iq-progress-info.iq-variant-02 .iq-bar-container{margin:15px 0}

/* iq-progress-info.iq-variant-03 - common */
 .iq-progress-info.iq-variant-03 .iq-widget-content{flex-direction:column}

/* iq-progress-info.iq-variant-03 - style */
 

/* iq-progress-info.iq-variant-03 - dimensions */
 .iq-progress-info.iq-variant-03 .iq-widget-content{flex-basis:16px}
.iq-progress-info.iq-variant-03 .iq-bar-container{margin:3px 0}

/* iq-quality-display - common */
 .iq-quality-display{box-sizing:border-box}
.iq-quality-display .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-quality-display .iq-widget-content,.iq-quality-display .iq-widget-footer,.iq-quality-display .iq-widget-header{display:flex}
.iq-quality-display.no-icon.no-label.no-unit .iq-widget-header{display:none}
.iq-quality-display .valign-container{display:flex;align-items:center}
.iq-quality-display .halign-container{display:flex;align-items:center;flex-direction:column}
.iq-quality-display .iq-priv-value-container{display:flex;flex-direction:column;justify-content:center}
.iq-quality-display .iq-priv-control-indicator-container{overflow:hidden;display:flex}
.iq-quality-display .iq-priv-control-indicator-container .iq-control-indicator-icon{transform:translate3d(calc(var(--internal-fill-level-set,0) - 50%),0,0);object-fit:contain}
.iq-quality-display .iq-separator{flex:0 0 2px}
.iq-quality-display .iq-bar-container{display:flex;box-sizing:border-box;flex:1;overflow:hidden;position:relative}
.iq-quality-display .iq-bar-container .iq-bar-fill{display:flex;flex:1;clip-path:polygon(var(--internal-fill-level-set,0) 0,var(--internal-fill-level-set,0) 100%,var(--internal-fill-level,0) 100%,var(--internal-fill-level,0) 0)}
.iq-quality-display .iq-control-indicator-line{position:absolute;display:flex;justify-content:center;width:100%;height:100%;transform:translate3d(calc(var(--internal-fill-level-set,0) - 50%),0,0)}
.iq-quality-display.no-control-value .iq-priv-control-value-container,.iq-quality-display.no-icon .iq-icon,.iq-quality-display.no-label .iq-label,.iq-quality-display.no-unit .iq-unit{display:none}
.iq-quality-display .iq-control-indicator-line::after{content:""}
.iq-quality-display .iq-control-value,.iq-quality-display .iq-value{box-sizing:border-box;white-space:nowrap;overflow:hidden;text-align:right}
.iq-quality-display .iq-control-value{transform:translate3d(calc(var(--internal-bar-offset-h,0) - var(--internal-fill-level-set)),0,0)}
.iq-quality-display .iq-label,.iq-quality-display .iq-unit{white-space:nowrap;box-sizing:border-box}
.iq-quality-display .iq-value{text-align:right}
.iq-quality-display .iq-priv-spanner{display:flex;overflow:hidden}

/* iq-quality-display - style */
 .iq-quality-display.invisible,.xenon-obsidian-theme .iq-quality-display.invisible{visibility:hidden}
.iq-quality-display.locked,.xenon-obsidian-theme .iq-quality-display.locked{opacity:.7}
.iq-quality-display{color:#3C3C3C}
.iq-quality-display *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-quality-display.inverted,.xenon-obsidian-theme .iq-quality-display{color:#FFF}
.iq-quality-display .iq-value{font-size:28px}
.iq-quality-display .iq-priv-control-indicator-container{border:1px solid transparent}
.iq-quality-display .iq-priv-control-indicator-container .iq-indicator-icon-path{stroke:#3C3C3C}
.iq-quality-display.inverted .iq-indicator-icon-path,.xenon-obsidian-theme .iq-quality-display .iq-priv-control-indicator-container .iq-indicator-icon-path{stroke:#FFF}
.iq-quality-display .iq-bar-container{border:1px solid rgba(60,60,60,.7);background-color:rgba(60,60,60,.3)}
.iq-quality-display .iq-bar-container .iq-bar-fill{background-color:#00ABF0}
.iq-quality-display .iq-bar-container .iq-control-indicator-line::after{background-color:rgba(60,60,60,.7)}
.iq-quality-display .iq-separator{background-color:rgba(60,60,60,.1)}
.iq-quality-display.hidden{display:none}
.iq-quality-display.inverted .iq-bar-container{border-color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.iq-quality-display.inverted .iq-bar-container .iq-control-indicator-line::after{background-color:rgba(255,255,255,.7)}
.iq-quality-display .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-quality-display.ok .iq-bar-container .iq-bar-fill,.iq-quality-display.ok .iq-separator{background-color:#9FCD52}
.iq-quality-display.preWarn .iq-bar-container .iq-bar-fill,.iq-quality-display.preWarn .iq-separator{background-color:#F29E28}
.iq-quality-display.warn .iq-bar-container .iq-bar-fill,.iq-quality-display.warn .iq-separator{background-color:#E80000}
.xenon-obsidian-theme .iq-quality-display *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-quality-display .iq-value{font-size:28px}
.xenon-obsidian-theme .iq-quality-display .iq-priv-control-indicator-container{border:1px solid transparent}
.xenon-obsidian-theme .iq-quality-display .iq-bar-container{border:1px solid rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-quality-display .iq-bar-container .iq-bar-fill{background-color:#00ABF0}
.xenon-obsidian-theme .iq-quality-display .iq-bar-container .iq-control-indicator-line::after{background-color:rgba(255,255,255,.7)}
.xenon-obsidian-theme .iq-quality-display .iq-separator{background-color:rgba(255,255,255,.1)}
.xenon-obsidian-theme .iq-quality-display.hidden{display:none}
.xenon-obsidian-theme .iq-quality-display.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-quality-display.inverted .iq-indicator-icon-path{stroke:#3C3C3C}
.xenon-obsidian-theme .iq-quality-display.inverted .iq-bar-container{border-color:rgba(60,60,60,.7);background-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-quality-display.inverted .iq-bar-container .iq-control-indicator-line::after{background-color:rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-quality-display .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.xenon-obsidian-theme .iq-quality-display.ok .iq-bar-container .iq-bar-fill,.xenon-obsidian-theme .iq-quality-display.ok .iq-separator{background-color:#9FCD52}
.xenon-obsidian-theme .iq-quality-display.preWarn .iq-bar-container .iq-bar-fill,.xenon-obsidian-theme .iq-quality-display.preWarn .iq-separator{background-color:#F29E28}
.xenon-obsidian-theme .iq-quality-display.warn .iq-bar-container .iq-bar-fill,.xenon-obsidian-theme .iq-quality-display.warn .iq-separator{background-color:#E80000}

/* iq-quality-display - dimensions */
 .iq-quality-display .iq-widget-content{flex:1 1 40px}
.iq-quality-display .iq-widget-content>.iq-icon{width:40px}
.iq-quality-display .iq-widget-content .iq-bar-container{margin:15px 0}
.iq-quality-display .iq-widget-footer,.iq-quality-display .iq-widget-header{flex:0 1 24px}
.iq-quality-display .iq-widget-footer .iq-icon,.iq-quality-display .iq-widget-header .iq-icon{width:24px}
.iq-quality-display .iq-widget-footer .iq-bar-container,.iq-quality-display .iq-widget-header .iq-bar-container{margin:7px 0}
.iq-quality-display .iq-priv-spanner::after{flex:0 1 96px;width:96px;content:""}

/* iq-quality-display.iq-variant-01 - common */
 .iq-quality-display.iq-variant-01 .iq-widget-container{display:grid}
.iq-quality-display.iq-variant-01 .iq-icon{grid-area:icon}
.iq-quality-display.iq-variant-01 .iq-priv-label-container{grid-area:label}
.iq-quality-display.iq-variant-01 .iq-bar-container{grid-area:bar}
.iq-quality-display.iq-variant-01 .iq-priv-control-indicator-container{grid-area:indicator;flex-direction:column}
.iq-quality-display.iq-variant-01 .iq-priv-control-indicator-container .iq-control-indicator-icon{height:5px}
.iq-quality-display.iq-variant-01 .iq-priv-value-container{grid-area:value}
.iq-quality-display.iq-variant-01 .iq-priv-control-value-container{grid-area:ctrl;margin-top:-3px}
.iq-quality-display.iq-variant-01 .iq-priv-unit-container{grid-area:unit}
.iq-quality-display.iq-variant-01 .iq-priv-spanner{grid-area:spanner}
.iq-quality-display.iq-variant-01 .iq-icon,.iq-quality-display.iq-variant-01 .iq-label,.iq-quality-display.iq-variant-01 .iq-priv-value-container{margin-right:8px}
.iq-quality-display.iq-variant-01 .iq-unit{margin-left:8px}

/* iq-quality-display.iq-variant-01 - style */
 .iq-quality-display.iq-variant-01 .iq-control-indicator-line::after,.xenon-obsidian-theme .iq-quality-display.iq-variant-01 .iq-control-indicator-line::after{width:1px}

/* iq-quality-display.iq-variant-01 - dimensions */
 .iq-quality-display.iq-variant-01 .iq-widget-container{grid:"icon label value spanner unit" minmax(max-content,15px) "icon label value bar unit" minmax(10px,auto) "icon label value indicator unit" minmax(max-content,15px) ". . . ctrl ." max-content/auto auto auto 1fr auto}
.iq-quality-display.iq-variant-01 .iq-icon{width:40px}

/* iq-quality-display.iq-variant-02 - common */
 .iq-quality-display.iq-variant-02 .iq-icon,.iq-quality-display.iq-variant-02 .iq-label{margin-right:8px}
.iq-quality-display.iq-variant-02 .iq-unit{margin-left:8px}
.iq-quality-display.iq-variant-02 .iq-widget-content{flex-grow:0}
.iq-quality-display.iq-variant-02 .iq-priv-value-container,.iq-quality-display.iq-variant-02 .iq-widget-footer:not(.iq-priv-control-value-container){flex-grow:1}
.iq-quality-display.iq-variant-02 .iq-priv-control-indicator-container,.iq-quality-display.iq-variant-02 .iq-widget-footer:not(.iq-priv-control-value-container){flex-direction:column}
.iq-quality-display.iq-variant-02 .iq-priv-control-indicator-container .iq-control-indicator-icon{height:5px}

/* iq-quality-display.iq-variant-02 - style */
 .iq-quality-display.iq-variant-02 .iq-control-indicator-line::after,.xenon-obsidian-theme .iq-quality-display.iq-variant-02 .iq-control-indicator-line::after{width:1px}

/* iq-quality-display.iq-variant-02 - dimensions */
 .iq-quality-display.iq-variant-02 .iq-priv-control-indicator-container{margin-top:-7px}

/* iq-quality-display.iq-variant-03 - common */
 .iq-quality-display.iq-variant-03 .iq-widget-container{display:grid}
.iq-quality-display.iq-variant-03 .iq-priv-header-container{grid-area:header;display:flex;flex-direction:column}
.iq-quality-display.iq-variant-03 .iq-bar-container{grid-area:bar}
.iq-quality-display.iq-variant-03 .iq-priv-control-indicator-container{grid-area:indicator;flex-direction:column}
.iq-quality-display.iq-variant-03 .iq-priv-control-indicator-container .iq-control-indicator-icon{height:5px}
.iq-quality-display.iq-variant-03 .iq-priv-value-container{grid-area:value}
.iq-quality-display.iq-variant-03 .iq-priv-control-value-container{grid-area:ctrl;margin-top:-3px}
.iq-quality-display.iq-variant-03 .iq-priv-spanner{grid-area:spanner}
.iq-quality-display.iq-variant-03 .iq-priv-value-container,.iq-quality-display.iq-variant-03:not(.no-label):not(.no-unit) .iq-icon,.iq-quality-display.iq-variant-03:not(.no-unit) .iq-label{margin-right:8px}

/* iq-quality-display.iq-variant-03 - style */
 .iq-quality-display.iq-variant-03 .iq-control-indicator-line::after,.xenon-obsidian-theme .iq-quality-display.iq-variant-03 .iq-control-indicator-line::after{width:1px}

/* iq-quality-display.iq-variant-03 - dimensions */
 .iq-quality-display.iq-variant-03 .iq-widget-container{grid:"header header" auto "value spanner" minmax(max-content,15px) "value bar" minmax(10px,auto) "value indicator" minmax(max-content,15px) ". ctrl" max-content/auto 1fr}

/* iq-quality-display.iq-variant-04 - common */
 .iq-quality-display.iq-variant-04:not(.no-label):not(.no-unit) .iq-icon,.iq-quality-display.iq-variant-04:not(.no-unit) .iq-label{margin-right:8px}
.iq-quality-display.iq-variant-04 .iq-widget-content{flex-grow:0}
.iq-quality-display.iq-variant-04 .iq-priv-value-container,.iq-quality-display.iq-variant-04 .iq-widget-footer:not(.iq-priv-control-value-container){flex-grow:1}
.iq-quality-display.iq-variant-04 .iq-priv-control-indicator-container,.iq-quality-display.iq-variant-04 .iq-widget-footer:not(.iq-priv-control-value-container){flex-direction:column}
.iq-quality-display.iq-variant-04 .iq-priv-control-indicator-container .iq-control-indicator-icon{height:5px}

/* iq-quality-display.iq-variant-04 - style */
 .iq-quality-display.iq-variant-04 .iq-control-indicator-line::after,.xenon-obsidian-theme .iq-quality-display.iq-variant-04 .iq-control-indicator-line::after{width:1px}

/* iq-quality-display.iq-variant-04 - dimensions */
 .iq-quality-display.iq-variant-04 .iq-priv-control-indicator-container{margin-top:-7px}

/* iq-quality-display.iq-variant-05 - common */
 .iq-quality-display.iq-variant-05 .iq-widget-content{flex-grow:0}
.iq-quality-display.iq-variant-05 .iq-widget-footer:not(.iq-priv-control-value-container){flex-grow:1;flex-direction:column}
.iq-quality-display.iq-variant-05 .iq-priv-text-container{justify-content:center}
.iq-quality-display.iq-variant-05 .iq-priv-control-indicator-container{flex-direction:column}
.iq-quality-display.iq-variant-05 .iq-priv-control-indicator-container .iq-control-indicator-icon{height:5px}
.iq-quality-display.iq-variant-05.no-label .iq-priv-label-container,.iq-quality-display.iq-variant-05.no-unit .iq-priv-unit-container{display:none}

/* iq-quality-display.iq-variant-05 - style */
 .iq-quality-display.iq-variant-05 .iq-priv-control-indicator-line::after,.xenon-obsidian-theme .iq-quality-display.iq-variant-05 .iq-priv-control-indicator-line::after{width:1px}

/* iq-quality-display.iq-variant-05 - dimensions */
 .iq-quality-display.iq-variant-05 .iq-widget-container>.iq-icon{height:64px}
.iq-quality-display.iq-variant-05 .iq-priv-control-value-container,.iq-quality-display.iq-variant-05 .iq-priv-text-container{flex:0 1 24px}
.iq-quality-display.iq-variant-05 .iq-priv-control-indicator-container{margin-top:-7px}

/* iq-quality-display.iq-variant-06 - common */
 .iq-quality-display.iq-variant-06 .iq-widget-content{flex-direction:column}
.iq-quality-display.iq-variant-06 .iq-bar-container{width:10px;flex:1 1 10px;margin:0}
.iq-quality-display.iq-variant-06 .iq-bar-container .iq-bar-fill{clip-path:polygon(0 calc(100% - var(--internal-fill-level-set,0)),100% calc(100% - var(--internal-fill-level-set,0)),100% calc(100% - var(--internal-fill-level,0)),0 calc(100% - var(--internal-fill-level,0)))}
.iq-quality-display.iq-variant-06 .iq-priv-control-indicator-container{flex:0 1 5px;border:0;flex-direction:row}
.iq-quality-display.iq-variant-06 .iq-priv-control-indicator-container .iq-control-indicator-icon{width:5px;transform:translate3d(0,calc(50% - var(--internal-fill-level-set,0)),0)}
.iq-quality-display.iq-variant-06 .iq-control-indicator-line{flex-direction:column;transform:translate3d(0,calc(50% - var(--internal-fill-level-set,0)),0)}
.iq-quality-display.iq-variant-06 .iq-control-value{transform:translate3d(0,calc(var(--internal-bar-offset-v,0) - 100% + var(--internal-fill-level-set)),0)}
.iq-quality-display.iq-variant-06 .iq-priv-scaling-helper{display:flex;flex:1;margin-top:8px}
.iq-quality-display.iq-variant-06 .iq-priv-text-container{justify-content:center}
.iq-quality-display.iq-variant-06 .iq-priv-control-value-container{display:flex;flex-direction:column;margin-left:8px}
.iq-quality-display.iq-variant-06.no-label .iq-priv-label-container,.iq-quality-display.iq-variant-06.no-unit .iq-priv-unit-container{display:none}

/* iq-quality-display.iq-variant-06 - style */
 .iq-quality-display.iq-variant-06 .iq-control-indicator-line::after,.xenon-obsidian-theme .iq-quality-display.iq-variant-06 .iq-control-indicator-line::after{height:1px}

/* iq-quality-display.iq-variant-06 - dimensions */
 .iq-quality-display.iq-variant-06 .iq-widget-container>.iq-icon{height:64px}
.iq-quality-display.iq-variant-06 .iq-widget-content{flex:1 1 136px}
.iq-quality-display.iq-variant-06 .iq-priv-value-container{flex:0 1 40px}
.iq-quality-display.iq-variant-06 .iq-priv-text-container{flex:0 1 24px}
.iq-quality-display.iq-variant-06 .iq-priv-scaling-helper::after,.iq-quality-display.iq-variant-06 .iq-priv-scaling-helper::before{flex:0 100 24.5px;width:24.5px;content:""}

/* iq-radial-gauge - common */
 .iq-radial-gauge{box-sizing:border-box;width:var(--iq-radial-gauge-width);height:var(--iq-radial-gauge-height)}
.iq-radial-gauge>.iq-widget-container{position:relative;display:grid;width:100%;height:100%;grid-template:"all all" minmax(0,var(--iq-radial-gauge-height)) "all all" 1fr/minmax(0,var(--iq-radial-gauge-width)) 1fr}
.iq-radial-gauge canvas{position:absolute;grid-area:all;width:100%;height:100%}

/* iq-radial-gauge - style */
 .iq-radial-gauge.hidden,.xenon-obsidian-theme .iq-radial-gauge.hidden{display:none}
.iq-radial-gauge.invisible,.xenon-obsidian-theme .iq-radial-gauge.invisible{visibility:hidden}
.iq-radial-gauge{color:#3C3C3C}
.iq-radial-gauge *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-radial-gauge.inverted,.xenon-obsidian-theme .iq-radial-gauge{color:#FFF}
.iq-radial-gauge .sh-arc-background{background-color:rgba(60,60,60,.3)}
.iq-radial-gauge .sh-arc-foreground{background-color:#00ABF0}
.iq-radial-gauge .sh-line-value{background-color:rgba(60,60,60,.1)}
.iq-radial-gauge .sh-value{font-size:33px}
.iq-radial-gauge .sh-label,.iq-radial-gauge .sh-unit{font-size:14px}
.iq-radial-gauge.inverted .sh-arc-background{background-color:rgba(255,255,255,.3)}
.iq-radial-gauge.inverted .sh-line-value{background-color:rgba(255,255,255,.1)}
.iq-radial-gauge.ok .sh-arc-foreground,.iq-radial-gauge.ok .sh-line-value{background-color:#9FCD52}
.iq-radial-gauge.preWarn .sh-arc-foreground,.iq-radial-gauge.preWarn .sh-line-value{background-color:#F29E28}
.iq-radial-gauge.warn .sh-arc-foreground,.iq-radial-gauge.warn .sh-line-value{background-color:#E80000}
.xenon-obsidian-theme .iq-radial-gauge *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-radial-gauge .sh-arc-background{background-color:rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-radial-gauge .sh-arc-foreground{background-color:#00ABF0}
.xenon-obsidian-theme .iq-radial-gauge .sh-line-value{background-color:rgba(255,255,255,.1)}
.xenon-obsidian-theme .iq-radial-gauge .sh-value{font-size:33px}
.xenon-obsidian-theme .iq-radial-gauge .sh-label,.xenon-obsidian-theme .iq-radial-gauge .sh-unit{font-size:14px}
.xenon-obsidian-theme .iq-radial-gauge.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-radial-gauge.inverted .sh-arc-background{background-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-radial-gauge.inverted .sh-line-value{background-color:rgba(60,60,60,.1)}
.xenon-obsidian-theme .iq-radial-gauge.ok .sh-arc-foreground,.xenon-obsidian-theme .iq-radial-gauge.ok .sh-line-value{background-color:#9FCD52}
.xenon-obsidian-theme .iq-radial-gauge.preWarn .sh-arc-foreground,.xenon-obsidian-theme .iq-radial-gauge.preWarn .sh-line-value{background-color:#F29E28}
.xenon-obsidian-theme .iq-radial-gauge.warn .sh-arc-foreground,.xenon-obsidian-theme .iq-radial-gauge.warn .sh-line-value{background-color:#E80000}

/* iq-radial-gauge - dimensions */
 

/* iq-radial-gauge.iq-variant-01 - common */
 .iq-radial-gauge.iq-variant-01{--iq-radial-gauge-width:248px;--iq-radial-gauge-height:224px}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-arc-background{width:12px}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-arc-foreground{top:0;width:10px;offset-rotate:90deg}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-arc-slice{width:23.33333333%}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-line-value{width:1px}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-icon-src{top:10%;left:50%}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-value{top:50%;left:50%}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-label{left:50%;top:97%}
.iq-radial-gauge.iq-variant-01 .sh-canvas .sh-unit{left:50%;top:32%}

/* iq-radial-gauge.iq-variant-01 - style */
 

/* iq-radial-gauge.iq-variant-01 - dimensions */
 

/* iq-radial-gauge.iq-variant-02 - common */
 .iq-radial-gauge.iq-variant-02{--iq-radial-gauge-width:368px;--iq-radial-gauge-height:224px}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-arc-background{width:12px}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-arc-foreground{top:100%;width:10px;offset-rotate:90deg}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-arc-slice{width:50%}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-line-value{width:1px}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-icon-src{top:0;left:50%}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-value{top:75%;left:50%}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-label{top:99%;left:50%}
.iq-radial-gauge.iq-variant-02 .sh-canvas .sh-unit{top:39%;left:50%}

/* iq-radial-gauge.iq-variant-02 - style */
 

/* iq-radial-gauge.iq-variant-02 - dimensions */
 

/* iq-radial-gauge.iq-variant-03 - common */
 .iq-radial-gauge.iq-variant-03{--iq-radial-gauge-width:184px;--iq-radial-gauge-height:224px}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-arc-background{width:12px}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-arc-foreground{top:100%;width:10px;offset-rotate:135deg}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-arc-slice{width:75%}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-line-value{width:1px}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-icon-src{top:0;left:0}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-value{top:80%;left:0}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-label{top:99%;left:0}
.iq-radial-gauge.iq-variant-03 .sh-canvas .sh-unit{top:33%;left:0}

/* iq-radial-gauge.iq-variant-03 - style */
 

/* iq-radial-gauge.iq-variant-03 - dimensions */
 

/* iq-recipe-list - common */
 .iq-recipe-list>.iq-widget-container{position:relative;display:grid;width:100%;height:100%;grid:"." minmax(304px,1fr)/minmax(440px,1fr)}
.iq-recipe-list>.iq-widget-container>div{position:absolute;height:100%;width:100%}
.iq-recipe-list>.iq-widget-container .complex-table2{height:100%}
.iq-recipe-list>.iq-widget-container .complex-table2 .qsearch-box{width:100%;max-width:400px}
.iq-recipe-list>.iq-widget-container .complex-table2 .qsearch-box .input-field{width:100%}
.iq-recipe-list>.iq-widget-container .complex-table2 .ct2-tdcont .iq-label{font-size:16px}

/* iq-recipe-list - style */
 

/* iq-recipe-list - dimensions */
 

/* iq-responsive-menu - common */
 .iq-responsive-menu{box-sizing:border-box;position:relative}
.iq-responsive-menu .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-responsive-menu .iq-widget-content,.iq-responsive-menu .iq-widget-header{display:flex}
.iq-responsive-menu .valign-container{display:flex;align-items:center}
.iq-responsive-menu .breadcrumbs,.iq-responsive-menu:not(.mobile) .mobile-only{display:none}
.iq-responsive-menu .clickable{cursor:pointer}
.iq-responsive-menu li{display:flex;list-style-type:none;position:relative}
.iq-responsive-menu .menu-wrapper{display:flex;position:relative;flex:1 0 auto}
.iq-responsive-menu .menu-group>.group-data{box-sizing:border-box;overflow:hidden}
.iq-responsive-menu .menu-group>.group-data::after{content:"";background-size:100%;background-repeat:no-repeat;background-position-y:50%;transition:.3s ease-in-out transform}
.iq-responsive-menu .menu-group,.iq-responsive-menu .menu-item{cursor:pointer;white-space:nowrap}
.iq-responsive-menu .menu-group.locked,.iq-responsive-menu .menu-item.locked{cursor:initial}
.iq-responsive-menu .menu-group.no-icon .icon,.iq-responsive-menu .menu-item.no-icon .icon{display:none}
.iq-responsive-menu .menu-group.hidden-icon .icon,.iq-responsive-menu .menu-item.hidden-icon .icon{visibility:hidden}
.iq-responsive-menu .group-data{display:flex;align-items:center;flex:1 0 auto}
.iq-responsive-menu .group-data .triangle{display:none;pointer-events:none}
.iq-responsive-menu .menu-item{overflow:hidden;align-items:center}
.iq-responsive-menu .menu-item.separator{justify-content:center;cursor:initial;background-color:transparent!important}
.iq-responsive-menu .menu-item.separator.show-stroke::after,.iq-responsive-menu .menu-item.separator.show-stroke::before{content:"";flex:1 0 8px;height:1px;width:8px}
.iq-responsive-menu .menu-item.separator .menu-item-label{flex:0 1 auto;padding:0 1px}
.iq-responsive-menu .menu-item.separator .menu-item-label:empty{display:none}
.iq-responsive-menu .menu-group-label,.iq-responsive-menu .menu-item-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}
.iq-responsive-menu .menu-layer-0{display:flex;flex:1 1 auto}
.iq-responsive-menu .menu-layer-0::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.separator,.iq-responsive-menu:not(.mobile).open-left .menu-layer-2::before,.iq-responsive-menu:not(.mobile).open-right .menu-layer-2::before,.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.separator{display:none}
.iq-responsive-menu .menu-layer-0>li{position:relative}
.iq-responsive-menu .menu-layer-0>.menu-group,.iq-responsive-menu .menu-layer-0>.menu-item{border-color:transparent}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0,.iq-responsive-menu:not(.mobile).open-left .menu-wrapper,.iq-responsive-menu:not(.mobile).open-right .menu-layer-0,.iq-responsive-menu:not(.mobile).open-right .menu-wrapper{flex-direction:column}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-1,.iq-responsive-menu:not(.mobile).open-right .menu-layer-1{top:0}
.iq-responsive-menu:not(.mobile).open-right .menu-layer-0>.menu-group>.group-data::after{transform:rotate3d(0,0,1,-90deg)}
.iq-responsive-menu:not(.mobile).open-right .menu-layer-0>.menu-group.selected>.group-data::after{transform:rotate3d(0,0,1,90deg)}
.iq-responsive-menu:not(.mobile).open-right .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-right .menu-layer-0>.menu-item{border-right-style:solid}
.iq-responsive-menu:not(.mobile).open-right .menu-layer-1{top:0;left:100%;border-left-style:solid}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-group>.group-data::after{transform:rotate3d(0,0,1,90deg);order:-1}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-group.selected>.group-data::after{transform:rotate3d(0,0,1,270deg)}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-item{border-left-style:solid}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-1{top:0;right:100%;left:unset;border-right-style:solid}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>li:not(:last-child)::after,.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>li:not(:last-child)::after{content:"";position:absolute;height:50%;right:0;top:25%}
.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.menu-item{border-top-style:solid}
.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.menu-group>.group-data::after,.iq-responsive-menu:not(.mobile).open-top .menu-layer-1>.menu-group>.group-data::after,.iq-responsive-menu:not(.mobile).open-top .menu-layer-2>.menu-group>.group-data::after{transform:rotate3d(0,0,1,180deg)}
.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.menu-group.selected>.group-data::after,.iq-responsive-menu:not(.mobile).open-top .menu-layer-1>.menu-group.selected>.group-data::after,.iq-responsive-menu:not(.mobile).open-top .menu-layer-2>.menu-group.selected>.group-data::after{transform:rotate3d(0,0,1,0deg)}
.iq-responsive-menu:not(.mobile).open-top .menu-layer-1{bottom:100%;border-bottom-style:solid}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.menu-group>.group-data::after{transform:rotate3d(0,0,1,0)}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.menu-group.selected>.group-data::after{transform:rotate3d(0,0,1,180deg)}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.menu-item{border-bottom-style:solid}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-1{top:100%;border-top-style:solid}
.iq-responsive-menu .menu-layer-0,.iq-responsive-menu .menu-layer-1,.iq-responsive-menu .menu-layer-2{box-sizing:border-box}

/* iq-responsive-menu - style */
 .iq-responsive-menu .hidden,.iq-responsive-menu.hidden,.xenon-obsidian-theme .iq-responsive-menu .hidden,.xenon-obsidian-theme .iq-responsive-menu.hidden{display:none}
.iq-responsive-menu.invisible,.xenon-obsidian-theme .iq-responsive-menu.invisible{visibility:hidden}
.iq-responsive-menu.inverted .burger-button .burger-icon,.iq-responsive-menu.inverted .group-data::after,.xenon-obsidian-theme .iq-responsive-menu.inverted .burger-button .burger-icon,.xenon-obsidian-theme .iq-responsive-menu.inverted .group-data::after{filter:invert(1)}
.iq-responsive-menu .menu-group .group-data::after,.xenon-obsidian-theme .iq-responsive-menu .menu-group .group-data::after{background-image:var(--group-icon)}
.iq-responsive-menu .menu-layer-0>.menu-element.selected,.iq-responsive-menu .menu-layer-0>.menu-element:hover,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0>.menu-element.selected,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0>.menu-element:hover{border-color:var(--highlight-color)}
.iq-responsive-menu{--highlight-color:var(--iq-highlight-color);--menu-layer-0-background-color:var(--iq-secondary-color);--menu-layer-0-text-color:var(--iq-on-secondary);--menu-layer-0-1-element-border-color:#919191;--menu-layer-1-background-color:var(--iq-secondary-color);--menu-layer-1-text-color:var(--iq-on-secondary);--menu-layer-2-background-color:var(--iq-secondary-variant4);--menu-layer-2-text-color:var(--iq-on-secondary);--overlay-layer-1-background-color:var(--iq-secondary-variant1);--overlay-layer-2-background-color:var(--iq-secondary-variant4);--breadcrumbs-text-color:#bfbfbf;--highlight-breadcrumbs-text-color:var(--iq-on-secondary);--group-icon:url(../pics/system/controls/iq-responsive-menu/arrow_bottom.svg);color:var(--iq-on-secondary-background)}
.iq-responsive-menu *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-responsive-menu.locked{opacity:var(--iq-locked-opacity)}
.iq-responsive-menu.locked :hover{--highlight-color:transparent!important}
.iq-responsive-menu.inverted{color:var(--iq-on-primary-background);--menu-layer-0-background-color:var(--iq-primary-color);--menu-layer-0-text-color:var(--iq-on-primary);--menu-layer-0-1-element-border-color:#919191;--menu-layer-1-background-color:var(--iq-primary-color);--menu-layer-1-text-color:var(--iq-on-primary);--menu-layer-2-background-color:var(--iq-primary-variant-4);--menu-layer-2-text-color:var(--iq-on-primary);--overlay-layer-1-background-color:var(--iq-primary-variant-1);--overlay-layer-2-background-color:var(--iq-primary-variant-4);--breadcrumbs-text-color:#3f3f3f;--highlight-breadcrumbs-text-color:var(--iq-on-primary)}
.iq-responsive-menu:not(.locked) .menu-element.locked{--highlight-color:transparent!important;opacity:var(--iq-locked-opacity)}
.iq-responsive-menu .menu-wrapper{background-color:var(--menu-layer-0-background-color)}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>li:not(:last-child)::after,.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>li:not(:last-child)::after{background-color:var(--menu-layer-0-1-element-border-color)}
.iq-responsive-menu .menu-layer-0{color:var(--menu-layer-0-text-color)}
.iq-responsive-menu .menu-layer-0 .triangle::after{background-color:var(--highlight-color)}
.iq-responsive-menu .menu-layer-0>.separator::after,.iq-responsive-menu .menu-layer-0>.separator::before{background-color:var(--menu-layer-0-text-color)}
.iq-responsive-menu .menu-layer-1{background-color:var(--menu-layer-1-background-color);color:var(--menu-layer-1-text-color)}
.iq-responsive-menu .menu-layer-1>.menu-item.selected,.iq-responsive-menu .menu-layer-1>.menu-item:hover{background-color:var(--highlight-color)}
.iq-responsive-menu .menu-layer-1 .triangle::after{background-color:var(--menu-layer-1-background-color)}
.iq-responsive-menu .menu-layer-1 .separator::after,.iq-responsive-menu .menu-layer-1 .separator::before{background-color:var(--menu-layer-1-text-color)}
.iq-responsive-menu .menu-layer-2{background-color:var(--menu-layer-2-background-color);color:var(--menu-layer-2-text-color)}
.iq-responsive-menu .menu-layer-2 .menu-item:hover,.iq-responsive-menu .menu-layer-2 .selected{background-color:var(--highlight-color)}
.iq-responsive-menu .menu-layer-2 .separator::after,.iq-responsive-menu .menu-layer-2 .separator::before{background-color:var(--menu-layer-2-text-color)}
.iq-responsive-menu .menu-layer-0,.iq-responsive-menu .menu-layer-1,.iq-responsive-menu .menu-layer-2{text-decoration:initial;font-weight:initial}
.xenon-obsidian-theme .iq-responsive-menu{--highlight-color:var(--iq-highlight-color);--menu-layer-0-background-color:var(--iq-secondary-color);--menu-layer-0-text-color:var(--iq-on-secondary);--menu-layer-0-1-element-border-color:#919191;--menu-layer-1-background-color:var(--iq-secondary-color);--menu-layer-1-text-color:var(--iq-on-secondary);--menu-layer-2-background-color:var(--iq-secondary-variant4);--menu-layer-2-text-color:var(--iq-on-secondary);--overlay-layer-1-background-color:var(--iq-secondary-variant1);--overlay-layer-2-background-color:var(--iq-secondary-variant4);--breadcrumbs-text-color:#bfbfbf;--highlight-breadcrumbs-text-color:var(--iq-on-secondary);--group-icon:url(../pics/system/controls/iq-responsive-menu/arrow_bottom.svg);color:var(--iq-on-secondary-background)}
.xenon-obsidian-theme .iq-responsive-menu *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-responsive-menu.locked{opacity:var(--iq-locked-opacity)}
.xenon-obsidian-theme .iq-responsive-menu.locked :hover{--highlight-color:transparent!important}
.xenon-obsidian-theme .iq-responsive-menu.inverted{color:var(--iq-on-primary-background);--menu-layer-0-background-color:var(--iq-primary-color);--menu-layer-0-text-color:var(--iq-on-primary);--menu-layer-0-1-element-border-color:#919191;--menu-layer-1-background-color:var(--iq-primary-color);--menu-layer-1-text-color:var(--iq-on-primary);--menu-layer-2-background-color:var(--iq-primary-variant-4);--menu-layer-2-text-color:var(--iq-on-primary);--overlay-layer-1-background-color:var(--iq-primary-variant-1);--overlay-layer-2-background-color:var(--iq-primary-variant-4);--breadcrumbs-text-color:#3f3f3f;--highlight-breadcrumbs-text-color:var(--iq-on-primary)}
.xenon-obsidian-theme .iq-responsive-menu:not(.locked) .menu-element.locked{--highlight-color:transparent!important;opacity:var(--iq-locked-opacity)}
.xenon-obsidian-theme .iq-responsive-menu .menu-wrapper{background-color:var(--menu-layer-0-background-color)}
.xenon-obsidian-theme .iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>li:not(:last-child)::after,.xenon-obsidian-theme .iq-responsive-menu:not(.mobile).open-top .menu-layer-0>li:not(:last-child)::after{background-color:var(--menu-layer-0-1-element-border-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0{color:var(--menu-layer-0-text-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0 .triangle::after{background-color:var(--highlight-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0>.separator::after,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0>.separator::before{background-color:var(--menu-layer-0-text-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1{background-color:var(--menu-layer-1-background-color);color:var(--menu-layer-1-text-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1>.menu-item.selected,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1>.menu-item:hover{background-color:var(--highlight-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1 .triangle::after{background-color:var(--menu-layer-1-background-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1 .separator::after,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1 .separator::before{background-color:var(--menu-layer-1-text-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-2{background-color:var(--menu-layer-2-background-color);color:var(--menu-layer-2-text-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-2 .menu-item:hover,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-2 .selected{background-color:var(--highlight-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-2 .separator::after,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-2 .separator::before{background-color:var(--menu-layer-2-text-color)}
.xenon-obsidian-theme .iq-responsive-menu .menu-layer-0,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-1,.xenon-obsidian-theme .iq-responsive-menu .menu-layer-2{text-decoration:initial;font-weight:initial}

/* iq-responsive-menu - dimensions */
 .iq-responsive-menu .group-data,.iq-responsive-menu .menu-item{padding:0 15px}
.iq-responsive-menu{font-size:15px}
.iq-responsive-menu .iq-widget-content{flex:1 1 40px}
.iq-responsive-menu .iq-widget-content>.iq-icon{width:40px}
.iq-responsive-menu .icon{margin-right:10px;font-size:20px;line-height:20px}
.iq-responsive-menu .icon,.iq-responsive-menu .icon img{width:20px;height:20px}
.iq-responsive-menu .group-data::after{width:20px;height:20px;margin-left:8px}
.iq-responsive-menu .menu-layer-0>.menu-group,.iq-responsive-menu .menu-layer-0>.menu-group.selected .menu-layer-1,.iq-responsive-menu .menu-layer-0>.menu-item{border-width:5px}
.iq-responsive-menu .menu-layer-0>li:not(:last-child)::after{width:1px}
.iq-responsive-menu .menu-layer-1 .group-data,.iq-responsive-menu .menu-layer-1 .menu-item{height:38px}
.iq-responsive-menu .menu-layer-1 .menu-group-label,.iq-responsive-menu .menu-layer-1 .menu-item{line-height:38px}
.iq-responsive-menu .menu-layer-2{margin-left:50px}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0 .menu-group,.iq-responsive-menu:not(.mobile).open-left .menu-layer-0 .menu-item,.iq-responsive-menu:not(.mobile).open-right .menu-layer-0 .menu-group,.iq-responsive-menu:not(.mobile).open-right .menu-layer-0 .menu-item{flex:1 1 40px}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-item{margin-left:-5px}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-group>.group-data::after{margin-left:0;margin-right:8px}
.iq-responsive-menu:not(.mobile).open-left .menu-layer-0>.menu-item .icon{margin-left:28px}
.iq-responsive-menu:not(.mobile).open-right .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-right .menu-layer-0>.menu-item{margin-right:-5px}
.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-bottom .menu-layer-0>.menu-item{margin-bottom:-5px}
.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.menu-group,.iq-responsive-menu:not(.mobile).open-top .menu-layer-0>.menu-item{margin-top:-5px}

/* iq-responsive-menu.accordion - common */
 .iq-responsive-menu.accordion .menu-layer-1{position:absolute;min-width:100%;left:0;opacity:0;z-index:1;overflow-y:auto}
.iq-responsive-menu.accordion .menu-layer-1>li.menu-group{flex-direction:column}
.iq-responsive-menu.accordion .menu-layer-1 .menu-group.selected::before{content:"";position:absolute;top:0;left:0;z-index:1;pointer-events:none}
.iq-responsive-menu.accordion .menu-layer-2{box-sizing:border-box;min-height:100%;overflow:hidden}
.iq-responsive-menu.accordion .menu-layer-1,.iq-responsive-menu.accordion .menu-layer-2{display:none}
.iq-responsive-menu.accordion .menu-layer-1>.menu-group>.group-data::after,.iq-responsive-menu.accordion .menu-layer-2>.menu-group>.group-data::after{transform:rotate3d(0,0,1,0)}
.iq-responsive-menu.accordion .menu-layer-1>.menu-group.selected>.group-data::after,.iq-responsive-menu.accordion .menu-layer-2>.menu-group.selected>.group-data::after{transform:rotate3d(0,0,1,180deg)}
.iq-responsive-menu.accordion.open-right .menu-layer-1 .menu-group.selected::before{left:initial;right:0}
.iq-responsive-menu.accordion.layer-1-active .menu-layer-0>.menu-group.selected .menu-layer-1,.iq-responsive-menu.accordion.layer-2-active .menu-layer-0>.menu-group.selected .menu-layer-1{display:block;opacity:1}
.iq-responsive-menu.accordion:not(.mobile) .menu-layer-1{border-color:transparent}
.iq-responsive-menu.accordion.layer-2-active .menu-layer-1>.menu-group.selected .menu-layer-2{display:block;opacity:1;max-height:1000px}

/* iq-responsive-menu.accordion - style */
 .iq-responsive-menu.accordion .menu-layer-1,.xenon-obsidian-theme .iq-responsive-menu.accordion .menu-layer-1{box-shadow:0 0 20px rgba(0,0,0,.5)}
.iq-responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-1{background-color:var(--overlay-layer-1-background-color);border-color:var(--highlight-color)}
.iq-responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-2{background-color:var(--overlay-layer-2-background-color)}
.iq-responsive-menu.accordion .menu-layer-1 .menu-group.selected::before,.iq-responsive-menu.accordion .menu-layer-1>.menu-group:not(.selected):hover{background-color:var(--highlight-color)}
.xenon-obsidian-theme .iq-responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-1{background-color:var(--overlay-layer-1-background-color);border-color:var(--highlight-color)}
.xenon-obsidian-theme .iq-responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-2{background-color:var(--overlay-layer-2-background-color)}
.xenon-obsidian-theme .iq-responsive-menu.accordion .menu-layer-1 .menu-group.selected::before,.xenon-obsidian-theme .iq-responsive-menu.accordion .menu-layer-1>.menu-group:not(.selected):hover{background-color:var(--highlight-color)}

/* iq-responsive-menu.accordion - dimensions */
 .iq-responsive-menu.accordion .menu-layer-1{min-width:220px;width:auto}
.iq-responsive-menu.accordion .menu-layer-1 .menu-group.selected::before{width:5px;height:38px}

/* iq-responsive-menu.accordion.mobile - common */
 .iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group>.group-data,.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group>.group-data .icon,.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group>.group-data .menu-group-label,.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item,.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item .icon,.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item .menu-item-label,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group>.group-data,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group>.group-data .icon,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group>.group-data .menu-group-label,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-item,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-item .icon,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-item .menu-item-label,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-group>.group-data,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-group>.group-data .icon,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-group>.group-data .menu-group-label,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-item,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-item .icon,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-item .menu-item-label{opacity:.8}
.iq-responsive-menu.accordion.mobile .menu-group{position:relative;height:auto;flex-direction:column}
.iq-responsive-menu.accordion.mobile .menu-group.selected::before{content:"";position:absolute;top:0;left:0;z-index:1;pointer-events:none}
.iq-responsive-menu.accordion.mobile .menu-layer-1,.iq-responsive-menu.accordion.mobile .menu-layer-2{position:relative;height:auto;min-width:auto!important;max-height:0}
.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-1,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-group.selected>.menu-layer-2,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-1{max-height:1000px}
.iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-group>.group-data::after{transform:rotate3d(0,0,1,0)}
.iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-group.selected>.group-data::after{transform:rotate3d(0,0,1,180deg)}
.iq-responsive-menu.accordion.mobile .menu-layer-0>li.selected{border-color:transparent!important}
.iq-responsive-menu.accordion.mobile .menu-layer-0 .menu-item{box-sizing:border-box;width:100%}
.iq-responsive-menu.accordion.mobile .menu-layer-2{padding-left:0}
.iq-responsive-menu.accordion.mobile .menu-layer-2 .menu-item{margin-left:0}
.iq-responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group.selected .menu-layer-1,.iq-responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group.selected .menu-layer-1{border-top:none}

/* iq-responsive-menu.accordion.mobile - style */
 .iq-responsive-menu.accordion.mobile .menu-group.selected::before,.iq-responsive-menu.accordion.mobile .menu-group:not(.selected)>.menu-item.selected,.iq-responsive-menu.accordion.mobile .menu-group:not(.selected)>.menu-item:hover,.iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-group:not(.selected):hover,.iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-item.selected,.iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-item:hover,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-group.selected::before,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-group:not(.selected)>.menu-item.selected,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-group:not(.selected)>.menu-item:hover,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-group:not(.selected):hover,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-item.selected,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-layer-0>.menu-item:hover{background-color:var(--highlight-color)}
.iq-responsive-menu.accordion.mobile .menu-layer-1,.xenon-obsidian-theme .iq-responsive-menu.accordion.mobile .menu-layer-1{box-shadow:none}

/* iq-responsive-menu.accordion.mobile - dimensions */
 .iq-responsive-menu.accordion.mobile .click-overlay{height:40px}
.iq-responsive-menu.accordion.mobile .menu-item{height:40px;padding:0 15px}
.iq-responsive-menu.accordion.mobile .menu-group.selected::before{width:5px;height:40px}
.iq-responsive-menu.accordion.mobile .menu-layer-1{top:0!important}

/* iq-responsive-menu.mobile - common */
 .iq-responsive-menu.mobile .burger-button{display:block;cursor:pointer}
.iq-responsive-menu.mobile .burger-button .burger-icon{width:100%;height:100%;background-size:100% 100%;pointer-events:none}
.iq-responsive-menu.mobile .menu-wrapper{display:flex;flex-direction:column;position:fixed;bottom:0;top:0;left:0;z-index:1;transition:.5s ease-in-out transform;transform:translate3d(-100%,0,0);overflow-y:auto;visibility:hidden}
.iq-responsive-menu.mobile .breadcrumbs{box-sizing:border-box;white-space:nowrap;overflow:hidden}
.iq-responsive-menu.mobile .breadcrumbs>*{display:none}
.iq-responsive-menu.mobile .menu-layer-0{flex:1 0 auto;flex-direction:column}
.iq-responsive-menu.mobile.layer-0-active .menu-wrapper,.iq-responsive-menu.mobile.layer-1-active .menu-wrapper,.iq-responsive-menu.mobile.layer-2-active .menu-wrapper{transform:translate3d(0,0,0)!important;visibility:visible}
.iq-responsive-menu.mobile.layer-1-active .breadcrumbs .selected-entry-layer-0{display:inline-block;font-weight:500}
.iq-responsive-menu.mobile.layer-2-active .breadcrumbs .selected-entry-layer-1{font-weight:600}
.iq-responsive-menu.mobile.layer-2-active .breadcrumbs .selected-entry-layer-0,.iq-responsive-menu.mobile.layer-2-active .breadcrumbs .selected-entry-layer-1,.iq-responsive-menu.mobile.layer-2-active .breadcrumbs .separator{display:inline-block}
.iq-responsive-menu.mobile .group-data{flex:1}
.iq-responsive-menu.mobile.open-left .menu-wrapper{left:unset;right:0;transform:translate3d(100%,0,0)}
.iq-responsive-menu.mobile.open-left .menu-layer-0 .menu-group.selected::before{left:initial;right:0}

/* iq-responsive-menu.mobile - style */
 .iq-responsive-menu.mobile .burger-button,.xenon-obsidian-theme .iq-responsive-menu.mobile .burger-button{background-color:var(--menu-layer-0-background-color)}
.iq-responsive-menu.mobile .burger-button .burger-icon,.xenon-obsidian-theme .iq-responsive-menu.mobile .burger-button .burger-icon{background-image:url(../pics/system/controls/iq-responsive-menu/menu_light.svg)}
.iq-responsive-menu.mobile .breadcrumbs,.xenon-obsidian-theme .iq-responsive-menu.mobile .breadcrumbs{color:var(--breadcrumbs-text-color)}
.iq-responsive-menu.mobile.layer-0-active .menu-wrapper,.iq-responsive-menu.mobile.layer-1-active .menu-wrapper,.iq-responsive-menu.mobile.layer-2-active .menu-wrapper,.xenon-obsidian-theme .iq-responsive-menu.mobile.layer-0-active .menu-wrapper,.xenon-obsidian-theme .iq-responsive-menu.mobile.layer-1-active .menu-wrapper,.xenon-obsidian-theme .iq-responsive-menu.mobile.layer-2-active .menu-wrapper{box-shadow:0 0 20px rgba(0,0,0,.5)}

/* iq-responsive-menu.mobile - dimensions */
 .iq-responsive-menu.mobile .burger-button{width:36px;height:36px}
.iq-responsive-menu.mobile .group-data{height:40px}
.iq-responsive-menu.mobile .menu-wrapper{max-width:420px;width:calc(100% - 40px)}
.iq-responsive-menu.mobile .menu-group .icon,.iq-responsive-menu.mobile .menu-item .icon{margin-right:15px}
.iq-responsive-menu.mobile .menu-group-label,.iq-responsive-menu.mobile .menu-item-label{line-height:40px}
.iq-responsive-menu.mobile.layer-1-active .menu-layer-1,.iq-responsive-menu.mobile.layer-2-active .menu-layer-1,.iq-responsive-menu.mobile.layer-2-active .menu-layer-2{margin-left:50px}

/* iq-searchbar - common */
 .iq-searchbar{box-sizing:border-box}
.iq-searchbar>.iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-searchbar>.iq-widget-container>.iq-widget-content,.iq-searchbar>.iq-widget-container>.iq-widget-header{display:flex}
.iq-searchbar .iq-input{position:relative;display:flex;overflow:hidden;flex:1;cursor:text;box-sizing:border-box;padding:0 8px}
.iq-searchbar .iq-input .auto-complete,.iq-searchbar .iq-input .iq-real-input{width:100%;height:100%;border:none;padding:0}
.iq-searchbar .iq-input .auto-complete{display:flex;position:absolute;pointer-events:none;user-select:none;align-items:center}
.iq-searchbar .iq-input .auto-complete .mirror{visibility:hidden}
.iq-searchbar .iq-input .auto-complete .suggestion{opacity:.5}
.iq-searchbar .iq-input .clear-input{cursor:pointer;margin:8px 0 8px 8px;width:24px}
.iq-searchbar .iq-icon{box-sizing:border-box}
.iq-searchbar.no-icon .iq-icon{display:none}
.iq-searchbar .iq-label{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-searchbar.no-label .iq-label{display:none}
.iq-searchbar .result-wrapper{position:relative;width:100%}
.iq-searchbar .result-wrapper .result-box{box-sizing:border-box;display:none;position:absolute;overflow-y:auto;z-index:1;width:100%}
.iq-searchbar .result-wrapper .result-box table{border-collapse:collapse}
.iq-searchbar .result-wrapper .result-box table tr{cursor:pointer}
.iq-searchbar.focused.show-results .result-box{display:flex;flex-direction:column}

/* iq-searchbar - style */
 .iq-searchbar .result-box table,.xenon-obsidian-theme .iq-searchbar .result-box table{margin:4px}
.iq-searchbar .result-box table tr td,.xenon-obsidian-theme .iq-searchbar .result-box table tr td{height:24px;padding:4px}
.iq-searchbar.hidden,.xenon-obsidian-theme .iq-searchbar.hidden{display:none}
.iq-searchbar.invisible,.xenon-obsidian-theme .iq-searchbar.invisible{visibility:hidden}
.iq-searchbar.locked,.xenon-obsidian-theme .iq-searchbar.locked{opacity:.7}
.iq-searchbar.locked .clear-input,.iq-searchbar.locked .iq-input,.xenon-obsidian-theme .iq-searchbar.locked .clear-input,.xenon-obsidian-theme .iq-searchbar.locked .iq-input{cursor:default;pointer-events:none}
.iq-searchbar{color:#3C3C3C}
.iq-searchbar *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-searchbar .iq-input{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.3);color:#3C3C3C}
.iq-searchbar .iq-input .iq-real-input{background:0 0}
.iq-searchbar .result-box{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.3);color:#3C3C3C}
.iq-searchbar .result-box::-webkit-scrollbar{background-color:#333}
.iq-searchbar .result-box::-webkit-scrollbar-thumb{background-color:#00ABF0}
.iq-searchbar .result-box::-webkit-scrollbar-corner{background-color:transparent}
.iq-searchbar .result-box table tr.hint-current,.iq-searchbar .result-box table tr:hover{background-color:#00ABF0;color:#FFF}
.iq-searchbar.inverted{color:#FFF}
.iq-searchbar.inverted .iq-input,.iq-searchbar.inverted .result-box{background-color:#333;border-color:rgba(255,255,255,.3)}
.iq-searchbar.inverted .result-box::-webkit-scrollbar{background-color:#fdfdfd}
.iq-searchbar.inverted:not(.ok):not(.preWarn):not(.warn) .iq-input{border-color:rgba(255,255,255,.3)}
.iq-searchbar.inverted:not(.locked) .iq-input:focus,.iq-searchbar.inverted:not(.locked) .iq-input:hover,.iq-searchbar:not(.locked) .iq-input:focus,.iq-searchbar:not(.locked) .iq-input:hover{border-color:#00ABF0}
.iq-searchbar .clear-input,.iq-searchbar .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-searchbar .clear-input{background-image:url(../pics/system/icons/cross.svg)}
.iq-searchbar.ok .iq-input{border-color:#9FCD52}
.iq-searchbar.preWarn .iq-input{border-color:#F29E28}
.iq-searchbar.warn .iq-input{border-color:#E80000}
.xenon-obsidian-theme .iq-searchbar{color:#FFF}
.xenon-obsidian-theme .iq-searchbar *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-searchbar .iq-input{background-color:#333;border:1px solid rgba(255,255,255,.3);color:#FFF}
.xenon-obsidian-theme .iq-searchbar .iq-input .iq-real-input{background:0 0}
.xenon-obsidian-theme .iq-searchbar .result-box{background-color:#333;border:1px solid rgba(255,255,255,.3);color:#FFF}
.xenon-obsidian-theme .iq-searchbar .result-box::-webkit-scrollbar{background-color:#fdfdfd}
.xenon-obsidian-theme .iq-searchbar .result-box::-webkit-scrollbar-thumb{background-color:#00ABF0}
.xenon-obsidian-theme .iq-searchbar .result-box::-webkit-scrollbar-corner{background-color:transparent}
.xenon-obsidian-theme .iq-searchbar .result-box table tr.hint-current,.xenon-obsidian-theme .iq-searchbar .result-box table tr:hover{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-searchbar.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-searchbar.inverted .iq-input,.xenon-obsidian-theme .iq-searchbar.inverted .result-box{background-color:#fdfdfd;border-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-searchbar.inverted .result-box::-webkit-scrollbar{background-color:#333}
.xenon-obsidian-theme .iq-searchbar.inverted:not(.ok):not(.preWarn):not(.warn) .iq-input{border-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-searchbar.inverted:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-searchbar.inverted:not(.locked) .iq-input:hover,.xenon-obsidian-theme .iq-searchbar:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-searchbar:not(.locked) .iq-input:hover{border-color:#00ABF0}
.xenon-obsidian-theme .iq-searchbar .clear-input,.xenon-obsidian-theme .iq-searchbar .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.xenon-obsidian-theme .iq-searchbar .clear-input{background-image:url(../pics/system/icons/cross.svg)}
.xenon-obsidian-theme .iq-searchbar.ok .iq-input{border-color:#9FCD52}
.xenon-obsidian-theme .iq-searchbar.preWarn .iq-input{border-color:#F29E28}
.xenon-obsidian-theme .iq-searchbar.warn .iq-input{border-color:#E80000}

/* iq-searchbar - dimensions */
 .iq-searchbar>.iq-widget-container>.iq-widget-header{flex:0 1 24px}
.iq-searchbar>.iq-widget-container>.iq-widget-header>.iq-icon{width:24px}
.iq-searchbar>.iq-widget-container>.iq-widget-content{flex:1 1 40px}
.iq-searchbar>.iq-widget-container>.iq-widget-content>.iq-icon{width:40px}

/* iq-searchbar.iq-variant-01 - common */
 .iq-searchbar.iq-variant-01{box-sizing:border-box}
.iq-searchbar.iq-variant-01 .valign-container{display:flex;align-items:center}
.iq-searchbar.iq-variant-01 .iq-icon,.iq-searchbar.iq-variant-01 .iq-label{margin-right:8px}

/* iq-searchbar.iq-variant-01 - style */
 

/* iq-searchbar.iq-variant-01 - dimensions */
 

/* iq-searchbar.iq-variant-02 - common */
 .iq-searchbar.iq-variant-02{box-sizing:border-box}
.iq-searchbar.iq-variant-02.no-icon.no-label .iq-widget-header{display:none}
.iq-searchbar.iq-variant-02:not(.no-label) .iq-icon{margin-right:8px}

/* iq-searchbar.iq-variant-02 - style */
 

/* iq-searchbar.iq-variant-02 - dimensions */
 

/* iq-select-box - common */
 .iq-select-box{box-sizing:border-box}
.iq-select-box .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-select-box .iq-widget-content,.iq-select-box .iq-widget-header{display:flex}
.iq-select-box.no-icon.no-label .iq-widget-header{display:none}
.iq-select-box .valign-container{display:flex;align-items:center}
.iq-select-box.no-icon .iq-icon,.iq-select-box.no-label .iq-label{display:none}
.iq-select-box .iq-input{box-sizing:border-box;white-space:nowrap;overflow:hidden;flex:1;padding:0 8px;cursor:text}
.iq-select-box .iq-icon{box-sizing:border-box;margin-right:8px}
.iq-select-box .iq-label{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-select-box .iq-popup-container{flex-grow:1;position:relative}
.iq-select-box .iq-select-box-options{position:absolute;width:100%;top:100%;right:0;box-sizing:border-box;padding:1px 1px 0;z-index:5}
.iq-select-box .iq-value{font-size:inherit;font-style:inherit;font-family:inherit;font-weight:inherit}
.iq-select-box .iq-selector{position:absolute;top:-9px;width:100%;height:10px;overflow:hidden;z-index:1;left:0}
.iq-select-box .iq-selector:after{content:"\0020";width:16px;height:16px;position:absolute;right:17px;top:3px;transform:rotate(45deg)}
.iq-select-box .iq-anchor{padding:4px;max-height:296px;overflow-y:auto}
.iq-select-box .iq-option-icon-and-text,.iq-select-box .iq-select-box-option{display:flex;flex-direction:row;overflow:hidden;flex-grow:1;box-sizing:border-box;height:40px;padding:0 8px}
.iq-select-box .iq-option-icon-and-text.iq-selected,.iq-select-box .iq-select-box-option.iq-selected{height:100%;font-weight:700}
.iq-select-box .iq-value{margin:auto 0;flex-grow:1;white-space:nowrap}
.iq-select-box .iq-control-icon,.iq-select-box .iq-option-icon,.iq-select-box .iq-popup-icon{width:32px;height:32px;margin:auto 8px auto 0}
.iq-select-box .iq-popup-icon{margin:auto 0 auto 8px}
.iq-select-box img[src=""]{display:none}

/* iq-select-box - style */
 .iq-select-box .iq-icon,.xenon-obsidian-theme .iq-select-box .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-select-box .iq-selected .iq-popup-icon,.xenon-obsidian-theme .iq-select-box .iq-selected .iq-popup-icon{background-image:url(../pics/system/controls/iq-select-box/menu_icon.svg)}
.iq-select-box.hidden,.xenon-obsidian-theme .iq-select-box.hidden{display:none}
.iq-select-box.inverted .iq-select-box-option .iq-popup-icon,.xenon-obsidian-theme .iq-select-box.inverted .iq-select-box-option .iq-popup-icon{filter:invert(1)}
.iq-select-box *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-select-box .iq-selected{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);color:#3C3C3C}
.iq-select-box .iq-anchor{background-color:#fdfdfd;box-shadow:0 0 3px rgba(60,60,60,.2)}
.iq-select-box .iq-anchor .iq-option-icon-and-text{border:solid rgba(60,60,60,.3);border-width:0 0 1px;color:#3C3C3C}
.iq-select-box .iq-label{color:#3C3C3C}
.iq-select-box .iq-selector:after{background-color:#FFF;box-shadow:0 0 2px rgba(60,60,60,.2)}
.iq-select-box:not(.locked) .iq-option:focus,.iq-select-box:not(.locked) .iq-option:hover{background-color:#00ABF0;cursor:pointer}
.iq-select-box:not(.locked) .iq-option:focus .iq-value,.iq-select-box:not(.locked) .iq-option:hover .iq-value{color:#FFF}
.iq-select-box:not(.locked) .iq-selected:focus,.iq-select-box:not(.locked) .iq-selected:hover{border:1px solid #00ABF0;cursor:pointer}
.iq-select-box.list-on-top .iq-select-box-options{top:auto;bottom:44px}
.iq-select-box.list-on-top .iq-selector{bottom:-9px;top:unset}
.iq-select-box.list-on-top .iq-selector:after{top:-7px}
.iq-select-box.locked{opacity:.7}
.iq-select-box.locked .iq-select-box-option{pointer-events:none;cursor:default}
.iq-select-box.inverted .iq-label,.iq-select-box.inverted .iq-value{color:#FFF}
.iq-select-box.inverted .iq-select-box-option{background-color:#333;border:1px solid rgba(255,255,255,.7);color:#FFF}
.iq-select-box.inverted .iq-anchor{background-color:#333;box-shadow:0 0 3px rgba(255,255,255,.7)}
.iq-select-box.inverted .iq-anchor .iq-option-icon-and-text{border:solid rgba(255,255,255,.7);border-width:0 0 1px}
.iq-select-box.inverted .iq-selector:after{background-color:#333;box-shadow:0 0 2px rgba(255,255,255,.7)}
.iq-select-box.inverted.locked .iq-select-box-option{background-color:#333;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.5);cursor:default}
.iq-select-box.inverted.locked .iq-label{color:rgba(255,255,255,.5)}
.iq-select-box.ok .iq-select-box-option{border:1px solid #9FCD52}
.iq-select-box.preWarn .iq-select-box-option{border:1px solid #F29E28}
.iq-select-box.warn .iq-select-box-option{border:1px solid #E80000}
.xenon-obsidian-theme .iq-select-box *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-select-box .iq-selected{background-color:#333;border:1px solid rgba(255,255,255,.7);color:#FFF}
.xenon-obsidian-theme .iq-select-box .iq-anchor{background-color:#333;box-shadow:0 0 3px rgba(255,255,255,.2)}
.xenon-obsidian-theme .iq-select-box .iq-anchor .iq-option-icon-and-text{border:solid rgba(255,255,255,.3);border-width:0 0 1px;color:#FFF}
.xenon-obsidian-theme .iq-select-box .iq-label{color:#FFF}
.xenon-obsidian-theme .iq-select-box .iq-selector:after{background-color:#FFF;box-shadow:0 0 2px rgba(255,255,255,.2)}
.xenon-obsidian-theme .iq-select-box:not(.locked) .iq-option:focus,.xenon-obsidian-theme .iq-select-box:not(.locked) .iq-option:hover{background-color:#00ABF0;cursor:pointer}
.xenon-obsidian-theme .iq-select-box:not(.locked) .iq-option:focus .iq-value,.xenon-obsidian-theme .iq-select-box:not(.locked) .iq-option:hover .iq-value{color:#FFF}
.xenon-obsidian-theme .iq-select-box:not(.locked) .iq-selected:focus,.xenon-obsidian-theme .iq-select-box:not(.locked) .iq-selected:hover{border:1px solid #00ABF0;cursor:pointer}
.xenon-obsidian-theme .iq-select-box.list-on-top .iq-select-box-options{top:auto;bottom:44px}
.xenon-obsidian-theme .iq-select-box.list-on-top .iq-selector{bottom:-9px;top:unset}
.xenon-obsidian-theme .iq-select-box.list-on-top .iq-selector:after{top:-7px}
.xenon-obsidian-theme .iq-select-box.locked{opacity:.7}
.xenon-obsidian-theme .iq-select-box.locked .iq-select-box-option{pointer-events:none;cursor:default}
.xenon-obsidian-theme .iq-select-box.inverted .iq-label,.xenon-obsidian-theme .iq-select-box.inverted .iq-value{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-box.inverted .iq-select-box-option{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);color:#3C3C3C}
.xenon-obsidian-theme .iq-select-box.inverted .iq-anchor{background-color:#fdfdfd;box-shadow:0 0 3px rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-select-box.inverted .iq-anchor .iq-option-icon-and-text{border:solid rgba(60,60,60,.7);border-width:0 0 1px}
.xenon-obsidian-theme .iq-select-box.inverted .iq-selector:after{background-color:#fdfdfd;box-shadow:0 0 2px rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-select-box.inverted.locked .iq-select-box-option{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.3);color:rgba(60,60,60,.5);cursor:default}
.xenon-obsidian-theme .iq-select-box.inverted.locked .iq-label{color:rgba(60,60,60,.5)}
.xenon-obsidian-theme .iq-select-box.ok .iq-select-box-option{border:1px solid #9FCD52}
.xenon-obsidian-theme .iq-select-box.preWarn .iq-select-box-option{border:1px solid #F29E28}
.xenon-obsidian-theme .iq-select-box.warn .iq-select-box-option{border:1px solid #E80000}

/* iq-select-box - dimensions */
 .iq-select-box .iq-widget-container>.iq-icon{height:64px}
.iq-select-box .iq-widget-content{flex:1 1 40px}
.iq-select-box .iq-widget-content>.iq-icon{width:40px}
.iq-select-box .iq-widget-header{flex:0 1 24px}
.iq-select-box .iq-widget-header .iq-icon{width:24px}

/* iq-select-box.iq-variant-01 - common */
 .iq-select-box.iq-variant-01 .iq-label{margin-right:8px}

/* iq-select-box.iq-variant-01 - style */
 

/* iq-select-box.iq-variant-01 - dimensions */
 

/* iq-select-box.iq-variant-02 - common */
 

/* iq-select-box.iq-variant-02 - style */
 

/* iq-select-box.iq-variant-02 - dimensions */
 

/* iq-select-date - common */
 .iq-select-date{box-sizing:border-box}
.iq-select-date .iq-widget-container{position:relative;display:flex;flex-direction:column;width:100%;height:100%}
.iq-select-date .iq-widget-content,.iq-select-date .iq-widget-header{display:flex}
.iq-select-date.no-icon .iq-icon,.iq-select-date.no-label .iq-label{display:none}
.iq-select-date .iq-icon{box-sizing:border-box}
.iq-select-date .iq-label{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-select-date .iq-selected-date{flex-grow:1;display:flex;flex-direction:row;box-sizing:border-box;padding:0 8px;align-items:center}
.iq-select-date .iq-selected-date .iq-value{flex-grow:1;box-sizing:border-box;height:auto;padding:0 8px}
.iq-select-date .iq-selected-date .iq-value:empty{display:none}
.iq-select-date .iq-selected-date .iq-popup-icon{width:32px;height:32px;margin-left:4px}
.iq-select-date .iq-calendar .iq-selector{position:absolute;top:-10px;height:10px;width:100%;overflow:hidden;z-index:1}
.iq-select-date .iq-calendar .iq-selector:after{content:"\0020";position:absolute;width:16px;height:16px;right:6px;top:3px;transform:rotate(45deg)}
.iq-select-date div.iq-day-select::after,.iq-select-date div.iq-selectors::after,.iq-select-date ul.iq-day-header:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.iq-select-date.iq-calendar-on-top .iq-calendar{top:auto}
.iq-select-date.iq-calendar-on-top .iq-calendar .iq-selector{bottom:-10px;top:auto}
.iq-select-date.iq-calendar-on-top .iq-calendar .iq-selector::after{top:-10px}
.iq-select-date.iq-calendar-on-left .iq-calendar{right:auto}
.iq-select-date.iq-calendar-on-left .iq-calendar .iq-selector::after{right:unset;left:6px}
.iq-select-date ul{list-style:none;padding:0;margin:0}
.iq-select-date .iq-calendar{box-sizing:border-box;position:absolute;right:0;top:100%;padding:8px;border:none;z-index:2}
.iq-select-date .iq-current-month-day.iq-selected,.iq-select-date li[data-ui=day]{border-radius:100px}
.iq-select-date ul.iq-week{overflow:hidden}
.iq-select-date ul.iq-week:last-child{margin-bottom:0}
.iq-select-date ul.iq-month-select,.iq-select-date ul.iq-year-select{font-weight:700;margin-bottom:8px;overflow:hidden;list-style:none;padding-left:0}
.iq-select-date ul.iq-month-select{float:left}
.iq-select-date ul.iq-year-select{float:right}
.iq-select-date li.iq-current,.iq-select-date li.iq-next,.iq-select-date li.iq-previous{float:left;padding:5px}
.iq-select-date li.iq-next{margin-right:0}
.iq-select-date ul.iq-month-select li.iq-current,.iq-select-date ul.iq-year-select li.iq-current{text-align:center}
.iq-select-date ul.iq-day-header{box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:8px;overflow:hidden}
.iq-select-date ul.iq-day-header,.iq-select-date ul.iq-week{padding:0 10px}
.iq-select-date li.iq-day-name,.iq-select-date li[data-ui=day]{box-sizing:border-box;float:left;text-align:center}
.iq-select-date ul.iq-day-header>li:first-child,.iq-select-date ul.iq-day-header>li:nth-last-of-type(0),.iq-select-date ul.iq-week>li:first-child,.iq-select-date ul.week>li:nth-last-of-type(0){margin-left:0}
.iq-select-date.inactive .iq-selected-date,.iq-select-date.inactive .iq-selected-date:hover,.iq-select-date.locked .iq-selected-date,.iq-select-date.locked .iq-selected-date:hover{cursor:initial}

/* iq-select-date - style */
 .iq-select-date .iq-selected-date,.iq-select-date .iq-selected-date .iq-value{background-color:#fdfdfd;color:#3C3C3C}
.iq-select-date .iq-selected-date .iq-popup-icon,.xenon-obsidian-theme .iq-select-date .iq-selected-date .iq-popup-icon{background-image:url(../pics/system/controls/iq-select-date/menu_icon.svg)}
.iq-select-date.hidden,.xenon-obsidian-theme .iq-select-date.hidden{display:none}
.iq-select-date.invisible,.xenon-obsidian-theme .iq-select-date.invisible{visibility:hidden}
.iq-select-date .iq-icon,.xenon-obsidian-theme .iq-select-date .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-select-date,.iq-select-date .iq-label{color:#3C3C3C}
.iq-select-date .iq-selected-date{border:1px solid rgba(60,60,60,.3)}
.iq-select-date:not(.locked) .iq-selected-date:focus,.iq-select-date:not(.locked) .iq-selected-date:hover{border:1px solid #00ABF0;cursor:pointer}
.iq-select-date:not(.locked) .iq-current-month-day:focus,.iq-select-date:not(.locked) .iq-current-month-day:hover,.iq-select-date:not(.locked) .iq-next-month-day:focus,.iq-select-date:not(.locked) .iq-next-month-day:hover,.iq-select-date:not(.locked) .iq-next:focus,.iq-select-date:not(.locked) .iq-next:hover,.iq-select-date:not(.locked) .iq-previous-month-day:focus,.iq-select-date:not(.locked) .iq-previous-month-day:hover,.iq-select-date:not(.locked) .iq-previous:focus,.iq-select-date:not(.locked) .iq-previous:hover{background-color:#00ABF0;color:#FFF;cursor:pointer}
.iq-select-date.locked .iq-selected-date,.iq-select-date.locked .iq-selected-date .iq-value{background-color:#fdfdfd;color:rgba(60,60,60,.5)}
.iq-select-date.locked,.iq-select-date.locked .iq-label{color:rgba(60,60,60,.5)}
.iq-select-date.locked .iq-selected-date{pointer-events:none;cursor:default}
.iq-select-date.locked .iq-selected-date .iq-icon{background-color:rgba(60,60,60,.5)}
.iq-select-date.inverted,.iq-select-date.inverted .iq-selected-date,.iq-select-date.inverted .iq-selected-date .iq-value{background-color:#333;color:#FFF}
.iq-select-date.inverted .iq-label{color:#FFF}
.iq-select-date.inverted .iq-selected-date{border:1px solid rgba(255,255,255,.3)}
.iq-select-date.inverted .iq-selected-date .iq-icon{background-color:#FFF}
.iq-select-date.inverted .iq-calendar{color:#FFF;background-color:#333;box-shadow:0 0 3px rgba(255,255,255,.7)}
.iq-select-date.inverted .iq-calendar .iq-current,.iq-select-date.inverted .iq-calendar .iq-current-month-day{color:#FFF}
.iq-select-date.inverted .iq-calendar .iq-next,.iq-select-date.inverted .iq-calendar .iq-previous{stroke:#FFF}
.iq-select-date.inverted .iq-calendar .iq-selector:after{background-color:#333;box-shadow:0 0 2px rgba(255,255,255,.7)}
.iq-select-date.inverted.locked{background-color:#333;color:rgba(255,255,255,.5)}
.iq-select-date.inverted.locked .iq-label{color:rgba(255,255,255,.5)}
.iq-select-date.inverted.locked .iq-selected-date{background-color:#333;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.3)}
.iq-select-date.inverted.locked .iq-selected-date .iq-value{background-color:#333;color:rgba(255,255,255,.5);cursor:default}
.iq-select-date.inverted.locked .iq-selected-date .iq-icon{background-color:rgba(255,255,255,.5)}
.iq-select-date.ok .iq-selected-date{border:1px solid #9FCD52}
.iq-select-date.preWarn .iq-selected-date{border:1px solid #F29E28}
.iq-select-date.warn .iq-selected-date{border:1px solid #E80000}
.iq-select-date .iq-calendar,.iq-select-date .iq-calendar .iq-selector:after{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.iq-select-date ul.iq-month-select,.iq-select-date ul.iq-year-select{color:#3C3C3C}
.iq-select-date li.iq-current,.iq-select-date li.iq-next,.iq-select-date li.iq-previous{stroke:#3C3C3C}
.iq-select-date li.iq-next:hover,.iq-select-date li.iq-previous:hover{background-color:#00ABF0;stroke:#FFF}
.xenon-obsidian-theme .iq-select-date li.iq-current,.xenon-obsidian-theme .iq-select-date li.iq-next,.xenon-obsidian-theme .iq-select-date li.iq-previous,.xenon-obsidian-theme .iq-select-date.inverted .iq-calendar .iq-next,.xenon-obsidian-theme .iq-select-date.inverted .iq-calendar .iq-previous{stroke:#3C3C3C}
.iq-select-date ul.iq-day-header{border-color:#b1b1b1;color:#3C3C3C}
.iq-select-date li.iq-day-name{color:#b1b1b1}
.iq-select-date li[data-ui=day]{color:#3C3C3C}
.iq-select-date li[data-ui=day].pressed{background-color:#cacaca;color:#FFF}
.iq-select-date .iq-current-month-day.iq-selected{background-color:#00ABF0;color:#FFF}
.iq-select-date .iq-current-month-day{color:#3C3C3C}
.iq-select-date li[data-ui=day].iq-next-month-day,.iq-select-date li[data-ui=day].iq-previous-month-day{color:#cacaca}
.iq-select-date li[data-ui=day].iq-next-month-day.pressed,.iq-select-date li[data-ui=day].iq-previous-month-day.pressed{color:#f0f0f0}
.iq-select-date li[data-ui=day].iq-next-month-day.selected,.iq-select-date li[data-ui=day].iq-previous-month-day.selected{background-color:#f0f0f0}
.xenon-obsidian-theme .iq-select-date,.xenon-obsidian-theme .iq-select-date .iq-label{color:#FFF}
.xenon-obsidian-theme .iq-select-date .iq-selected-date{background-color:#333;color:#FFF;border:1px solid rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-select-date .iq-selected-date .iq-value{background-color:#333;color:#FFF}
.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-selected-date:focus,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-selected-date:hover{border:1px solid #00ABF0;cursor:pointer}
.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-current-month-day:focus,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-current-month-day:hover,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-next-month-day:focus,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-next-month-day:hover,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-next:focus,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-next:hover,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-previous-month-day:focus,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-previous-month-day:hover,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-previous:focus,.xenon-obsidian-theme .iq-select-date:not(.locked) .iq-previous:hover{background-color:#00ABF0;color:#3C3C3C;cursor:pointer}
.xenon-obsidian-theme .iq-select-date.locked,.xenon-obsidian-theme .iq-select-date.locked .iq-label{color:rgba(255,255,255,.5)}
.xenon-obsidian-theme .iq-select-date.locked .iq-selected-date{pointer-events:none;background-color:#333;color:rgba(255,255,255,.5);cursor:default}
.xenon-obsidian-theme .iq-select-date.locked .iq-selected-date .iq-value{background-color:#333;color:rgba(255,255,255,.5)}
.xenon-obsidian-theme .iq-select-date.locked .iq-selected-date .iq-icon{background-color:rgba(255,255,255,.5)}
.xenon-obsidian-theme .iq-select-date.inverted,.xenon-obsidian-theme .iq-select-date.inverted .iq-selected-date,.xenon-obsidian-theme .iq-select-date.inverted .iq-selected-date .iq-value{background-color:#fdfdfd;color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date.inverted .iq-label{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date.inverted .iq-selected-date{border:1px solid rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-select-date.inverted .iq-selected-date .iq-icon{background-color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date.inverted .iq-calendar{color:#3C3C3C;background-color:#fdfdfd;box-shadow:0 0 3px rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-select-date.inverted .iq-calendar .iq-current,.xenon-obsidian-theme .iq-select-date.inverted .iq-calendar .iq-current-month-day{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date.inverted .iq-calendar .iq-selector:after{background-color:#fdfdfd;box-shadow:0 0 2px rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-select-date.inverted.locked{background-color:#fdfdfd;color:rgba(60,60,60,.5)}
.xenon-obsidian-theme .iq-select-date.inverted.locked .iq-label{color:rgba(60,60,60,.5)}
.xenon-obsidian-theme .iq-select-date.inverted.locked .iq-selected-date{background-color:#fdfdfd;color:rgba(60,60,60,.5);border:1px solid rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-select-date.inverted.locked .iq-selected-date .iq-value{background-color:#fdfdfd;color:rgba(60,60,60,.5);cursor:default}
.xenon-obsidian-theme .iq-select-date.inverted.locked .iq-selected-date .iq-icon{background-color:rgba(60,60,60,.5)}
.xenon-obsidian-theme .iq-select-date.ok .iq-selected-date{border:1px solid #9FCD52}
.xenon-obsidian-theme .iq-select-date.preWarn .iq-selected-date{border:1px solid #F29E28}
.xenon-obsidian-theme .iq-select-date.warn .iq-selected-date{border:1px solid #E80000}
.xenon-obsidian-theme .iq-select-date .iq-calendar,.xenon-obsidian-theme .iq-select-date .iq-calendar .iq-selector:after{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .iq-select-date ul.iq-month-select,.xenon-obsidian-theme .iq-select-date ul.iq-year-select{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date li.iq-next:hover,.xenon-obsidian-theme .iq-select-date li.iq-previous:hover{background-color:#00ABF0;stroke:#FFF}
.xenon-obsidian-theme .iq-select-date ul.iq-day-header{border-color:#b1b1b1;color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date li.iq-day-name{color:#b1b1b1}
.xenon-obsidian-theme .iq-select-date li[data-ui=day]{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date li[data-ui=day].pressed{background-color:#cacaca;color:#FFF}
.xenon-obsidian-theme .iq-select-date .iq-current-month-day.iq-selected{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-select-date .iq-current-month-day{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-date li[data-ui=day].iq-next-month-day,.xenon-obsidian-theme .iq-select-date li[data-ui=day].iq-previous-month-day{color:#cacaca}
.xenon-obsidian-theme .iq-select-date li[data-ui=day].iq-next-month-day.pressed,.xenon-obsidian-theme .iq-select-date li[data-ui=day].iq-previous-month-day.pressed{color:#f0f0f0}
.xenon-obsidian-theme .iq-select-date li[data-ui=day].iq-next-month-day.selected,.xenon-obsidian-theme .iq-select-date li[data-ui=day].iq-previous-month-day.selected{background-color:#f0f0f0}

/* iq-select-date - dimensions */
 .iq-select-date{min-width:152px;font-size:14px;line-height:40px}
.iq-select-date .iq-widget-container>.iq-icon{height:64px}
.iq-select-date .iq-widget-content{flex:1 1 40px}
.iq-select-date .iq-widget-content>.iq-icon{width:40px}
.iq-select-date .iq-widget-header{flex:0 1 24px}
.iq-select-date .iq-widget-header .iq-icon{width:24px}
.iq-select-date .iq-calendar .iq-selector{left:-10px}
.iq-select-date.iq-calendar-on-top .iq-calendar{bottom:40px}
.iq-select-date.iq-calendar-on-left .iq-calendar .iq-selector{left:unset;right:-10px}
.iq-select-date .iq-calendar{width:320px}
.iq-select-date ul.iq-month-select .iq-current,.iq-select-date ul.iq-year-select .iq-current{width:72px;font-size:16px;line-height:18px}
.iq-select-date li.iq-next,.iq-select-date li.iq-previous{width:11px;height:18px}
.iq-select-date ul.iq-day-header{border-width:1px!important}
.iq-select-date li.iq-day-name,.iq-select-date li[data-ui=day]{width:40px;font-size:14px}
.iq-select-date li[data-ui=day]{font-size:16px;line-height:40px}

/* iq-select-date.iq-variant-01 - common */
 .iq-select-date.iq-variant-01 .iq-label{align-self:center;margin-right:8px}

/* iq-select-date.iq-variant-01 - style */
 

/* iq-select-date.iq-variant-01 - dimensions */
 

/* iq-select-date.iq-variant-02 - common */
 .iq-select-date.iq-variant-02 .iq-widget-container .iq-label{flex-grow:1}
.iq-select-date.iq-variant-02 .iq-selected-date{width:100%}

/* iq-select-date.iq-variant-02 - style */
 

/* iq-select-date.iq-variant-02 - dimensions */
 

/* iq-select-radio - common */
 .iq-select-radio{box-sizing:border-box}
.iq-select-radio .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-select-radio .iq-widget-content,.iq-select-radio .iq-widget-header{display:flex}
.iq-select-radio.no-icon.no-label.no-unit .iq-widget-header{display:none}
.iq-select-radio .valign-container{display:flex;align-items:center}
.iq-select-radio.no-icon .iq-icon,.iq-select-radio.no-label .iq-label,.iq-select-radio.no-unit .iq-unit{display:none}
.iq-select-radio .iq-input,.iq-select-radio .iq-value{box-sizing:border-box;white-space:nowrap;overflow:hidden}
.iq-select-radio .iq-input{flex:1;padding:0 8px}
.iq-select-radio .iq-icon{margin-right:8px;box-sizing:border-box}
.iq-select-radio .iq-label,.iq-select-radio .iq-unit{white-space:nowrap;box-sizing:border-box;width:auto}
.iq-select-radio .iq-select-box,.iq-select-radio .iq-select-option{display:flex;box-sizing:border-box}
.iq-select-radio .iq-select-box{border-radius:50%;width:26px}
.iq-select-radio .iq-select-box::after{content:"";box-sizing:border-box;border-radius:50%;flex:1}
.iq-select-radio .iq-select-label{justify-content:center}
.iq-select-radio .iq-ratio-square{display:grid;align-self:center;grid:minmax(0,min-content)/min-content}
.iq-select-radio .iq-ratio-square>*{grid-area:1/1}
.iq-select-radio .iq-select-button{display:flex;box-sizing:border-box;justify-content:center;cursor:pointer;padding:0 8px}
.iq-select-radio .iq-select-button.no-icon .iq-select-icon,.iq-select-radio .iq-select-button.no-label .iq-select-label{display:none}

/* iq-select-radio - style */
 .iq-select-radio .iq-icon,.iq-select-radio .iq-select-icon,.xenon-obsidian-theme .iq-select-radio .iq-icon,.xenon-obsidian-theme .iq-select-radio .iq-select-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-select-radio.hidden,.xenon-obsidian-theme .iq-select-radio.hidden{display:none}
.iq-select-radio.invisible,.xenon-obsidian-theme .iq-select-radio.invisible{visibility:hidden}
.iq-select-radio.inverted:not(.locked) .iq-select-button,.iq-select-radio.inverted:not(.locked) .iq-select-option,.iq-select-radio:not(.locked) .iq-select-button,.iq-select-radio:not(.locked) .iq-select-option,.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-button,.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-option,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-button,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-option{cursor:pointer}
.iq-select-radio.locked,.xenon-obsidian-theme .iq-select-radio.locked{opacity:.7}
.iq-select-radio.locked .iq-select-button,.iq-select-radio.locked .iq-select-option,.xenon-obsidian-theme .iq-select-radio.locked .iq-select-button,.xenon-obsidian-theme .iq-select-radio.locked .iq-select-option{pointer-events:none}
.iq-select-radio{color:#3C3C3C}
.iq-select-radio *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-select-radio .iq-select-option{border:1px solid transparent}
.iq-select-radio .iq-select-option .iq-select-box{border:2px solid #3C3C3C}
.iq-select-radio .iq-select-option .iq-select-box::after{border:3px solid transparent;background-clip:content-box}
.iq-select-radio .iq-select-option.selected .iq-select-box::after{background-color:#3C3C3C}
.iq-select-radio .iq-select-button{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2);border-radius:4px}
.iq-select-radio .iq-select-button.selected{background-color:#00ABF0;color:#FFF}
.iq-select-radio.inverted{color:#FFF}
.iq-select-radio.inverted .iq-select-box{border-color:#3C3C3C}
.iq-select-radio.inverted .iq-select-button{background-color:#333;border-color:rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-select-radio.inverted.selected .iq-select-box::after{background-color:#3C3C3C}
.iq-select-radio.inverted:not(.locked) .iq-select-option:active,.iq-select-radio.inverted:not(.locked) .iq-select-option:hover,.iq-select-radio:not(.locked) .iq-select-option:active,.iq-select-radio:not(.locked) .iq-select-option:hover{border-color:#00ABF0}
.iq-select-radio.inverted:not(.locked) .iq-select-button:focus,.iq-select-radio:not(.locked) .iq-select-button:focus{background-color:#fdfdfd;border-color:#00ABF0;color:#3C3C3C}
.iq-select-radio.inverted:not(.locked) .iq-select-button:hover,.iq-select-radio:not(.locked) .iq-select-button:hover{background-color:#00ABF0;border-color:#00ABF0;color:#FFF}
.iq-select-radio.inverted:not(.locked) .iq-select-button:active,.iq-select-radio:not(.locked) .iq-select-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-select-radio.ok .iq-select-option.selected{border-color:#9FCD52}
.iq-select-radio.ok .iq-select-button.selected{background-color:#9FCD52;border-color:rgba(60,60,60,.7);box-shadow:rgba(60,60,60,.2);color:#FFF}
.iq-select-radio.preWarn .iq-select-option.selected{border-color:#F29E28}
.iq-select-radio.preWarn .iq-select-button.selected{background-color:#F29E28;border-color:rgba(60,60,60,.7);box-shadow:rgba(60,60,60,.2);color:#FFF}
.iq-select-radio.warn .iq-select-option.selected{border-color:#E80000}
.iq-select-radio.warn .iq-select-button.selected{background-color:#E80000;border-color:rgba(60,60,60,.7);box-shadow:rgba(60,60,60,.2);color:#FFF}
.xenon-obsidian-theme .iq-select-radio{color:#FFF}
.xenon-obsidian-theme .iq-select-radio *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-select-radio .iq-select-option{border:1px solid transparent}
.xenon-obsidian-theme .iq-select-radio .iq-select-option .iq-select-box{border:2px solid #FFF}
.xenon-obsidian-theme .iq-select-radio .iq-select-option .iq-select-box::after{border:3px solid transparent;background-clip:content-box}
.xenon-obsidian-theme .iq-select-radio .iq-select-option.selected .iq-select-box::after{background-color:#FFF}
.xenon-obsidian-theme .iq-select-radio .iq-select-button{background-color:#333;border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2);border-radius:4px}
.xenon-obsidian-theme .iq-select-radio .iq-select-button.selected{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-select-radio.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-radio.inverted .iq-select-box{border-color:#FFF}
.xenon-obsidian-theme .iq-select-radio.inverted .iq-select-button{background-color:#fdfdfd;border-color:rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-select-radio.inverted.selected .iq-select-box::after{background-color:#FFF}
.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-option:active,.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-option:hover,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-option:active,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-option:hover{border-color:#00ABF0}
.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-button:focus,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-button:focus{background-color:#333;border-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-button:hover,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-button:hover{background-color:#00ABF0;border-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-select-radio.inverted:not(.locked) .iq-select-button:active,.xenon-obsidian-theme .iq-select-radio:not(.locked) .iq-select-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.xenon-obsidian-theme .iq-select-radio.ok .iq-select-option.selected{border-color:#9FCD52}
.xenon-obsidian-theme .iq-select-radio.ok .iq-select-button.selected{background-color:#9FCD52;border-color:rgba(255,255,255,.7);box-shadow:rgba(255,255,255,.2);color:#FFF}
.xenon-obsidian-theme .iq-select-radio.preWarn .iq-select-option.selected{border-color:#F29E28}
.xenon-obsidian-theme .iq-select-radio.preWarn .iq-select-button.selected{background-color:#F29E28;border-color:rgba(255,255,255,.7);box-shadow:rgba(255,255,255,.2);color:#FFF}
.xenon-obsidian-theme .iq-select-radio.warn .iq-select-option.selected{border-color:#E80000}
.xenon-obsidian-theme .iq-select-radio.warn .iq-select-button.selected{background-color:#E80000;border-color:rgba(255,255,255,.7);box-shadow:rgba(255,255,255,.2);color:#FFF}

/* iq-select-radio - dimensions */
 .iq-select-radio .iq-widget-header{flex:0 1 24px}
.iq-select-radio .iq-widget-header .iq-icon{width:24px}
.iq-select-radio .iq-widget-content{flex:1 1 40px}
.iq-select-radio .iq-widget-content>.iq-icon{width:40px}
.iq-select-radio .iq-widget-content .iq-select-option .iq-select-icon{flex:1 1 32px}
.iq-select-radio .iq-widget-content .iq-select-button .iq-select-icon{flex:0 1 32px}
.iq-select-radio .iq-widget-content .iq-select-box{flex:0 1 26px}

/* iq-select-radio.iq-variant-01 - common */
 .iq-select-radio.iq-variant-01 .iq-option-container{flex-direction:column}
.iq-select-radio.iq-variant-01 .iq-select-option{flex-direction:row;padding:3px 7px;flex:1 1 40px}
.iq-select-radio.iq-variant-01 .iq-select-option.no-icon .iq-select-icon{display:none}
.iq-select-radio.iq-variant-01 .iq-select-icon{flex-grow:0}
.iq-select-radio.iq-variant-01 .iq-select-icon,.iq-select-radio.iq-variant-01 .iq-select-label{margin-left:8px}

/* iq-select-radio.iq-variant-01 - style */
 

/* iq-select-radio.iq-variant-01 - dimensions */
 

/* iq-select-radio.iq-variant-02 - common */
 .iq-select-radio.iq-variant-02 .iq-option-container{flex-direction:row}
.iq-select-radio.iq-variant-02 .iq-select-option{flex-direction:column;flex:1;padding:7px 3px}
.iq-select-radio.iq-variant-02 .iq-select-option.no-icon .iq-select-icon{flex-basis:0;margin:0;visibility:hidden}

/* iq-select-radio.iq-variant-02 - style */
 

/* iq-select-radio.iq-variant-02 - dimensions */
 .iq-select-radio.iq-variant-02 .iq-select-label{flex:0 1 24px}

/* iq-select-radio.iq-variant-03 - common */
 .iq-select-radio.iq-variant-03 .iq-option-container{flex-direction:row}
.iq-select-radio.iq-variant-03 .iq-select-option{flex-direction:column;flex:1;padding:7px 3px}
.iq-select-radio.iq-variant-03 .iq-select-option.no-icon .iq-select-icon{flex-basis:0;margin:0;visibility:hidden}

/* iq-select-radio.iq-variant-03 - style */
 

/* iq-select-radio.iq-variant-03 - dimensions */
 .iq-select-radio.iq-variant-03 .iq-select-label{flex:0 1 24px}

/* iq-select-radio.iq-variant-04 - common */
 .iq-select-radio.iq-variant-04 .iq-option-container{gap:8px;flex-direction:column}
.iq-select-radio.iq-variant-04 .iq-option-container .iq-select-button:not(.no-label) .iq-select-icon{margin-right:8px}

/* iq-select-radio.iq-variant-04 - dimensions */
 .iq-select-radio.iq-variant-04 .iq-select-button{flex:1 1 40px}

/* iq-select-radio.iq-variant-05 - common */
 .iq-select-radio.iq-variant-05 .iq-option-container{gap:8px;flex-direction:column}
.iq-select-radio.iq-variant-05 .iq-option-container .iq-select-button:not(.no-label) .iq-select-icon{margin-left:8px}

/* iq-select-radio.iq-variant-05 - dimensions */
 .iq-select-radio.iq-variant-05 .iq-select-button{flex:1 1 40px}

/* iq-select-radio.iq-variant-06 - common */
 .iq-select-radio.iq-variant-06 .iq-option-container{gap:8px}
.iq-select-radio.iq-variant-06 .iq-option-container .iq-select-button{flex:1 1 auto}
.iq-select-radio.iq-variant-06 .iq-option-container .iq-select-button:not(.no-label) .iq-select-icon{margin-right:8px}

/* iq-select-radio.iq-variant-07 - common */
 .iq-select-radio.iq-variant-07 .iq-option-container{gap:8px}
.iq-select-radio.iq-variant-07 .iq-option-container .iq-select-button{flex:1 1 auto}
.iq-select-radio.iq-variant-07 .iq-option-container .iq-select-button:not(.no-label) .iq-select-icon{margin-left:8px}

/* iq-select-time - common */
 .iq-select-time .iq-input,.iq-select-time .iq-label{white-space:nowrap;box-sizing:border-box}
.iq-select-time,.iq-select-time .iq-button,.iq-select-time .iq-input,.iq-select-time .iq-label{box-sizing:border-box}
.iq-select-time .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-select-time .iq-widget-content,.iq-select-time .iq-widget-header{display:flex}
.iq-select-time.no-label .iq-widget-header{display:none}
.iq-select-time .valign-container{display:flex;align-items:center}
.iq-select-time .iq-box{flex:1;display:flex;flex-direction:column}
.iq-select-time .iq-input{overflow:hidden;width:100%;padding:0 8px;margin:8px 0;text-align:center}
.iq-select-time .iq-divider{width:8px;align-self:center;text-align:center}
.iq-select-time .iq-label{width:auto}
.iq-select-time.no-label .iq-label{display:none}

/* iq-select-time - style */
 .iq-select-time .iq-button,.xenon-obsidian-theme .iq-select-time .iq-button{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-select-time.hidden,.xenon-obsidian-theme .iq-select-time.hidden{display:none}
.iq-select-time.invisible,.xenon-obsidian-theme .iq-select-time.invisible{visibility:hidden}
.iq-select-time.locked,.xenon-obsidian-theme .iq-select-time.locked{opacity:.7}
.iq-select-time{color:#3C3C3C}
.iq-select-time *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-select-time .iq-button{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2);border-radius:4px;cursor:pointer}
.iq-select-time .iq-input{background-color:#fdfdfd;border:1px solid rgba(60,60,60,.3)}
.iq-select-time.locked .iq-button,.iq-select-time.locked .iq-input{cursor:default}
.iq-select-time.inverted{color:#FFF}
.iq-select-time.inverted .iq-button{background-color:#333;border-color:rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-select-time.inverted .iq-input{background-color:#333;border-color:rgba(255,255,255,.3)}
.iq-select-time.inverted:not(.locked) .iq-button:focus,.iq-select-time.inverted:not(.locked) .iq-button:hover,.iq-select-time.inverted:not(.locked) .iq-input:focus,.iq-select-time.inverted:not(.locked) .iq-input:hover,.iq-select-time:not(.locked) .iq-button:focus,.iq-select-time:not(.locked) .iq-button:hover,.iq-select-time:not(.locked) .iq-input:focus,.iq-select-time:not(.locked) .iq-input:hover{border-color:#00ABF0}
.iq-select-time.inverted:not(.locked) .iq-button:hover,.iq-select-time:not(.locked) .iq-button:hover{background-color:#00ABF0;color:#FFF}
.iq-select-time.inverted:not(.locked) .iq-button:active,.iq-select-time:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}
.xenon-obsidian-theme .iq-select-time{color:#FFF}
.xenon-obsidian-theme .iq-select-time *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-select-time .iq-button{background-color:#333;border:1px solid rgba(255,255,255,.7);box-shadow:0 3px 3px 0 rgba(255,255,255,.2);border-radius:4px;cursor:pointer}
.xenon-obsidian-theme .iq-select-time .iq-input{background-color:#333;border:1px solid rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-select-time.locked .iq-button,.xenon-obsidian-theme .iq-select-time.locked .iq-input{cursor:default}
.xenon-obsidian-theme .iq-select-time.inverted{color:#3C3C3C}
.xenon-obsidian-theme .iq-select-time.inverted .iq-button{background-color:#fdfdfd;border-color:rgba(60,60,60,.7);box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-select-time.inverted .iq-input{background-color:#fdfdfd;border-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-select-time.inverted:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-select-time.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-select-time.inverted:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-select-time.inverted:not(.locked) .iq-input:hover,.xenon-obsidian-theme .iq-select-time:not(.locked) .iq-button:focus,.xenon-obsidian-theme .iq-select-time:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-select-time:not(.locked) .iq-input:focus,.xenon-obsidian-theme .iq-select-time:not(.locked) .iq-input:hover{border-color:#00ABF0}
.xenon-obsidian-theme .iq-select-time.inverted:not(.locked) .iq-button:hover,.xenon-obsidian-theme .iq-select-time:not(.locked) .iq-button:hover{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .iq-select-time.inverted:not(.locked) .iq-button:active,.xenon-obsidian-theme .iq-select-time:not(.locked) .iq-button:active{box-shadow:none;transform:translate3d(0,1px,0)}

/* iq-select-time - dimensions */
 .iq-select-time .iq-widget-content{height:0;flex:1 1 calc(16px + 3 * 40px)}
.iq-select-time .iq-widget-header{flex:0 1 24px}
.iq-select-time .iq-widget-header .iq-icon{width:24px}
.iq-select-time .iq-input{flex:1 1 40px}
.iq-select-time .iq-button{flex:0 1 40px}

/* iq-select-time.iq-icon-variant-01 - common */
 

/* iq-select-time.iq-icon-variant-01 - style */
 .iq-select-time.iq-icon-variant-01 .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/arrow_down_black.svg)}
.iq-select-time.iq-icon-variant-01 .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/arrow_up_black.svg)}
.iq-select-time.iq-icon-variant-01.inverted .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/arrow_down_white.svg)}
.iq-select-time.iq-icon-variant-01.inverted .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/arrow_up_white.svg)}
.iq-select-time.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-previous,.iq-select-time.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-previous{background-image:url(../pics/system/controls/iq-select-time/arrow_down_white.svg)}
.iq-select-time.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-next,.iq-select-time.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-next{background-image:url(../pics/system/controls/iq-select-time/arrow_up_white.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01 .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/arrow_down_black.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01 .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/arrow_up_black.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01.inverted .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/arrow_down_white.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01.inverted .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/arrow_up_white.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-previous,.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-previous{background-image:url(../pics/system/controls/iq-select-time/arrow_down_white.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01.inverted:not(.locked) .iq-button:hover.iq-next,.xenon-obsidian-theme .iq-select-time.iq-icon-variant-01:not(.locked) .iq-button:hover.iq-next{background-image:url(../pics/system/controls/iq-select-time/arrow_up_white.svg)}

/* iq-select-time.iq-icon-variant-01 - dimensions */
 

/* iq-select-time.iq-icon-variant-02 - common */
 

/* iq-select-time.iq-icon-variant-02 - style */
 .iq-select-time.iq-icon-variant-02 .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/minus.svg)}
.iq-select-time.iq-icon-variant-02 .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/plus.svg)}
.iq-select-time.iq-icon-variant-02.inverted .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/minus_hover.svg)}
.iq-select-time.iq-icon-variant-02.inverted .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/plus_hover.svg)}
.iq-select-time.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-previous,.iq-select-time.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-previous{background-image:url(../pics/system/controls/iq-select-time/minus_hover.svg)}
.iq-select-time.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-next,.iq-select-time.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-next{background-image:url(../pics/system/controls/iq-select-time/plus_hover.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02 .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/minus.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02 .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/plus.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02.inverted .iq-button.iq-previous{background-image:url(../pics/system/controls/iq-select-time/minus_hover.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02.inverted .iq-button.iq-next{background-image:url(../pics/system/controls/iq-select-time/plus_hover.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-previous,.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-previous{background-image:url(../pics/system/controls/iq-select-time/minus_hover.svg)}
.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02.inverted:not(.locked) .iq-button:hover.iq-next,.xenon-obsidian-theme .iq-select-time.iq-icon-variant-02:not(.locked) .iq-button:hover.iq-next{background-image:url(../pics/system/controls/iq-select-time/plus_hover.svg)}

/* iq-select-time.iq-icon-variant-02 - dimensions */
 

/* iq-select-time.iq-variant-01 - common */
 

/* iq-select-time.iq-variant-01 - style */
 

/* iq-select-time.iq-variant-01 - dimensions */
 

/* iq-select-time.iq-variant-02 - common */
 

/* iq-select-time.iq-variant-02 - style */
 

/* iq-select-time.iq-variant-02 - dimensions */
 

/* iq-shape - common */
 .iq-shape{box-sizing:border-box;pointer-events:none}
.iq-shape>.iq-widget-container{display:grid;position:relative;width:100%;height:100%;grid-template:"all all" minmax(0,224px) "all all" 1fr/minmax(0,224px) 1fr}
.iq-shape .shape-svg{grid-area:all;position:absolute;fill:none;stroke-width:2px;stroke:#000;width:100%;height:100%}
.iq-shape .shape-svg>*{pointer-events:initial;vector-effect:non-scaling-stroke}

/* iq-slider - common */
 .iq-slider{box-sizing:border-box;font-size:14px}
.iq-slider .iq-widget-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}
.iq-slider .iq-widget-content,.iq-slider .iq-widget-header{display:flex}
.iq-slider .iq-widget-header{flex-direction:row}
.iq-slider.no-icon .iq-icon,.iq-slider.no-label .iq-label,.iq-slider.no-unit .iq-unit{display:none}
.iq-slider .iq-box,.iq-slider .iq-slider-track{display:flex;box-sizing:border-box;font-size:inherit}
.iq-slider .iq-icon{box-sizing:border-box;margin-right:8px}
.iq-slider .iq-label{margin-right:8px;font-size:inherit;line-height:initial;white-space:nowrap;box-sizing:border-box;width:auto}
.iq-slider .iq-box{flex-direction:column;flex:1 1}
.iq-slider .iq-slider-track{position:relative;flex-direction:row;flex:1 1;align-items:center}
.iq-slider .iq-slider-track.pressed .iq-handle{pointer-events:none}
.iq-slider .iq-handle{position:absolute;box-sizing:border-box}
.iq-slider .iq-touch-zone{position:relative;background-color:transparent;box-sizing:border-box}
.iq-slider .iq-scale{clip-path:polygon(0 0,0 100%,var(--internal-fill-level,0) 100%,var(--internal-fill-level,0) 0);box-sizing:border-box}
.iq-slider.invert-slider .iq-scale{clip-path:polygon(100% 0,100% 100%,var(--internal-fill-level,0) 100%,var(--internal-fill-level,0) 0)}
.iq-slider .iq-scale-container{box-sizing:border-box}
.iq-slider .iq-unit{font-size:inherit;line-height:initial}
.iq-slider .iq-label,.iq-slider .iq-unit{align-self:center}

/* iq-slider - style */
 .iq-slider .iq-handle,.iq-slider .iq-scale-container{border-color:rgba(60,60,60,.7);border-width:1px;border-style:solid}
.iq-slider .iq-icon,.xenon-obsidian-theme .iq-slider .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-slider.hidden,.xenon-obsidian-theme .iq-slider.hidden{display:none}
.iq-slider.invisible,.xenon-obsidian-theme .iq-slider.invisible{visibility:hidden}
.iq-slider .iq-label,.iq-slider .iq-unit{color:#3C3C3C}
.iq-slider.inverted .iq-label,.iq-slider.inverted .iq-unit,.xenon-obsidian-theme .iq-slider .iq-label,.xenon-obsidian-theme .iq-slider .iq-unit{color:#FFF}
.iq-slider .iq-scale{background-color:#00ABF0}
.iq-slider .iq-scale-container{background-color:rgba(60,60,60,.3)}
.iq-slider .iq-handle{background-color:#fdfdfd;border-radius:4px}
.iq-slider:not(.locked) .iq-handle{box-shadow:0 3px 3px 0 rgba(60,60,60,.2);cursor:grab}
.iq-slider:not(.locked) .iq-handle.pressed{box-shadow:none;transform:translate3d(0,1px,0);cursor:grabbing}
.iq-slider.inverted .iq-handle,.iq-slider.inverted .iq-scale-container{border-color:rgba(255,255,255,.7)}
.iq-slider.inverted .iq-handle{background-color:#333;box-shadow:0 3px 3px 0 rgba(255,255,255,.2)}
.iq-slider.inverted .iq-scale-container{background-color:rgba(255,255,255,.3)}
.iq-slider.ok .iq-handle{border-color:#9FCD52}
.iq-slider.ok .iq-scale{background-color:#9FCD52}
.iq-slider.preWarn .iq-handle{border-color:#F29E28}
.iq-slider.preWarn .iq-scale{background-color:#F29E28}
.iq-slider.warn .iq-handle{border-color:#E80000}
.iq-slider.warn .iq-scale{background-color:#E80000}
.iq-slider:not(.locked) .iq-handle:focus,.iq-slider:not(.locked) .iq-handle:hover,.iq-slider:not(.locked) .iq-slider-track.pressed .iq-handle{border-color:#00ABF0}
.iq-slider.locked{opacity:.7}
.xenon-obsidian-theme .iq-slider .iq-scale{background-color:#00ABF0}
.xenon-obsidian-theme .iq-slider .iq-scale-container{border-style:solid;border-width:1px;border-color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.3)}
.xenon-obsidian-theme .iq-slider .iq-handle{background-color:#333;border-width:1px;border-style:solid;border-color:rgba(255,255,255,.7);border-radius:4px}
.xenon-obsidian-theme .iq-slider:not(.locked) .iq-handle{box-shadow:0 3px 3px 0 rgba(255,255,255,.2);cursor:grab}
.xenon-obsidian-theme .iq-slider:not(.locked) .iq-handle.pressed{box-shadow:none;transform:translate3d(0,1px,0);cursor:grabbing}
.xenon-obsidian-theme .iq-slider.inverted .iq-label,.xenon-obsidian-theme .iq-slider.inverted .iq-unit{color:#3C3C3C}
.xenon-obsidian-theme .iq-slider.inverted .iq-handle,.xenon-obsidian-theme .iq-slider.inverted .iq-scale-container{border-color:rgba(60,60,60,.7)}
.xenon-obsidian-theme .iq-slider.inverted .iq-handle{background-color:#fdfdfd;box-shadow:0 3px 3px 0 rgba(60,60,60,.2)}
.xenon-obsidian-theme .iq-slider.inverted .iq-scale-container{background-color:rgba(60,60,60,.3)}
.xenon-obsidian-theme .iq-slider.ok .iq-handle{border-color:#9FCD52}
.xenon-obsidian-theme .iq-slider.ok .iq-scale{background-color:#9FCD52}
.xenon-obsidian-theme .iq-slider.preWarn .iq-handle{border-color:#F29E28}
.xenon-obsidian-theme .iq-slider.preWarn .iq-scale{background-color:#F29E28}
.xenon-obsidian-theme .iq-slider.warn .iq-handle{border-color:#E80000}
.xenon-obsidian-theme .iq-slider.warn .iq-scale{background-color:#E80000}
.xenon-obsidian-theme .iq-slider:not(.locked) .iq-handle:focus,.xenon-obsidian-theme .iq-slider:not(.locked) .iq-handle:hover,.xenon-obsidian-theme .iq-slider:not(.locked) .iq-slider-track.pressed .iq-handle{border-color:#00ABF0}
.xenon-obsidian-theme .iq-slider.locked{opacity:.7}

/* iq-slider - dimensions */
 .iq-slider .iq-widget-container>.iq-icon{height:64px}
.iq-slider .iq-widget-content{flex:1 1}
.iq-slider .iq-widget-content>.iq-icon{width:40px}
.iq-slider .iq-scale-container{height:10px;flex:1 1}
.iq-slider .iq-scale{height:100%;width:100%}
.iq-slider .iq-slider-track{flex:1 1}
.iq-slider .iq-box{width:136px}
.iq-slider .iq-widget-header{flex:0 1 24px}
.iq-slider .iq-widget-header .iq-icon{width:24px}

/* iq-slider.iq-variant-01 - common */
 .iq-slider.iq-variant-01 .iq-box{justify-content:center;flex:1 1}

/* iq-slider.iq-variant-01 - style */
 

/* iq-slider.iq-variant-01 - dimensions */
 .iq-slider.iq-variant-01 .iq-touch-zone{top:0;left:-15px;width:calc(100% + 30px);height:100%}
.iq-slider.iq-variant-01 .iq-handle{width:40px;height:100%}
.iq-slider.iq-variant-01 .iq-widget-content{flex:1 1 40px}
.iq-slider.iq-variant-01 .iq-unit{margin-left:8px}

/* iq-slider.iq-variant-02 - common */
 .iq-slider.iq-variant-02.no-label.no-icon.no-unit .iq-widget-header{display:none}

/* iq-slider.iq-variant-02 - style */
 

/* iq-slider.iq-variant-02 - dimensions */
 .iq-slider.iq-variant-02 .iq-widget-content{flex:1 1 40px}
.iq-slider.iq-variant-02 .iq-touch-zone{top:0;left:-15px;width:calc(100% + 30px);height:100%}
.iq-slider.iq-variant-02 .iq-handle{width:40px;height:100%}

/* iq-slider.iq-variant-03 - common */
 .iq-slider.iq-variant-03 .iq-box-container{display:flex}
.iq-slider.iq-variant-03.no-label.no-icon .iq-widget-header{display:none}

/* iq-slider.iq-variant-03 - style */
 

/* iq-slider.iq-variant-03 - dimensions */
 .iq-slider.iq-variant-03 .iq-box-container{flex:1 1;width:136px}
.iq-slider.iq-variant-03 .iq-box{width:initial}
.iq-slider.iq-variant-03 .iq-widget-content{flex:1 1 40px}
.iq-slider.iq-variant-03 .iq-touch-zone{top:0;left:-15px;width:calc(100% + 30px);height:100%}
.iq-slider.iq-variant-03 .iq-handle{width:40px;height:100%}
.iq-slider.iq-variant-03 .iq-unit{margin-left:8px}

/* iq-slider.iq-variant-04 - common */
 .iq-slider.iq-variant-04 .iq-widget-header{flex-direction:column}
.iq-slider.iq-variant-04 .text-container{display:flex;align-items:center;justify-content:center}
.iq-slider.iq-variant-04 .iq-label{align-self:initial;text-align:center}
.iq-slider.iq-variant-04 .iq-box-container{display:flex;flex-direction:row}
.iq-slider.iq-variant-04 .iq-widget-content{flex-direction:column}
.iq-slider.iq-variant-04.no-label .text-container,.iq-slider.iq-variant-04.no-label.no-icon .iq-widget-header,.iq-slider.iq-variant-04.no-unit .iq-footer-container{display:none}
.iq-slider.iq-variant-04 .iq-scale{clip-path:polygon(0 100%,100% 100%,100% calc(100% - var(--internal-fill-level,0)),0 calc(100% - var(--internal-fill-level,0)))}
.iq-slider.iq-variant-04.invert-slider .iq-scale{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--internal-fill-level,0)),0 calc(100% - var(--internal-fill-level,0)))}
.iq-slider.iq-variant-04 .iq-slider-track{flex-direction:column;justify-content:flex-end}
.iq-slider.iq-variant-04 .iq-footer-container{display:flex;flex-direction:column;justify-content:center}

/* iq-slider.iq-variant-04 - style */
 

/* iq-slider.iq-variant-04 - dimensions */
 .iq-slider.iq-variant-04 .iq-widget-header{flex:0 1 88px}
.iq-slider.iq-variant-04.no-label .iq-widget-header{flex:0 1 64px}
.iq-slider.iq-variant-04.no-icon .iq-widget-header{flex:0 1 24px}
.iq-slider.iq-variant-04 .iq-icon{flex:0 1 64px;width:initial}
.iq-slider.iq-variant-04 .iq-icon,.iq-slider.iq-variant-04 .iq-label{margin-right:initial}
.iq-slider.iq-variant-04 .text-container{flex:0 1 24px}
.iq-slider.iq-variant-04 .iq-touch-zone{top:-15px;left:0;width:100%;height:calc(100% + 30px)}
.iq-slider.iq-variant-04 .iq-handle{width:100%;height:40px}
.iq-slider.iq-variant-04 .iq-scale-container{width:10px;height:initial}
.iq-slider.iq-variant-04 .iq-box-container{flex:1 1}
.iq-slider.iq-variant-04 .iq-box{flex:1 1;width:40px}
.iq-slider.iq-variant-04 .iq-widget-content{flex-direction:column;flex:1 1 160px}
.iq-slider.iq-variant-04.no-unit .iq-widget-content{flex:1 1 136px}
.iq-slider.iq-variant-04 .iq-footer-container{flex:0 1 24px}

/* iq-text - common */
 .iq-text{box-sizing:border-box}
.iq-text .iq-widget-container{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center}
.iq-text .iq-widget-content{display:flex;align-items:stretch;flex-direction:column;justify-content:center;max-height:100%}
.iq-text .iq-scroll-container{width:100%;overflow-x:hidden;overflow-y:auto}
.iq-text .iq-text{position:relative;line-height:initial;white-space:pre-wrap;width:100%}

/* iq-text - style */
 .iq-text.locked,.xenon-obsidian-theme .iq-text.locked{opacity:.7}
.iq-text.hidden,.xenon-obsidian-theme .iq-text.hidden{display:none}
.iq-text.invisible,.xenon-obsidian-theme .iq-text.invisible{visibility:hidden}
.iq-text .iq-text{color:#3C3C3C}
.iq-text.inverted .iq-text,.xenon-obsidian-theme .iq-text .iq-text{color:#FFF}
.xenon-obsidian-theme .iq-text.inverted .iq-text{color:#3C3C3C}

/* iq-text - dimensions */
 .iq-text .iq-widget-content{flex:1 1 40px}

/* iq-text-display - common */
 .iq-text-display .iq-label,.iq-text-display .iq-value{white-space:nowrap;box-sizing:border-box;line-height:initial}
.iq-text-display{box-sizing:border-box;font-size:14px}
.iq-text-display .iq-widget-container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}
.iq-text-display .iq-widget-content,.iq-text-display .iq-widget-header{display:flex}
.iq-text-display .iq-widget-header{flex-direction:row}
.iq-text-display.no-icon .iq-icon,.iq-text-display.no-label .iq-label{display:none}
.iq-text-display .iq-icon{box-sizing:border-box;margin-right:8px}
.iq-text-display .iq-label{margin-right:8px;font-size:inherit;width:auto}
.iq-text-display .iq-box{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1;font-size:inherit}
.iq-text-display .iq-value-container{display:flex;flex-direction:column;flex:1 1;justify-content:center;font-size:inherit}
.iq-text-display .iq-value{height:auto;text-align:right;font-size:28px;overflow:hidden}
.iq-text-display .iq-separator{flex:0 0 2px}
.iq-text-display .iq-unit{margin-left:8px;font-size:inherit;line-height:initial}
.iq-text-display .iq-label,.iq-text-display .iq-unit{align-self:center}

/* iq-text-display - style */
 .iq-text-display .iq-icon,.xenon-obsidian-theme .iq-text-display .iq-icon{background-position:center;background-repeat:no-repeat;background-size:contain}
.iq-text-display.locked,.xenon-obsidian-theme .iq-text-display.locked{opacity:.7}
.iq-text-display.hidden,.xenon-obsidian-theme .iq-text-display.hidden{display:none}
.iq-text-display.invisible,.xenon-obsidian-theme .iq-text-display.invisible{visibility:hidden}
.iq-text-display .iq-label,.iq-text-display .iq-unit,.iq-text-display .iq-value{color:#3C3C3C}
.iq-text-display.inverted .iq-label,.iq-text-display.inverted .iq-unit,.iq-text-display.inverted .iq-value,.xenon-obsidian-theme .iq-text-display .iq-label,.xenon-obsidian-theme .iq-text-display .iq-unit,.xenon-obsidian-theme .iq-text-display .iq-value{color:#FFF}
.iq-text-display .iq-separator{background-color:rgba(60,60,60,.1)}
.iq-text-display.inverted .iq-separator{background-color:rgba(255,255,255,.1)}
.iq-text-display.ok .iq-separator{background-color:#9FCD52;box-shadow:0 0 5px rgba(159,205,82,.5)}
.iq-text-display.preWarn .iq-separator{background-color:#F29E28;box-shadow:0 0 5px rgba(242,158,40,.5)}
.iq-text-display.warn .iq-separator{background-color:#E80000;box-shadow:0 0 5px rgba(232,0,0,.5)}
.xenon-obsidian-theme .iq-text-display .iq-separator{background-color:rgba(255,255,255,.1)}
.xenon-obsidian-theme .iq-text-display.inverted .iq-label,.xenon-obsidian-theme .iq-text-display.inverted .iq-unit,.xenon-obsidian-theme .iq-text-display.inverted .iq-value{color:#3C3C3C}
.xenon-obsidian-theme .iq-text-display.inverted .iq-separator{background-color:rgba(60,60,60,.1)}
.xenon-obsidian-theme .iq-text-display.ok .iq-separator{background-color:#9FCD52;box-shadow:0 0 5px rgba(159,205,82,.5)}
.xenon-obsidian-theme .iq-text-display.preWarn .iq-separator{background-color:#F29E28;box-shadow:0 0 5px rgba(242,158,40,.5)}
.xenon-obsidian-theme .iq-text-display.warn .iq-separator{background-color:#E80000;box-shadow:0 0 5px rgba(232,0,0,.5)}

/* iq-text-display - dimensions */
 .iq-text-display .iq-widget-container>.iq-icon{height:64px}
.iq-text-display .iq-widget-content{flex:1 1}
.iq-text-display .iq-widget-content>.iq-icon{width:40px}
.iq-text-display .iq-value-container{flex:1 1 38px}
.iq-text-display .iq-widget-header{flex:0 1 24px}
.iq-text-display .iq-widget-header .iq-icon{width:24px}

/* iq-text-display.iq-variant-01 - common */
 .iq-text-display.iq-variant-01 .iq-widget-content{flex:1 1}
.iq-text-display.iq-variant-01 .iq-widget-container{flex-direction:unset;justify-content:unset}
.iq-text-display.iq-variant-01 .iq-header-container{display:none}
.iq-text-display.iq-variant-01 .iq-box{justify-content:center;flex:1 1}

/* iq-text-display.iq-variant-01 - style */
 

/* iq-text-display.iq-variant-01 - dimensions */
 

/* iq-text-display.iq-variant-02 - common */
 .iq-text-display.iq-variant-02 .iq-box{flex:1 1 40px}

/* iq-text-display.iq-variant-02 - style */
 

/* iq-text-display.iq-variant-02 - dimensions */
 

/* iq-text-display.iq-variant-03 - common */
 .iq-text-display.iq-variant-03 .iq-box-container{display:flex;flex:1 1 40px}
.iq-text-display.iq-variant-03 .iq-box{flex:1 1}

/* iq-text-display.iq-variant-03 - style */
 

/* iq-text-display.iq-variant-03 - dimensions */
 

/* iq-text.iq-variant-01 - common */
 

/* iq-text.iq-variant-01 - style */
 

/* iq-text.iq-variant-01 - dimensions */
 

/* iq-trend - common */
 .iq-trend{box-sizing:border-box;overflow:hidden;height:400px;display:flex;--loading-indicator-color:var(--iq-on-primary-background);--scale-width:44px;--scale-marker-width:4px;--scale-color:var(--iq-on-primary);--timeline-height:44px;--timeline-marker-height:4px;--timeline-color:var(--iq-on-primary);--trend-marker-line-color:var(--iq-on-primary);--trend-marker-line-active-color:var(--iq-highlight-color);--trend-marker-line-width:1px;--trend-marker-icon-color:var(--iq-on-primary);--trend-marker-icon-active-color:var(--iq-highlight-color);--trend-marker-icon-background-color:var(--iq-primary-background);--trend-marker-info-background-color:var(--iq-primary-variant-2);--trend-marker-info-height:138px;--trend-marker-info-width:400px;--trend-marker-info-close-color:var(--iq-on-primary);--trend-marker-info-close-size:16px;--trend-marker-title-font-size:14px;--trend-marker-title-font-family:RobotoLight;--trend-marker-title-line-height:initial;--trend-marker-title-font-weight:bold;--trend-marker-title-color:var(--iq-on-primary);--trend-marker-text-font-size:14px;--trend-marker-text-font-family:RobotoLight;--trend-marker-text-line-height:initial;--trend-marker-text-font-weight:initial;--trend-marker-text-color:var(--iq-on-primary);--trend-marker-user-font-size:14px;--trend-marker-user-font-family:RobotoBold;--trend-marker-user-line-height:initial;--trend-marker-user-font-weight:initial;--trend-marker-user-color:var(--iq-secondary-variant2);--trend-marker-timestamp-font-size:14px;--trend-marker-timestamp-font-family:RobotoLight;--trend-marker-timestamp-line-height:initial;--trend-marker-timestamp-font-weight:bold;--trend-marker-timestamp-color:var(--iq-secondary-variant2);--line-color:#000000;--scale-label-font-size:12px;--scale-label-font-family:RobotoBold;--scale-label-color:var(--iq-secondary-variant2);--unit-info-font-size:10px;--unit-info-font-color:var(--iq-secondary-variant4);--unit-info-font-family:RobotoBold;--timeline-start-font-size:10px;--timeline-start-time-line-height:12px;--timeline-start-time-font-color:var(--iq-on-primary);--timeline-start-time-font-family:RobotoBold;--timeline-start-date-line-height:14px;--timeline-start-date-font-color:var(--iq-on-primary);--timeline-start-date-font-family:RobotoBold;--timeline-start-date-background-color:transparent;--timeline-label-font-size:10px;--timeline-label-font-family:RobotoBold;--timeline-label-color:var(--iq-on-primary);--handle-width:120px;--handle-background-color:rgba(219, 219, 219, 0.7);--handle-focused-background-color:rgba(219, 219, 219, 0.9);--handle-close-button-color:var(--iq-on-primary);--handle-close-button-size:16px;--handle-marker-width:2px;--handle-marker-color:var(--iq-secondary-color);--handle-drag-background-color:var(--iq-primary-variant-4);--handle-drag-marker-color:var(--iq-on-primary);--handle-data-box-background-color:var(--iq-primary-background);--handle-data-label-background-color:transparent;--handle-date-font-size:12px;--handle-date-font-family:RobotoBold;--handle-date-color:var(--iq-on-primary);--handle-date-line-height:14px;--handle-time-font-size:12px;--handle-time-color:var(--iq-on-primary);--handle-time-font-family:RobotoBold;--handle-time-line-height:14px;--handle-label-font-size:12px;--handle-label-line-height:14px;--handle-label-font-family:RobotoBold;--handle-label-color:var(--iq-on-primary);--handle-value-font-size:18px;--handle-value-line-height:20px;--handle-value-font-family:RobotoBold;--handle-value-color:var(--iq-on-primary);--handle-unit-font-size:12px;--handle-unit-line-height:14px;--handle-unit-font-family:RobotoBold;--handle-unit-color:var(--iq-on-primary);--handle-scrollbar-width:4px;--handle-scrollbar-thumb-background:var(--iq-secondary-color);--handle-scrollbar-track-background:rgba(85, 85, 85, 0.2)}
.iq-trend .widget-content{padding:10px;flex:1 1;display:flex;width:600px}
.iq-trend .scales-left,.iq-trend .scales-right{flex:0 0 content;display:flex;align-items:stretch;padding-bottom:46px}
.iq-trend .scales-left{margin-right:2px}
.iq-trend .scales-right{margin-left:2px}
.iq-trend .graphs-and-timeline{flex:1 1 600px;display:flex;flex-direction:column;align-items:stretch}
.iq-trend .graphs{flex:1 1 360px;position:relative}
.iq-trend .graphs .loading-indicator{position:absolute;width:24px;height:24px;top:10px;left:10px;display:none;animation:spin 1s infinite}
.iq-trend .graphs .loading-indicator svg{width:100%;height:100%}
.iq-trend .graphs .loading-indicator svg .indicator-icon{fill:var(--loading-indicator-color)}
.iq-trend .graphs .loading-indicator.loading{display:block}
.iq-trend .timeline{height:var(--timeline-height);flex:0 0 var(--timeline-height);position:relative;display:flex;flex-direction:column;justify-content:flex-start;margin-top:2px}
.iq-trend .timeline-canvas,.iq-trend .xaxis-canvas{width:100%;height:calc(var(--timeline-marker-height) + 2px)}
.iq-trend .graph-canvas{position:absolute;width:100%;height:100%}
.iq-trend .scale-wrapper{position:relative;width:var(--scale-width);display:flex;flex:0 0 var(--scale-width);align-items:stretch}
.iq-trend .scale-wrapper .scale-info{position:absolute;width:calc(100% - var(--scale-marker-width) - 4px)}
.iq-trend .scale-wrapper .scale-info .line-markers{line-height:8px}
.iq-trend .scale-wrapper .scale-info .line-markers .line-marker{display:inline-block;box-sizing:border-box;margin:2px 2px 2px 0;height:4px;width:10px;background-color:var(--line-color)}
.iq-trend .scale-wrapper .scale-info .unit-info{line-height:initial;font-family:var(--unit-info-font-family);font-size:var(--unit-info-font-size);color:var(--unit-info-font-color)}
.iq-trend .scale-wrapper.hidden{display:none}
.iq-trend .xaxis-wrapper{position:relative;height:var(--timeline-height);display:flex;flex:0 0 var(--timeline-height);align-items:stretch;flex-direction:column;justify-content:flex-start}
.iq-trend .scales-left .scale-wrapper,.iq-trend .scales-right .scale-wrapper.mirrored,.iq-trend .timeline.mirrored,.iq-trend .xaxis-wrapper.mirrored{justify-content:flex-end}
.iq-trend .scales-left .scale-wrapper .line-markers,.iq-trend .scales-left .scale-wrapper .unit-info,.iq-trend .scales-right .scale-wrapper.mirrored .line-markers,.iq-trend .scales-right .scale-wrapper.mirrored .unit-info{text-align:right}
.iq-trend .scales-left .scale-wrapper .scale-info,.iq-trend .scales-right .scale-wrapper.mirrored .scale-info{right:calc(var(--scale-marker-width) + 4px);left:initial}
.iq-trend .scales-right .scale-wrapper.mirrored{margin-right:-1px}
.iq-trend .scales-left .scale-wrapper.mirrored,.iq-trend .scales-right .scale-wrapper{justify-content:flex-start}
.iq-trend .scales-left .scale-wrapper.mirrored .line-markers,.iq-trend .scales-left .scale-wrapper.mirrored .unit-info,.iq-trend .scales-right .scale-wrapper .line-markers,.iq-trend .scales-right .scale-wrapper .unit-info{text-align:left}
.iq-trend .scales-left .scale-wrapper.mirrored .scale-info,.iq-trend .scales-right .scale-wrapper .scale-info{right:initial;left:calc(var(--scale-marker-width) + 4px)}
.iq-trend .scales-left .scale-wrapper.mirrored{margin-left:-1px}
.iq-trend .scale-label,.iq-trend .timeline-label,.iq-trend .xaxis-label{position:absolute;line-height:0}
.iq-trend .scale-label{color:var(--scale-label-color);font-family:var(--scale-label-font-family);font-size:var(--scale-label-font-size)}
.iq-trend .timeline-label,.iq-trend .xaxis-label{font-family:var(--timeline-label-font-family);font-size:var(--timeline-label-font-size);color:var(--timeline-label-color);text-align:center;top:calc(var(--timeline-marker-height) + 4px);line-height:initial}
.iq-trend .timeline-start{position:absolute;top:6px;left:1px}
.iq-trend .timeline-start .start-time{padding:0 3px;font-family:var(--timeline-start-time-font-family);font-size:var(--timeline-start-font-size);line-height:var(--timeline-start-time-line-height);color:var(--timeline-start-time-font-color)}
.iq-trend .timeline-start .start-date{padding:0 4px;font-family:var(--timeline-start-date-font-family);font-size:var(--timeline-start-font-size);line-height:var(--timeline-start-date-line-height);background-color:var(--timeline-start-date-background-color);color:var(--timeline-start-date-font-color)}
.iq-trend .timeline.mirrored .timeline-start{top:initial;bottom:1px}
.iq-trend .timeline.mirrored .timeline-label,.iq-trend .xaxis-wrapper.mirrored .xaxis-label{top:initial;bottom:10px}
.iq-trend .scales-left .scale-label,.iq-trend .scales-right .scale-wrapper.mirrored .scale-label{text-align:end;right:calc(var(--scale-marker-width) + 4px)}
.iq-trend .scales-left .scale-wrapper.mirrored .scale-label,.iq-trend .scales-right .scale-label{text-align:start;left:calc(var(--scale-marker-width) + 4px)}
.iq-trend .scale-canvas{width:calc(var(--scale-marker-width) + 2px)}
.iq-trend .trend-label{position:absolute}
.iq-trend .debug-info{position:fixed;top:0;right:0;width:200px;white-space:pre}
.iq-trend .trend-handle{visibility:hidden;position:absolute;height:calc(100% + 2px);width:var(--handle-width);background-color:var(--handle-background-color);border-left:var(--handle-marker-width) solid var(--handle-marker-color);z-index:1}
.iq-trend .trend-handle.focused{background-color:var(--handle-focused-background-color)}
.iq-trend .trend-handle.reversed{border-left:initial;border-right:var(--handle-marker-width) solid var(--handle-marker-color)}
.iq-trend .trend-handle.reversed .content-box .drag-handle{left:initial;right:-2px;border-radius:4px 0 4px 4px}
.iq-trend .trend-handle.active{visibility:visible}
.iq-trend .trend-handle .content-box{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:6px}
.iq-trend .trend-handle .content-box .header{flex:0 0 40px;display:flex;flex-direction:row;align-items:stretch}
.iq-trend .trend-handle .content-box .header .selection-time{flex:1 1}
.iq-trend .trend-handle .content-box .header .selection-time .handle-date,.iq-trend .trend-handle .content-box .header .selection-time .handle-time{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.iq-trend .trend-handle .content-box .header .selection-time .handle-date{color:var(--handle-date-color);font-family:var(--handle-date-font-family);font-size:var(--handle-date-font-size);line-height:var(--handle-date-line-height)}
.iq-trend .trend-handle .content-box .header .selection-time .handle-time{color:var(--handle-time-color);font-family:var(--handle-time-font-family);font-size:var(--handle-time-font-size);line-height:var(--handle-time-line-height)}
.iq-trend .trend-handle .content-box .header .close-button{box-sizing:border-box;flex:0 0 var(--handle-close-button-size);height:var(--handle-close-button-size);align-self:start;padding:2px;cursor:pointer}
.iq-trend .trend-handle .content-box .header .close-button svg{width:100%;height:100%}
.iq-trend .trend-handle .content-box .header .close-button svg .close-icon{stroke:var(--handle-close-button-color)}
.iq-trend .trend-handle .content-box .data-values{flex:1 1;overflow-y:auto}
.iq-trend .trend-handle .content-box .data-box{position:relative;padding:2px 2px 2px 4px;background-color:var(--handle-data-box-background-color);border-left:4px solid var(--line-color)}
.iq-trend .trend-handle .content-box .data-box .data-label{box-sizing:border-box;color:var(--handle-label-color);font-size:var(--handle-label-font-size);font-family:var(--handle-label-font-family);background-color:var(--handle-data-label-background-color);max-width:100%;line-height:var(--handle-label-line-height);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.iq-trend .trend-handle .content-box .data-box .data-value{color:var(--handle-value-color);font-size:var(--handle-value-font-size);font-family:var(--handle-value-font-family);margin-top:2px;line-height:var(--handle-value-line-height);height:var(--handle-value-line-height)}
.iq-trend .trend-handle .content-box .data-box .data-unit{color:var(--handle-unit-color);font-size:var(--handle-unit-font-size);font-family:var(--handle-unit-font-family);line-height:var(--handle-unit-line-height)}
.iq-trend .trend-handle .content-box .data-box .data-unit,.iq-trend .trend-handle .content-box .data-box .data-value{white-space:nowrap;overflow:hidden}
.iq-trend .trend-handle .content-box .data-box .line-marker{position:absolute;bottom:2px;right:2px;height:4px;width:10px;background-color:var(--line-color)}
.iq-trend .trend-handle .content-box .data-box:not(:last-child){margin-bottom:12px}
.iq-trend .trend-handle .content-box .comment-anchor:not(:empty){margin-top:8px}
.iq-trend .trend-handle .content-box .drag-handle{box-sizing:border-box;cursor:pointer;bottom:-21px;left:-2px;position:absolute;width:26px;height:21px;background-color:var(--handle-drag-background-color);padding:7px 4px;border:1px solid var(--handle-drag-marker-color);border-radius:0 4px 4px}
.iq-trend .trend-handle .content-box .drag-handle .handle-marker{box-sizing:border-box;background-color:var(--handle-drag-marker-color);width:100%;height:1px;margin-bottom:5px}
.iq-trend .trend-handle .content-box .drag-handle .handle-marker:last-child{margin-bottom:0}
.iq-trend .marker-layer{z-index:1;position:absolute;width:100%;height:100%;pointer-events:none}
.iq-trend .marker-layer.active{pointer-events:all;z-index:2}
.iq-trend .trend-marker{position:absolute;height:calc(100% + 2px);left:140px;width:0;border-left:var(--trend-marker-line-width) dashed var(--trend-marker-line-color);pointer-events:none}
.iq-trend .trend-marker .marker-icon{position:absolute;width:17px;height:16px;bottom:-24px;left:-8px;cursor:pointer;pointer-events:initial}
.iq-trend .trend-marker .marker-icon svg{width:100%;height:100%}
.iq-trend .trend-marker .marker-icon svg .marker-image{stroke:var(--trend-marker-icon-color);fill:var(--trend-marker-icon-background-color)}
.iq-trend .trend-marker .marker-info.reversed{left:initial;right:-17px}
.iq-trend .trend-marker .marker-info.reversed .marker-triangle{margin-left:auto;margin-right:15px;clip-path:polygon(0 0,100% 0,100% 100%)}
.iq-trend .trend-marker .marker-info{pointer-events:initial;position:absolute;bottom:12px;left:-17px;visibility:hidden;z-index:1;width:var(--trend-marker-info-width)}
.iq-trend .trend-marker .marker-info .marker-close{box-sizing:border-box;position:absolute;top:12px;right:12px;width:var(--trend-marker-info-close-size);height:var(--trend-marker-info-close-size);padding:2px;cursor:pointer}
.iq-trend .trend-marker .marker-info .marker-close svg{width:100%;height:100%}
.iq-trend .trend-marker .marker-info .marker-close svg .close-icon{stroke:var(--trend-marker-info-close-color)}
.iq-trend .trend-marker .marker-info .marker-content{position:relative;display:flex;flex-direction:column;align-items:stretch;background-color:var(--trend-marker-info-background-color);height:auto;max-height:var(--trend-marker-info-height);padding-top:8px;padding-bottom:8px;box-sizing:border-box;min-height:calc(36px + 2 * var(--trend-marker-info-close-size))}
.iq-trend .trend-marker .marker-info .marker-edit{display:none;box-sizing:border-box;position:absolute;bottom:12px;right:12px;width:var(--trend-marker-info-close-size);height:var(--trend-marker-info-close-size);padding:2px;cursor:pointer}
.iq-trend .trend-marker .marker-info .marker-edit svg{width:100%;height:100%}
.iq-trend .trend-marker .marker-info .marker-edit svg .edit-icon{stroke:var(--trend-marker-info-close-color);fill:var(--trend-marker-info-close-color)}
.iq-trend .trend-marker .marker-info .marker-title{flex:0 0;padding:0 8px 0 16px;margin-right:32px;font-size:var(--trend-marker-title-font-size);font-family:var(--trend-marker-title-font-family);line-height:var(--trend-marker-title-line-height);font-weight:var(--trend-marker-title-font-weight);color:var(--trend-marker-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iq-trend .trend-marker .marker-info .marker-text{flex:1 1;padding:0 8px 0 16px;margin-right:32px;overflow-y:auto;font-size:var(--trend-marker-text-font-size);font-family:var(--trend-marker-text-font-family);line-height:var(--trend-marker-text-line-height);font-weight:var(--trend-marker-text-font-weight);color:var(--trend-marker-text-color);word-break:break-word;white-space:pre-wrap}
.iq-trend .trend-marker .marker-info .marker-triangle{width:24px;height:24px;clip-path:polygon(0 0,100% 0,0 100%);background-color:var(--trend-marker-info-background-color);margin-left:15px;margin-top:-1px}
.iq-trend .trend-marker .marker-info .marker-sub-text{flex:none;padding:0 8px 0 16px;margin-right:32px;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right}
.iq-trend .trend-marker .marker-info .marker-user{font-size:var(--trend-marker-user-font-size);font-family:var(--trend-marker-user-font-family);line-height:var(--trend-marker-user-line-height);font-weight:var(--trend-marker-user-font-weight);color:var(--trend-marker-user-color)}
.iq-trend .trend-marker .marker-info .marker-time{font-size:var(--trend-marker-timestamp-font-size);font-family:var(--trend-marker-timestamp-font-family);line-height:var(--trend-marker-timestamp-line-height);font-weight:var(--trend-marker-timestamp-font-weight);color:var(--trend-marker-timestamp-color)}
.iq-trend .trend-marker.open{border-left:var(--trend-marker-line-width) dashed var(--trend-marker-line-active-color)}
.iq-trend .trend-marker.open .marker-info{visibility:visible}
.iq-trend .trend-marker.open .marker-icon svg .marker-image{stroke:var(--trend-marker-icon-active-color)}
.iq-trend .trend-marker.editable .marker-info .marker-edit{display:block}
.iq-trend ::-webkit-scrollbar{width:var(--handle-scrollbar-width)}
.iq-trend ::-webkit-scrollbar-thumb{background:var(--handle-scrollbar-thumb-background)}
.iq-trend ::-webkit-scrollbar-track{background:var(--handle-scrollbar-track-background)}

/* iq-trend-legend - common */
 .iq-trend-legend{--icon-size:20px;--icon-margin:8px;--element-gap:8px;--element-padding:4px;--label-font-size:14px;--label-font-family:RobotoBold;--label-font-weight:initial;--label-color:#3c3c3c;--label-margin:8px;--unit-font-size:14px;--unit-font-family:RobotoLight;--unit-font-weight:initial;--unit-color:#3c3c3c;--inactive-opacity:0.5;display:flex;flex-direction:column}
.iq-trend-legend .value-anchor{flex:1 1;line-height:initial;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:var(--element-gap);column-gap:var(--element-gap)}
.iq-trend-legend .value-anchor.vertical{flex-direction:column}
.iq-trend-legend .value-info{display:flex;align-items:center;padding:var(--element-padding);flex:1 1;width:-moz-fill-available;width:-webkit-fill-available;width:fill-available;cursor:pointer}
.iq-trend-legend .value-info .value-icon{width:var(--icon-size);height:var(--icon-size);margin-right:var(--icon-margin);flex:none}
.iq-trend-legend .value-info .value-label{margin-right:var(--label-margin);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:initial;font-size:var(--label-font-size);font-family:var(--label-font-family);color:var(--label-color);font-weight:var(--label-font-weight)}
.iq-trend-legend .value-info .value-unit{display:flex;flex:none}
.iq-trend-legend .value-info .value-unit span{padding:0 3px}
.iq-trend-legend .value-info .value-unit,.iq-trend-legend .value-info .value-unit span{line-height:initial;font-size:var(--unit-font-size);font-family:var(--unit-font-family);color:var(--unit-color);font-weight:var(--unit-font-weight)}
.iq-trend-legend .value-info.no-unit .value-unit{display:none}
.iq-trend-legend.highlighted .value-info{opacity:var(--inactive-opacity)}
.iq-trend-legend.highlighted .value-info.active{opacity:1}
.iq-trend-legend.locked .value-info{cursor:initial}

/* iq-trend-live - common */
 .iq-trend-live{--button-background-color:#fdfdfd;--button-border-color:rgba(60, 60, 60, 0.7);--button-border-width:1px;--button-border-radius:4px;--button-shadow-color:rgba(60, 60, 60, 0.2);--button-icon-color:#000000;--button-hover-border-color:#00ABF0;--button-active-background-color:#00ABF0;--button-active-border-color:#00ABF0;--button-active-icon-color:#ffffff;--button-active-hover-border-color:#ffffff;--button-margin:8px;--button-initial-size:40px;--icon-size:24px;--locked-opacity:var(--iq-locked-opacity);height:var(--button-initial-size)}
.iq-trend-live .widget-content{display:flex;flex-direction:row;align-items:stretch;row-gap:var(--button-margin);column-gap:var(--button-margin);width:100%;height:100%}
.iq-trend-live.vertical{height:initial}
.iq-trend-live.vertical .widget-content{flex-direction:column}
.iq-trend-live.vertical .button-element{flex-basis:var(--button-initial-size);width:initial}
.iq-trend-live:not(.locked) .button-element:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-trend-live:not(.locked) .button-element:hover{border-color:var(--button-hover-border-color)}
.iq-trend-live:not(.locked) .button-element.active:hover{border-color:var(--button-active-hover-border-color)}
.iq-trend-live .button-element{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1;background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);box-shadow:0 3px 3px 0 var(--button-shadow-color);border-radius:var(--button-border-radius);cursor:pointer;width:var(--button-initial-size);align-items:center;justify-content:center}
.iq-trend-live .button-element svg.button-icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;padding:0 calc((var(--button-initial-size) - var(--button-border-width) - var(--icon-size))/ 2)}
.iq-trend-live .button-element svg.button-icon .pause-icon,.iq-trend-live .button-element svg.button-icon .play-icon{stroke:var(--button-icon-color);fill:var(--button-icon-color)}
.iq-trend-live .button-element.active{background-color:var(--button-active-background-color);border-color:var(--button-active-border-color)}
.iq-trend-live .button-element.active svg.button-icon .pause-icon,.iq-trend-live .button-element.active svg.button-icon .play-icon{stroke:var(--button-active-icon-color);fill:var(--button-active-icon-color)}
.iq-trend-live.locked{opacity:var(--locked-opacity)}
.iq-trend-live.locked .button-element{cursor:initial}

/* iq-trend-select - common */
 .iq-trend-select{display:flex;flex-direction:column;height:400px;--table-row-height:28px;--table-header-font-size:16px;--table-header-font-family:RobotoMedium;--table-header-color:#3C3C3C;--table-search-label-font-size:14px;--table-search-label-font-family:RobotoLight;--table-search-label-color:#3C3C3C;--table-search-value-font-size:14px;--table-search-value-font-family:RobotoLight;--table-search-value-color:#3C3C3C;--table-text-font-size:18px;--table-text-font-family:RobotoLight;--table-text-color:#3C3C3C;--table-checkbox-size:20px;--table-checkbox-handle-size:10px;--table-sort-icon-url:url(../pics/system/controls/complex-table2/arrow_up_black.svg);--table-config-icon-url:url(../pics/system/controls/iq-trend-select/edit-dark.svg)}
.iq-trend-select .table-anchor{flex:1 1;height:100%;display:flex;flex-direction:column}
.iq-trend-select .style-icon-template,.iq-trend-select .table-anchor .complex-table2.trend-item-selection .ct2-table-container .ct2-table-header .ct2-selcb,.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-button.curve-settings.locked{display:none}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection{flex:1 1}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .ct2-fhead::after{background:50% 50% no-repeat var(--table-sort-icon-url)}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .ct2-table-container .ct2-table-header .ct2-fhead{font-size:var(--table-header-font-size);font-family:var(--table-header-font-family);color:var(--table-header-color)}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .style-image{height:var(--table-row-height);object-fit:contain}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-checkbox{height:100%}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-checkbox .iq-checkbox{width:var(--table-checkbox-size);height:var(--table-checkbox-size)}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-checkbox .iq-handle{width:var(--table-checkbox-handle-size);height:var(--table-checkbox-handle-size)}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-button.curve-settings,.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-label{height:100%}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-label .iq-label{font-size:var(--table-text-font-size);font-family:var(--table-text-font-family);color:var(--table-text-color)}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-button.curve-settings .iq-icon{background-image:var(--table-config-icon-url)!important}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .iq-button.curve-settings .iq-button{border:initial;background-color:initial;box-shadow:initial}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .qsearch-box,.iq-trend-select .table-anchor .complex-table2.trend-item-selection .qsearch-box .input-field{max-width:100%}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .qsearch-box .input-field .label{font-size:var(--table-search-label-font-size);font-family:var(--table-search-label-font-family);color:var(--table-search-label-color)}
.iq-trend-select .table-anchor .complex-table2.trend-item-selection .qsearch-box .input-field .input-field-value{font-size:var(--table-search-value-font-size);font-family:var(--table-search-value-font-family);color:var(--table-search-value-color)}

/* iq-trend-set-select - common */
 .iq-trend-set-select{--label-font-size:14px;--label-font-family:RobotoBold;--label-color:#3C3C3C;--label-font-weight:initial;--option-background-color:#fdfdfd;--option-border-color:rgba(60, 60, 60, 0.7);--option-hover-background-color:#00ABF0;--option-label-font-size:14px;--option-label-font-family:RobotoLight;--option-label-color:#3C3C3C;--option-label-font-weight:initial;--option-label-hover-color:#ffffff;--icon-size:24px;--icon-url:url(../pics/system/controls/iq-select-box/menu_icon.svg);--locked-opacity:var(--iq-locked-opacity);--modified-marker-content:"(*) ";display:flex;flex-direction:column}
.iq-trend-set-select .selection-anchor{flex:1 1;height:100%;display:flex;flex-direction:column}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select{flex:1 1}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-label{font-size:var(--label-font-size);font-family:var(--label-font-family);font-weight:var(--label-font-weight);color:var(--label-color)}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-popup-container{width:120px}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-option-icon,.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-selects .iq-popup-icon{width:var(--icon-size);height:var(--icon-size)}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-selected .iq-popup-icon{background-image:var(--icon-url);background-size:contain;flex:0 0 auto}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-anchor,.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-selected,.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-selector:after{background-color:var(--option-background-color)}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-option,.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-selected{border-color:var(--option-border-color);color:var(--option-label-color);font-family:var(--option-label-font-family);font-size:var(--option-label-font-size);font-weight:var(--option-label-font-weight)}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-option .iq-value,.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-selected .iq-value{overflow:hidden;text-overflow:ellipsis}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-option:hover{background-color:var(--option-hover-background-color)}
.iq-trend-set-select .selection-anchor .iq-select-box.set-select .iq-option:hover .iq-value{color:var(--option-label-hover-color)}
.iq-trend-set-select.modified .iq-select-box.set-select .iq-selected .iq-value::before{content:var(--modified-marker-content)}
.iq-trend-set-select.locked{opacity:var(--locked-opacity)}

/* iq-trend-time - common */
 .iq-trend-time{--button-background-color:#fdfdfd;--button-border-color:rgba(60, 60, 60, 0.7);--button-border-width:1px;--button-border-radius:4px;--button-shadow-color:rgba(60, 60, 60, 0.2);--button-icon-color:#000000;--button-margin:8px;--button-label-font-size:14px;--button-label-font-family:RobotoLight;--button-label-color:#3C3C3C;--button-label-font-weight:initial;--button-label-hover-color:#ffffff;--button-hover-background-color:#00ABF0;--button-hover-icon-color:#ffffff;--button-hover-border-color:#00ABF0;--icon-size:24px;--locked-opacity:var(--iq-locked-opacity);--label-font-size:14px;--label-font-family:RobotoBold;--label-color:#3C3C3C;--label-font-weight:initial;--popup-label-font-size:14px;--popup-label-height:20px;--popup-label-font-family:RobotoBold;--popup-label-color:#3C3C3C;--popup-label-font-weight:initial;--popup-background-color:#ffffff;--date-button-color:#3C3C3C;--date-header-font-family:RobotoLight;--date-header-font-size:16px;--date-header-font-weight:initial;--date-header-color:#3C3C3C;--date-days-font-family:RobotoLight;--date-days-font-size:16px;--date-days-font-weight:initial;--date-days-color:#B1B1B1;--date-calendar-font-family:RobotoLight;--date-calendar-font-size:16px;--date-calendar-font-weight:initial;--date-calendar-color:#3C3C3C;--date-separator-color:#000000;--date-calendar-inactive-color:#CACACA;--date-calendar-highlight-background-color:#00ABF0;--date-calendar-highlight-color:#ffffff;--input-background-color:#fdfdfd;--input-color:#3C3C3C;--input-font-size:14px;--input-font-family:RobotoLight;--input-font-weight:400;--input-selection-color:#ffffff;--input-selection-background-color:#00ABF0;--time-icon-up:url(../pics/system/controls/iq-select-time/arrow_up_black.svg);--time-icon-up-highlight:url(../pics/system/controls/iq-select-time/arrow_up_white.svg);--time-icon-down:url(../pics/system/controls/iq-select-time/arrow_down_black.svg);--time-icon-down-highlight:url(../pics/system/controls/iq-select-time/arrow_down_white.svg);--duration-select-box-icon:url(../pics/system/controls/iq-select-box/menu_icon.svg)}
.iq-trend-time .widget-content{position:relative;display:flex;flex-direction:row;align-items:stretch;row-gap:var(--button-margin);column-gap:var(--button-margin);width:100%;height:100%;flex-wrap:wrap}
.iq-trend-time .popup-anchor{position:absolute}
.iq-trend-time .popup-anchor.right-orientation,.iq-trend-time .popup-anchor.right-orientation .popup-menu.trend-time{right:0}
.iq-trend-time .popup-anchor.popup-on-top .popup-menu.trend-time{bottom:0}
.iq-trend-time .popup-menu.trend-time{width:320px}
.iq-trend-time .popup-menu.trend-time .menu-frame{background-color:var(--popup-background-color)}
.iq-trend-time .popup-menu.trend-time .iq-label.date,.iq-trend-time .popup-menu.trend-time .iq-label.time{height:var(--popup-label-height)}
.iq-trend-time .popup-menu.trend-time .iq-label.date .iq-label,.iq-trend-time .popup-menu.trend-time .iq-label.time .iq-label{font-size:var(--popup-label-font-size);font-family:var(--popup-label-font-family);font-weight:var(--popup-label-font-weight);color:var(--popup-label-color)}
.iq-trend-time .popup-menu.trend-time .iq-label.time{margin:4px 0}
.iq-trend-time .iq-select-box .iq-label{font-size:var(--label-font-size);font-family:var(--label-font-family);font-weight:var(--label-font-weight);color:var(--label-color)}
.iq-trend-time .iq-select-box .iq-selected .iq-popup-icon{width:var(--icon-size);height:var(--icon-size);background-image:var(--duration-select-box-icon);background-size:contain}
.iq-trend-time .iq-select-box .iq-anchor,.iq-trend-time .iq-select-box .iq-selected,.iq-trend-time .iq-select-box .iq-selector:after{background-color:var(--button-background-color)}
.iq-trend-time .iq-select-box .iq-option,.iq-trend-time .iq-select-box .iq-selected{border-color:var(--button-border-color);color:var(--button-label-color);font-family:var(--button-label-font-family);font-size:var(--button-label-font-size);font-weight:var(--button-label-font-weight)}
.iq-trend-time .iq-select-box .iq-option:hover{background-color:var(--button-hover-background-color)}
.iq-trend-time .iq-select-box .iq-option:hover .iq-value{color:var(--button-label-hover-color)}
.iq-trend-time .iq-select-date.always-open .iq-widget-content{display:none}
.iq-trend-time .iq-select-date.always-open .iq-calendar{display:block;position:relative;box-shadow:initial;background-color:initial;padding:0;width:304px}
.iq-trend-time .iq-select-date.always-open .iq-calendar-content .iq-selector{display:none}
.iq-trend-time .iq-select-date.always-open li.iq-next,.iq-trend-time .iq-select-date.always-open li.iq-previous{stroke:var(--date-button-color)}
.iq-trend-time .iq-select-date.always-open ul.iq-month-select li.iq-current,.iq-trend-time .iq-select-date.always-open ul.iq-year-select li.iq-current{font-size:var(--date-header-font-size);font-family:var(--date-header-font-family);font-weight:var(--date-header-font-weight);color:var(--date-header-color)}
.iq-trend-time .iq-select-date.always-open li.iq-day-name{font-size:var(--date-days-font-size);font-family:var(--date-days-font-family);font-weight:var(--date-days-font-weight);color:var(--date-days-color)}
.iq-trend-time .iq-select-date.always-open ul.iq-day-header{border-color:var(--date-separator-color)}
.iq-trend-time .iq-select-date.always-open li.iq-current-month-day{font-size:var(--date-calendar-font-size);font-family:var(--date-calendar-font-family);font-weight:var(--date-calendar-font-weight);color:var(--date-calendar-color)}
.iq-trend-time .iq-select-date.always-open li.iq-next-month-day,.iq-trend-time .iq-select-date.always-open li.iq-previous-month-day{color:var(--date-calendar-inactive-color)}
.iq-trend-time .iq-select-date.always-open li.iq-current-month-day.iq-selected,.iq-trend-time .iq-select-date.always-open li.iq-current-month-day:hover,.iq-trend-time .iq-select-date.always-open li.iq-next-month-day.iq-selected,.iq-trend-time .iq-select-date.always-open li.iq-next-month-day:hover,.iq-trend-time .iq-select-date.always-open li.iq-previous-month-day.iq-selected,.iq-trend-time .iq-select-date.always-open li.iq-previous-month-day:hover{background-color:var(--date-calendar-highlight-background-color);color:var(--date-calendar-highlight-color)}
.iq-trend-time .iq-select-time{height:100px}
.iq-trend-time .iq-select-time .iq-input{background-color:var(--input-background-color);color:var(--input-color);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight)}
.iq-trend-time .iq-select-time .iq-input::selection{background-color:var(--input-selection-background-color);color:var(--input-selection-color)}
.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-button.iq-previous,.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-next{background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);box-shadow:0 3px 3px 0 var(--button-shadow-color);border-radius:var(--button-border-radius)}
.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-button.iq-previous:active,.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-button.iq-previous:hover,.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-next:active,.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-next:hover{background-color:var(--button-hover-background-color);border-color:var(--button-hover-border-color)}
.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-next{background-image:var(--time-icon-up)}
.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-next:hover{background-image:var(--time-icon-up-highlight)}
.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-previous{background-image:var(--time-icon-down)}
.iq-trend-time .iq-select-time.iq-icon-variant-01 .iq-button.iq-previous:hover{background-image:var(--time-icon-down-highlight)}
.iq-trend-time .iq-button .iq-button{background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);box-shadow:0 3px 3px 0 var(--button-shadow-color);border-radius:var(--button-border-radius)}
.iq-trend-time .iq-button .iq-button:active,.iq-trend-time .iq-button .iq-button:hover,.iq-trend-time:not(.locked):not(.inactive-mode) .button-element:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color)}
.iq-trend-time .iq-button .iq-label{font-size:var(--button-label-font-size);font-family:var(--button-label-font-family);color:var(--button-label-color);font-weight:var(--button-label-font-weight)}
.iq-trend-time .iq-button .iq-label:active,.iq-trend-time .iq-button .iq-label:hover,.iq-trend-time:not(.locked):not(.inactive-mode) .button-element:active .button-label,.iq-trend-time:not(.locked):not(.inactive-mode) .button-element:hover .button-label{color:var(--button-label-hover-color)}
.iq-trend-time .iq-container.button-container{margin-top:16px}
.iq-trend-time:not(.locked):not(.inactive-mode) .button-element:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-trend-time:not(.locked):not(.inactive-mode) .button-element:hover svg.button-icon .zoom-icon{stroke:var(--button-hover-icon-color);fill:var(--button-hover-icon-color)}
.iq-trend-time .end-element,.iq-trend-time .start-element{display:flex;align-items:center;flex:1 1 fit-content}
.iq-trend-time .duration{display:flex}
.iq-trend-time.mode-start-duration .end-element,.iq-trend-time.mode-start-end .duration{display:none}
.iq-trend-time .end-label,.iq-trend-time .start-label{font-size:var(--label-font-size);font-family:var(--label-font-family);font-weight:var(--label-font-weight);color:var(--label-color);margin-right:8px}
.iq-trend-time .button-element{box-sizing:border-box;display:flex;flex-direction:row;flex:1 1;background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);box-shadow:0 3px 3px 0 var(--button-shadow-color);border-radius:var(--button-border-radius);padding:4px;cursor:pointer;align-self:stretch;align-items:center;justify-content:center}
.iq-trend-time .button-element .button-label{font-size:var(--button-label-font-size);font-family:var(--button-label-font-family);color:var(--button-label-color);font-weight:var(--button-label-font-weight);margin-right:8px;flex:1 1;text-align:center}
.iq-trend-time .button-element svg.button-icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex:none}
.iq-trend-time .button-element svg.button-icon .zoom-icon{stroke:var(--button-icon-color);fill:var(--button-icon-color)}
.iq-trend-time.inactive-mode,.iq-trend-time.locked{opacity:var(--locked-opacity)}
.iq-trend-time.inactive-mode .button-element,.iq-trend-time.locked .button-element{cursor:initial}

/* iq-trend-zoom - common */
 .iq-trend-zoom{--button-background-color:#fdfdfd;--button-border-color:rgba(60, 60, 60, 0.7);--button-border-width:1px;--button-border-radius:4px;--button-shadow-color:rgba(60, 60, 60, 0.2);--button-icon-color:#000000;--button-hover-background-color:#00ABF0;--button-hover-icon-color:#ffffff;--button-hover-border-color:#00ABF0;--button-margin:8px;--button-initial-size:40px;--icon-size:30px;--locked-opacity:var(--iq-locked-opacity);height:var(--button-initial-size)}
.iq-trend-zoom .widget-content{display:flex;flex-direction:row;align-items:stretch;row-gap:var(--button-margin);column-gap:var(--button-margin);width:100%;height:100%}
.iq-trend-zoom.vertical{height:initial}
.iq-trend-zoom.vertical .widget-content{flex-direction:column-reverse}
.iq-trend-zoom.vertical .button-element{flex-basis:var(--button-initial-size);width:initial}
.iq-trend-zoom:not(.locked) .button-element:active{box-shadow:none;transform:translate3d(0,1px,0)}
.iq-trend-zoom:not(.locked) .button-element:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color)}
.iq-trend-zoom:not(.locked) .button-element:hover svg.button-icon .zoom-icon{stroke:var(--button-hover-icon-color)}
.iq-trend-zoom .button-element{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1;background-color:var(--button-background-color);border:var(--button-border-width) solid var(--button-border-color);box-shadow:0 3px 3px 0 var(--button-shadow-color);border-radius:var(--button-border-radius);cursor:pointer;width:var(--button-initial-size);align-items:center;justify-content:center}
.iq-trend-zoom .button-element svg.button-icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;padding:0 calc((var(--button-initial-size) - var(--button-border-width) - var(--icon-size))/ 2)}
.iq-trend-zoom .button-element svg.button-icon .zoom-icon{stroke:var(--button-icon-color)}
.iq-trend-zoom.locked{opacity:var(--locked-opacity)}
.iq-trend-zoom.locked .button-element{cursor:initial}

/* iq-user-controller - common */
 .iq-user-controller{box-sizing:border-box}
.iq-user-controller>.iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-user-controller>.iq-widget-container>.iq-widget-content{display:flex;flex:1}
.iq-user-controller .ctrl.iq-button{flex:1;width:initial}

/* iq-user-controller - style */
 .iq-user-controller>.iq-widget-container .iq-icon{filter:invert(0)}
.iq-user-controller.inverted>.iq-widget-container .iq-icon{filter:invert(1)}
.xenon-obsidian-theme .iq-user-controller>.iq-widget-container .iq-icon{filter:invert(0)}
.xenon-obsidian-theme .iq-user-controller.inverted>.iq-widget-container .iq-icon{filter:invert(1)}

/* iq-user-controller - dimensions */
 .iq-user-controller>.iq-widget-content{flex:1 1 40px}

/* iq-user-controller.iq-variant-01 - common */
 .iq-user-controller.iq-variant-01 .iq-button:not(:last-child){margin-right:8px}

/* iq-user-controller.iq-variant-01 - style */
 

/* iq-user-controller.iq-variant-01 - dimensions */
 

/* iq-user-controller.iq-variant-02 - common */
 .iq-user-controller.iq-variant-02 .iq-button:not(:last-child){margin-right:8px}

/* iq-user-controller.iq-variant-02 - style */
 

/* iq-user-controller.iq-variant-02 - dimensions */
 

/* iq-user-controller.iq-variant-03 - common */
 .iq-user-controller.iq-variant-03>.iq-widget-container>.iq-widget-content{flex-direction:column}
.iq-user-controller.iq-variant-03>.iq-widget-container>.iq-widget-content>.iq-button:not(:last-child){margin-bottom:8px}

/* iq-user-controller.iq-variant-03 - style */
 

/* iq-user-controller.iq-variant-03 - dimensions */
 

/* iq-user-controller.iq-variant-04 - common */
 .iq-user-controller.iq-variant-04>.iq-widget-container>.iq-widget-content{flex-direction:column}
.iq-user-controller.iq-variant-04>.iq-widget-container>.iq-widget-content>.iq-button:not(:last-child){margin-bottom:8px}

/* iq-user-controller.iq-variant-04 - style */
 

/* iq-user-controller.iq-variant-04 - dimensions */
 

/* iq-user-info - common */
 .iq-user-info{box-sizing:border-box}
.iq-user-info .iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}
.iq-user-info .iq-widget-content{display:flex;flex-direction:column;justify-content:space-evenly}
.iq-user-info .iq-text{white-space:nowrap}
.iq-user-info.clickable{cursor:pointer}
.iq-user-info.locked.clickable{cursor:default}

/* iq-user-info - style */
 .iq-user-info.hidden,.xenon-obsidian-theme .iq-user-info.hidden{display:none}
.iq-user-info.invisible,.xenon-obsidian-theme .iq-user-info.invisible{visibility:hidden}
.iq-user-info{color:#3C3C3C}
.iq-user-info *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.iq-user-info.inverted,.xenon-obsidian-theme .iq-user-info{color:#FFF}
.xenon-obsidian-theme .iq-user-info *{font:inherit;color:inherit;line-height:initial;text-decoration:inherit}
.xenon-obsidian-theme .iq-user-info.inverted{color:#3C3C3C}

/* iq-user-info - dimensions */
 .iq-user-info .iq-widget-content{flex:1 1 40px}

/* iq-user-info.iq-variant-01 - common */
 

/* iq-user-info.iq-variant-01 - style */
 

/* iq-user-info.iq-variant-01 - dimensions */
 

/* iq-user-list - common */
 .iq-user-list .iq-widget-container{position:relative;display:grid;width:100%;height:100%;grid:"." minmax(304px,1fr)/minmax(600px,1fr)}
.iq-user-list .iq-widget-container>div{position:absolute;height:100%;width:100%}

/* iq-user-list - style */
 

/* iq-user-list - dimensions */
 

/* iq-user-list.iq-variant-01 - common */
 

/* iq-user-list.iq-variant-01 - style */
 

/* iq-user-list.iq-variant-01 - dimensions */
 

/* iq-user-select - common */
 .iq-user-select{box-sizing:border-box}
.iq-user-select>.iq-widget-container{display:flex;flex-direction:column;width:100%;height:100%}

/* iq-user-select - style */
 

/* iq-user-select - dimensions */
 

/* iq-user-select.iq-variant-01 - common */
 

/* iq-user-select.iq-variant-01 - style */
 

/* iq-user-select.iq-variant-01 - dimensions */
 

/* iq-user-select.iq-variant-02 - common */
 

/* iq-user-select.iq-variant-02 - style */
 

/* iq-user-select.iq-variant-02 - dimensions */
 

/* linear-gauge - common */
 .linear-gauge,.linear-gauge .unit{box-sizing:border-box}
.linear-gauge{position:relative}
.linear-gauge .style-wrapper{display:flex;width:100%;height:100%;align-items:center}
.linear-gauge .value{position:absolute;text-align:center;font-weight:700}
.linear-gauge .reference{flex:1}
.linear-gauge .bar{transform-origin:0 0;transition:background-color .25s ease}

/* linear-gauge - style */
 .linear-gauge .unit,.linear-gauge .value,.xenon-obsidian-theme .linear-gauge .unit,.xenon-obsidian-theme .linear-gauge .value{font-family:RobotoLight,sans-serif}
.linear-gauge{color:#3C3C3C}
.linear-gauge .unit{color:#7a7a7a}
.linear-gauge .bar{background-color:#00ABF0!important;box-shadow:0 0 5px rgba(0,171,240,.5)}
.linear-gauge .reference{background-color:#efefef}
.xenon-obsidian-theme .linear-gauge{color:#FFF}
.xenon-obsidian-theme .linear-gauge .unit{color:#fff}
.xenon-obsidian-theme .linear-gauge .bar{background-color:#00abf0!important;box-shadow:0 0 5px rgba(0,171,240,.5)}
.xenon-obsidian-theme .linear-gauge .reference{background-color:#302f2f}

/* linear-gauge - dimensions */
 .linear-gauge,.linear-gauge.large,.linear-gauge.medium,.linear-gauge.small{min-width:176px}
.linear-gauge .value{width:72px;padding-left:8px;line-height:40px;font-size:14px}
.linear-gauge .unit{width:40px;line-height:40px;margin-left:88px;margin-right:8px;font-size:14px}
.linear-gauge .bar{height:16px}
.linear-gauge.large .value{width:88px;padding-left:8px;line-height:48px;font-size:18px}
.linear-gauge.large .unit{width:56px;line-height:48px;margin-left:104px;margin-right:8px;font-size:18px}
.linear-gauge.large .bar{height:32px}
.linear-gauge.medium .value{width:72px;padding-left:8px;line-height:40px;font-size:14px}
.linear-gauge.medium .unit{width:40px;line-height:40px;margin-left:88px;margin-right:8px;font-size:14px}
.linear-gauge.medium .bar{height:16px}
.linear-gauge.small .value{width:72px;padding-left:8px;line-height:32px;font-size:11px}
.linear-gauge.small .unit{width:40px;line-height:32px;margin-left:64px;margin-right:8px;font-size:11px}
.linear-gauge.small .bar{height:8px}

/* linear-gauge.vertical - common */
 .linear-gauge.vertical{height:1px}
.linear-gauge.vertical .style-wrapper{flex-direction:column}
.linear-gauge.vertical .value{position:absolute;padding-left:0;text-align:center;font-weight:700}
.linear-gauge.vertical .unit{margin-right:0;text-align:center}
.linear-gauge.vertical .bar{height:100%;transform-origin:0 100%}

/* linear-gauge.vertical - style */
 

/* linear-gauge.vertical - dimensions */
 .linear-gauge.vertical{min-width:56px;min-height:160px;padding:8px}
.linear-gauge.vertical .value{width:100%;line-height:24px}
.linear-gauge.vertical .unit{width:100%;margin-left:0;margin-top:24px;margin-bottom:8px;line-height:24px}
.linear-gauge.vertical .bar{width:16px}
.linear-gauge.vertical.large{min-width:56px;min-height:200px;padding:8px}
.linear-gauge.vertical.large .value{width:100%;line-height:32px}
.linear-gauge.vertical.large .unit{width:100%;margin-left:0;margin-top:32px;margin-bottom:8px;line-height:32px}
.linear-gauge.vertical.large .bar{width:32px}
.linear-gauge.vertical.medium{min-width:56px;min-height:160px;padding:8px}
.linear-gauge.vertical.medium .value{width:100%;line-height:24px}
.linear-gauge.vertical.medium .unit{width:100%;margin-left:0;margin-top:24px;margin-bottom:8px;line-height:24px}
.linear-gauge.vertical.medium .bar{width:16px}
.linear-gauge.vertical.small{min-width:56px;min-height:120px;padding:8px}
.linear-gauge.vertical.small .value{width:100%;line-height:16px}
.linear-gauge.vertical.small .unit{width:100%;margin-left:0;margin-top:16px;margin-bottom:8px;line-height:16px}
.linear-gauge.vertical.small .bar{width:8px}

/* linear-gauge2 - common */
 .linear-gauge2 .text-container::after,.linear-gauge2::after{content:"\0020";display:block;visibility:hidden;clear:both}
.linear-gauge2{box-sizing:border-box;position:relative;text-align:left;overflow:hidden}
.linear-gauge2::after{height:0}
.linear-gauge2 .label{max-width:100%}
.linear-gauge2 .bar{width:100%;background:url(../pics/system/controls/linear-gauge2/lg-green-sd.png) no-repeat;background-size:100% 7px;transform-origin:0 0;transition:background-color .25s ease}
.linear-gauge2 .ref-bar{position:absolute;margin-top:2px;width:100%;height:2px}
.linear-gauge2.preWarn .bar{background:url(../pics/system/controls/linear-gauge2/lg-yellow-sd.png) no-repeat;background-size:100% 7px}
.linear-gauge2.warn .bar{background:url(../pics/system/controls/linear-gauge2/lg-red-sd.png) no-repeat;background-size:100% 7px}
.linear-gauge2 .highlight{position:absolute;background:url(../pics/system/controls/linear-gauge2/lg-high-green-sd.png) no-repeat;background-size:15px 15px}
.linear-gauge2.preWarn .highlight{background:url(../pics/system/controls/linear-gauge2/lg-high-yellow-sd.png) no-repeat;background-size:15px 15px}
.linear-gauge2.warn [data-ui=highlight]{background:url(../pics/system/controls/linear-gauge2/lg-high-red-sd.png) no-repeat;background-size:15px 15px}
.linear-gauge2 .state-symbol{position:absolute;opacity:0;transition:opacity .3s linear}
.linear-gauge2.preWarn .state-symbol{background:url(../pics/system/controls/alarms_warnings_sprite.png) -40px 0 no-repeat;background-size:60px 80px;opacity:1}
.linear-gauge2.warn .state-symbol{background:url(../pics/system/controls/alarms_warnings_sprite.png) -40px -40px no-repeat;background-size:60px 80px;opacity:1}
.linear-gauge2 .text-container{box-sizing:border-box;width:100%}
.linear-gauge2 .text-container::after{height:0}
.linear-gauge2 .value{position:absolute;right:50px;text-align:right;text-shadow:0 0 2px rgba(60,60,60,.5)}
.linear-gauge2 .unit{float:right;text-align:left;font-weight:100;clear:both}

/* linear-gauge2 - style */
 .linear-gauge2 .label{font-family:RobotoLight,sans-serif;color:#3C3C3C}
.linear-gauge2 .ref-bar{background-color:#DCDCDC}
.linear-gauge2 .value{color:#3C3C3C}
.linear-gauge2 .unit{color:#7a7a7a}
.linear-gauge2.warn,.linear-gauge2.warn .value{color:#E80000}
.linear-gauge2.preWarn,.linear-gauge2.preWarn .value{color:#F29E28}
.linear-gauge2.inverted .label,.linear-gauge2.locked .label{color:#b1b1b1}
.xenon-obsidian-theme .linear-gauge2 .label{font-family:RobotoLight,sans-serif;color:#FFF}
.xenon-obsidian-theme .linear-gauge2 .ref-bar{background-color:#302f2f}
.xenon-obsidian-theme .linear-gauge2 .value{color:#FFF}
.xenon-obsidian-theme .linear-gauge2 .unit{color:#fff}
.xenon-obsidian-theme .linear-gauge2.warn,.xenon-obsidian-theme .linear-gauge2.warn .value{color:#e80000}
.xenon-obsidian-theme .linear-gauge2.preWarn,.xenon-obsidian-theme .linear-gauge2.preWarn .value{color:#F29E28}
.xenon-obsidian-theme .linear-gauge2.inverted .label,.xenon-obsidian-theme .linear-gauge2.locked .label{color:#7d7b7b}

/* linear-gauge2 - dimensions */
 .linear-gauge2,.linear-gauge2.large,.linear-gauge2.medium,.linear-gauge2.small{min-width:208px}
.linear-gauge2 .label{padding-bottom:8px;font-size:14px;line-height:24px}
.linear-gauge2 .bar{height:8px}
.linear-gauge2 .highlight{width:18px;height:18px;top:28px;margin-left:-4px}
.linear-gauge2 .state-symbol{width:20px;height:20px;bottom:15px}
.linear-gauge2 .value{padding-right:22px;font-size:36px;line-height:40px}
.linear-gauge2 .unit{font-size:18px;line-height:40px}
.linear-gauge2.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.linear-gauge2.large .bar{height:8px}
.linear-gauge2.large .highlight{width:18px;height:18px;top:36px;margin-left:-4px}
.linear-gauge2.large .state-symbol{width:20px;height:20px;bottom:15px}
.linear-gauge2.large .value{padding-right:22px;font-size:44px;line-height:48px}
.linear-gauge2.large .unit{font-size:26px;line-height:48px}
.linear-gauge2.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.linear-gauge2.medium .bar{height:8px}
.linear-gauge2.medium .highlight{width:18px;height:18px;top:28px;margin-left:-4px}
.linear-gauge2.medium .state-symbol{width:20px;height:20px;bottom:15px}
.linear-gauge2.medium .value{padding-right:22px;font-size:36px;line-height:40px}
.linear-gauge2.medium .unit{font-size:18px;line-height:40px}
.linear-gauge2.small .label{padding-bottom:8px;font-size:11px;line-height:24px}
.linear-gauge2.small .bar{height:8px}
.linear-gauge2.small .highlight{width:18px;height:18px;top:28px;margin-left:-4px}
.linear-gauge2.small .state-symbol{width:20px;height:20px;bottom:5px}
.linear-gauge2.small .value{padding-right:22px;font-size:22px;line-height:32px}
.linear-gauge2.small .unit{font-size:15px;line-height:32px}

/* linear-gauge2.inverted - common */
 

/* linear-gauge2.inverted - style */
 .linear-gauge2.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.linear-gauge2.inverted .ref-bar{background-color:#5b5b5b}
.linear-gauge2.inverted .value{color:#FFF}
.linear-gauge2.inverted .unit{color:#7a7a7a}
.linear-gauge2.inverted.warn,.linear-gauge2.inverted.warn .value{color:#E80000}
.linear-gauge2.inverted.preWarn,.linear-gauge2.inverted.preWarn .value{color:#F29E28}
.xenon-obsidian-theme .linear-gauge2.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.xenon-obsidian-theme .linear-gauge2.inverted .ref-bar{background-color:#4d4b4b}
.xenon-obsidian-theme .linear-gauge2.inverted .value{color:#FFF}
.xenon-obsidian-theme .linear-gauge2.inverted .unit{color:#fff}
.xenon-obsidian-theme .linear-gauge2.inverted.warn,.xenon-obsidian-theme .linear-gauge2.inverted.warn .value{color:#e80000}
.xenon-obsidian-theme .linear-gauge2.inverted.preWarn,.xenon-obsidian-theme .linear-gauge2.inverted.preWarn .value{color:#F29E28}

/* linear-gauge2.inverted - dimensions */
 

/* linear-gauge2.no-value-display - common */
 .linear-gauge2.no-value-display{padding-bottom:10px}
.linear-gauge2.no-value-display .bar{margin:0}
.linear-gauge2.no-value-display .state-symbol,.linear-gauge2.no-value-display .text-container{display:none}

/* linear-gauge2.no-value-display - style */
 

/* linear-gauge2.no-value-display - dimensions */
 

/* linear-gauge2.vertical - common */
 .linear-gauge2.vertical .text-container{position:absolute;bottom:0}
.linear-gauge2.vertical .unit,.linear-gauge2.vertical .value{float:none;text-align:right}
.linear-gauge2.vertical .value{position:relative;right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.linear-gauge2.vertical .bar{position:absolute;top:0;left:0;background:url(../pics/system/controls/linear-gauge2/lg-green-sd-vertical.png) no-repeat;background-size:7px 100%;transform-origin:0 100%}
.linear-gauge2.vertical .ref-bar{position:absolute;top:0;left:2px;height:100%;width:2px}
.linear-gauge2.vertical .highlight{background:url(../pics/system/controls/linear-gauge2/lg-high-green-sd-vertical.png) no-repeat;background-size:13px 13px;bottom:-8px}
.linear-gauge2.vertical .state-symbol{bottom:auto}

/* linear-gauge2.vertical - style */
 

/* linear-gauge2.vertical - dimensions */
 .linear-gauge2.vertical .unit,.linear-gauge2.vertical .value,.linear-gauge2.vertical.large .unit,.linear-gauge2.vertical.large .value,.linear-gauge2.vertical.medium .unit,.linear-gauge2.vertical.medium .value,.linear-gauge2.vertical.small .unit,.linear-gauge2.vertical.small .value{padding:0}
.linear-gauge2.vertical .label,.linear-gauge2.vertical .text-container,.linear-gauge2.vertical.large .label,.linear-gauge2.vertical.large .text-container,.linear-gauge2.vertical.medium .label,.linear-gauge2.vertical.medium .text-container,.linear-gauge2.vertical.small .label,.linear-gauge2.vertical.small .text-container{margin-left:30px}
.linear-gauge2.vertical{width:128px;min-width:128px;min-height:208px}
.linear-gauge2.vertical .bar{width:8px;height:100%}
.linear-gauge2.vertical .text-container{width:calc(100% - 30px)}
.linear-gauge2.vertical .state-symbol{left:30px;top:30px}
.linear-gauge2.vertical .highlight{top:auto}
.linear-gauge2.vertical.large{width:144px;min-width:144px;min-height:208px}
.linear-gauge2.vertical.large .bar{width:8px;height:100%}
.linear-gauge2.vertical.large .text-container{width:calc(100% - 30px)}
.linear-gauge2.vertical.large .state-symbol{left:30px;top:40px}
.linear-gauge2.vertical.large .highlight{top:auto}
.linear-gauge2.vertical.medium{width:128px;min-width:128px;min-height:208px}
.linear-gauge2.vertical.medium .bar{width:8px;height:100%}
.linear-gauge2.vertical.medium .text-container{width:calc(100% - 30px)}
.linear-gauge2.vertical.medium .state-symbol{left:30px;top:30px}
.linear-gauge2.vertical.medium .highlight{top:auto}
.linear-gauge2.vertical.small{width:96px;min-width:96px;min-height:208px}
.linear-gauge2.vertical.small .bar{width:8px;height:100%}
.linear-gauge2.vertical.small .text-container{width:calc(100% - 30px)}
.linear-gauge2.vertical.small .state-symbol{left:30px;top:20px}
.linear-gauge2.vertical.small .highlight{top:auto}

/* list-box - common */
 .list-box .list-items{display:inline-block;vertical-align:middle;box-sizing:border-box;border:1px solid #000;overflow-y:scroll}
.list-box.inactive [data-ui=list-item],.list-box.locked .list-item{background:0 0}

/* list-box - style */
 .list-box .label,.list-box .list-items,.list-box input{color:#3C3C3C}
.list-box .label,.xenon-obsidian-theme .list-box .label{font-family:RobotoLight,sans-serif}
.list-box .list-items{background-color:#fdfdfd;border-color:#c8c8c8!important}
.list-box .list-item.selected,.list-box [data-ui=list-item].selected{background-color:#00ABF0}
.list-box.inactive .label,.list-box.locked .label{color:#b1b1b1}
.list-box.inactive .list-items,.list-box.locked .list-items{background-color:#fcfcfc;border-color:#DCDCDC!important}
.list-box.inactive .list-item,.list-box.inactive [data-ui=list-item],.list-box.locked .list-item,.list-box.locked [data-ui=list-item]{color:#bebebe}
.xenon-obsidian-theme .list-box .label{color:#FFF}
.xenon-obsidian-theme .list-box .list-items{background-color:#262525;border-color:#524f4f!important;color:#FFF}
.xenon-obsidian-theme .list-box input{color:#FFF}
.xenon-obsidian-theme .list-box .list-item.selected,.xenon-obsidian-theme .list-box [data-ui=list-item].selected{background-color:#00abf0}
.xenon-obsidian-theme .list-box.inactive .label,.xenon-obsidian-theme .list-box.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .list-box.inactive .list-items,.xenon-obsidian-theme .list-box.locked .list-items{background-color:#3d3c3c;border-color:#302f2f!important}
.xenon-obsidian-theme .list-box.inactive .list-item,.xenon-obsidian-theme .list-box.inactive [data-ui=list-item],.xenon-obsidian-theme .list-box.locked .list-item,.xenon-obsidian-theme .list-box.locked [data-ui=list-item]{color:#575555}

/* list-box - dimensions */
 .list-box,.list-box.medium{min-height:96px;min-width:96px}
.list-box{height:96px}
.list-box .label{padding-bottom:8px;font-size:14px;line-height:24px}
.list-box .list-items{height:calc(100% - 24px);max-height:calc(100% - 24px);margin:0 8px;width:calc(100% - 8px);padding:10px;font-size:14px;line-height:16px;border-width:1px!important}
.list-box .list-item,.list-box [data-ui=list-item]{margin-bottom:10px}
.list-box .list-item:last-child,.list-box [data-ui=list-item]:last-child{margin-bottom:0}
.list-box.large{min-width:96px;min-height:152px;height:152px}
.list-box.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.list-box.large .list-items{height:calc(100% - 40px);max-height:calc(100% - 40px);margin:0 8px;width:calc(100% - 8px);padding:10px;font-size:18px;line-height:32px;border-width:1px!important}
.list-box.large .list-item,.list-box.large [data-ui=list-item]{margin-bottom:10px}
.list-box.large .list-item:last-child,.list-box.large [data-ui=list-item]:last-child{margin-bottom:0}
.list-box.medium{height:96px}
.list-box.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.list-box.medium .list-items{height:calc(100% - 24px);max-height:calc(100% - 24px);margin:0 8px;width:calc(100% - 8px);padding:10px;font-size:14px;line-height:16px;border-width:1px!important}
.list-box.medium .list-item,.list-box.medium [data-ui=list-item]{margin-bottom:10px}
.list-box.medium .list-item:last-child,.list-box.medium [data-ui=list-item]:last-child{margin-bottom:0}
.list-box.small{min-width:56px;min-height:96px;height:96px}
.list-box.small .label{padding-bottom:8px;font-size:11px;line-height:24px}
.list-box.small .list-items{height:calc(100% - 24px);max-height:calc(100% - 24px);margin:0 8px;width:calc(100% - 8px);padding:10px;font-size:11px;line-height:16px;border-width:1px!important}
.list-box.small .list-item,.list-box.small [data-ui=list-item]{margin-bottom:5px}
.list-box.small .list-item:last-child,.list-box.small [data-ui=list-item]:last-child{margin-bottom:0}

/* loader - common */
 .loader .background,.loader .loading{box-sizing:border-box;width:100%;height:100%;border-radius:100%}
.loader{position:fixed;height:100%;top:0;bottom:0;right:0;left:0;margin:0 auto;z-index:1000}
.loader .loader-container{position:absolute;top:50%;left:50%}
.loader .loading{border-bottom:6px solid transparent;border-left:6px solid transparent;border-top:6px solid transparent;animation:spin .8s infinite linear}
.loader .background{position:absolute}
@keyframes spin{from{transform:rotate(0)}
to{transform:rotate(359deg)}
}

/* loader - style */
 .loader .loading-text,.xenon-obsidian-theme .loader .loading-text{font-family:RobotoRegular,sans-serif;text-align:center}
.loader{background-color:#F3F3F3}
.loader .loading{border-right:6px solid #9bc628}
.loader .loading-text{color:#3C3C3C}
.loader .background{border:6px solid #3C3C3C}
.xenon-obsidian-theme .loader{background-color:#262525}
.xenon-obsidian-theme .loader .loading{border-right:6px solid #9bc628}
.xenon-obsidian-theme .loader .loading-text{color:#FFF}
.xenon-obsidian-theme .loader .background{border:6px solid #FFF}

/* loader - dimensions */
 .loader .loader-container{height:56px;width:56px;margin-left:-28px;margin-top:-28px}
.loader .loading-text{width:calc(100% + 30px);margin-left:-15px;margin-top:16px;font-size:16px}

/* loading-box-overlay - common */
 .loading-box-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-position:center center;transition:opacity .5s ease-in;opacity:1;z-index:99999}

/* loading-box-overlay - style */
 .loading-box-overlay{background-color:#fff;background-image:url(../pics/system/controls/loading-box-overlay/webiq.png)}
.xenon-obsidian-theme .loading-box-overlay{background-color:#403e3e;background-image:url(../pics/system/controls/loading-box-overlay/webiq_white.png)}

/* loading-box-overlay - dimensions */
 .loading-box-overlay{background-size:339px 125px}

/* login - common */
 .login{width:100%;height:100%}
.login .decoration{background-color:#FFF;height:100%}
.login .decoration .logo{width:230px;height:100px;display:block;position:absolute;top:16px;right:16px;background-size:contain;background-repeat:no-repeat;background-image:url(../pics/system/controls/login/WebIQ_Logo.png)}
.login .decoration .status-display{position:absolute;bottom:15%;width:100%;display:flex;justify-content:center}
.login .decoration .status-display .spinner{height:24px;width:24px;animation:spin 2s infinite;background-image:url(../pics/system/controls/login/spinner.svg)}
.login .decoration .status-display .label{margin-left:6px;color:#3C3C3C;font-size:16px;font-weight:700;text-transform:capitalize}
.login .decoration .status-display .connected{display:none;height:24px;width:24px;background-image:url(../pics/system/controls/login/connected_new.svg)}
.login .decoration .status-display.connected .spinner{display:none}
.login .decoration .status-display.connected .connected{display:block}
.login .login-area-overlay{display:flex;width:100%;top:50%;transform:translateY(-50%);flex-direction:column;position:absolute;justify-content:center;align-items:center;overflow-y:visible}
.login .login-area-overlay .project-image{height:160px;width:400px;display:block;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url(../.webiq/preview.png);margin-bottom:38px}
.login .login-area-overlay .forms{padding:10px;height:50%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.login .login-area-overlay .forms>div{padding:0 0 10px}
.login .login-area-overlay .forms .login-if{width:100%}
.login .login-area-overlay .forms .login-if .input-field-value{height:56px;border-radius:4px;color:#3C3C3C;border:1px solid #5DDCDC;font-size:18px}
.login .login-area-overlay .forms .login-if .user-list{position:absolute;box-sizing:border-box;z-index:1;bottom:69px;width:calc(100% - 8px);left:8px;background-color:#e8f0fe;border-radius:4px}
.login .login-area-overlay .forms .login-if .user-list .toolTip{max-height:152px;padding:5px;overflow-y:auto}
.login .login-area-overlay .forms .login-if .user-list h1{font-size:18px;line-height:24px}
.login .login-area-overlay .forms .login-if .user-list .user{text-align:left;padding:10px;border-bottom:1px solid #000;color:#3C3C3C}
.login .login-area-overlay .forms .login-if .user-list .user:last-child{border-bottom:0}
.login .login-area-overlay .forms .login-if .user-list .user:hover{background-color:#0a93cf;opacity:.8;color:#FFF}
.login .login-area-overlay .forms .login-if .userPic{display:none}
.login .login-area-overlay .forms .login-if .toolArrow:after{background-color:#FFF}
.login .login-area-overlay .buttons{padding:10px;height:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.login .login-area-overlay .buttons .login-btn{margin:0 10px 10px 0;border-radius:4px;color:#FFF;background-color:#008CCD;width:120px}
.login .login-area-overlay .buttons .login-btn .center-element{width:100%}
.login .login-area-overlay .buttons .login-btn .button-label{font-family:Roboto,sans-serif;font-weight:700;text-align:center;color:#FFF}
.login .login-area-overlay .buttons .login-btn:hover{background-color:#0A93CF;color:#FFF}
.login .login-area-overlay .buttons .login-btn.button-auto-login{width:240px}
@keyframes spin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
50%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
100%{transform:rotate(360deg)}
}

/* login - style */
 

/* login - dimensions */
 

/* numpad - common */
 .numpad{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;overflow:auto}
.numpad *{box-sizing:border-box}
.numpad.open{display:block}
.numpad.animate.in .numpad-background,.numpad.animate.in .numpad-content{opacity:1}
.numpad.animate.in .numpad-content{transform:scale(1) translate(0)}
.numpad.animate.out .numpad-background,.numpad.animate.out .numpad-content{opacity:0}
.numpad.animate .numpad-content{transform:scale(.66) translate(0,-80px)}
.numpad.animate .numpad-background,.numpad.animate .numpad-content{opacity:0;transition:all .3s ease-in-out}
.numpad .wrapper{display:flex;flex-direction:column}
.numpad .infoblock{position:relative}
.numpad .infoblock .display{display:flex;flex-direction:row;align-items:stretch;align-content:stretch}
.numpad .infoblock .display>.button{display:block;flex:1 0 auto;width:40px;max-width:40px;min-width:40px;height:40px;padding:0 8px;font-size:24px;line-height:40px;text-align:center}
.numpad .infoblock .display>.input-display{display:block;flex:1 1 auto}
.numpad .infoblock .display>.input-display>input{width:100%;max-width:100%;max-height:100%;margin:0;border:0;padding:0;font-weight:700;text-align:right;background-color:transparent}
.numpad .infoblock .display>.numpad-unit{display:block;flex:1 0 auto;opacity:.5;line-height:42px}
.numpad .infoblock .err-text-container{position:relative;overflow:hidden}
.numpad .infoblock .err-text{position:absolute;max-height:0;overflow:hidden;text-align:right;font-weight:700;transition:all .25s ease-in-out}
.numpad .infoblock .err-text>div[class^=err-msg-]{max-height:0;opacity:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .25s ease-in-out}
.numpad .infoblock .err-text>div[class^=err-msg-]:not(:first-child){margin-top:4px}
.numpad .infoblock .err-text.visible{max-height:72px}
.numpad .infoblock .err-text.visible>div[class^=err-msg-]{max-height:56px;opacity:1}
.numpad .infoblock .err-text.visible>div[class^=err-msg-].fadein{transition:all .25s ease-in-out}
.numpad .infoblock .err-text.visible>div[class^=err-msg-].fadeout{max-height:0;opacity:0}
.numpad .infoblock .infoelement{display:flex;flex-direction:row;justify-content:space-between}
.numpad .infoblock .infoelement .max-label,.numpad .infoblock .infoelement .min-label{flex:1;text-align:right;font-weight:700;line-height:100%;opacity:.5}
.numpad .infoblock .infoelement .max-value,.numpad .infoblock .infoelement .min-value{text-align:right;font-weight:700;line-height:100%}
.numpad .infoblock .infoelement.no-max .max-label,.numpad .infoblock .infoelement.no-max .max-value,.numpad .infoblock .infoelement.no-min .min-label,.numpad .infoblock .infoelement.no-min .min-value{visibility:hidden}
.numpad .numblock{display:flex;flex-direction:column}
.numpad .numpad-background{position:relative;display:table;top:0;left:0;width:100%;height:100%}
.numpad .numpad-content-container{display:table-cell;vertical-align:middle;text-align:center}
.numpad .numpad-content{display:inline-block;padding:0;text-align:left;user-select:none;-ms-touch-action:none;overflow:hidden}
.numpad .button3block,.numpad .buttonblock,.numpad .row{display:flex}
.numpad .buttonblock .button{flex:1;margin-bottom:0;text-transform:capitalize;text-align:center}
.numpad .button3block{flex:1;flex-direction:row}
.numpad .button3block .num-item{flex:1;padding:8px}
.numpad .button3block .num-item:last-child{padding-right:0}
.numpad .button3block .num-item:first-child{padding-left:0}
.numpad .button3block .num-item .button{flex:1;height:100%;line-height:100%;text-align:center;justify-content:center;align-items:center;font-weight:700}
.numpad .button3block .num-item.comma .button{padding:20px 35px}
.numpad .row .button{flex:1;display:inline-block;padding:0;text-align:center}

/* numpad - style */
 .numpad .infoblock .display>.numpad-unit,.xenon-obsidian-theme .numpad .infoblock .display>.numpad-unit{font-weight:700}
.numpad .numpad-title{background-color:#353535;color:#FFF}
.numpad .infoblock .err-text,.numpad div.input-display.error,.numpad input.error{color:#cb1d1d}
.numpad .numpad-background{background-color:rgba(18,18,18,.6)}
.numpad .numpad-content{background-color:#FBFBFB}
.numpad .numblock{background-color:#F3F3F3}
.xenon-obsidian-theme .numpad .numpad-title{background-color:#262525;color:#FFF}
.xenon-obsidian-theme .numpad .infoblock .err-text,.xenon-obsidian-theme .numpad div.input-display.error,.xenon-obsidian-theme .numpad input.error{color:#cb1d1d}
.xenon-obsidian-theme .numpad .numpad-background{background-color:rgba(38,37,37,.6)}
.xenon-obsidian-theme .numpad .numpad-content{background-color:#1E1D1D}
.xenon-obsidian-theme .numpad .numblock{background-color:#262525}

/* numpad - dimensions */
 .numpad .numpad-title{font-size:16px;line-height:40px;padding:0 8px}
.numpad .numpad-content{width:300px;font-size:14px}
.numpad .infoblock{padding:6px}
.numpad .infoblock .display{padding:8px}
.numpad .infoblock .display>.button{width:40px;max-width:40px;min-width:40px;height:40px;padding:0 8px;font-size:24px}
.numpad .infoblock .display>.numpad-unit{font-size:18px;margin:0 0 0 4px}
.numpad .infoblock .err-text-container{height:56px}
.numpad .infoblock .err-text{width:100%;padding:4px 8px}
.numpad .infoblock .err-text>div[class^=err-msg-]{font-size:14px}
.numpad .infoblock .infoelement{padding:8px}
.numpad .infoblock .infoelement .max-label,.numpad .infoblock .infoelement .min-label{padding:8px 8px 0;box-sizing:inherit;font-size:14px;line-height:100%}
.numpad .infoblock .infoelement .max-value,.numpad .infoblock .infoelement .min-value{font-size:24px}
.numpad .button{line-height:40px;border-width:1px!important}
.numpad .button .button-label{font-size:14px}
.numpad .numblock{height:400px;padding:12px}
.numpad .numblock .display{height:50px}
.numpad .infoblock-limits-label{margin-bottom:16px}
.numpad .sign-changer{width:40px;font-size:18px}
.numpad .input-display input{font-size:32px}
.numpad .button3block .num-item .button{padding:calc(50% - 16px) 30px;font-size:32px}
.numpad .button3block .num-item.backspace .button{padding:calc(50% - 16px) 15px}
.numpad.large .numpad-title{font-size:16px;line-height:40px;padding:0 8px}
.numpad.large .numpad-content{width:400px;font-size:14px}
.numpad.large .infoblock,.numpad.large .infoblock .display{padding:8px}
.numpad.large .infoblock .display>.button{width:56px;max-width:56px;min-width:56px;height:56px;padding:0 8px;font-size:40px}
.numpad.large .infoblock .display>.numpad-unit{font-size:24px;margin:0 0 0 4px}
.numpad.large .infoblock .err-text-container{height:64px}
.numpad.large .infoblock .err-text{width:100%;padding:0 8px}
.numpad.large .infoblock .err-text>div[class^=err-msg-]{font-size:16px}
.numpad.large .infoblock .infoelement{padding:8px}
.numpad.large .infoblock .infoelement .max-label,.numpad.large .infoblock .infoelement .min-label{padding:8px 8px 0;box-sizing:inherit;font-size:16px;line-height:100%}
.numpad.large .infoblock .infoelement .max-value,.numpad.large .infoblock .infoelement .min-value{font-size:26px}
.numpad.large .button{line-height:56px;border-width:1px!important}
.numpad.large .button .button-label{font-size:14px}
.numpad.large .numblock{height:533.33px;padding:16px}
.numpad.large .numblock .display{height:64px}
.numpad.large .infoblock-limits-label{margin-bottom:16px}
.numpad.large .sign-changer{width:40px;font-size:18px}
.numpad.large .input-display input{font-size:48px}
.numpad.large .button3block .num-item .button{padding:calc(50% - 20px) 30px;font-size:40px}
.numpad.large .button3block .num-item.backspace .button{padding:calc(50% - 20px) 30px}
.numpad.small .numpad-title{font-size:16px;line-height:40px;padding:0 8px}
.numpad.small .numpad-content{width:240px;font-size:14px}
.numpad.small .infoblock{padding:4px}
.numpad.small .infoblock .display{padding:8px}
.numpad.small .infoblock .display>.button{width:40px;max-width:40px;min-width:40px;height:40px;padding:0 8px;font-size:24px}
.numpad.small .infoblock .display>.numpad-unit{font-size:16px;margin:0 0 0 4px}
.numpad.small .infoblock .err-text-container{height:56px}
.numpad.small .infoblock .err-text{width:100%;padding:0 4px}
.numpad.small .infoblock .err-text>div[class^=err-msg-]{font-size:14px}
.numpad.small .infoblock .infoelement{padding:8px}
.numpad.small .infoblock .infoelement .max-label,.numpad.small .infoblock .infoelement .min-label{padding:6px 6px 0;box-sizing:inherit;font-size:14px;line-height:100%}
.numpad.small .infoblock .infoelement .max-value,.numpad.small .infoblock .infoelement .min-value{font-size:20px}
.numpad.small .button{line-height:40px;border-width:1px!important}
.numpad.small .button .button-label{font-size:14px}
.numpad.small .numblock{height:320px;padding:8px}
.numpad.small .numblock .display{height:50px}
.numpad.small .infoblock-limits-label{margin-bottom:16px}
.numpad.small .sign-changer{width:40px;font-size:18px}
.numpad.small .input-display input{font-size:32px}
.numpad.small .button3block .num-item .button{padding:calc(50% - 12px) 25px;font-size:24px}
.numpad.small .button3block .num-item.backspace .button{padding:calc(50% - 12px) 15px}

/* panel - common */
 .panel{position:relative;width:100%;overflow:hidden}
.panel .view{-ms-touch-action:none}
.panel .view:focus{outline:0}
.panel .indicator-container{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center;transform:translate3d(0,0,0)}
.panel .indicator-container .indicator{display:inline-block;z-index:1;transform:translate3d(0,0,0);cursor:pointer}
.panel .indicator-container .indicator .indicator-graphic{border:1px solid #000;border-radius:50px}
.panel .indicator-container>div:nth-last-of-type(2){margin-right:0}
.panel.top-indicator .view{top:32px}
.panel.top-indicator .indicator-container{top:0}
.panel.top-indicator .indicator-container .indicator{margin:8px 12px 18px 0}

/* panel - style */
 .panel{background-color:#FBFBFB}
.panel .indicator-container .indicator .indicator-graphic{border-color:#c8c8c8!important;box-shadow:0 0 3px rgba(0,0,0,.2)}
.panel .indicator-container .indicator.active .indicator-graphic{background-color:#3C3C3C}
.xenon-obsidian-theme .panel{background-color:#1E1D1D}
.xenon-obsidian-theme .panel .indicator-container .indicator .indicator-graphic{border-color:#524f4f!important;box-shadow:0 0 3px rgba(0,0,0,.2)}
.xenon-obsidian-theme .panel .indicator-container .indicator.active .indicator-graphic{background-color:#FFF}

/* panel - dimensions */
 .panel,.panel.large,.panel.medium,.panel.small{min-width:24px;min-height:40px}
.panel .indicator-container .indicator,.panel.large .indicator-container .indicator,.panel.medium .indicator-container .indicator,.panel.small .indicator-container .indicator{padding:18px 8px 8px}
.panel.show-indicator>div>div>[data-ui=view]{height:calc(100% - 40px)!important}
.panel .indicator-container{height:40px}
.panel .indicator-container .indicator .indicator-graphic{border-width:1px!important;width:9px;height:9px}
.panel.large.show-indicator>div>div>[data-ui=view]{height:calc(100% - 40px)!important}
.panel.large .indicator-container{height:40px}
.panel.large .indicator-container .indicator .indicator-graphic{border-width:1px!important;width:12px;height:12px}
.panel.medium.show-indicator>div>div>[data-ui=view]{height:calc(100% - 40px)!important}
.panel.medium .indicator-container{height:40px}
.panel.medium .indicator-container .indicator .indicator-graphic{border-width:1px!important;width:9px;height:9px}
.panel.small.show-indicator>div>div>[data-ui=view]{height:calc(100% - 40px)!important}
.panel.small .indicator-container{height:40px}
.panel.small .indicator-container .indicator .indicator-graphic{border-width:1px!important;width:6px;height:6px}

/* popup-menu - common */
 .popup-menu{position:absolute;z-index:2}
.popup-menu.hidden{display:none!important}
.popup-menu .menu-background{position:fixed;min-width:100%;min-height:100%;background-color:transparent;left:0;top:0}
.popup-menu .menu-frame{min-width:calc(100% - 16px);min-height:calc(100% - 16px);padding:8px}
.popup-menu .menu-frame::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.popup-menu div:last-child{margin-bottom:0}
.popup-menu.menu-on-top .menu-frame{top:auto}
.popup-menu .triangle{position:absolute;top:-10px;width:100%;height:10px;overflow:hidden;z-index:1}
.popup-menu .triangle:after{content:"\0020";width:16px;height:16px;position:absolute;right:17px;top:3px;transform:rotate(45deg)}
.popup-menu.menu-on-top .triangle{bottom:-10px;top:auto}
.popup-menu.menu-on-top .triangle:after{top:-10px}

/* popup-menu - style */
 .popup-menu .menu-content .button,.popup-menu .menu-frame,.popup-menu .triangle:after{box-shadow:0 0 2px rgba(0,0,0,.2)}
.popup-menu .menu-frame{background-color:#FFF;color:#FFF}
.popup-menu .menu-content .label{color:#FFF}
.popup-menu .triangle:after{background-color:#FFF}
.popup-menu.inverted .menu-frame{background-color:#FFF;color:#3C3C3C}
.popup-menu.inverted .triangle:after{background-color:#FFF}
.xenon-obsidian-theme .popup-menu .menu-frame,.xenon-obsidian-theme .popup-menu .triangle:after{background-color:#262525;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .popup-menu .menu-frame{color:#FFF}
.xenon-obsidian-theme .popup-menu .menu-content .button{box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .popup-menu .menu-content .label{color:#FFF}
.xenon-obsidian-theme .popup-menu.inverted .menu-frame{background-color:#3c3b3b;color:#FFF}
.xenon-obsidian-theme .popup-menu.inverted .triangle:after{background-color:#3c3b3b}

/* popup-menu - dimensions */
 .popup-menu,.popup-menu.medium,.popup-menu.small{min-width:100px;min-height:100px}

/* popup-menu.iq-flex - common */
 .popup-menu.iq-flex .menu-background{z-index:-1}

/* progress-info - common */
 .progress-info .progress-info-container{display:flex;flex-direction:column;overflow:hidden;justify-content:space-around}
.progress-info .progress-info-container .progress-info-text{display:flex;flex-direction:row;justify-content:center;align-items:center}
.progress-info .progress-info-container .progress-info-bar-container{position:relative;display:flex;align-items:center;justify-content:flex-start}
.progress-info .progress-info-container .progress-info-bar-container .progress-info-bar{position:relative;transition:all .1s linear}
.progress-info .progress-info-container .progress-info-bar-container .progress-info-bar:after{position:absolute;content:""}

/* progress-info - style */
 .progress-info .progress-info-container .progress-info-text,.progress-info .progress-info-container .progress-info-text span{color:#000}
.progress-info.inverted .progress-info-container .progress-info-text,.progress-info.inverted .progress-info-container .progress-info-text span,.xenon-obsidian-theme .progress-info .progress-info-container .progress-info-text,.xenon-obsidian-theme .progress-info .progress-info-container .progress-info-text span{color:#FFF}
.progress-info.bar-green .progress-info-container .progress-info-bar-container .progress-info-bar{box-shadow:0 0 4px 0 #38a016;background-color:#38a016}
.progress-info.bar-green .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #2e8212;background-color:#2e8212}
.progress-info.bar-red .progress-info-container .progress-info-bar-container .progress-info-bar{box-shadow:0 0 4px 0 #c61a00;background-color:#c61a00}
.progress-info.bar-red .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #d81c00;background-color:#d81c00}
.progress-info.bar-blue .progress-info-container .progress-info-bar-container .progress-info-bar{box-shadow:0 0 4px 0 #2043bf;background-color:#2043bf}
.progress-info.bar-blue .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #1c47dd;background-color:#1c47dd}
.progress-info.bar-white .progress-info-container .progress-info-bar-container .progress-info-bar,.progress-info.bar-white .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #FFF;background-color:#FFF}
.xenon-obsidian-theme .progress-info.inverted .progress-info-container .progress-info-text,.xenon-obsidian-theme .progress-info.inverted .progress-info-container .progress-info-text span{color:#000}
.xenon-obsidian-theme .progress-info.bar-green .progress-info-container .progress-info-bar-container .progress-info-bar{box-shadow:0 0 4px 0 #38a016;background-color:#38a016}
.xenon-obsidian-theme .progress-info.bar-green .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #2e8212;background-color:#2e8212}
.xenon-obsidian-theme .progress-info.bar-red .progress-info-container .progress-info-bar-container .progress-info-bar{box-shadow:0 0 4px 0 #c61a00;background-color:#c61a00}
.xenon-obsidian-theme .progress-info.bar-red .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #d81c00;background-color:#d81c00}
.xenon-obsidian-theme .progress-info.bar-blue .progress-info-container .progress-info-bar-container .progress-info-bar{box-shadow:0 0 4px 0 #2043bf;background-color:#2043bf}
.xenon-obsidian-theme .progress-info.bar-blue .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #1c47dd;background-color:#1c47dd}
.xenon-obsidian-theme .progress-info.bar-white .progress-info-container .progress-info-bar-container .progress-info-bar,.xenon-obsidian-theme .progress-info.bar-white .progress-info-container .progress-info-bar-container .progress-info-bar:after{box-shadow:0 0 4px 0 #FFF;background-color:#FFF}

/* progress-info - dimensions */
 .progress-info .progress-info-container{width:100%;height:100%}
.progress-info .progress-info-container .progress-info-text{width:100%}
.progress-info .progress-info-container .progress-info-bar-container{width:100%;margin-bottom:5px;margin-top:5px}
.progress-info .progress-info-container .progress-info-bar-container .progress-info-bar{height:5px}
.progress-info .progress-info-container .progress-info-bar-container .progress-info-bar:after{height:100%;width:5px;right:0}

/* quality-display - common */
 .quality-display{position:relative;overflow-x:hidden}
.quality-display .label{width:100%;padding-bottom:0}
.quality-display .quality-container{display:flex;flex-direction:row;box-sizing:border-box}
.quality-display .display-container{display:block;position:relative;flex:1 1 100%;box-sizing:border-box}
.quality-display .attribute-icon,.quality-display .icon-container{flex-direction:row;flex:1 0 auto;align-items:center;align-content:center;justify-content:center}
.quality-display .icon-container{display:none;padding:4px;width:56px;min-width:56px;max-width:56px}
.quality-display .attribute-icon{display:block;max-width:100%}
.quality-display .attribute-icon>img{width:auto;max-width:100%}
.quality-display .value-display-handle{position:absolute;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;overflow:visible}
.quality-display .value-display-container{position:relative}
.quality-display .value-display{display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center}
.quality-display .value-display::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.quality-display .value-display:after,.quality-display .value-display:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;visibility:visible}
.quality-display .ref-bar,.quality-display .visualization{position:relative;width:100%}
.quality-display .value-display .value-content{width:100%;display:flex;flex-direction:row}
.quality-display .value-display>*{float:left}
.quality-display .set-point-value{text-align:center}
.quality-display .actual-value{display:block;flex:1 1 100%;text-align:right;font-weight:600;box-sizing:border-box}
.quality-display .actual-value-unit{display:block;flex:1 0 auto;text-align:right;margin-left:2px;box-sizing:border-box}
.quality-display .deviation{position:absolute;top:0;box-sizing:border-box}
.quality-display .alarm-max,.quality-display .alarm-min,.quality-display .set-value,.quality-display .warn-max,.quality-display .warn-min{position:absolute;top:0;left:50%;overflow:visible}
.quality-display .alarm-max .point-icon,.quality-display .alarm-min .point-icon,.quality-display .set-value .point-icon,.quality-display .warn-max .point-icon,.quality-display .warn-min .point-icon{position:absolute;opacity:.2}
.quality-display .alarm-max .value,.quality-display .alarm-min .value,.quality-display .set-value .value,.quality-display .warn-max .value,.quality-display .warn-min .value{position:absolute;text-align:center}
.quality-display.inactive .set-value .set-point-value,.quality-display.inactive .value-display .value-content .actual-value,.quality-display.inactive .value-display .value-content .actual-value-unit,.quality-display.locked .set-value .set-point-value,.quality-display.locked .value-display .value-content .actual-value,.quality-display.locked .value-display .value-content .actual-value-unit{opacity:.5}

/* quality-display - style */
 .quality-display .quality-container .icon-container .icon{color:rgba(18,18,18,.6)}
.quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display{background:#FFF;outline:#00ABF0 solid 1px;box-shadow:0 0 4px rgba(0,0,0,.2)}
.quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display:after{border-color:rgba(255,255,255,0);border-top-color:#FFF}
.quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-color:rgba(206,206,206,0);border-top-color:#00ABF0}
.quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value{color:rgba(18,18,18,.6)}
.quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(18,18,18,.6);font-weight:600}
.quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:#FFF}
.quality-display .quality-container .display-container .visualization .ref-bar{background-color:#F3F3F3;outline:#FFF solid 1px}
.quality-display .quality-container .display-container .visualization .deviation,.quality-display .quality-container .display-container .visualization .set-value{background-color:#00ABF0}
.quality-display .quality-container .display-container .visualization .set-value .point-icon{filter:invert(0);opacity:.8}
.quality-display.auto .quality-container .display-container .visualization .ref-bar,.quality-display.auto-active .quality-container .display-container .visualization .ref-bar{outline:#919191 solid 1px}
.quality-display.preWarn .quality-container .display-container .visualization .deviation,.quality-display.preWarn .quality-container .display-container .visualization .set-value{background-color:#DBA112}
.quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display{background-color:#DBA112;outline:#da850d solid 1px}
.quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#DBA112}
.quality-display.warn .display-container .visualization .deviation,.quality-display.warn .display-container .visualization .set-value,.quality-display.warn.preWarn .display-container .visualization .deviation,.quality-display.warn.preWarn .display-container .visualization .set-value{background-color:#E80000}
.quality-display.warn .display-container .value-display-container .value-display-handle .value-display,.quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display{background-color:#E80000;outline:#b50000 solid 1px}
.quality-display.warn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#b50000}
.quality-display.warn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#E80000}
.quality-display.inactive .display-container .visualization .ref-bar,.quality-display.inactive.preWarn .display-container .visualization .ref-bar,.quality-display.inactive.warn .display-container .visualization .ref-bar,.quality-display.locked .display-container .visualization .ref-bar,.quality-display.locked.preWarn .display-container .visualization .ref-bar,.quality-display.locked.warn .display-container .visualization .ref-bar{background-color:#F3F3F3;outline:#c8c8c8 solid 1px}
.quality-display.inactive .display-container .visualization .deviation,.quality-display.inactive.preWarn .display-container .visualization .deviation,.quality-display.inactive.warn .display-container .visualization .deviation,.quality-display.locked .display-container .visualization .deviation,.quality-display.locked.preWarn .display-container .visualization .deviation,.quality-display.locked.warn .display-container .visualization .deviation{background-color:#DCDCDC}
.quality-display.inactive .display-container .value-display-container .value-display-handle .value-display,.quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display,.quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display,.quality-display.locked .display-container .value-display-container .value-display-handle .value-display,.quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display,.quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display{background-color:#F3F3F3;outline:#c8c8c8 solid 1px}
.quality-display.inactive .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.locked .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#c8c8c8}
.quality-display.inactive .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.locked .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#F3F3F3}
.quality-display.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(18,18,18,.6)}
.xenon-obsidian-theme .quality-display .quality-container .icon-container .icon{color:rgba(38,37,37,.6)}
.xenon-obsidian-theme .quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display{background:#FFF;outline:#00abf0 solid 1px;box-shadow:0 0 4px rgba(0,0,0,.2)}
.xenon-obsidian-theme .quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display:after{border-color:rgba(255,255,255,0);border-top-color:#FFF}
.xenon-obsidian-theme .quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-color:rgba(206,206,206,0);border-top-color:#00abf0}
.xenon-obsidian-theme .quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value{color:rgba(38,37,37,.6)}
.xenon-obsidian-theme .quality-display .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(38,37,37,.6);font-weight:600}
.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:#FFF}
.xenon-obsidian-theme .quality-display .quality-container .display-container .visualization .ref-bar{background-color:#262525;outline:#FFF solid 1px}
.xenon-obsidian-theme .quality-display .quality-container .display-container .visualization .deviation{background-color:#00abf0}
.xenon-obsidian-theme .quality-display .quality-container .display-container .visualization .set-value{background-color:#00ABF0}
.xenon-obsidian-theme .quality-display .quality-container .display-container .visualization .set-value .point-icon{filter:invert(1);opacity:.8}
.xenon-obsidian-theme .quality-display.auto .quality-container .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.auto-active .quality-container .display-container .visualization .ref-bar{outline:#919191 solid 1px}
.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .visualization .set-value{background-color:#DBA112}
.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display{background-color:#DBA112;outline:#da850d solid 1px}
.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#DBA112}
.xenon-obsidian-theme .quality-display.warn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.warn .display-container .visualization .set-value,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .visualization .set-value{background-color:#E80000}
.xenon-obsidian-theme .quality-display.warn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display{background-color:#e80000;outline:#b50000 solid 1px}
.xenon-obsidian-theme .quality-display.warn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#b50000}
.xenon-obsidian-theme .quality-display.warn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#e80000}
.xenon-obsidian-theme .quality-display.inactive .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.locked .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.locked.warn .display-container .visualization .ref-bar{background-color:#262525;outline:#524f4f solid 1px}
.xenon-obsidian-theme .quality-display.inactive .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.locked .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.locked.warn .display-container .visualization .deviation{background-color:#302f2f}
.xenon-obsidian-theme .quality-display.inactive .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.locked .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display{background-color:#262525;outline:#524f4f solid 1px}
.xenon-obsidian-theme .quality-display.inactive .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.locked .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#524f4f}
.xenon-obsidian-theme .quality-display.inactive .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.locked .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#262525}
.xenon-obsidian-theme .quality-display.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(38,37,37,.6)}

/* quality-display - dimensions */
 .quality-display{min-width:296px}
.quality-display .label{min-height:16px;font-size:14px;line-height:14px;margin-bottom:10px}
.quality-display .display-container{padding:0 26px 26px}
.quality-display .value-display-handle{top:0;left:50%;width:120px;margin-left:-59px;margin-right:-59px}
.quality-display .value-display-container{min-height:45px}
.quality-display .value-display{width:auto;height:32px;margin:0 auto}
.quality-display .value-display .value-content{width:auto;padding:0 12px}
.quality-display .value-display:after{border-width:9px;margin-left:-9px}
.quality-display .value-display:before{border-width:11px;margin-left:-11px}
.quality-display .attribute-icon{font-size:40px}
.quality-display .set-point-value{width:100%}
.quality-display .actual-value{padding-right:0;font-size:24px;line-height:24px}
.quality-display .actual-value-unit{height:24px;font-size:24px;line-height:24px}
.quality-display .ref-bar{height:10px}
.quality-display .visualization{margin-top:0;padding-top:0;padding-bottom:20px}
.quality-display .deviation{height:10px}
.quality-display .set-value{width:4px;height:10px;margin-left:-2px}
.quality-display .set-value .value{width:120px;top:28px;font-size:16px;margin-left:-58px}
.quality-display .set-value .point-icon{width:16px;height:16px;left:-6px;top:12px}

/* quality-display.inverted - common */
 

/* quality-display.inverted - style */
 .quality-display.inverted{background-color:#3C3C3C}
.quality-display.inverted .label{color:#FFF}
.quality-display.inverted .quality-container .icon-container .icon{color:rgba(18,18,18,.6)}
.quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display{background:#FFF;outline:#00ABF0 solid 1px;box-shadow:0 0 4px rgba(0,0,0,.2)}
.quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display:after{border-color:rgba(255,255,255,0);border-top-color:#FFF}
.quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-color:rgba(206,206,206,0);border-top-color:#00ABF0}
.quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value{color:rgba(18,18,18,.6)}
.quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(18,18,18,.6);font-weight:600}
.quality-display.inverted .quality-container .display-container .visualization .set-value .set-point-value,.quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:#FFF}
.quality-display.inverted .quality-container .display-container .visualization .ref-bar{background-color:#F3F3F3;outline:#3C3C3C solid 1px}
.quality-display.inverted .quality-container .display-container .visualization .deviation,.quality-display.inverted .quality-container .display-container .visualization .set-value{background-color:#00ABF0}
.quality-display.inverted .quality-container .display-container .visualization .set-value .point-icon{filter:invert(1);opacity:.8}
.quality-display.inverted.auto .quality-container .display-container .visualization .ref-bar,.quality-display.inverted.auto-active .quality-container .display-container .visualization .ref-bar{outline:#919191 solid 1px}
.quality-display.inverted.preWarn .quality-container .display-container .visualization .deviation,.quality-display.inverted.preWarn .quality-container .display-container .visualization .set-value{background-color:#DBA112}
.quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display{background-color:#DBA112;outline:#da850d solid 1px}
.quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#DBA112}
.quality-display.inverted.warn .display-container .visualization .deviation,.quality-display.inverted.warn .display-container .visualization .set-value,.quality-display.inverted.warn.preWarn .display-container .visualization .deviation,.quality-display.inverted.warn.preWarn .display-container .visualization .set-value{background-color:#E80000}
.quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display,.quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display{background-color:#E80000;outline:#b50000 solid 1px}
.quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#b50000}
.quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#E80000}
.quality-display.inverted.inactive .display-container .visualization .ref-bar,.quality-display.inverted.inactive.preWarn .display-container .visualization .ref-bar,.quality-display.inverted.inactive.warn .display-container .visualization .ref-bar,.quality-display.inverted.locked .display-container .visualization .ref-bar,.quality-display.inverted.locked.preWarn .display-container .visualization .ref-bar,.quality-display.inverted.locked.warn .display-container .visualization .ref-bar{background-color:#F3F3F3;outline:#c8c8c8 solid 1px}
.quality-display.inverted.inactive .display-container .visualization .deviation,.quality-display.inverted.inactive.preWarn .display-container .visualization .deviation,.quality-display.inverted.inactive.warn .display-container .visualization .deviation,.quality-display.inverted.locked .display-container .visualization .deviation,.quality-display.inverted.locked.preWarn .display-container .visualization .deviation,.quality-display.inverted.locked.warn .display-container .visualization .deviation{background-color:#DCDCDC}
.quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display,.quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display,.quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display,.quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display,.quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display,.quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display{background-color:#F3F3F3;outline:#c8c8c8 solid 1px}
.quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#c8c8c8}
.quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#F3F3F3}
.quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(18,18,18,.6)}
.xenon-obsidian-theme .quality-display.inverted{background-color:#FFF}
.xenon-obsidian-theme .quality-display.inverted .label{color:#1E1D1D}
.xenon-obsidian-theme .quality-display.inverted .quality-container .icon-container .icon{color:rgba(38,37,37,.6)}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display{background:#FFF;outline:#00abf0 solid 1px;box-shadow:0 0 4px rgba(0,0,0,.2)}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display:after{border-color:rgba(255,255,255,0);border-top-color:#FFF}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-color:rgba(206,206,206,0);border-top-color:#00abf0}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value{color:rgba(38,37,37,.6)}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(38,37,37,.6);font-weight:600}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .visualization .ref-bar{background-color:#262525;outline:#FFF solid 1px}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .visualization .deviation{background-color:#00abf0}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .visualization .set-value{background-color:#00ABF0}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .visualization .set-value .point-icon{filter:invert(0);opacity:.8}
.xenon-obsidian-theme .quality-display.inverted .quality-container .display-container .visualization .set-value .set-point-value{color:#1E1D1D}
.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:#FFF}
.xenon-obsidian-theme .quality-display.inverted.auto .quality-container .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inverted.auto-active .quality-container .display-container .visualization .ref-bar{outline:#919191 solid 1px}
.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .visualization .set-value{background-color:#DBA112}
.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display{background-color:#DBA112;outline:#da850d solid 1px}
.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.preWarn .quality-container .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#DBA112}
.xenon-obsidian-theme .quality-display.inverted.warn .display-container .visualization .set-value,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .visualization .set-value{background-color:#E80000}
.xenon-obsidian-theme .quality-display.inverted.warn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .visualization .deviation{background-color:#e80000}
.xenon-obsidian-theme .quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display{background-color:#e80000;outline:#b50000 solid 1px}
.xenon-obsidian-theme .quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#b50000}
.xenon-obsidian-theme .quality-display.inverted.warn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.warn.preWarn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#e80000}
.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .visualization .ref-bar,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .visualization .ref-bar{background-color:#262525;outline:#524f4f solid 1px}
.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .visualization .deviation,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .visualization .deviation{background-color:#302f2f}
.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display{background-color:#262525;outline:#524f4f solid 1px}
.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:before,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display:before{border-top-color:#524f4f}
.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display:after,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display:after{border-top-color:#262525}
.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.inactive .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.inactive.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.inactive.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.locked .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.locked.preWarn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value,.xenon-obsidian-theme .quality-display.inverted.locked.warn .display-container .value-display-container .value-display-handle .value-display .value-content .actual-value-unit{color:rgba(38,37,37,.6)}

/* quality-display.inverted - dimensions */
 

/* radial-gauge - common */
 .radial-gauge::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.radial-gauge .gauge-container{position:relative;margin:0 auto}
.radial-gauge .handle{position:relative;overflow:hidden}
.radial-gauge .value{position:absolute}

/* radial-gauge - style */
 .radial-gauge{background-color:#FBFBFB}
.xenon-obsidian-theme .radial-gauge{background-color:#1E1D1D}

/* radial-gauge - dimensions */
 .radial-gauge{width:200px;height:200px}
.radial-gauge .gauge-container{width:178px;height:188px}
.radial-gauge .handle{width:4px;top:-171px;left:86px;height:81px;transform-origin:1px 82px}
.radial-gauge .handle svg{height:100%!important}
.radial-gauge .unit{font-size:30px;margin-top:5px}
.radial-gauge .value{font-size:40px}
.radial-gauge.large{width:232px;height:232px}
.radial-gauge.large .gauge-container{width:208px;height:218px}
.radial-gauge.large .handle{width:4px;top:-198px;left:101px;height:106px;transform-origin:1px 96px}
.radial-gauge.large .handle svg{height:100%!important}
.radial-gauge.large .unit{font-size:30px;margin-top:5px}
.radial-gauge.large .value{font-size:40px}
.radial-gauge.medium{width:200px;height:200px}
.radial-gauge.medium .gauge-container{width:178px;height:188px}
.radial-gauge.medium .handle{width:4px;top:-171px;left:86px;height:81px;transform-origin:1px 82px}
.radial-gauge.medium .handle svg{height:100%!important}
.radial-gauge.medium .unit{font-size:30px;margin-top:5px}
.radial-gauge.medium .value{font-size:40px}
.radial-gauge.small{width:168px;height:168px}
.radial-gauge.small .gauge-container{width:148px;height:158px}
.radial-gauge.small .handle{width:4px;top:-141px;left:71px;height:66px;transform-origin:1px 68px}
.radial-gauge.small .handle svg{height:100%!important}
.radial-gauge.small .unit{font-size:30px;margin-top:5px}
.radial-gauge.small .value{font-size:40px}

/* radial-gauge2 - common */
 .radial-gauge2{display:block;position:relative;box-sizing:border-box}
.radial-gauge2::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.radial-gauge2 .gauge-container{position:relative;margin:0 auto;top:10px;overflow:hidden}
.radial-gauge2 .text-container{position:absolute;top:0;left:8px}
.radial-gauge2 .face{position:relative;left:8px;top:8px;overflow:hidden;transform:rotate3d(0,0,1,45deg)}
.radial-gauge2 .ref-image{position:absolute;width:100%;height:100%}
.radial-gauge2 .ref-image svg g path{stroke-width:2;fill:none}
.radial-gauge2 .highlight{position:absolute;background:url(../pics/system/controls/radial-gauge2/tg-high-green.png) no-repeat}
.radial-gauge2.preWarn .highlight{background:url(../pics/system/controls/radial-gauge2/tg-high-yellow.png) no-repeat}
.radial-gauge2.warn .highlight{background:url(../pics/system/controls/radial-gauge2/tg-high-red.png) no-repeat}
.radial-gauge2 .handle-container1,.radial-gauge2 .handle-container2,.radial-gauge2 .handle-container3{position:absolute;overflow:hidden}
.radial-gauge2 .invisible{visibility:hidden}
.radial-gauge2 .handle1{background:url(../pics/system/controls/radial-gauge2/rg-bot-left-green.png) no-repeat}
.radial-gauge2.preWarn .handle1{background:url(../pics/system/controls/radial-gauge2/rg-bot-left-yellow.png) no-repeat}
.radial-gauge2.warn .handle1{background:url(../pics/system/controls/radial-gauge2/rg-bot-left-red.png) no-repeat}
.radial-gauge2 .handle2{background:url(../pics/system/controls/radial-gauge2/rg-top-left-green.png) no-repeat}
.radial-gauge2.preWarn .handle2{background:url(../pics/system/controls/radial-gauge2/rg-top-left-yellow.png) no-repeat}
.radial-gauge2.warn .handle2{background:url(../pics/system/controls/radial-gauge2/rg-top-left-red.png) no-repeat}
.radial-gauge2 .handle3{background:url(../pics/system/controls/radial-gauge2/rg-top-right-green.png) no-repeat}
.radial-gauge2.preWarn .handle3{background:url(../pics/system/controls/radial-gauge2/rg-top-right-yellow.png) no-repeat}
.radial-gauge2.warn .handle3{background:url(../pics/system/controls/radial-gauge2/rg-top-right-red.png) no-repeat}
.radial-gauge2 .unit{position:absolute;text-align:center;vertical-align:bottom}
.radial-gauge2 .radial-gauge2-label,.radial-gauge2 .value{text-align:center;vertical-align:middle;position:absolute}
.radial-gauge2 .radial-gauge2-label{bottom:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.radial-gauge2 .icon{position:absolute;left:8px;top:8px;opacity:0}
.radial-gauge2.preWarn .icon.preWarn{position:absolute;background:url(../pics/system/controls/alarms_warnings_sprite.png) -40px 0 no-repeat;opacity:1}
.radial-gauge2.warn .icon.warn{position:absolute;background:url(../pics/system/controls/alarms_warnings_sprite.png) -40px -40px no-repeat;opacity:1}

/* radial-gauge2 - style */
 .radial-gauge2 .ref-image svg g path{stroke:#DCDCDC}
.radial-gauge2 .value{color:#3C3C3C}
.radial-gauge2 .unit{color:#7a7a7a}
.radial-gauge2 .radial-gauge2-label{color:#3C3C3C}
.radial-gauge2.preWarn .value{color:#F29E28}
.radial-gauge2.warn .value{color:#E80000}
.xenon-obsidian-theme .radial-gauge2 .ref-image svg g path{stroke:#302f2f}
.xenon-obsidian-theme .radial-gauge2 .value{color:#FFF}
.xenon-obsidian-theme .radial-gauge2 .unit{color:#fff}
.xenon-obsidian-theme .radial-gauge2 .radial-gauge2-label{color:#FFF}
.xenon-obsidian-theme .radial-gauge2.preWarn .value{color:#F29E28}
.xenon-obsidian-theme .radial-gauge2.warn .value{color:#e80000}

/* radial-gauge2 - dimensions */
 .radial-gauge2{width:224px;min-height:224px}
.radial-gauge2 .gauge-container{width:224px;height:208px}
.radial-gauge2 .text-container{width:198px;height:188px}
.radial-gauge2 .face{width:199px;height:199px}
.radial-gauge2 .highlight{background-size:9px 10px!important;width:9px;height:11px;top:3px;left:93px;transform-origin:5px 96px}
.radial-gauge2 .handle,.radial-gauge2 .handle-container1,.radial-gauge2 .handle-container2,.radial-gauge2 .handle-container3{width:99px;height:99px}
.radial-gauge2.preWarn .highlight,.radial-gauge2.warn .highlight{background-size:9px 10px!important}
.radial-gauge2 .handle-container1{top:98px}
.radial-gauge2 .handle-container3{left:98px}
.radial-gauge2 .handle1,.radial-gauge2 .handle2,.radial-gauge2 .handle3{background-size:99px 99px!important}
.radial-gauge2 .handle1{transform-origin:99px 0}
.radial-gauge2 .handle2{transform-origin:99px 99px}
.radial-gauge2 .handle3{transform-origin:0 99px}
.radial-gauge2 .unit{width:104px;top:40px;left:46px;font-size:18px}
.radial-gauge2 .value{width:160px;top:90px;left:20px;font-size:36px}
.radial-gauge2 .radial-gauge2-label{width:120px;left:40px;font-size:14px}
.radial-gauge2 .icon{width:20px;height:20px}
.radial-gauge2.preWarn .icon.preWarn,.radial-gauge2.warn .icon.warn{background-size:60px 80px!important}
.radial-gauge2.large{width:288px;min-height:288px}
.radial-gauge2.large .gauge-container{width:288px;height:278px}
.radial-gauge2.large .text-container{width:268px;height:258px}
.radial-gauge2.large .face{width:269px;height:269px}
.radial-gauge2.large .highlight{background-size:9px 10px!important;width:9px;height:11px;top:6px;left:127px;transform-origin:7px 128px}
.radial-gauge2.large .handle,.radial-gauge2.large .handle-container1,.radial-gauge2.large .handle-container2,.radial-gauge2.large .handle-container3{width:134px;height:134px}
.radial-gauge2.large.preWarn .highlight,.radial-gauge2.large.warn .highlight{background-size:9px 10px!important}
.radial-gauge2.large .handle-container1{top:134px}
.radial-gauge2.large .handle-container3{left:132px}
.radial-gauge2.large .handle1,.radial-gauge2.large .handle2,.radial-gauge2.large .handle3{background-size:134px 134px!important}
.radial-gauge2.large .handle1{transform-origin:134px 0}
.radial-gauge2.large .handle2{transform-origin:134px 134px}
.radial-gauge2.large .handle3{transform-origin:0 134px}
.radial-gauge2.large .unit{width:128px;top:50px;left:70px;font-size:26px}
.radial-gauge2.large .value{width:176px;top:130px;left:45px;font-size:44px}
.radial-gauge2.large .radial-gauge2-label{width:160px;left:55px;font-size:18px}
.radial-gauge2.large .icon{width:30px;height:30px}
.radial-gauge2.large.preWarn .icon.preWarn,.radial-gauge2.large.warn .icon.warn{background-size:60px 80px!important}
.radial-gauge2.medium{width:224px;min-height:224px}
.radial-gauge2.medium .gauge-container{width:224px;height:208px}
.radial-gauge2.medium .text-container{width:198px;height:188px}
.radial-gauge2.medium .face{width:199px;height:199px}
.radial-gauge2.medium .highlight{background-size:9px 10px!important;width:9px;height:11px;top:3px;left:93px;transform-origin:5px 96px}
.radial-gauge2.medium .handle,.radial-gauge2.medium .handle-container1,.radial-gauge2.medium .handle-container2,.radial-gauge2.medium .handle-container3{width:99px;height:99px}
.radial-gauge2.medium.preWarn .highlight,.radial-gauge2.medium.warn .highlight{background-size:9px 10px!important}
.radial-gauge2.medium .handle-container1{top:98px}
.radial-gauge2.medium .handle-container3{left:98px}
.radial-gauge2.medium .handle1,.radial-gauge2.medium .handle2,.radial-gauge2.medium .handle3{background-size:99px 99px!important}
.radial-gauge2.medium .handle1{transform-origin:99px 0}
.radial-gauge2.medium .handle2{transform-origin:99px 99px}
.radial-gauge2.medium .handle3{transform-origin:0 99px}
.radial-gauge2.medium .unit{width:104px;top:40px;left:46px;font-size:18px}
.radial-gauge2.medium .value{width:160px;top:90px;left:20px;font-size:36px}
.radial-gauge2.medium .radial-gauge2-label{width:120px;left:40px;font-size:14px}
.radial-gauge2.medium .icon{width:20px;height:20px}
.radial-gauge2.medium.preWarn .icon.preWarn,.radial-gauge2.medium.warn .icon.warn{background-size:60px 80px!important}
.radial-gauge2.small .highlight,.radial-gauge2.small.preWarn .highlight,.radial-gauge2.small.warn .highlight{background-size:9px 10px!important}
.radial-gauge2.small{width:152px;min-height:152px}
.radial-gauge2.small .gauge-container{width:152px;height:138px}
.radial-gauge2.small .face,.radial-gauge2.small .text-container{width:128px;height:128px}
.radial-gauge2.small .highlight{width:9px;height:11px;top:0;left:59px;transform-origin:5px 64px}
.radial-gauge2.small .handle,.radial-gauge2.small .handle-container1,.radial-gauge2.small .handle-container2,.radial-gauge2.small .handle-container3{width:64px;height:64px}
.radial-gauge2.small .handle-container1{top:63px}
.radial-gauge2.small .handle-container3{left:63px}
.radial-gauge2.small .handle1,.radial-gauge2.small .handle2,.radial-gauge2.small .handle3{background-size:64px 64px!important}
.radial-gauge2.small .handle1{transform-origin:64px 0}
.radial-gauge2.small .handle2{transform-origin:64px 64px}
.radial-gauge2.small .handle3{transform-origin:0 64px}
.radial-gauge2.small .unit{width:72px;top:30px;left:30px;font-size:15px}
.radial-gauge2.small .value{width:104px;top:63px;left:10px;font-size:22px}
.radial-gauge2.small .radial-gauge2-label{width:72px;left:28px;font-size:11px}
.radial-gauge2.small .icon{width:20px;height:20px}
.radial-gauge2.small.preWarn .icon.preWarn,.radial-gauge2.small.warn .icon.warn{background-size:60px 80px!important}

/* radial-gauge2.inverted - common */
 

/* radial-gauge2.inverted - style */
 .radial-gauge2.inverted .ref-image svg g path{stroke:#5b5b5b}
.radial-gauge2.inverted .radial-gauge2-label,.radial-gauge2.inverted .unit,.radial-gauge2.inverted .value{color:#FFF}
.radial-gauge2.inverted.preWarn .value{color:#F29E28}
.radial-gauge2.inverted.warn .value{color:#E80000}
.xenon-obsidian-theme .radial-gauge2.inverted .ref-image svg g path{stroke:#4d4b4b}
.xenon-obsidian-theme .radial-gauge2.inverted .radial-gauge2-label,.xenon-obsidian-theme .radial-gauge2.inverted .unit,.xenon-obsidian-theme .radial-gauge2.inverted .value{color:#FFF}
.xenon-obsidian-theme .radial-gauge2.inverted.preWarn .value{color:#F29E28}
.xenon-obsidian-theme .radial-gauge2.inverted.warn .value{color:#e80000}

/* radial-gauge2.inverted - dimensions */
 

/* recipe-controller - common */
 .recipe-controller{position:relative;display:flex;flex-direction:row;min-width:270px;box-sizing:border-box}
.recipe-controller .button{width:auto;flex:1}
.recipe-controller .button.icon-only .button-icon{background-repeat:no-repeat;background-size:100%}
.recipe-controller .button.icon-only.locked .button-icon{opacity:.3}
.recipe-controller .button:not(:first-child){margin-left:5px}

/* recipe-controller - style */
 .recipe-controller .button .button-icon{filter:invert(0)}
.recipe-controller .button.add-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/add-dark.svg)}
.recipe-controller .button.edit-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/edit-dark.svg)}
.recipe-controller .button.apply-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/apply-dark.svg)}
.recipe-controller .button.capture-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/capture-dark.svg)}
.recipe-controller .button.clone-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/clone-dark.svg)}
.recipe-controller .button.remove-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/remove-dark.svg)}
.xenon-obsidian-theme .recipe-controller .button .button-icon{filter:invert(1)}
.xenon-obsidian-theme .recipe-controller .button.add-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/add-dark.svg)}
.xenon-obsidian-theme .recipe-controller .button.edit-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/edit-dark.svg)}
.xenon-obsidian-theme .recipe-controller .button.apply-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/apply-dark.svg)}
.xenon-obsidian-theme .recipe-controller .button.capture-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/capture-dark.svg)}
.xenon-obsidian-theme .recipe-controller .button.clone-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/clone-dark.svg)}
.xenon-obsidian-theme .recipe-controller .button.remove-recipe .button-icon{background-image:url(../pics/system/controls/recipe-controller/remove-dark.svg)}

/* recipe-controller - dimensions */
 .recipe-controller .button.icon-only .button-icon{height:24px;width:24px}

/* recipe-edit - common */
 .recipe-edit{display:flex;flex-direction:column;box-sizing:border-box}
.recipe-edit .editor-body{flex:1;overflow-y:auto}
.recipe-edit .editor-body .checkbox.recipe-bool .checkbox-label{flex:initial}
.recipe-edit .buttons-anchor{display:flex;flex-direction:row}
.recipe-edit .buttons-anchor .button{flex:1}

/* recipe-edit - style */
 .recipe-edit .editor-body .items-anchor .arrow.expand,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .arrow.expand{transform:rotate(90deg)}
.recipe-edit .editor-body .checkbox.recipe-bool .checkbox-label,.recipe-edit .editor-body .items-anchor .cont .control-name,.recipe-edit .editor-body .items-anchor .input-field .style-wrapper .label,.recipe-edit .editor-body .items-anchor .select-box .label-area .label,.xenon-obsidian-theme .recipe-edit .editor-body .checkbox.recipe-bool .checkbox-label,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont .control-name,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .input-field .style-wrapper .label,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .select-box .label-area .label{font-size:16px}
.recipe-edit .editor-body .items-anchor .input-field .style-wrapper .value-box,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .input-field .style-wrapper .value-box{min-width:200px;max-width:200px}
.recipe-edit .editor-body .items-anchor .input-field .style-wrapper .unit,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .input-field .style-wrapper .unit{width:68px}
.recipe-edit .editor-title{background-color:#000;color:#FFF}
.recipe-edit .editor-body .checkbox.recipe-bool{background-color:transparent;box-shadow:initial}
.recipe-edit .editor-body .checkbox.recipe-bool .box{border:1px solid rgba(0,0,0,.3)}
.recipe-edit .editor-body .items-anchor,.recipe-edit .editor-body .meta-anchor{border-top:1px solid #a9a9a9}
.recipe-edit .editor-body .items-anchor .arrow{background-image:url(../pics/system/controls/recipe-edit/arrow_right.svg);background-size:100%;background-repeat:no-repeat;background-position:center;transition:.1s ease-in transform}
.recipe-edit .editor-body .items-anchor.locked .control-name{color:#b1b1b1}
.recipe-edit .editor-body .items-anchor.locked .arrow{background-image:url(../pics/system/controls/recipe-edit/arrow_right_grey.svg)}
.recipe-edit .editor-body .items-anchor .cont:nth-of-type(even){background-color:#EEE}
.recipe-edit .editor-body .items-anchor .cont:nth-of-type(odd){background-color:#FFF}
.recipe-edit .editor-body .items-anchor .cont.hover,.recipe-edit .editor-body .items-anchor .cont.hover .cont{background-color:#00abf0}
.recipe-edit .editor-body .items-anchor .cont.hover .control-name,.recipe-edit .editor-body .items-anchor .cont.hover .label,.recipe-edit .editor-body .items-anchor .cont.hover .unit{color:#FFF}
.recipe-edit .editor-body .items-anchor .cont.hover .arrow{background-image:url(../pics/system/controls/recipe-edit/arrow_right_white.svg)}
.recipe-edit .editor-body .items-anchor .input-field .style-wrapper{justify-content:space-between}
.xenon-obsidian-theme .recipe-edit .editor-title{background-color:#000;color:#FFF}
.xenon-obsidian-theme .recipe-edit .editor-body .checkbox.recipe-bool{background-color:transparent;box-shadow:initial}
.xenon-obsidian-theme .recipe-edit .editor-body .checkbox.recipe-bool .box{border:1px solid rgba(0,0,0,.3)}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor,.xenon-obsidian-theme .recipe-edit .editor-body .meta-anchor{border-top:1px solid #a9a9a9}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .arrow{background-image:url(../pics/system/controls/recipe-edit/arrow_right.svg);background-size:100%;background-repeat:no-repeat;background-position:center;transition:.1s ease-in transform}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor.locked .control-name{color:#b1b1b1}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor.locked .arrow{background-image:url(../pics/system/controls/recipe-edit/arrow_right_grey.svg)}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont:nth-of-type(even){background-color:#EEE}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont:nth-of-type(odd){background-color:#FFF}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont.hover,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont.hover .cont{background-color:#00abf0}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont.hover .control-name,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont.hover .label,.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont.hover .unit{color:#FFF}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .cont.hover .arrow{background-image:url(../pics/system/controls/recipe-edit/arrow_right_white.svg)}
.xenon-obsidian-theme .recipe-edit .editor-body .items-anchor .input-field .style-wrapper{justify-content:space-between}

/* recipe-edit - dimensions */
 .recipe-edit{min-height:304px;min-width:304px}
.recipe-edit hr{margin:5px;height:1px}
.recipe-edit .editor-title{padding:5px}
.recipe-edit .editor-title .title-recipe-name{margin-left:10px}
.recipe-edit .editor-body .input-field{padding:10px;box-sizing:border-box}
.recipe-edit .editor-body .checkbox.recipe-bool{padding-left:5px;padding-top:10px;padding-bottom:10px;height:100%}
.recipe-edit .editor-body .checkbox.recipe-bool .checkbox-label{width:40%;margin-left:5px;line-height:40px}
.recipe-edit .editor-body .checkbox.recipe-bool .box{position:absolute;right:80px}
.recipe-edit .editor-body .items-anchor,.recipe-edit .editor-body .meta-anchor{margin-top:5px}
.recipe-edit .expand-collapse-anchor{display:flex}
.recipe-edit .expand-collapse-anchor .button{margin:5px;width:fit-content}
.recipe-edit .expand-collapse-anchor .button:first-child{margin-left:1px}
.recipe-edit .buttons-anchor .button{margin:5px}
.recipe-edit .buttons-anchor .button:first-child{margin-right:0}
.recipe-edit .items-anchor{width:100%}
.recipe-edit .items-anchor .arrow{position:absolute;left:5px;top:9px;width:42px;height:42px}
.recipe-edit .items-anchor .cont{padding-left:18px;position:relative}
.recipe-edit .items-anchor .cont .control-name{line-height:62px;padding-left:39px}
.recipe-edit .items-anchor .select-box{height:40px}
.recipe-edit .items-anchor .select-box .label-area{position:absolute;left:10px;width:40%}
.recipe-edit .items-anchor .select-box .selected{width:40%;position:absolute;right:78px;top:-10px}
.recipe-edit .items-anchor .select-box .select-box-options{width:40%;left:auto;right:78px;top:42px}
.recipe-edit .items-anchor .input-field .style-wrapper{width:100%}
.recipe-edit .items-anchor .input-field .style-wrapper .label{padding-right:10px;width:auto;overflow:hidden;text-overflow:ellipsis}
.recipe-edit .items-anchor .input-field .style-wrapper .value-box{flex:0 0 200px}
.recipe-edit .items-anchor .input-field .style-wrapper .unit{width:68px}

/* recipe-select - common */
 

/* recipe-select - style */
 .recipe-select{color:#3C3C3C}
.xenon-obsidian-theme .recipe-select{color:#FFF}

/* recipe-select - dimensions */
 

/* responsive-menu - common */
 

/* responsive-menu - style */
 

/* responsive-menu - dimensions */
 

/* responsive-menu.accordion - common */
 .responsive-menu.accordion .menu-group>.group-data>*,.responsive-menu.accordion .menu-group>div,.responsive-menu.accordion .menu-item>div{vertical-align:middle;display:inline-block}
.responsive-menu.accordion .menu-layer-0>.menu-group,.responsive-menu.accordion .menu-layer-0>.menu-item{border-bottom:1px solid transparent}
.responsive-menu.accordion{position:relative}
.responsive-menu.accordion .breadcrumbs,.responsive-menu.accordion .burger-button{display:none}
.responsive-menu.accordion .menu-group>.group-data{position:relative;box-sizing:border-box;width:100%;overflow:hidden;cursor:pointer}
.responsive-menu.accordion .menu-group>.group-data::after{content:"";position:absolute;top:0;height:100%;background-size:100%;background-repeat:no-repeat;background-position-y:50%;transition:.3s ease-in-out transform}
.responsive-menu.accordion .menu-group.locked>.group-data{cursor:initial}
.responsive-menu.accordion .menu-group.selected>.group-data::after{transform:rotate(180deg)}
.responsive-menu.accordion .menu-group,.responsive-menu.accordion .menu-item{position:relative;white-space:nowrap}
.responsive-menu.accordion .menu-group.locked,.responsive-menu.accordion .menu-item.locked{opacity:.4}
.responsive-menu.accordion .menu-item{cursor:pointer;overflow:hidden}
.responsive-menu.accordion .menu-item.locked{cursor:initial}
.responsive-menu.accordion .menu-group-label,.responsive-menu.accordion .menu-item-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.responsive-menu.accordion li{list-style-type:none}
.responsive-menu.accordion .custom-content-group>*{display:inline-block}
.responsive-menu.accordion .click-overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.responsive-menu.accordion .menu-layer-0::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.responsive-menu.accordion .menu-layer-0>li{position:relative;float:left}
.responsive-menu.accordion .menu-layer-0>li:not(:last-child):after{content:"";position:absolute;height:50%;right:0;top:25%}
.responsive-menu.accordion .menu-layer-1{position:absolute;display:none;min-width:100%;left:0;opacity:0;z-index:1;overflow-y:auto}
.responsive-menu.accordion .menu-layer-1 .menu-group.selected::before{content:"";position:absolute;top:0;left:0;z-index:1;pointer-events:none}
.responsive-menu.accordion .menu-layer-2{box-sizing:border-box;max-height:0;min-width:100%;min-height:100%;overflow:hidden}
.responsive-menu.accordion.layer-1-active .menu-layer-0>.menu-group.selected .menu-layer-1,.responsive-menu.accordion.layer-2-active .menu-layer-0>.menu-group.selected .menu-layer-1{display:block;opacity:1;border-top:1px solid transparent}
.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group>.group-data,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group>.group-data .icon,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group>.group-data .menu-group-label,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item .icon,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item .menu-item-label,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group>.group-data .icon,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group>.group-data .menu-group-label,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-item .icon,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-item .menu-item-label,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-group>.group-data .icon,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-group>.group-data .menu-group-label,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-item .icon,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-1>.menu-item .menu-item-label{opacity:.8}
.responsive-menu.accordion.layer-2-active .menu-layer-1>.menu-group.selected .menu-layer-2{max-height:1000px}
.responsive-menu.accordion.mobile .burger-button{display:block;background-size:100%;cursor:pointer}
.responsive-menu.accordion.mobile .menu-wrapper{position:fixed;display:block;bottom:0;top:0;left:0;z-index:1;transition:.5s ease-in-out transform;transform:translateX(-100%);overflow-y:auto}
.responsive-menu.accordion.mobile .menu-group{position:relative;height:auto}
.responsive-menu.accordion.mobile .menu-group.selected::before{content:"";position:absolute;top:0;left:0;z-index:1;pointer-events:none}
.responsive-menu.accordion.mobile .menu-layer-1,.responsive-menu.accordion.mobile .menu-layer-2{max-height:0;position:relative;height:auto;min-width:auto!important}
.responsive-menu.accordion.mobile.layer-1-active .menu-layer-1,.responsive-menu.accordion.mobile.layer-2-active .menu-group.selected>.menu-layer-2,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-1{max-height:1000px}
.responsive-menu.accordion.mobile .menu-layer-0>li{float:none}
.responsive-menu.accordion.mobile .menu-layer-0>li:not(:last-child):after{display:none}
.responsive-menu.accordion.mobile .menu-layer-0>li.selected{border-color:transparent!important}
.responsive-menu.accordion.mobile .menu-layer-0 .menu-item{box-sizing:border-box;width:100%;border-bottom:none}
.responsive-menu.accordion.mobile .menu-layer-2{padding-left:0}
.responsive-menu.accordion.mobile .menu-layer-2 .menu-item{margin-left:0}
.responsive-menu.accordion.mobile.layer-0-active .menu-wrapper,.responsive-menu.accordion.mobile.layer-1-active .menu-wrapper,.responsive-menu.accordion.mobile.layer-2-active .menu-wrapper{transform:translateX(0)}
.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group:hover,.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-item:hover,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group:hover,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-item:hover{border-bottom:none}
.responsive-menu.accordion.mobile.layer-1-active .menu-layer-0>.menu-group.selected .menu-layer-1,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-0>.menu-group.selected .menu-layer-1{border-top:none}

/* responsive-menu.accordion - style */
 .responsive-menu.accordion .menu-group-label,.responsive-menu.accordion .menu-item-label,.xenon-obsidian-theme .responsive-menu.accordion .menu-group-label,.xenon-obsidian-theme .responsive-menu.accordion .menu-item-label{font-family:RobotoLight,sans-serif}
.responsive-menu.accordion .menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.accordion/arrow_bottom.svg)}
.responsive-menu.accordion .click-overlay{background-color:transparent}
.responsive-menu.accordion .menu-layer-0{background-color:#353535;color:#FFF}
.responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-1{background-color:#3c3c3c;border-color:#00ABF0!important}
.responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-2{background-color:#5b5b5b}
.responsive-menu.accordion .menu-layer-0>li:not(:last-child):after{background-color:#919191}
.responsive-menu.accordion .menu-layer-0>.menu-group.selected,.responsive-menu.accordion .menu-layer-0>.menu-group:hover,.responsive-menu.accordion .menu-layer-0>.menu-item.selected,.responsive-menu.accordion .menu-layer-0>.menu-item:hover{border-color:#00ABF0}
.responsive-menu.accordion .menu-layer-1{background-color:#353535;color:#FFF;box-shadow:0 0 20px rgba(0,0,0,.5)}
.responsive-menu.accordion .menu-layer-1 .menu-group.selected::before,.responsive-menu.accordion .menu-layer-1>.menu-group:not(.selected):hover,.responsive-menu.accordion .menu-layer-1>.menu-item.selected,.responsive-menu.accordion .menu-layer-1>.menu-item:hover{background-color:#00ABF0}
.responsive-menu.accordion .menu-layer-2{background-color:#353535;color:#FFF}
.responsive-menu.accordion .menu-layer-2 .menu-item:hover,.responsive-menu.accordion .menu-layer-2 .selected{background-color:#00ABF0}
.responsive-menu.accordion.mobile .burger-button{background-color:#353535;background-image:url(../pics/system/controls/responsive-menu.accordion/menu_light.svg)}
.responsive-menu.accordion.mobile .menu-wrapper{background-color:#353535}
.responsive-menu.accordion.mobile.layer-0-active .menu-wrapper,.responsive-menu.accordion.mobile.layer-1-active .menu-wrapper,.responsive-menu.accordion.mobile.layer-2-active .menu-wrapper{box-shadow:0 0 20px rgba(0,0,0,.5)}
.responsive-menu.accordion.mobile .group-data:hover,.responsive-menu.accordion.mobile .menu-group.selected::before,.responsive-menu.accordion.mobile .menu-item.selected,.responsive-menu.accordion.mobile .menu-item:hover{background-color:#00ABF0}
.responsive-menu.accordion.mobile .menu-layer-1{box-shadow:none}
.xenon-obsidian-theme .responsive-menu.accordion .menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.accordion/arrow_bottom.svg)}
.xenon-obsidian-theme .responsive-menu.accordion .click-overlay{background-color:transparent}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0{background-color:#262525;color:#FFF}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-1{background-color:#2d2c2c;border-color:#00abf0!important}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-2{background-color:#4d4b4b}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>li:not(:last-child):after{background-color:#919191}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>.menu-group.selected,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>.menu-item.selected,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-0>.menu-item:hover{border-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-1{background-color:#262525;color:#FFF;box-shadow:0 0 20px rgba(0,0,0,.5)}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-1 .menu-group.selected::before,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-1>.menu-group:not(.selected):hover,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-1>.menu-item.selected,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-1>.menu-item:hover{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-2{background-color:#262525;color:#FFF}
.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-2 .menu-item:hover,.xenon-obsidian-theme .responsive-menu.accordion .menu-layer-2 .selected{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.accordion.mobile .burger-button{background-color:#262525;background-image:url(../pics/system/controls/responsive-menu.accordion/menu_light.svg)}
.xenon-obsidian-theme .responsive-menu.accordion.mobile .menu-wrapper{background-color:#262525}
.xenon-obsidian-theme .responsive-menu.accordion.mobile.layer-0-active .menu-wrapper,.xenon-obsidian-theme .responsive-menu.accordion.mobile.layer-1-active .menu-wrapper,.xenon-obsidian-theme .responsive-menu.accordion.mobile.layer-2-active .menu-wrapper{box-shadow:0 0 20px rgba(0,0,0,.5)}
.xenon-obsidian-theme .responsive-menu.accordion.mobile .group-data:hover,.xenon-obsidian-theme .responsive-menu.accordion.mobile .menu-group.selected::before,.xenon-obsidian-theme .responsive-menu.accordion.mobile .menu-item.selected,.xenon-obsidian-theme .responsive-menu.accordion.mobile .menu-item:hover{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.accordion.mobile .menu-layer-1{box-shadow:none}

/* responsive-menu.accordion - dimensions */
 .responsive-menu.accordion .icon{margin-right:10px;font-size:20px;line-height:20px}
.responsive-menu.accordion .menu-layer-0>.menu-group>.group-data .menu-group-label,.responsive-menu.accordion .menu-layer-0>.menu-item .menu-item-label{line-height:48px}
.responsive-menu.accordion .icon,.responsive-menu.accordion .icon img{width:20px;height:20px}
.responsive-menu.accordion .group-data,.responsive-menu.accordion li.menu-item{padding:0 15px}
.responsive-menu.accordion .group-data{padding-right:30px}
.responsive-menu.accordion .group-data::after{width:20px;right:5px}
.responsive-menu.accordion .menu-layer-0{height:48px}
.responsive-menu.accordion .menu-layer-0>.menu-group,.responsive-menu.accordion .menu-layer-0>.menu-item{border-width:5px}
.responsive-menu.accordion .menu-layer-0>.menu-group.selected .menu-layer-1{top:48px;border-width:5px!important}
.responsive-menu.accordion .menu-layer-0>li:not(:last-child):after{width:1px}
.responsive-menu.accordion .menu-layer-1{width:220px}
.responsive-menu.accordion .menu-layer-1 .click-overlay,.responsive-menu.accordion .menu-layer-1 .group-data{height:38px}
.responsive-menu.accordion .menu-layer-1 .menu-group-label,.responsive-menu.accordion .menu-layer-1 .menu-item{line-height:38px}
.responsive-menu.accordion .menu-layer-1 .menu-group.selected::before{width:5px;height:38px}
.responsive-menu.accordion .menu-layer-2{padding-left:25px}
.responsive-menu.accordion .menu-layer-2>.menu-group,.responsive-menu.accordion .menu-layer-2>.menu-item{width:calc(100% - 15px);margin-left:15px;padding-left:5px}
.responsive-menu.accordion .menu-group-label,.responsive-menu.accordion .menu-item{font-size:15px}
.responsive-menu.accordion.mobile .burger-button{width:36px;height:36px}
.responsive-menu.accordion.mobile .click-overlay,.responsive-menu.accordion.mobile .group-data{height:48px}
.responsive-menu.accordion.mobile .group-data::after{right:15px}
.responsive-menu.accordion.mobile .menu-item{height:48px;padding:0 15px}
.responsive-menu.accordion.mobile .menu-wrapper{max-width:420px;right:40px}
.responsive-menu.accordion.mobile .menu-group{height:auto!important}
.responsive-menu.accordion.mobile .menu-group .icon,.responsive-menu.accordion.mobile .menu-item .icon{margin-right:15px}
.responsive-menu.accordion.mobile .menu-group-label,.responsive-menu.accordion.mobile .menu-item-label{line-height:48px}
.responsive-menu.accordion.mobile .menu-group.selected::before{width:5px;height:48px}
.responsive-menu.accordion.mobile .menu-layer-1{top:0!important}
.responsive-menu.accordion.mobile.layer-1-active .menu-layer-1,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-1,.responsive-menu.accordion.mobile.layer-2-active .menu-layer-2{width:calc(100% - 50px);left:50px}

/* responsive-menu.slide - common */
 .responsive-menu.slide,.responsive-menu.slide .menu-group,.responsive-menu.slide .menu-wrapper{position:relative}
.responsive-menu.slide .menu-layer-0>.menu-group,.responsive-menu.slide .menu-layer-0>.menu-item{border-bottom:1px solid transparent}
.responsive-menu.slide .menu-layer-0>.menu-group.selected .menu-layer-1,.responsive-menu.slide .menu-layer-1>.menu-group.selected .menu-layer-2{border-top:1px solid transparent}
.responsive-menu.slide .breadcrumbs,.responsive-menu.slide .burger-button{display:none}
.responsive-menu.slide .menu-group>.group-data>div:not(.triangle),.responsive-menu.slide .menu-group>div,.responsive-menu.slide .menu-item>div{display:inline-block;vertical-align:middle}
.responsive-menu.slide .menu-group .menu-group{position:static}
.responsive-menu.slide .menu-group>.group-data{position:relative;box-sizing:border-box;width:100%;overflow:hidden}
.responsive-menu.slide .menu-group>.group-data::after{content:"";position:absolute;top:0;right:0;height:100%;background-size:100%;background-repeat:no-repeat;background-position-y:50%;transition:.3s ease-in-out transform}
.responsive-menu.slide .menu-group,.responsive-menu.slide .menu-item{cursor:pointer;white-space:nowrap}
.responsive-menu.slide .menu-group.locked,.responsive-menu.slide .menu-item.locked{opacity:.4;cursor:initial}
.responsive-menu.slide .menu-item{overflow:hidden}
.responsive-menu.slide .menu-group-label,.responsive-menu.slide .menu-item-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.responsive-menu.slide li{list-style-type:none}
.responsive-menu.slide .triangle{display:none;position:absolute;overflow:hidden}
.responsive-menu.slide .triangle::after{content:"\0020";position:absolute;transform:rotate(45deg)}
.responsive-menu.slide .custom-content-group>*{display:inline-block}
.responsive-menu.slide .click-overlay{position:absolute;width:100%;top:0;bottom:0;left:0;z-index:1}
.responsive-menu.slide .menu-layer-1,.responsive-menu.slide .menu-layer-2{position:absolute;transition:.3s ease-in-out left,right,top,bottom}
.responsive-menu.slide .menu-layer-1>.menu-group,.responsive-menu.slide .menu-layer-1>.menu-group .triangle,.responsive-menu.slide .menu-layer-1>.menu-item,.responsive-menu.slide .menu-layer-2,.responsive-menu.slide.mobile .menu-group,.responsive-menu.slide.mobile .menu-item{transition:.3s ease-in-out opacity}
.responsive-menu.slide .menu-layer-0::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.responsive-menu.slide .menu-layer-0>li{position:relative;float:left}
.responsive-menu.slide .menu-layer-0>li:not(:last-child):after{content:"";position:absolute;height:50%;right:0;top:25%}
.responsive-menu.slide .menu-layer-0>.menu-group.selected>.group-data::after{transform:rotate(180deg)}
.responsive-menu.slide .menu-layer-0>.menu-group>.group-data .triangle{left:0;bottom:0;width:100%}
.responsive-menu.slide .menu-layer-1{display:none;min-width:100%;left:0;z-index:1}
.responsive-menu.slide .menu-layer-1 .click-overlay{width:100%;top:auto;bottom:auto}
.responsive-menu.slide .menu-layer-1>.menu-group{border-left:1px solid transparent}
.responsive-menu.slide .menu-layer-1>.menu-group.selected>.click-overlay{top:0;bottom:0}
.responsive-menu.slide .menu-layer-1>.menu-group .triangle{display:block;height:100%;bottom:0;opacity:0;z-index:4}
.responsive-menu.slide .menu-layer-2{display:none;min-width:100%;min-height:100%;top:0;z-index:-1;opacity:0}
.responsive-menu.slide .menu-layer-2::before{content:"";position:absolute;width:20px;left:-10px;pointer-events:none}
.responsive-menu.slide.layer-1-active .menu-group.selected>.menu-layer-1,.responsive-menu.slide.layer-2-active .menu-group.selected>.menu-layer-1{display:block}
.responsive-menu.slide.layer-2-active .menu-group.selected>.menu-layer-2{display:block;opacity:1;z-index:1}
.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group:not(.selected),.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-item:not(.selected){opacity:.05}
.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group .menu-group-label,.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-item .menu-item-label{opacity:0}
.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group .triangle{opacity:1}
.responsive-menu.slide.layer-1-active .menu-layer-0>.menu-group.selected>.group-data .triangle,.responsive-menu.slide.layer-2-active .menu-layer-0>.menu-group.selected>.group-data .triangle{display:block;z-index:2}
.responsive-menu.slide.right-aligned .menu-layer-0>li{float:right;border-right:none!important}
.responsive-menu.slide.right-aligned .menu-layer-0>li:not(:last-child):after{content:"";position:absolute;height:50%;left:0;top:25%}
.responsive-menu.slide.mobile .click-overlay{top:auto;bottom:auto}
.responsive-menu.slide.mobile .burger-button{display:block;background-size:100%;cursor:pointer}
.responsive-menu.slide.mobile .breadcrumbs{box-sizing:border-box;width:100%;white-space:nowrap;overflow:hidden}
.responsive-menu.slide.mobile .breadcrumbs *{display:inline-block}
.responsive-menu.slide.mobile .menu-layer-0>li:not(:last-child):after,.responsive-menu.slide.mobile .menu-layer-2::before,.responsive-menu.slide.mobile.layer-0-active .breadcrumbs .selected-entry-layer-0,.responsive-menu.slide.mobile.layer-0-active .breadcrumbs .selected-entry-layer-1,.responsive-menu.slide.mobile.layer-0-active .breadcrumbs .separator{display:none}
.responsive-menu.slide.mobile .menu-group{position:static}
.responsive-menu.slide.mobile .menu-group.selected>.click-overlay{top:0}
.responsive-menu.slide.mobile .menu-wrapper{position:fixed;bottom:0;top:0;left:0;z-index:1;transition:.5s ease-in-out transform;transform:translateX(-100%);overflow-y:auto}
.responsive-menu.slide.mobile .menu-layer-0{position:relative;box-sizing:border-box;width:100%}
.responsive-menu.slide.mobile .menu-layer-0>li{float:none;border-bottom:none}
.responsive-menu.slide.mobile .menu-layer-0>.menu-group.selected>.group-data::after{transform:rotate(0)}
.responsive-menu.slide.mobile .menu-layer-1{box-sizing:border-box;min-width:auto;min-height:100%;border-top:none!important;z-index:1}
.responsive-menu.slide.mobile .menu-layer-1>.menu-group.selected{border-color:transparent!important}
.responsive-menu.slide.mobile .menu-layer-2{box-sizing:border-box;min-width:auto;min-height:100%;border-top:none!important;z-index:2}
.responsive-menu.slide.mobile.layer-0-active .menu-wrapper,.responsive-menu.slide.mobile.layer-1-active .menu-wrapper,.responsive-menu.slide.mobile.layer-2-active .menu-wrapper{transform:translateX(0)}
.responsive-menu.slide.mobile.layer-1-active .menu-layer-0>.menu-group:not(.selected),.responsive-menu.slide.mobile.layer-1-active .menu-layer-0>.menu-item:not(.selected),.responsive-menu.slide.mobile.layer-2-active .menu-layer-0>.menu-group:not(.selected),.responsive-menu.slide.mobile.layer-2-active .menu-layer-0>.menu-item:not(.selected){opacity:.05}
.responsive-menu.slide.mobile.layer-1-active .breadcrumbs{display:block}
.responsive-menu.slide.mobile.layer-1-active .breadcrumbs .selected-entry-layer-0{display:inline-block}
.responsive-menu.slide.mobile.layer-1-active .breadcrumbs .selected-entry-layer-1,.responsive-menu.slide.mobile.layer-1-active .breadcrumbs .separator{display:none}
.responsive-menu.slide.mobile.layer-1-active .selected-entry-layer-0{font-weight:500;opacity:1}
.responsive-menu.slide.mobile.layer-2-active .breadcrumbs{display:block}
.responsive-menu.slide.mobile.layer-2-active .breadcrumbs .selected-entry-layer-0,.responsive-menu.slide.mobile.layer-2-active .breadcrumbs .selected-entry-layer-1,.responsive-menu.slide.mobile.layer-2-active .breadcrumbs .separator{display:inline-block}
.responsive-menu.slide.mobile.layer-2-active .selected-entry-layer-1{font-weight:600;opacity:1}

/* responsive-menu.slide - style */
 .responsive-menu.slide .menu-group-label,.responsive-menu.slide .menu-item-label,.xenon-obsidian-theme .responsive-menu.slide .menu-group-label,.xenon-obsidian-theme .responsive-menu.slide .menu-item-label{font-family:RobotoLight,sans-serif}
.responsive-menu.slide .menu-layer-1,.responsive-menu.slide .menu-layer-2,.responsive-menu.slide.mobile .menu-layer-0,.responsive-menu.slide.mobile.layer-0-active .menu-wrapper,.responsive-menu.slide.mobile.layer-1-active .menu-wrapper,.responsive-menu.slide.mobile.layer-2-active .menu-wrapper,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-2,.xenon-obsidian-theme .responsive-menu.slide.mobile .menu-layer-0,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-0-active .menu-wrapper,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-1-active .menu-wrapper,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-2-active .menu-wrapper{box-shadow:0 0 20px rgba(0,0,0,.5)}
.responsive-menu.slide .click-overlay{background-color:transparent}
.responsive-menu.slide .menu-layer-0{background-color:#353535;color:#FFF}
.responsive-menu.slide .menu-layer-0>.menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.slide/arrow_bottom.svg)}
.responsive-menu.slide .menu-layer-0>.menu-group .triangle:after{background-color:#00ABF0}
.responsive-menu.slide .menu-layer-0>.menu-group.selected .menu-layer-1{background-color:#3c3c3c;border-color:#00ABF0!important}
.responsive-menu.slide .menu-layer-0>.menu-group.selected .menu-layer-2{background-color:#5b5b5b}
.responsive-menu.slide .menu-layer-0>li:not(:last-child):after{background-color:#919191}
.responsive-menu.slide .menu-layer-0>.menu-group.selected,.responsive-menu.slide .menu-layer-0>.menu-group:hover,.responsive-menu.slide .menu-layer-0>.menu-item.selected,.responsive-menu.slide .menu-layer-0>.menu-item:hover{border-color:#00ABF0}
.responsive-menu.slide .menu-layer-1{background-color:#353535;color:#FFF}
.responsive-menu.slide .menu-layer-1>.menu-group:hover{background-color:#00ABF0}
.responsive-menu.slide .menu-layer-1>.menu-group.selected .menu-layer-2{border-color:#00ABF0!important}
.responsive-menu.slide .menu-layer-1>.menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.slide/arrow_right.svg)}
.responsive-menu.slide .menu-layer-1>.menu-group .triangle:after{background-color:#2d2d2d}
.responsive-menu.slide .menu-layer-1>.menu-item.selected,.responsive-menu.slide .menu-layer-1>.menu-item:hover{background-color:#00ABF0}
.responsive-menu.slide .menu-layer-2{background-color:#353535;color:#FFF}
.responsive-menu.slide .menu-layer-2 .menu-item:hover,.responsive-menu.slide .menu-layer-2 .selected,.responsive-menu.slide .menu-layer-2::before{background-color:#00ABF0}
.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group.selected{border-color:#00ABF0}
.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group:hover,.responsive-menu.slide.layer-2-active .menu-layer-1>.menu-item:hover{background-color:transparent}
.responsive-menu.slide.mobile .breadcrumbs,.responsive-menu.slide.mobile .burger-button,.responsive-menu.slide.mobile .menu-wrapper{background-color:#353535}
.responsive-menu.slide.mobile .burger-button{background-image:url(../pics/system/controls/responsive-menu.slide/menu_light.svg)}
.responsive-menu.slide.mobile .breadcrumbs *{color:#bfbfbf}
.responsive-menu.slide.mobile .menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.slide/arrow_right.svg)}
.responsive-menu.slide.mobile .menu-layer-0>.menu-group>.group-data .triangle:after{background-color:#282828}
.responsive-menu.slide.mobile .menu-layer-0>.menu-group:hover,.responsive-menu.slide.mobile .menu-layer-0>.menu-item:hover{background-color:#00ABF0}
.responsive-menu.slide.mobile.layer-1-active .menu-layer-0>.menu-group:hover,.responsive-menu.slide.mobile.layer-1-active .menu-layer-0>.menu-item:hover,.responsive-menu.slide.mobile.layer-2-active .menu-layer-0>.menu-group:hover,.responsive-menu.slide.mobile.layer-2-active .menu-layer-0>.menu-item:hover,.responsive-menu.slide.mobile.layer-2-active .menu-layer-1>.menu-group:hover,.responsive-menu.slide.mobile.layer-2-active .menu-layer-1>.menu-item:hover,.xenon-obsidian-theme .responsive-menu.slide .click-overlay{background-color:transparent}
.responsive-menu.slide.mobile.layer-1-active .breadcrumbs .selected-entry-layer-0{color:#FFF}
.responsive-menu.slide.mobile.layer-2-active .breadcrumbs .selected-entry-layer-1{color:#FFF}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0{background-color:#262525;color:#FFF}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.slide/arrow_bottom.svg)}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-group .triangle:after{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-group.selected .menu-layer-1{background-color:#2d2c2c;border-color:#00abf0!important}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-group.selected .menu-layer-2{background-color:#4d4b4b}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>li:not(:last-child):after{background-color:#919191}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-group.selected,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-item.selected,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-0>.menu-item:hover{border-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1{background-color:#262525;color:#FFF}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1>.menu-group:hover{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1>.menu-group.selected .menu-layer-2{border-color:#00abf0!important}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1>.menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.slide/arrow_right.svg)}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1>.menu-group .triangle:after{background-color:#2d2d2d}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1>.menu-item.selected,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-1>.menu-item:hover{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-2{background-color:#262525;color:#FFF}
.xenon-obsidian-theme .responsive-menu.slide .menu-layer-2 .menu-item:hover,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-2 .selected,.xenon-obsidian-theme .responsive-menu.slide .menu-layer-2::before{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group.selected{border-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide.layer-2-active .menu-layer-1>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.slide.layer-2-active .menu-layer-1>.menu-item:hover{background-color:transparent}
.xenon-obsidian-theme .responsive-menu.slide.mobile .burger-button{background-color:#262525;background-image:url(../pics/system/controls/responsive-menu.slide/menu_light.svg)}
.xenon-obsidian-theme .responsive-menu.slide.mobile .breadcrumbs{background-color:#262525}
.xenon-obsidian-theme .responsive-menu.slide.mobile .breadcrumbs *{color:#bfbfbf}
.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-1-active .breadcrumbs .selected-entry-layer-0,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-2-active .breadcrumbs .selected-entry-layer-1{color:#FFF}
.xenon-obsidian-theme .responsive-menu.slide.mobile .menu-wrapper{background-color:#262525}
.xenon-obsidian-theme .responsive-menu.slide.mobile .menu-group .group-data::after{background-image:url(../pics/system/controls/responsive-menu.slide/arrow_right.svg)}
.xenon-obsidian-theme .responsive-menu.slide.mobile .menu-layer-0>.menu-group>.group-data .triangle:after{background-color:#282828}
.xenon-obsidian-theme .responsive-menu.slide.mobile .menu-layer-0>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.slide.mobile .menu-layer-0>.menu-item:hover{background-color:#00abf0}
.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-1-active .menu-layer-0>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-1-active .menu-layer-0>.menu-item:hover,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-2-active .menu-layer-0>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-2-active .menu-layer-0>.menu-item:hover,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-2-active .menu-layer-1>.menu-group:hover,.xenon-obsidian-theme .responsive-menu.slide.mobile.layer-2-active .menu-layer-1>.menu-item:hover{background-color:transparent}

/* responsive-menu.slide - dimensions */
 .responsive-menu.slide .icon{margin-right:10px;font-size:20px;line-height:20px}
.responsive-menu.slide .menu-layer-0>.menu-group>.group-data .menu-group-label,.responsive-menu.slide .menu-layer-0>.menu-item .menu-item-label{line-height:48px}
.responsive-menu.slide .icon,.responsive-menu.slide .icon img{width:20px;height:20px}
.responsive-menu.slide li{padding:0 15px}
.responsive-menu.slide .group-data{padding-right:30px}
.responsive-menu.slide .group-data::after{width:20px}
.responsive-menu.slide .menu-layer-0{height:48px}
.responsive-menu.slide .menu-layer-0>.menu-group,.responsive-menu.slide .menu-layer-0>.menu-item{border-width:5px}
.responsive-menu.slide .menu-layer-0>.menu-group>.group-data .triangle{height:10px}
.responsive-menu.slide .menu-layer-0>.menu-group>.group-data .triangle:after{width:16px;height:16px;left:2px;top:4px}
.responsive-menu.slide .menu-layer-0>.menu-group.selected .menu-layer-1{top:48px;border-width:5px!important}
.responsive-menu.slide .menu-layer-0>li:not(:last-child):after{width:1px}
.responsive-menu.slide .menu-layer-1 .click-overlay,.responsive-menu.slide .menu-layer-1 .group-data{height:38px}
.responsive-menu.slide .menu-layer-1 .menu-group-label,.responsive-menu.slide .menu-layer-1 .menu-item{line-height:38px}
.responsive-menu.slide .menu-layer-1>.menu-group{padding-left:10px;border-width:5px}
.responsive-menu.slide .menu-layer-1>.menu-group.selected>.click-overlay{width:50px;height:100%}
.responsive-menu.slide .menu-layer-1>.menu-group.selected .menu-layer-2{top:-5px;border-width:5px!important}
.responsive-menu.slide .menu-layer-1>.menu-group.selected .menu-layer-2::before{height:5px;top:-5px}
.responsive-menu.slide .menu-layer-1>.menu-group>.group-data .triangle{left:35px;width:10px}
.responsive-menu.slide .menu-layer-1>.menu-group>.group-data .triangle:after{width:16px;height:16px;left:-9px;top:50%;margin-top:-8px}
.responsive-menu.slide .menu-layer-2{left:50px;padding-left:0}
.responsive-menu.slide .menu-group-label,.responsive-menu.slide .menu-item{font-size:15px}
.responsive-menu.slide.layer-2-active .menu-group:not(:first-child) .menu-layer-1{left:-50px}
.responsive-menu.slide.mobile .burger-button{width:36px;height:36px}
.responsive-menu.slide.mobile .breadcrumbs{height:48px;padding:0 15px}
.responsive-menu.slide.mobile .breadcrumbs *{font-size:16px;line-height:48px}
.responsive-menu.slide.mobile .breadcrumbs .separator{padding:0 10px}
.responsive-menu.slide.mobile .menu-group>.click-overlay{height:48px}
.responsive-menu.slide.mobile .menu-group.selected>.click-overlay{height:100%}
.responsive-menu.slide.mobile .group-data,.responsive-menu.slide.mobile .menu-group,.responsive-menu.slide.mobile .menu-item{height:48px}
.responsive-menu.slide.mobile .menu-layer-0{min-height:calc(100% - 48px)}
.responsive-menu.slide.mobile .menu-layer-0>.menu-group>.click-overlay{width:100%}
.responsive-menu.slide.mobile .menu-layer-0>.menu-group.selected>.click-overlay{width:50px}
.responsive-menu.slide.mobile .menu-wrapper{min-height:calc(100% - 48px);max-width:420px;right:40px}
.responsive-menu.slide.mobile .menu-group .icon,.responsive-menu.slide.mobile .menu-item .icon{margin-right:15px}
.responsive-menu.slide.mobile .menu-group-label,.responsive-menu.slide.mobile .menu-item-label{line-height:48px}
.responsive-menu.slide.mobile.layer-1-active .menu-group .menu-layer-1,.responsive-menu.slide.mobile.layer-2-active .menu-group .menu-layer-1,.responsive-menu.slide.mobile.layer-2-active .menu-group .menu-layer-2{width:calc(100% - 50px);top:0;left:50px}
.responsive-menu.slide.mobile .menu-group>.group-data .triangle{left:35px;bottom:0;width:10px;height:100%;z-index:4}
.responsive-menu.slide.mobile .menu-group>.group-data .triangle:after{width:16px;height:16px;left:-9px;top:50%;margin-top:-8px}

/* rocker-button - common */
 .rocker-button{position:relative}
.rocker-button::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.rocker-button .rocker-button-box{position:relative;margin-left:8px}
.rocker-button .current{margin:0 8px 0 0;text-align:center}
.rocker-button svg{display:block;margin:0 auto}
.rocker-button .next:hover,.rocker-button .previous:hover{cursor:pointer}
.rocker-button .next,.rocker-button .previous{box-sizing:border-box;display:table-cell;vertical-align:middle}
.rocker-button.inactive .next:hover,.rocker-button.inactive .previous:hover,.rocker-button.locked .next:hover,.rocker-button.locked .previous:hover{cursor:initial}

/* rocker-button - style */
 .rocker-button .label{font-family:RobotoLight,sans-serif;color:#3C3C3C}
.rocker-button .current{background-color:#fdfdfd;color:#3C3C3C;box-shadow:0 0 2px rgba(0,0,0,.2)}
.rocker-button .current::selection{background-color:#00ABF0;color:#FFF}
.rocker-button .current::-moz-selection{background-color:#00ABF0;color:#FFF}
.rocker-button .next.pressed,.rocker-button .previous.pressed{background-color:#00ABF0}
.rocker-button .arrowico,.rocker-button .next:hover .arrowico,.rocker-button .previous:hover .arrowico{stroke:#3C3C3C}
.rocker-button:hover .next.pressed .arrowico,.rocker-button:hover .previous.pressed .arrowico{stroke:#FFF}
.rocker-button.inactive .label,.rocker-button.locked .label{color:#b1b1b1}
.rocker-button.inactive .next .arrowico,.rocker-button.inactive .previous .arrowico,.rocker-button.locked .next .arrowico,.rocker-button.locked .previous .arrowico{stroke:#b1b1b1}
.rocker-button.inactive .current,.rocker-button.locked .current{color:#bebebe}
.xenon-obsidian-theme .rocker-button .label{font-family:RobotoLight,sans-serif;color:#FFF}
.xenon-obsidian-theme .rocker-button .current{background-color:#262525;color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .rocker-button .current::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .rocker-button .current::-moz-selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .rocker-button .next.pressed,.xenon-obsidian-theme .rocker-button .previous.pressed{background-color:#00abf0}
.xenon-obsidian-theme .rocker-button .arrowico,.xenon-obsidian-theme .rocker-button .next:hover .arrowico,.xenon-obsidian-theme .rocker-button .previous:hover .arrowico{stroke:#FFF}
.xenon-obsidian-theme .rocker-button:hover .next.pressed .arrowico,.xenon-obsidian-theme .rocker-button:hover .previous.pressed .arrowico{stroke:#3c3b3b}
.xenon-obsidian-theme .rocker-button.inactive .label,.xenon-obsidian-theme .rocker-button.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .rocker-button.inactive .next .arrowico,.xenon-obsidian-theme .rocker-button.inactive .previous .arrowico,.xenon-obsidian-theme .rocker-button.locked .next .arrowico,.xenon-obsidian-theme .rocker-button.locked .previous .arrowico{stroke:#7d7b7b}
.xenon-obsidian-theme .rocker-button.inactive .current,.xenon-obsidian-theme .rocker-button.locked .current{color:#575555}

/* rocker-button - dimensions */
 .rocker-button,.rocker-button.large,.rocker-button.medium,.rocker-button.small{min-width:88px}
.rocker-button .label{padding-bottom:8px;font-size:14px;line-height:24px}
.rocker-button .rocker-button-box{width:72px}
.rocker-button .current{width:72px;font-size:14px;line-height:40px}
.rocker-button .next,.rocker-button .previous{width:72px;height:48px;padding:10px 0}
.rocker-button.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.rocker-button.large .rocker-button-box{width:88px}
.rocker-button.large .current{width:88px;font-size:18px;line-height:48px}
.rocker-button.large .next,.rocker-button.large .previous{width:88px;height:48px;padding:10px 0}
.rocker-button.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.rocker-button.medium .rocker-button-box{width:72px}
.rocker-button.medium .current{width:72px;font-size:14px;line-height:40px}
.rocker-button.medium .next,.rocker-button.medium .previous{width:72px;height:48px;padding:10px 0}
.rocker-button.small .label{padding-bottom:8px;font-size:11px;line-height:24px}
.rocker-button.small .rocker-button-box{width:72px}
.rocker-button.small .current{width:48px;font-size:11px;line-height:32px}
.rocker-button.small .next,.rocker-button.small .previous{width:48px;height:32px;padding:10px 0}

/* rocker-button.flexible-width - common */
 .rocker-button.flexible-width .next,.rocker-button.flexible-width .previous{display:block}

/* rocker-button.flexible-width - style */
 

/* rocker-button.flexible-width - dimensions */
 .rocker-button.flexible-width .next,.rocker-button.flexible-width .previous,.rocker-button.flexible-width.large .next,.rocker-button.flexible-width.large .previous,.rocker-button.flexible-width.medium .next,.rocker-button.flexible-width.medium .previous{padding:20px 0}
.rocker-button.flexible-width .current,.rocker-button.flexible-width .next,.rocker-button.flexible-width .previous,.rocker-button.flexible-width .rocker-button-box,.rocker-button.flexible-width.large .current,.rocker-button.flexible-width.large .next,.rocker-button.flexible-width.large .previous,.rocker-button.flexible-width.large .rocker-button-box,.rocker-button.flexible-width.medium .current,.rocker-button.flexible-width.medium .next,.rocker-button.flexible-width.medium .previous,.rocker-button.flexible-width.medium .rocker-button-box,.rocker-button.flexible-width.small .current,.rocker-button.flexible-width.small .next,.rocker-button.flexible-width.small .previous,.rocker-button.flexible-width.small .rocker-button-box{width:calc(100% - 8px)}
.rocker-button.flexible-width.small .next,.rocker-button.flexible-width.small .previous{padding:10px 0}

/* rocker-button.inverted - common */
 

/* rocker-button.inverted - style */
 .rocker-button.inverted .arrowico,.rocker-button.inverted .next:hover .arrowico,.rocker-button.inverted .previous:hover .arrowico,.rocker-button.inverted:hover .next.pressed .arrowico,.rocker-button.inverted:hover .previous.pressed .arrowico,.xenon-obsidian-theme .rocker-button.inverted .arrowico,.xenon-obsidian-theme .rocker-button.inverted .next:hover .arrowico,.xenon-obsidian-theme .rocker-button.inverted .previous:hover .arrowico,.xenon-obsidian-theme .rocker-button.inverted:hover .next.pressed .arrowico,.xenon-obsidian-theme .rocker-button.inverted:hover .previous.pressed .arrowico{stroke:#FFF}
.rocker-button.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.rocker-button.inverted .current{background-color:#3c3c3c;color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.rocker-button.inverted .current::selection{background-color:#00ABF0;color:#FFF}
.rocker-button.inverted .current::-moz-selection{background-color:#00ABF0;color:#FFF}
.rocker-button.inverted .next.pressed,.rocker-button.inverted .previous.pressed{background-color:#00ABF0}
.rocker-button.inverted.inactive .label,.rocker-button.inverted.locked .label{color:#b1b1b1}
.rocker-button.inverted.inactive .next .arrowico,.rocker-button.inverted.inactive .previous .arrowico,.rocker-button.inverted.locked .next .arrowico,.rocker-button.inverted.locked .previous .arrowico{stroke:#b1b1b1}
.rocker-button.inverted.inactive .current,.rocker-button.inverted.locked .current{color:#bebebe;background-color:#7a7a7a}
.xenon-obsidian-theme .rocker-button.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.xenon-obsidian-theme .rocker-button.inverted .current{background-color:#2d2c2c;color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .rocker-button.inverted .current::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .rocker-button.inverted .current::-moz-selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .rocker-button.inverted .next.pressed,.xenon-obsidian-theme .rocker-button.inverted .previous.pressed{background-color:#00abf0}
.xenon-obsidian-theme .rocker-button.inverted.inactive .label,.xenon-obsidian-theme .rocker-button.inverted.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .rocker-button.inverted.inactive .next .arrowico,.xenon-obsidian-theme .rocker-button.inverted.inactive .previous .arrowico,.xenon-obsidian-theme .rocker-button.inverted.locked .next .arrowico,.xenon-obsidian-theme .rocker-button.inverted.locked .previous .arrowico{stroke:#7d7b7b}
.xenon-obsidian-theme .rocker-button.inverted.inactive .current,.xenon-obsidian-theme .rocker-button.inverted.locked .current{color:#575555;background-color:#fff}

/* rocker-button.inverted - dimensions */
 

/* rocker-button.no-label - common */
 .rocker-button.no-label .label{display:none}

/* rocker-button.no-label - style */
 

/* rocker-button.no-label - dimensions */
 

/* rocker-button.slim - common */
 .rocker-button.slim .rocker-button-box::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.rocker-button.slim .rocker-button-box .current{float:left}
.rocker-button.slim .rocker-button-box .next,.rocker-button.slim .rocker-button-box .previous{float:right}

/* rocker-button.slim - style */
 

/* rocker-button.slim - dimensions */
 .rocker-button.slim .rocker-button-box{width:calc(100% - 8px)}
.rocker-button.slim .rocker-button-box .current{width:calc(100% - 152px);margin-right:8px}
.rocker-button.slim .rocker-button-box .next,.rocker-button.slim .rocker-button-box .previous{height:40px;padding:16px 0}
.rocker-button.slim.large .rocker-button-box{width:calc(100% - 8px)}
.rocker-button.slim.large .rocker-button-box .current{width:calc(100% - 184px);margin-right:8px}
.rocker-button.slim.large .rocker-button-box .next,.rocker-button.slim.large .rocker-button-box .previous{height:48px;padding:20px 0}
.rocker-button.slim.medium .rocker-button-box{width:calc(100% - 8px)}
.rocker-button.slim.medium .rocker-button-box .current{width:calc(100% - 152px);margin-right:8px}
.rocker-button.slim.medium .rocker-button-box .next,.rocker-button.slim.medium .rocker-button-box .previous{height:40px;padding:16px 0}
.rocker-button.slim.small .rocker-button-box{width:calc(100% - 8px)}
.rocker-button.slim.small .rocker-button-box .current{width:calc(100% - 104px);margin-right:8px}
.rocker-button.slim.small .rocker-button-box .next,.rocker-button.slim.small .rocker-button-box .previous{height:32px;padding:12px 0}

/* screen - common */
 .screen{box-sizing:border-box}
.screen::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

/* screen - style */
 

/* screen - dimensions */
 .screen{min-height:48px;min-width:48px}

/* searchbar - common */
 .searchbar .style-wrapper .value-box{border-style:solid;overflow:hidden;text-align:left;white-space:nowrap;position:relative;box-sizing:border-box}
.searchbar .style-wrapper .value-box .user-input{position:absolute;white-space:nowrap;overflow:hidden;user-select:text}
.searchbar .style-wrapper .value-box .auto-complete{position:absolute;pointer-events:none}
.searchbar .style-wrapper .value-box .auto-complete .mirror{visibility:hidden}
.searchbar .style-wrapper .value-box .auto-complete .suggestion{opacity:.5}
.searchbar .style-wrapper .value-box .clear-input{position:absolute;cursor:pointer}
.searchbar .style-wrapper .result-wrapper .result-box{border:solid;box-sizing:border-box}
.searchbar .style-wrapper .result-wrapper .result-box table{border-collapse:collapse}
.searchbar .style-wrapper .result-wrapper .result-box table tr{cursor:pointer}
.searchbar .result-box{display:none;position:absolute;overflow-y:auto;z-index:1}
.searchbar.focused.show-results .result-box{display:initial}
.searchbar.inactive .user-input,.searchbar.locked .user-input{user-select:none}
.searchbar.inactive .style-wrapper .value-box .clear-input,.searchbar.locked .style-wrapper .value-box .clear-input{cursor:default}

/* searchbar - style */
 .searchbar .style-wrapper .value-box .clear-input,.xenon-obsidian-theme .searchbar .style-wrapper .value-box .clear-input{background-image:url(../pics/system/icons/cross.svg)}
.searchbar.focused .style-wrapper .value-box{border-color:#00ABF0}
.searchbar .style-wrapper .value-box{background-color:#fdfdfd;border-color:rgba(0,0,0,.2)}
.searchbar .style-wrapper .value-box .mirror,.searchbar .style-wrapper .value-box .suggestion,.searchbar .style-wrapper .value-box .user-input{font-family:RobotoLight,sans-serif;color:#3C3C3C}
.searchbar .style-wrapper .value-box .user-input::selection{background-color:#00ABF0;color:#FFF}
.searchbar .style-wrapper .value-box .user-input::-moz-selection{background-color:#00ABF0;color:#FFF}
.searchbar .style-wrapper .result-wrapper .result-box{background-color:#fdfdfd;border-color:#00ABF0}
.searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar{background-color:#ecf9ff}
.searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar-thumb{background-color:#00ABF0}
.searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar-corner{background-color:transparent}
.searchbar .style-wrapper .result-wrapper .result-box table tr.hint-current:hover,.searchbar .style-wrapper .result-wrapper .result-box table tr:hover{background-color:#00ABF0;color:#FFF}
.searchbar .style-wrapper .result-wrapper .result-box table tr.hint-current{background-color:rgba(0,171,240,.5);color:#FFF}
.searchbar.inactive .value-box .user-input,.searchbar.locked .value-box .user-input{color:#bebebe;background-color:#fcfcfc;border-color:#DCDCDC}
.searchbar.inactive .label,.searchbar.locked .label{color:#b1b1b1}
.xenon-obsidian-theme .searchbar.focused .style-wrapper .value-box{border-color:#00ABF0}
.xenon-obsidian-theme .searchbar .style-wrapper .value-box{background-color:#fdfdfd;border-color:rgba(0,0,0,.2)}
.xenon-obsidian-theme .searchbar .style-wrapper .value-box .mirror,.xenon-obsidian-theme .searchbar .style-wrapper .value-box .suggestion,.xenon-obsidian-theme .searchbar .style-wrapper .value-box .user-input{font-family:RobotoLight,sans-serif;color:#3C3C3C}
.xenon-obsidian-theme .searchbar .style-wrapper .value-box .user-input::selection{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .searchbar .style-wrapper .value-box .user-input::-moz-selection{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box{background-color:#fdfdfd;border-color:#00ABF0}
.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar{background-color:#ecf9ff}
.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar-thumb{background-color:#00ABF0}
.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar-corner{background-color:transparent}
.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box table tr.hint-current:hover,.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box table tr:hover{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .searchbar .style-wrapper .result-wrapper .result-box table tr.hint-current{background-color:rgba(0,171,240,.5);color:#FFF}
.xenon-obsidian-theme .searchbar.inactive .value-box .user-input,.xenon-obsidian-theme .searchbar.locked .value-box .user-input{color:#bebebe;background-color:#fcfcfc;border-color:#DCDCDC}
.xenon-obsidian-theme .searchbar.inactive .label,.xenon-obsidian-theme .searchbar.locked .label{color:#b1b1b1}

/* searchbar - dimensions */
 .searchbar{min-width:80px}
.searchbar .style-wrapper .label{padding-bottom:8px;font-size:14px;line-height:24px}
.searchbar .style-wrapper .value-box{margin-left:8px;padding-left:10px;padding-right:10px;border-width:1px;font-size:14px;line-height:38px;height:40px;width:calc(100% - 8px)}
.searchbar .style-wrapper .value-box .mirror,.searchbar .style-wrapper .value-box .suggestion,.searchbar .style-wrapper .value-box .user-input{font-size:14px;line-height:38px}
.searchbar .style-wrapper .value-box .user-input{width:calc(100% - 36px)}
.searchbar .style-wrapper .value-box .clear-input{width:20px;height:20px;right:8px;top:9px}
.searchbar .style-wrapper .result-wrapper{position:relative;width:100%}
.searchbar .style-wrapper .result-wrapper .result-box{margin-left:8px;border-width:0 1px 1px;min-width:50%;max-height:10em;padding:0}
.searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar{width:10px}
.searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar-thumb{height:24px}
.searchbar .style-wrapper .result-wrapper .result-box::-webkit-scrollbar-button{width:0;height:0}
.searchbar .style-wrapper .result-wrapper .result-box table{width:100%}
.searchbar .style-wrapper .result-wrapper .result-box table tr td{padding:0 0 0 10px}

/* select-box - common */
 .select-box{position:relative}
.select-box::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.select-box .label-area{display:flex}
.select-box .label-area .label{flex:1}
.select-box .popup-icon{position:absolute;right:10px;top:4px;overflow:hidden;z-index:1}
.select-box .value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.select-box .select-box-options{position:absolute;box-sizing:border-box;z-index:5}
.select-box .select-box-options .anchor{overflow-y:auto}
.select-box .select-box-options>.triangle:nth-last-of-type(1){display:none}
.select-box .select-box-option{position:relative;box-sizing:border-box;border-bottom:1px solid #000;display:flex}
.select-box .select-box-option .value{flex:1}
.select-box .select-box-options .anchor>div:nth-last-of-type(1){border-bottom:none}
.select-box .select-box-option[data-ui=selected]{position:relative;box-sizing:border-box;border:none}
.select-box .select-box-selected{font-weight:700}
.select-box .control-icon,.select-box .option-icon{display:none}
.select-box .select-box-option.option-icon-and-text .option-icon,.select-box .select-box-option.option-icon-only .option-icon,.select-box.icon-and-text .control-icon,.select-box.icon-only .control-icon{display:block}
.select-box .select-box-options .triangle{position:absolute;top:-10px;width:100%;height:10px;overflow:hidden;z-index:1}
.select-box .select-box-options .triangle:after{content:"\0020";width:16px;height:16px;position:absolute;right:17px;top:3px;transform:rotate(45deg)}
.select-box.inactive .select-box-option[data-ui=selected],.select-box.locked .select-box-option[data-ui=selected]{box-shadow:none}
.select-box.icon-only .label{visibility:hidden}
.select-box .select-box-option.option-icon-only .value{display:none}
.select-box:not(.inactive):not(.locked):focus .select-box-option.selected{outline:transparent dashed 1px;outline-offset:-1px}

/* select-box - style */
 .select-box .label,.xenon-obsidian-theme .select-box .label{font-family:RobotoLight,sans-serif}
.select-box .label{color:#3C3C3C}
.select-box .popup-icon{stroke:#3C3C3C}
.select-box .select-box-option[data-ui=selected]:hover .popup-icon{stroke:#FFF}
.select-box.inactive .icon,.select-box.inactive .select-box-option[data-ui=selected]:hover .popup-icon,.select-box.inactive:hover .icon,.select-box.locked .icon,.select-box.locked .select-box-option[data-ui=selected]:hover .popup-icon,.select-box.locked:hover .icon{stroke:#b1b1b1}
.select-box .select-box-option.highlighted,.select-box .select-box-option:hover,.select-box .select-box-option[data-ui=selected]:hover,.select-box .select-box-selected:hover{background-color:#00ABF0;color:#FFF!important}
.select-box .select-box-options{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2);color:#3C3C3C}
.select-box .select-box-option{border-color:#DCDCDC!important;color:#3C3C3C}
.select-box .select-box-option[data-ui=selected]{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-box .select-box-selected{background-color:#FFF;color:#00ABF0}
.select-box .select-box-options .triangle:after{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-box.inactive .label,.select-box.locked .label{color:#b1b1b1}
.select-box.inactive .select-box-option[data-ui=selected],.select-box.locked .select-box-option[data-ui=selected]{background-color:#DCDCDC;color:#b1b1b1!important}
.select-box:not(.inactive):not(.locked):focus .select-box-option.selected{outline-color:#00ABF0}
.xenon-obsidian-theme .select-box .label{color:#FFF}
.xenon-obsidian-theme .select-box .popup-icon,.xenon-obsidian-theme .select-box .select-box-option[data-ui=selected]:hover .popup-icon{stroke:#FFF}
.xenon-obsidian-theme .select-box.inactive .icon,.xenon-obsidian-theme .select-box.inactive .select-box-option[data-ui=selected]:hover .popup-icon,.xenon-obsidian-theme .select-box.inactive:hover .icon,.xenon-obsidian-theme .select-box.locked .icon,.xenon-obsidian-theme .select-box.locked .select-box-option[data-ui=selected]:hover .popup-icon,.xenon-obsidian-theme .select-box.locked:hover .icon{stroke:#7d7b7b}
.xenon-obsidian-theme .select-box .select-box-option.highlighted,.xenon-obsidian-theme .select-box .select-box-option:hover,.xenon-obsidian-theme .select-box .select-box-option[data-ui=selected]:hover,.xenon-obsidian-theme .select-box .select-box-selected:hover{background-color:#00abf0;color:#FFF!important}
.xenon-obsidian-theme .select-box .select-box-options{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .select-box .select-box-option{border-color:#302f2f!important;color:#FFF}
.xenon-obsidian-theme .select-box .select-box-option[data-ui=selected]{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-box .select-box-selected{background-color:#3c3b3b;color:#00abf0}
.xenon-obsidian-theme .select-box .select-box-options .triangle:after{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-box.inactive .label,.xenon-obsidian-theme .select-box.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .select-box.inactive .select-box-option[data-ui=selected],.xenon-obsidian-theme .select-box.locked .select-box-option[data-ui=selected]{background-color:#302f2f;color:#7d7b7b!important}
.xenon-obsidian-theme .select-box:not(.inactive):not(.locked):focus .select-box-option.selected{outline-color:#00abf0}

/* select-box - dimensions */
 .select-box{min-width:112px;font-size:14px}
.select-box .label{padding-bottom:8px;font-size:14px;line-height:24px}
.select-box .popup-icon{width:30px;height:30px;stroke-width:2px}
.select-box .select-box-options{top:74px;left:0;padding:5px}
.select-box .value{line-height:40px}
.select-box .control-icon,.select-box .option-icon{height:20px;width:20px;margin:10px 12px;font-size:20px}
.select-box .control-icon{line-height:24px}
.select-box .option-icon{line-height:40px}
.select-box .select-box-options .triangle{left:0}
.select-box .select-box-options .anchor{max-height:296px}
.select-box .select-box-options,.select-box [data-ui=selected]{width:100%;margin-left:0}
.select-box .select-box-option{height:40px;padding:0 8px;font-size:14px;line-height:40px;border-width:1px!important}
.select-box.large{min-width:128px;font-size:14px}
.select-box.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.select-box.large .popup-icon{width:40px;height:40px;stroke-width:2px}
.select-box.large .select-box-options{top:94px;left:0;padding:5px}
.select-box.large .value{line-height:48px}
.select-box.large .control-icon,.select-box.large .option-icon{height:20px;width:20px;margin:10px 12px;font-size:20px}
.select-box.large .control-icon{line-height:32px}
.select-box.large .option-icon{line-height:48px}
.select-box.large .select-box-options .triangle{left:0}
.select-box.large .select-box-options .anchor{max-height:296px}
.select-box.large .select-box-options,.select-box.large [data-ui=selected]{width:100%;margin-left:0}
.select-box.large .select-box-option{height:48px;padding:0 8px;font-size:14px;line-height:48px;border-width:1px!important}
.select-box.medium{min-width:112px;font-size:14px}
.select-box.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.select-box.medium .popup-icon{width:30px;height:30px;stroke-width:2px}
.select-box.medium .select-box-options{top:74px;left:0;padding:5px}
.select-box.medium .value{line-height:40px}
.select-box.medium .control-icon,.select-box.medium .option-icon{height:20px;width:20px;margin:10px 12px;font-size:20px}
.select-box.medium .control-icon{line-height:24px}
.select-box.medium .option-icon{line-height:40px}
.select-box.medium .select-box-options .triangle{left:0}
.select-box.medium .select-box-options .anchor{max-height:296px}
.select-box.medium .select-box-options,.select-box.medium [data-ui=selected]{width:100%;margin-left:0}
.select-box.medium .select-box-option{height:40px;padding:0 8px;font-size:14px;line-height:40px;border-width:1px!important}
.select-box.small{min-width:96px;font-size:14px}
.select-box.small .label{padding-bottom:8px;font-size:11px;line-height:24px}
.select-box.small .popup-icon{width:20px;height:20px;stroke-width:2px}
.select-box.small .select-box-options{top:64px;left:0;padding:5px}
.select-box.small .value{line-height:32px}
.select-box.small .control-icon,.select-box.small .option-icon{height:20px;width:20px;margin:10px 12px;font-size:20px}
.select-box.small .control-icon{line-height:24px}
.select-box.small .option-icon{line-height:32px}
.select-box.small .select-box-options .triangle{left:5px}
.select-box.small .select-box-options .anchor{max-height:296px}
.select-box.small .select-box-options,.select-box.small [data-ui=selected]{width:100%;margin-left:0}
.select-box.small .select-box-option{height:32px;padding:0 8px;font-size:14px;line-height:32px;border-width:1px!important}

/* select-box.inverted - common */
 

/* select-box.inverted - style */
 .select-box.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.select-box.inverted .popup-icon,.select-box.inverted .select-box-option[data-ui=selected]:hover .popup-icon{stroke:#FFF}
.select-box.inverted .select-box-option.highlighted,.select-box.inverted .select-box-option:hover,.select-box.inverted .select-box-option[data-ui=selected]:hover,.select-box.inverted .select-box-selected:hover{background-color:#00ABF0;color:#FFF!important}
.select-box.inverted .select-box-options{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.select-box.inverted .select-box-option{border-color:#919191!important;color:#FFF}
.select-box.inverted .select-box-option[data-ui=selected]{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-box.inverted .select-box-selected{background-color:#3c3c3c;color:#00ABF0}
.select-box.inverted .select-box-options .triangle:after{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-box.inverted.inactive .label,.select-box.inverted.locked .label{color:#b1b1b1}
.select-box.inverted.inactive .select-box-option[data-ui=selected],.select-box.inverted.inactive .select-box-options,.select-box.inverted.locked .select-box-option[data-ui=selected],.select-box.inverted.locked .select-box-options{background-color:#7a7a7a;color:#b1b1b1!important}
.select-box.inverted.inactive .select-box-options .triangle:after,.select-box.inverted.locked .select-box-options .triangle:after{background-color:#7a7a7a;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-box.inverted.inactive .icon,.select-box.inverted.inactive:hover .icon,.select-box.inverted.locked .icon,.select-box.inverted.locked:hover .icon{stroke:#b1b1b1}
.select-box.inverted.inactive .popup-icon,.select-box.inverted.inactive:hover .popup-icon,.select-box.inverted.locked .popup-icon,.select-box.inverted.locked:hover .popup-icon{stroke:#b1b1b1!important}
.xenon-obsidian-theme .select-box.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.xenon-obsidian-theme .select-box.inverted .popup-icon,.xenon-obsidian-theme .select-box.inverted .select-box-option[data-ui=selected]:hover .popup-icon{stroke:#FFF}
.xenon-obsidian-theme .select-box.inverted .select-box-option.highlighted,.xenon-obsidian-theme .select-box.inverted .select-box-option:hover,.xenon-obsidian-theme .select-box.inverted .select-box-option[data-ui=selected]:hover,.xenon-obsidian-theme .select-box.inverted .select-box-selected:hover{background-color:#00abf0;color:#FFF!important}
.xenon-obsidian-theme .select-box.inverted .select-box-options{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .select-box.inverted .select-box-option{border-color:#919191!important;color:#FFF}
.xenon-obsidian-theme .select-box.inverted .select-box-option[data-ui=selected]{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-box.inverted .select-box-selected{background-color:#2d2c2c;color:#00abf0}
.xenon-obsidian-theme .select-box.inverted .select-box-options .triangle:after{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-box.inverted.inactive .label,.xenon-obsidian-theme .select-box.inverted.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .select-box.inverted.inactive .select-box-option[data-ui=selected],.xenon-obsidian-theme .select-box.inverted.inactive .select-box-options,.xenon-obsidian-theme .select-box.inverted.locked .select-box-option[data-ui=selected],.xenon-obsidian-theme .select-box.inverted.locked .select-box-options{background-color:#fff;color:#7d7b7b!important}
.xenon-obsidian-theme .select-box.inverted.inactive .select-box-options .triangle:after,.xenon-obsidian-theme .select-box.inverted.locked .select-box-options .triangle:after{background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-box.inverted.inactive .icon,.xenon-obsidian-theme .select-box.inverted.inactive:hover .icon,.xenon-obsidian-theme .select-box.inverted.locked .icon,.xenon-obsidian-theme .select-box.inverted.locked:hover .icon{stroke:#7d7b7b}
.xenon-obsidian-theme .select-box.inverted.inactive .popup-icon,.xenon-obsidian-theme .select-box.inverted.inactive:hover .popup-icon,.xenon-obsidian-theme .select-box.inverted.locked .popup-icon,.xenon-obsidian-theme .select-box.inverted.locked:hover .popup-icon{stroke:#7d7b7b!important}

/* select-box.inverted - dimensions */
 

/* select-box.list-on-top - common */
 .select-box.list-on-top .select-box-options .triangle{bottom:-10px;top:auto}
.select-box.list-on-top .select-box-options .triangle:after{top:-10px}

/* select-box.list-on-top - style */
 

/* select-box.list-on-top - dimensions */
 .select-box.list-on-top .select-box-options{top:auto;bottom:44px}
.select-box.list-on-top.large .select-box-options{top:auto;bottom:54px}
.select-box.list-on-top.medium .select-box-options{top:auto;bottom:44px}
.select-box.list-on-top.small .select-box-options{top:auto;bottom:34px}

/* select-date - common */
 .select-date,.select-date .selected-date{position:relative;box-sizing:border-box}
.select-date .selected-date:hover,.select-date:focus,.select-date:hover{cursor:pointer}
.select-date::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.select-date .selected-date{top:0;left:0;width:100%;height:100%;text-align:left}
.select-date .icon{position:absolute;right:10px;top:4px;overflow:hidden;z-index:1}
.select-date .calendar .triangle{position:absolute;top:-10px;height:10px;width:100%;overflow:hidden;z-index:1}
.select-date .calendar .triangle:after{content:"\0020";position:absolute;width:16px;height:16px;right:6px;top:3px;transform:rotate(45deg)}
.select-date div.day-select::after,.select-date div.selectors::after,.select-date ul.day-header:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.select-date.calendar-on-top .calendar .triangle{bottom:-10px;top:auto}
.select-date.calendar-on-top .calendar .triangle:after{top:-10px}
.select-date ul{list-style:none;padding:0;margin:0}
.select-date .calendar{box-sizing:border-box;position:absolute;right:0;padding:8px;border:none;z-index:2}
.select-date .current-month-day.selected,.select-date li[data-ui=day]{border-radius:100px}
.select-date.calendar-on-top .calendar{top:auto}
.select-date ul.week{overflow:hidden}
.select-date ul.week:last-child{margin-bottom:0}
.select-date ul.month-select,.select-date ul.year-select{font-weight:700;margin-bottom:8px;overflow:hidden;list-style:none;padding-left:0}
.select-date ul.month-select{float:left}
.select-date ul.year-select{float:right}
.select-date li.current,.select-date li.next,.select-date li.previous{float:left;padding:5px}
.select-date li.next{margin-right:0}
.select-date ul.month-select li.current,.select-date ul.year-select li.current{text-align:center}
.select-date ul.day-header{box-sizing:border-box;border-bottom:1px solid #000;margin-bottom:8px;overflow:hidden}
.select-date ul.day-header,.select-date ul.week{padding:0 10px}
.select-date li.day-name,.select-date li[data-ui=day]{box-sizing:border-box;float:left;text-align:center}
.select-date ul.day-header>li:first-child,.select-date ul.day-header>li:nth-last-of-type(0),.select-date ul.week>li:first-child,.select-date ul.week>li:nth-last-of-type(0){margin-left:0}
.select-date.inactive .selected-date,.select-date.inactive .selected-date:hover,.select-date.locked .selected-date,.select-date.locked .selected-date:hover{cursor:initial}

/* select-date - style */
 .select-date{color:#3C3C3C}
.select-date .selected-date{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-date .selected-date:hover{background-color:#00ABF0;box-shadow:0 0 3px #00ABF0;color:#FFF}
.select-date .icon{stroke:#3C3C3C}
.select-date .selected-date:hover .icon{stroke:#FFF!important}
.select-date .calendar,.select-date .calendar .triangle:after{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-date ul.month-select,.select-date ul.year-select{color:#3C3C3C}
.select-date li.current,.select-date li.next,.select-date li.previous{stroke:#3C3C3C}
.select-date li.next:hover,.select-date li.previous:hover{background-color:#00ABF0;stroke:#FFF}
.select-date ul.day-header{border-color:#b1b1b1!important;color:#3C3C3C}
.select-date li.day-name{color:#b1b1b1}
.select-date li[data-ui=day]{color:#3C3C3C}
.select-date li[data-ui=day].pressed{background-color:#cacaca;color:#FFF}
.select-date .current-month-day.selected{background-color:#00ABF0;color:#FFF}
.select-date .current-month-day{color:#3C3C3C}
.select-date li[data-ui=day].next-month-day,.select-date li[data-ui=day].previous-month-day{color:#cacaca}
.select-date li[data-ui=day].next-month-day.pressed,.select-date li[data-ui=day].previous-month-day.pressed{color:#f0f0f0}
.select-date li[data-ui=day].next-month-day.selected,.select-date li[data-ui=day].previous-month-day.selected{background-color:#f0f0f0}
.xenon-obsidian-theme .select-date{color:#FFF}
.xenon-obsidian-theme .select-date .selected-date{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-date .selected-date:hover{background-color:#00abf0;box-shadow:0 0 3px #00abf0;color:#FFF}
.xenon-obsidian-theme .select-date .icon{stroke:#FFF}
.xenon-obsidian-theme .select-date .selected-date:hover .icon{stroke:#FFF!important}
.xenon-obsidian-theme .select-date .calendar,.xenon-obsidian-theme .select-date .calendar .triangle:after{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-date ul.month-select,.xenon-obsidian-theme .select-date ul.year-select{color:#FFF}
.xenon-obsidian-theme .select-date li.current,.xenon-obsidian-theme .select-date li.next,.xenon-obsidian-theme .select-date li.previous{stroke:#FFF}
.xenon-obsidian-theme .select-date li.next:hover,.xenon-obsidian-theme .select-date li.previous:hover{background-color:#00abf0;stroke:#3c3b3b}
.xenon-obsidian-theme .select-date ul.day-header{border-color:#7d7b7b!important;color:#FFF}
.xenon-obsidian-theme .select-date li.day-name{color:#7d7b7b}
.xenon-obsidian-theme .select-date li[data-ui=day]{color:#FFF}
.xenon-obsidian-theme .select-date li[data-ui=day].pressed{background-color:#979494;color:#FFF}
.xenon-obsidian-theme .select-date .current-month-day.selected{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .select-date .current-month-day{color:#FFF}
.xenon-obsidian-theme .select-date li[data-ui=day].next-month-day,.xenon-obsidian-theme .select-date li[data-ui=day].previous-month-day{color:#979494}
.xenon-obsidian-theme .select-date li[data-ui=day].next-month-day.pressed,.xenon-obsidian-theme .select-date li[data-ui=day].previous-month-day.pressed{color:#efefef}
.xenon-obsidian-theme .select-date li[data-ui=day].next-month-day.selected,.xenon-obsidian-theme .select-date li[data-ui=day].previous-month-day.selected{background-color:#efefef}

/* select-date - dimensions */
 .select-date,.select-date .selected-date [data-ui=value]{font-size:14px;line-height:40px}
.select-date .calendar .triangle,.select-date.large .calendar .triangle,.select-date.medium .calendar .triangle{left:-10px}
.select-date ul.day-header,.select-date.large ul.day-header,.select-date.medium ul.day-header,.select-date.small ul.day-header{border-width:1px!important}
.select-date{min-width:152px}
.select-date .selected-date{padding-left:20px;padding-right:45px}
.select-date .icon{width:30px;height:30px;stroke-width:2px}
.select-date.calendar-on-top .calendar{bottom:40px}
.select-date .calendar{width:320px;top:44px}
.select-date ul.month-select .current,.select-date ul.year-select .current{width:72px;font-size:16px;line-height:18px}
.select-date li.next,.select-date li.previous{width:11px;height:18px}
.select-date li.day-name,.select-date li[data-ui=day]{width:40px;font-size:14px}
.select-date li[data-ui=day]{font-size:16px;line-height:40px}
.select-date.large,.select-date.large .selected-date [data-ui=value]{font-size:18px;line-height:48px}
.select-date.large{min-width:176px}
.select-date.large .selected-date{padding-left:20px;padding-right:60px}
.select-date.large .icon{width:40px;height:40px;stroke-width:2px}
.select-date.large.calendar-on-top .calendar{bottom:48px}
.select-date.large .calendar{width:384px;top:44px}
.select-date.large ul.month-select .current,.select-date.large ul.year-select .current{width:88px;font-size:24px;line-height:32px}
.select-date.large li.next,.select-date.large li.previous{width:14px;height:32px}
.select-date.large li.day-name,.select-date.large li[data-ui=day]{width:48px;font-size:18px}
.select-date.large li[data-ui=day]{font-size:24px;line-height:48px}
.select-date.medium,.select-date.medium .selected-date [data-ui=value]{font-size:14px;line-height:40px}
.select-date.medium{min-width:152px}
.select-date.medium .selected-date{padding-left:20px;padding-right:45px}
.select-date.medium .icon{width:30px;height:30px;stroke-width:2px}
.select-date.medium.calendar-on-top .calendar{bottom:40px}
.select-date.medium .calendar{width:320px;top:44px}
.select-date.medium ul.month-select .current,.select-date.medium ul.year-select .current{width:72px;font-size:16px;line-height:18px}
.select-date.medium li.next,.select-date.medium li.previous{width:11px;height:18px}
.select-date.medium li.day-name,.select-date.medium li[data-ui=day]{width:40px;font-size:14px}
.select-date.medium li[data-ui=day]{font-size:16px;line-height:40px}
.select-date.small,.select-date.small .selected-date [data-ui=value]{font-size:11px;line-height:32px}
.select-date.small{min-width:120px}
.select-date.small .selected-date{padding-left:20px;padding-right:35px}
.select-date.small .icon{width:20px;height:20px;stroke-width:2px}
.select-date.small .calendar .triangle{left:-5px}
.select-date.small.calendar-on-top .calendar{bottom:32px}
.select-date.small .calendar{width:264px;top:34px}
.select-date.small ul.month-select .current,.select-date.small ul.year-select .current{width:48px;font-size:16px;line-height:18px}
.select-date.small li.next,.select-date.small li.previous{width:8px;height:18px}
.select-date.small li.day-name,.select-date.small li[data-ui=day]{width:32px;font-size:11px}
.select-date.small li[data-ui=day]{font-size:16px;line-height:32px}

/* select-date.inverted - common */
 

/* select-date.inverted - style */
 .select-date.inverted{color:#FFF}
.select-date.inverted .selected-date{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-date.inverted .selected-date:hover{background-color:#00ABF0;box-shadow:0 0 3px #00ABF0;color:#FFF}
.select-date.inverted .icon{stroke:#FFF}
.select-date.inverted .selected-date:hover .icon{stroke:#FFF!important}
.select-date.inverted .calendar,.select-date.inverted .calendar .triangle:after{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-date.inverted ul.month-select,.select-date.inverted ul.year-select{color:#FFF}
.select-date.inverted li.current,.select-date.inverted li.next,.select-date.inverted li.previous{stroke:#FFF}
.select-date.inverted li.next:hover,.select-date.inverted li.previous:hover{background-color:#00ABF0;stroke:#FFF}
.select-date.inverted ul.day-header{border-color:#b1b1b1!important;color:#FFF}
.select-date.inverted li.day-name{color:#b1b1b1}
.select-date.inverted li[data-ui=day]{color:#FFF}
.select-date.inverted li[data-ui=day].pressed{background-color:#cacaca;color:#FFF}
.select-date.inverted .current-month-day.selected{background-color:#00ABF0;color:#FFF}
.select-date.inverted .current-month-day{color:#FFF}
.select-date.inverted li[data-ui=day].next-month-day,.select-date.inverted li[data-ui=day].previous-month-day{color:#cacaca}
.select-date.inverted li[data-ui=day].next-month-day.pressed,.select-date.inverted li[data-ui=day].previous-month-day.pressed{color:#5b5b5b}
.select-date.inverted li[data-ui=day].next-month-day.selected,.select-date.inverted li[data-ui=day].previous-month-day.selected{background-color:#5b5b5b}
.select-date.inverted.inactive .selected-date,.select-date.inverted.inactive .selected-date:hover,.select-date.inverted.locked .selected-date,.select-date.inverted.locked .selected-date:hover{background-color:#7a7a7a;color:#b1b1b1;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-date.inverted.inactive .selected-date .icon,.select-date.inverted.inactive .selected-date:hover .icon,.select-date.inverted.locked .selected-date .icon,.select-date.inverted.locked .selected-date:hover .icon{stroke:#b1b1b1!important}
.xenon-obsidian-theme .select-date.inverted{color:#FFF}
.xenon-obsidian-theme .select-date.inverted .selected-date{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-date.inverted .selected-date:hover{background-color:#00abf0;box-shadow:0 0 3px #00abf0;color:#FFF}
.xenon-obsidian-theme .select-date.inverted .icon{stroke:#FFF}
.xenon-obsidian-theme .select-date.inverted .selected-date:hover .icon{stroke:#FFF!important}
.xenon-obsidian-theme .select-date.inverted .calendar,.xenon-obsidian-theme .select-date.inverted .calendar .triangle:after{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-date.inverted ul.month-select,.xenon-obsidian-theme .select-date.inverted ul.year-select{color:#FFF}
.xenon-obsidian-theme .select-date.inverted li.current,.xenon-obsidian-theme .select-date.inverted li.next,.xenon-obsidian-theme .select-date.inverted li.previous{stroke:#FFF}
.xenon-obsidian-theme .select-date.inverted li.next:hover,.xenon-obsidian-theme .select-date.inverted li.previous:hover{background-color:#00abf0;stroke:#FFF}
.xenon-obsidian-theme .select-date.inverted ul.day-header{border-color:#7d7b7b!important;color:#FFF}
.xenon-obsidian-theme .select-date.inverted li.day-name{color:#7d7b7b}
.xenon-obsidian-theme .select-date.inverted li[data-ui=day]{color:#FFF}
.xenon-obsidian-theme .select-date.inverted li[data-ui=day].pressed{background-color:#979494;color:#FFF}
.xenon-obsidian-theme .select-date.inverted .current-month-day.selected{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .select-date.inverted .current-month-day{color:#FFF}
.xenon-obsidian-theme .select-date.inverted li[data-ui=day].next-month-day,.xenon-obsidian-theme .select-date.inverted li[data-ui=day].previous-month-day{color:#979494}
.xenon-obsidian-theme .select-date.inverted li[data-ui=day].next-month-day.pressed,.xenon-obsidian-theme .select-date.inverted li[data-ui=day].previous-month-day.pressed{color:#4d4b4b}
.xenon-obsidian-theme .select-date.inverted li[data-ui=day].next-month-day.selected,.xenon-obsidian-theme .select-date.inverted li[data-ui=day].previous-month-day.selected{background-color:#4d4b4b}
.xenon-obsidian-theme .select-date.inverted.inactive .selected-date,.xenon-obsidian-theme .select-date.inverted.inactive .selected-date:hover,.xenon-obsidian-theme .select-date.inverted.locked .selected-date,.xenon-obsidian-theme .select-date.inverted.locked .selected-date:hover{background-color:#fff;color:#7d7b7b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-date.inverted.inactive .selected-date .icon,.xenon-obsidian-theme .select-date.inverted.inactive .selected-date:hover .icon,.xenon-obsidian-theme .select-date.inverted.locked .selected-date .icon,.xenon-obsidian-theme .select-date.inverted.locked .selected-date:hover .icon{stroke:#7d7b7b!important}

/* select-date.inverted - dimensions */
 

/* select-radio - common */
 .select-radio::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.select-radio .radio-option-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.select-radio .label-area{display:flex}
.select-radio .label-area .label{flex:1}
.select-radio .select-radio-option{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;fill:none;cursor:pointer}
.select-radio .select-radio-option .radio-option-label{flex:1}
.select-radio>div:nth-last-of-type(1){margin-bottom:0}
.select-radio .select-radio-option [data-ui=handle]{stroke:none;visibility:hidden}
.select-radio .select-radio-option.active,.select-radio .select-radio-option.selected{fill:none}
.select-radio .select-radio-option.active [data-ui=handle],.select-radio .select-radio-option.selected [data-ui=handle]{stroke:none;visibility:visible}
.select-radio .select-radio-option.pressed,.select-radio .select-radio-option:hover{fill:none}
.select-radio .control-icon,.select-radio .option-icon{display:none}
.select-radio .select-radio-option.option-icon-and-text .option-icon,.select-radio .select-radio-option.option-icon-only .option-icon,.select-radio.icon-and-text .control-icon,.select-radio.icon-only .control-icon{display:block}
.select-radio.inactive .select-radio-option,.select-radio.locked .select-radio-option,.select-radio.selected.inactive .select-radio-option,.select-radio.selected.locked .select-radio-option{box-shadow:none}
.select-radio.inactive [data-ui=boundaries],.select-radio.locked [data-ui=boundaries],.select-radio.selected.inactive [data-ui=boundaries],.select-radio.selected.locked [data-ui=boundaries]{fill:none}
.select-radio.icon-only .label{visibility:hidden}
.select-radio .select-radio-option.option-icon-only .radio-option-label{display:none}

/* select-radio - style */
 .select-radio .select-radio-option{background-color:#FFF;box-shadow:0 0 2px 0 rgba(0,0,0,.2);color:#3C3C3C;stroke:#3C3C3C}
.select-radio .select-radio-option [data-ui=handle]{fill:#3C3C3C}
.select-radio .select-radio-option.active,.select-radio .select-radio-option.selected{color:#FFF;background-color:#00ABF0;box-shadow:0 0 3px rgba(0,171,240,.5);stroke:#FFF}
.select-radio .select-radio-option.active .radio-option-label,.select-radio .select-radio-option.selected .radio-option-label{color:#FFF}
.select-radio .select-radio-option.active [data-ui=handle],.select-radio .select-radio-option.selected [data-ui=handle]{fill:#FFF}
.select-radio .select-radio-option.active.pressed,.select-radio .select-radio-option.active:hover,.select-radio .select-radio-option.selected.pressed,.select-radio .select-radio-option.selected:hover{color:#FFF;background-color:#00aff5;box-shadow:0 0 3px rgba(0,175,245,.5);stroke:#FFF}
.select-radio .select-radio-option.pressed .select-radio .select-radio-option:hover{color:#00aff5;box-shadow:0 0 2px rgba(0,0,0,.2);stroke:#00aff5}
.select-radio.inactive .label,.select-radio.inactive .select-radio-option,.select-radio.inactive .select-radio-option .radio-option-label,.select-radio.inactive .select-radio-option.selected .radio-option-label,.select-radio.inactive.pressed .select-radio-option,.select-radio.inactive.pressed .select-radio-option .radio-option-label,.select-radio.inactive.selected .select-radio-option,.select-radio.inactive.selected .select-radio-option .radio-option-label,.select-radio.inactive:hover .select-radio-option,.select-radio.inactive:hover .select-radio-option .radio-option-label,.select-radio.locked .label,.select-radio.locked .select-radio-option,.select-radio.locked .select-radio-option .radio-option-label,.select-radio.locked .select-radio-option.selected .radio-option-label,.select-radio.locked.pressed .select-radio-option,.select-radio.locked.pressed .select-radio-option .radio-option-label,.select-radio.locked.selected .select-radio-option,.select-radio.locked.selected .select-radio-option .radio-option-label,.select-radio.locked:hover .select-radio-option,.select-radio.locked:hover .select-radio-option .radio-option-label{color:#b1b1b1}
.select-radio.inactive .select-radio-option,.select-radio.inactive.pressed .select-radio-option,.select-radio.inactive.selected .select-radio-option,.select-radio.inactive:hover .select-radio-option,.select-radio.locked .select-radio-option,.select-radio.locked.pressed .select-radio-option,.select-radio.locked.selected .select-radio-option,.select-radio.locked:hover .select-radio-option{background-color:#DCDCDC;box-shadow:none}
.select-radio.inactive [data-ui=boundaries],.select-radio.inactive.selected [data-ui=boundaries],.select-radio.locked [data-ui=boundaries],.select-radio.locked.selected [data-ui=boundaries]{stroke:#b1b1b1}
.select-radio.inactive .select-radio-option.selected [data-ui=handle],.select-radio.locked .select-radio-option.selected [data-ui=handle]{fill:#b1b1b1}
.xenon-obsidian-theme .select-radio .select-radio-option [data-ui=handle],.xenon-obsidian-theme .select-radio .select-radio-option.active [data-ui=handle],.xenon-obsidian-theme .select-radio .select-radio-option.selected [data-ui=handle]{fill:#FFF}
.xenon-obsidian-theme .select-radio .select-radio-option{background-color:#3c3b3b;box-shadow:0 0 2px 0 rgba(0,0,0,.2);color:#FFF;stroke:#FFF}
.xenon-obsidian-theme .select-radio .select-radio-option.active,.xenon-obsidian-theme .select-radio .select-radio-option.selected{color:#FFF;background-color:#00abf0;box-shadow:0 0 3px rgba(0,171,240,.5);stroke:#FFF}
.xenon-obsidian-theme .select-radio .select-radio-option.active .radio-option-label,.xenon-obsidian-theme .select-radio .select-radio-option.selected .radio-option-label{color:#FFF}
.xenon-obsidian-theme .select-radio .select-radio-option.active.pressed,.xenon-obsidian-theme .select-radio .select-radio-option.active:hover,.xenon-obsidian-theme .select-radio .select-radio-option.selected.pressed,.xenon-obsidian-theme .select-radio .select-radio-option.selected:hover{color:#FFF;background-color:#00aff5;box-shadow:0 0 3px rgba(0,175,245,.5);stroke:#FFF}
.xenon-obsidian-theme .select-radio .select-radio-option.pressed .xenon-obsidian-theme .select-radio .select-radio-option:hover{color:#00aff5;box-shadow:0 0 2px rgba(0,0,0,.2);stroke:#00aff5}
.xenon-obsidian-theme .select-radio.inactive .label,.xenon-obsidian-theme .select-radio.inactive .select-radio-option,.xenon-obsidian-theme .select-radio.inactive .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inactive .select-radio-option.selected .radio-option-label,.xenon-obsidian-theme .select-radio.inactive.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.inactive.pressed .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inactive.selected .select-radio-option,.xenon-obsidian-theme .select-radio.inactive.selected .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inactive:hover .select-radio-option,.xenon-obsidian-theme .select-radio.inactive:hover .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.locked .label,.xenon-obsidian-theme .select-radio.locked .select-radio-option,.xenon-obsidian-theme .select-radio.locked .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.locked .select-radio-option.selected .radio-option-label,.xenon-obsidian-theme .select-radio.locked.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.locked.pressed .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.locked.selected .select-radio-option,.xenon-obsidian-theme .select-radio.locked.selected .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.locked:hover .select-radio-option,.xenon-obsidian-theme .select-radio.locked:hover .select-radio-option .radio-option-label{color:#7d7b7b}
.xenon-obsidian-theme .select-radio.inactive .select-radio-option,.xenon-obsidian-theme .select-radio.inactive.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.inactive.selected .select-radio-option,.xenon-obsidian-theme .select-radio.inactive:hover .select-radio-option,.xenon-obsidian-theme .select-radio.locked .select-radio-option,.xenon-obsidian-theme .select-radio.locked.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.locked.selected .select-radio-option,.xenon-obsidian-theme .select-radio.locked:hover .select-radio-option{background-color:#302f2f;box-shadow:none}
.xenon-obsidian-theme .select-radio.inactive [data-ui=boundaries],.xenon-obsidian-theme .select-radio.inactive.selected [data-ui=boundaries],.xenon-obsidian-theme .select-radio.locked [data-ui=boundaries],.xenon-obsidian-theme .select-radio.locked.selected [data-ui=boundaries]{stroke:#7d7b7b}
.xenon-obsidian-theme .select-radio.inactive .select-radio-option.selected [data-ui=handle],.xenon-obsidian-theme .select-radio.locked .select-radio-option.selected [data-ui=handle]{fill:#7d7b7b}

/* select-radio - dimensions */
 .select-radio.inactive [data-ui=boundaries],.select-radio.large.inactive [data-ui=boundaries],.select-radio.large.locked [data-ui=boundaries],.select-radio.large.selected.inactive [data-ui=boundaries],.select-radio.large.selected.locked [data-ui=boundaries],.select-radio.locked [data-ui=boundaries],.select-radio.medium.inactive [data-ui=boundaries],.select-radio.medium.locked [data-ui=boundaries],.select-radio.medium.selected.inactive [data-ui=boundaries],.select-radio.medium.selected.locked [data-ui=boundaries],.select-radio.selected.inactive [data-ui=boundaries],.select-radio.selected.locked [data-ui=boundaries],.select-radio.small.inactive [data-ui=boundaries],.select-radio.small.locked [data-ui=boundaries],.select-radio.small.selected.inactive [data-ui=boundaries],.select-radio.small.selected.locked [data-ui=boundaries]{stroke-width:1px}
.select-radio{min-width:80px}
.select-radio .select-radio-option{height:40px;margin-bottom:8px;padding:8px}
.select-radio .select-radio-option .select-radio-button{width:18px;height:18px;margin-right:8px;margin-left:0}
.select-radio .select-radio-option .radio-option-label{width:calc(100% - 35px);font-size:14px;line-height:24px}
.select-radio .control-icon,.select-radio .option-icon{height:20px;width:20px;margin-right:12px;font-size:20px}
.select-radio .control-icon{line-height:24px}
.select-radio .option-icon{line-height:20px}
.select-radio.large{min-width:96px}
.select-radio.large .select-radio-option{height:48px;margin-bottom:8px;padding:8px}
.select-radio.large .select-radio-option .select-radio-button{width:22px;height:22px;margin-right:8px;margin-left:0}
.select-radio.large .select-radio-option .radio-option-label{width:calc(100% - 39px);font-size:18px;line-height:32px}
.select-radio.large .control-icon,.select-radio.large .option-icon{height:20px;width:20px;margin-right:12px;font-size:20px}
.select-radio.large .control-icon{line-height:32px}
.select-radio.large .option-icon{line-height:20px}
.select-radio.medium{min-width:80px}
.select-radio.medium .select-radio-option{height:40px;margin-bottom:8px;padding:8px}
.select-radio.medium .select-radio-option .select-radio-button{width:18px;height:18px;margin-right:8px;margin-left:0}
.select-radio.medium .select-radio-option .radio-option-label{width:calc(100% - 35px);font-size:14px;line-height:24px}
.select-radio.medium .control-icon,.select-radio.medium .option-icon{height:20px;width:20px;margin-right:12px;font-size:20px}
.select-radio.medium .control-icon{line-height:24px}
.select-radio.medium .option-icon{line-height:20px}
.select-radio.small{min-width:56px}
.select-radio.small .select-radio-option{height:32px;margin-bottom:8px;padding:5px}
.select-radio.small .select-radio-option .select-radio-button{width:14px;height:14px;margin-right:8px;margin-left:5px}
.select-radio.small .select-radio-option .radio-option-label{width:calc(100% - 31px);font-size:11px;line-height:24px}
.select-radio.small .control-icon,.select-radio.small .option-icon{height:20px;width:20px;margin-right:12px;font-size:20px}
.select-radio.small .control-icon{line-height:24px}
.select-radio.small .option-icon{line-height:20px}

/* select-radio.inverted - common */
 

/* select-radio.inverted - style */
 .select-radio.inverted .select-radio-option{background-color:#3c3c3c;box-shadow:0 0 2px 0 rgba(0,0,0,.2);color:#FFF;stroke:#FFF}
.select-radio.inverted .select-radio-option [data-ui=handle]{fill:#3c3c3c}
.select-radio.inverted .select-radio-option.active,.select-radio.inverted .select-radio-option.selected{color:#FFF;background-color:#00ABF0;box-shadow:0 0 3px rgba(0,171,240,.5);stroke:#FFF}
.select-radio.inverted .select-radio-option.active .radio-option-label,.select-radio.inverted .select-radio-option.selected .radio-option-label{color:#FFF}
.select-radio.inverted .select-radio-option.active [data-ui=handle],.select-radio.inverted .select-radio-option.selected [data-ui=handle]{fill:#FFF}
.select-radio.inverted .select-radio-option.pressed,.select-radio.inverted .select-radio-option:hover{color:#00aff5;box-shadow:0 0 2px rgba(0,0,0,.2);stroke:#00aff5}
.select-radio.inverted .select-radio-option.selected.pressed,.select-radio.inverted .select-radio-option.selected:hover{color:#FFF;background-color:#00aff5;box-shadow:0 0 3px rgba(0,175,245,.5);stroke:#FFF}
.select-radio.inverted.inactive .select-radio-option,.select-radio.inverted.inactive .select-radio-option .radio-option-label,.select-radio.inverted.inactive.pressed .select-radio-option,.select-radio.inverted.inactive.pressed .select-radio-option .radio-option-label,.select-radio.inverted.inactive.selected .radio-option-label,.select-radio.inverted.inactive.selected .select-radio-option,.select-radio.inverted.inactive.selected .select-radio-option .radio-option-label,.select-radio.inverted.inactive:hover .select-radio-option,.select-radio.inverted.inactive:hover .select-radio-option .radio-option-label,.select-radio.inverted.locked .select-radio-option,.select-radio.inverted.locked .select-radio-option .radio-option-label,.select-radio.inverted.locked.pressed .select-radio-option,.select-radio.inverted.locked.pressed .select-radio-option .radio-option-label,.select-radio.inverted.locked.selected .radio-option-label,.select-radio.inverted.locked.selected .select-radio-option,.select-radio.inverted.locked.selected .select-radio-option .radio-option-label,.select-radio.inverted.locked:hover .select-radio-option,.select-radio.inverted.locked:hover .select-radio-option .radio-option-label{color:#b1b1b1}
.select-radio.inverted.inactive .select-radio-option,.select-radio.inverted.inactive.pressed .select-radio-option,.select-radio.inverted.inactive.selected .select-radio-option,.select-radio.inverted.inactive:hover .select-radio-option,.select-radio.inverted.locked .select-radio-option,.select-radio.inverted.locked.pressed .select-radio-option,.select-radio.inverted.locked.selected .select-radio-option,.select-radio.inverted.locked:hover .select-radio-option{background-color:#7a7a7a;box-shadow:none}
.select-radio.inverted.inactive [data-ui=boundaries],.select-radio.inverted.inactive.selected [data-ui=boundaries],.select-radio.inverted.locked [data-ui=boundaries],.select-radio.inverted.locked.selected [data-ui=boundaries]{stroke:#b1b1b1}
.select-radio.inverted.inactive .select-radio-option.selected [data-ui=handle],.select-radio.inverted.locked .select-radio-option.selected [data-ui=handle]{fill:#b1b1b1}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option{background-color:#2d2c2c;box-shadow:0 0 2px 0 rgba(0,0,0,.2);color:#FFF;stroke:#FFF}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option [data-ui=handle]{fill:#2d2c2c}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option.active,.xenon-obsidian-theme .select-radio.inverted .select-radio-option.selected{color:#FFF;background-color:#00abf0;box-shadow:0 0 3px rgba(0,171,240,.5);stroke:#FFF}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option.active .radio-option-label,.xenon-obsidian-theme .select-radio.inverted .select-radio-option.selected .radio-option-label{color:#FFF}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option.active [data-ui=handle],.xenon-obsidian-theme .select-radio.inverted .select-radio-option.selected [data-ui=handle]{fill:#FFF}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option.pressed,.xenon-obsidian-theme .select-radio.inverted .select-radio-option:hover{color:#00aff5;box-shadow:0 0 2px rgba(0,0,0,.2);stroke:#00aff5}
.xenon-obsidian-theme .select-radio.inverted .select-radio-option.selected.pressed,.xenon-obsidian-theme .select-radio.inverted .select-radio-option.selected:hover{color:#FFF;background-color:#00aff5;box-shadow:0 0 3px rgba(0,175,245,.5);stroke:#FFF}
.xenon-obsidian-theme .select-radio.inverted.inactive .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.inactive.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive.pressed .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.inactive.selected .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.inactive.selected .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive.selected .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.inactive:hover .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive:hover .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.locked .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.locked.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked.pressed .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.locked.selected .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.locked.selected .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked.selected .select-radio-option .radio-option-label,.xenon-obsidian-theme .select-radio.inverted.locked:hover .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked:hover .select-radio-option .radio-option-label{color:#7d7b7b}
.xenon-obsidian-theme .select-radio.inverted.inactive .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive.selected .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.inactive:hover .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked.pressed .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked.selected .select-radio-option,.xenon-obsidian-theme .select-radio.inverted.locked:hover .select-radio-option{background-color:#fff;box-shadow:none}
.xenon-obsidian-theme .select-radio.inverted.inactive [data-ui=boundaries],.xenon-obsidian-theme .select-radio.inverted.inactive.selected [data-ui=boundaries],.xenon-obsidian-theme .select-radio.inverted.locked [data-ui=boundaries],.xenon-obsidian-theme .select-radio.inverted.locked.selected [data-ui=boundaries]{stroke:#7d7b7b}
.xenon-obsidian-theme .select-radio.inverted.inactive .select-radio-option.selected [data-ui=handle],.xenon-obsidian-theme .select-radio.inverted.locked .select-radio-option.selected [data-ui=handle]{fill:#7d7b7b}

/* select-radio.inverted - dimensions */
 

/* select-time - common */
 .select-time .divider,.select-time .hour-select,.select-time .minute-select,.select-time .second-select{float:left;text-align:center}
.select-time{position:relative}
.select-time::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.select-time ul{list-style:none;padding:0;margin:0;text-align:center}
.select-time .divider>div{font-weight:700;text-align:center}
.select-time .divider .current{box-shadow:none!important;background:0 0!important}
.select-time .divider .next,.select-time .divider .previous{padding:0}
.select-time .next,.select-time .previous{box-sizing:border-box;display:table-cell;vertical-align:middle}
.select-time .previous{clear:both}
.select-time .next .arrowico,.select-time .previous .arrowico{display:block;margin:0 auto}
.select-time .current{box-sizing:border-box;text-align:center}
.select-time.inactive .next.pressed,.select-time.inactive .previous.pressed,.select-time.locked .next.pressed,.select-time.locked .previous.pressed{background:0 0}

/* select-time - style */
 .select-time{color:#3C3C3C}
.select-time .next:hover svg,.select-time .previous:hover svg{stroke:#00ABF0}
.select-time .next.pressed,.select-time .previous.pressed{background-color:#00ABF0}
.select-time .next .arrowico,.select-time .previous .arrowico{stroke:#3C3C3C}
.select-time .next.pressed .arrowico,.select-time .previous.pressed .arrowico{stroke:#FFF}
.select-time .current{color:#3C3C3C;background-color:#fdfdfd;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-time.inactive .current,.select-time.locked .current{color:#bebebe;border-color:#DCDCDC!important}
.select-time.inactive .arrowico,.select-time.locked .arrowico{fill:#b1b1b1;stroke:#b1b1b1}
.select-time.inactive .next:hover svg,.select-time.inactive .pressed .next svg,.select-time.inactive .pressed .previous svg,.select-time.inactive .previous:hover svg,.select-time.locked .next:hover svg,.select-time.locked .pressed .next svg,.select-time.locked .pressed .previous svg,.select-time.locked .previous:hover svg{stroke:#b1b1b1}
.select-time .current::selection{background-color:#00ABF0;color:#FFF}
.select-time .current::-moz-selection{background-color:#00ABF0;color:#FFF}
.xenon-obsidian-theme .select-time{color:#FFF}
.xenon-obsidian-theme .select-time .next:hover svg,.xenon-obsidian-theme .select-time .previous:hover svg{stroke:#00abf0}
.xenon-obsidian-theme .select-time .next.pressed,.xenon-obsidian-theme .select-time .previous.pressed{background-color:#00abf0}
.xenon-obsidian-theme .select-time .next .arrowico,.xenon-obsidian-theme .select-time .previous .arrowico{stroke:#FFF}
.xenon-obsidian-theme .select-time .next.pressed .arrowico,.xenon-obsidian-theme .select-time .previous.pressed .arrowico{stroke:#3c3b3b}
.xenon-obsidian-theme .select-time .current{color:#FFF;background-color:#262525;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-time.inactive .current,.xenon-obsidian-theme .select-time.locked .current{color:#575555;border-color:#302f2f!important}
.xenon-obsidian-theme .select-time.inactive .arrowico,.xenon-obsidian-theme .select-time.locked .arrowico{fill:#7d7b7b;stroke:#7d7b7b}
.xenon-obsidian-theme .select-time.inactive .next:hover svg,.xenon-obsidian-theme .select-time.inactive .pressed .next svg,.xenon-obsidian-theme .select-time.inactive .pressed .previous svg,.xenon-obsidian-theme .select-time.inactive .previous:hover svg,.xenon-obsidian-theme .select-time.locked .next:hover svg,.xenon-obsidian-theme .select-time.locked .pressed .next svg,.xenon-obsidian-theme .select-time.locked .pressed .previous svg,.xenon-obsidian-theme .select-time.locked .previous:hover svg{stroke:#7d7b7b}
.xenon-obsidian-theme .select-time .current::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .select-time .current::-moz-selection{background-color:#00abf0;color:#FFF}

/* select-time - dimensions */
 .select-time .divider{margin-left:8px;margin-right:8px;line-height:40px}
.select-time .divider .current,.select-time .divider .next,.select-time .divider .previous{width:8px}
.select-time .next,.select-time .previous{width:72px;height:40px}
.select-time .current{width:72px;margin:0;font-size:14px;line-height:40px}
.select-time.large .divider{margin-left:8px;margin-right:8px;line-height:48px}
.select-time.large .divider .current,.select-time.large .divider .next,.select-time.large .divider .previous{width:8px}
.select-time.large .next,.select-time.large .previous{width:88px;height:48px}
.select-time.large .current{width:88px;margin:0;font-size:18px;line-height:48px}
.select-time.medium .divider{margin-left:8px;margin-right:8px;line-height:40px}
.select-time.medium .divider .current,.select-time.medium .divider .next,.select-time.medium .divider .previous{width:8px}
.select-time.medium .next,.select-time.medium .previous{width:72px;height:40px}
.select-time.medium .current{width:72px;margin:0;font-size:14px;line-height:40px}
.select-time.small .divider{margin-left:8px;margin-right:8px;line-height:32px}
.select-time.small .divider .current,.select-time.small .divider .next,.select-time.small .divider .previous{width:8px}
.select-time.small .next,.select-time.small .previous{width:48px;height:32px}
.select-time.small .current{width:48px;margin:0;font-size:11px;line-height:32px}

/* select-time.inverted - common */
 

/* select-time.inverted - style */
 .select-time.inverted{color:#FFF}
.select-time.inverted .next:hover svg,.select-time.inverted .previous:hover svg{stroke:#00ABF0}
.select-time.inverted .next.pressed,.select-time.inverted .previous.pressed{background-color:#00ABF0}
.select-time.inverted .next .arrowico,.select-time.inverted .next.pressed .arrowico,.select-time.inverted .previous .arrowico,.select-time.inverted .previous.pressed .arrowico{stroke:#FFF}
.select-time.inverted .current{color:#FFF;background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.select-time.inverted.inactive .current,.select-time.inverted.locked .current{color:#bebebe;border-color:#DCDCDC!important}
.select-time.inverted.inactive .arrowico,.select-time.inverted.locked .arrowico{fill:#b1b1b1;stroke:#b1b1b1}
.select-time.inverted .current::selection{background-color:#00ABF0;color:#FFF}
.select-time.inverted .current::-moz-selection{background-color:#00ABF0;color:#FFF}
.select-time.inverted.inactive .next:hover svg,.select-time.inverted.inactive .pressed .next svg,.select-time.inverted.inactive .pressed .previous svg,.select-time.inverted.inactive .previous:hover svg,.select-time.inverted.locked .next:hover svg,.select-time.inverted.locked .pressed .next svg,.select-time.inverted.locked .pressed .previous svg,.select-time.inverted.locked .previous:hover svg{stroke:#b1b1b1}
.select-time.inverted.inactive .current,.select-time.inverted.locked .current{background-color:#7a7a7a}
.xenon-obsidian-theme .select-time.inverted{color:#FFF}
.xenon-obsidian-theme .select-time.inverted .next:hover svg,.xenon-obsidian-theme .select-time.inverted .previous:hover svg{stroke:#00abf0}
.xenon-obsidian-theme .select-time.inverted .next.pressed,.xenon-obsidian-theme .select-time.inverted .previous.pressed{background-color:#00abf0}
.xenon-obsidian-theme .select-time.inverted .next .arrowico,.xenon-obsidian-theme .select-time.inverted .next.pressed .arrowico,.xenon-obsidian-theme .select-time.inverted .previous .arrowico,.xenon-obsidian-theme .select-time.inverted .previous.pressed .arrowico{stroke:#FFF}
.xenon-obsidian-theme .select-time.inverted .current{color:#FFF;background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .select-time.inverted.inactive .current,.xenon-obsidian-theme .select-time.inverted.locked .current{color:#575555;border-color:#302f2f!important}
.xenon-obsidian-theme .select-time.inverted.inactive .arrowico,.xenon-obsidian-theme .select-time.inverted.locked .arrowico{fill:#7d7b7b;stroke:#7d7b7b}
.xenon-obsidian-theme .select-time.inverted .current::selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .select-time.inverted .current::-moz-selection{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .select-time.inverted.inactive .next:hover svg,.xenon-obsidian-theme .select-time.inverted.inactive .pressed .next svg,.xenon-obsidian-theme .select-time.inverted.inactive .pressed .previous svg,.xenon-obsidian-theme .select-time.inverted.inactive .previous:hover svg,.xenon-obsidian-theme .select-time.inverted.locked .next:hover svg,.xenon-obsidian-theme .select-time.inverted.locked .pressed .next svg,.xenon-obsidian-theme .select-time.inverted.locked .pressed .previous svg,.xenon-obsidian-theme .select-time.inverted.locked .previous:hover svg{stroke:#7d7b7b}
.xenon-obsidian-theme .select-time.inverted.inactive .current,.xenon-obsidian-theme .select-time.inverted.locked .current{background-color:#fff}

/* select-time.inverted - dimensions */
 

/* simple-table - common */
 .simple-table table,.simple-table td,.simple-table th{border:1px solid #000;text-align:center}
.simple-table table{border-collapse:collapse;table-layout:fixed}
.simple-table .tblfilterwrap,.simple-table .tblheadwrap{overflow-x:hidden;overflow-y:hidden}
.simple-table .tblbodywrap{overflow-x:scroll;overflow-y:scroll;padding-right:15px}
.simple-table .tblpager{text-align:center}
.simple-table .tblpager .pages{float:left;padding:6px}
.simple-table .tblpager .pages div{float:left;width:25px;padding:2px 0}
.simple-table .tblpager .settings{float:right;padding:2px 0}
.simple-table .tblpager .total{float:left;padding:8px}
.simple-table .simple-table-col-select{width:25px}
.simple-table tr.selected{background:#aaa}
.simple-table .col-filter-header input{text-align:center}
.simple-table .col-sort,.simple-table .simple-table-edit-button{cursor:pointer}
.simple-table .simple-table-edit.active{color:red}

/* simple-table - style */
 .simple-table select{color:#3C3C3C}
.xenon-obsidian-theme .simple-table select{color:#FFF}

/* simple-table - dimensions */
 

/* slide-in - common */
 .slide-in{position:fixed;display:none;max-height:100%;right:0;transition:all .5s ease-out;z-index:2;overflow-y:auto}
.slide-in>.inner-layout{height:100%}
.slide-in .container:not([class*=background-color-]){background:0 0}
.slide-in .container.slide-menu{box-sizing:border-box}
.slide-in.closed,.slide-in.open{display:block}
.slide-in.open{transform:translate3d(0,0,0)}
.slide-in.closed{transform:translate3d(100%,0,0)}
.slide-in.from-right.open{transform:translate3d(0,0,0)}
.slide-in.from-right.closed{transform:translate3d(100%,0,0)}
.slide-in.from-left{right:auto;left:0}
.slide-in.from-left.open{transform:translate3d(0,0,0)}
.slide-in.from-left.closed{transform:translate3d(-100%,0,0)}
.slide-in.from-top{right:auto;top:0}
.slide-in.from-top.open{transform:translate3d(0,0,0)}
.slide-in.from-top.closed{transform:translate3d(0,-100%,0)}
.slide-in.from-bottom{right:auto;bottom:0}
.slide-in.from-bottom.open{transform:translate3d(0,0,0)}
.slide-in.from-bottom.closed{transform:translate3d(0,100%,0)}

/* slide-in - style */
 .slide-in.open,.xenon-obsidian-theme .slide-in.open{box-shadow:0 0 12px rgba(0,0,0,.2)}
.slide-in{background-color:#FBFBFB}
.xenon-obsidian-theme .slide-in{background-color:#1E1D1D}

/* slide-in - dimensions */
 .slide-in{width:320px;min-height:48px}

/* slide-in.inverted - common */
 

/* slide-in.inverted - style */
 .slide-in.inverted.open,.xenon-obsidian-theme .slide-in.inverted.open{box-shadow:0 0 12px rgba(0,0,0,.2)}
.slide-in.inverted{background-color:#3c3c3c}
.xenon-obsidian-theme .slide-in.inverted{background-color:#2d2c2c}

/* slide-in.inverted - dimensions */
 

/* slider - common */
 .slider .background,.slider.vertical .background{box-sizing:border-box;border:1px solid #000}
.slider{position:relative}
.slider::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.slider .slider-control{position:relative;float:left}
.slider .handle{box-sizing:border-box;float:left}
.slider .handle .touchzone{background-color:transparent;-ms-touch-action:none;transform:translate3d(0,0,0)}
.slider .handle:hover{cursor:pointer}
.slider.vertical{text-align:center}
.slider.vertical .slider-control{float:left}
.slider.vertical .handle{position:absolute;left:0;bottom:0}
.slider.vertical .background{float:left;height:100%}
.slider.inactive .handle,.slider.locked .handle{box-shadow:none}

/* slider - style */
 .slider .label,.xenon-obsidian-theme .slider .label{font-family:RobotoLight,sans-serif}
.slider .label{color:#3C3C3C}
.slider .handle{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.slider .background{background-color:#00ABF0;border-color:#0082b7!important}
.slider.inactive .label,.slider.locked .label{color:#b1b1b1}
.slider.inactive .handle,.slider.locked .handle{background-color:#c8c8c8}
.slider.inactive .background,.slider.locked .background{background-color:#DCDCDC;border-color:#c8c8c8!important}
.xenon-obsidian-theme .slider .label{color:#FFF}
.xenon-obsidian-theme .slider .handle{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .slider .background{background-color:#00abf0;border-color:#0082b7!important}
.xenon-obsidian-theme .slider.inactive .label,.xenon-obsidian-theme .slider.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .slider.inactive .handle,.xenon-obsidian-theme .slider.locked .handle{background-color:#524f4f}
.xenon-obsidian-theme .slider.inactive .background,.xenon-obsidian-theme .slider.locked .background{background-color:#302f2f;border-color:#524f4f!important}

/* slider - dimensions */
 .slider,.slider.medium{min-width:112px}
.slider .label,.slider.medium .label{font-size:14px}
.slider .label,.slider.medium .label,.slider.small .label{padding-bottom:8px;line-height:24px}
.slider .slider-control{margin-left:8px;margin-bottom:8px;width:calc(100% - 8px)}
.slider .handle{width:40px;height:32px;margin-top:-13px;margin-left:-1px}
.slider .handle .touchzone{width:54px;height:48px;margin-top:-9px;margin-left:-7px}
.slider .background{margin:8px 0;height:8px;width:calc(100% - 8px);border-width:1px!important}
.slider.vertical{min-width:56px}
.slider.vertical .slider-control{height:calc(100% - 55px);width:32px}
.slider.vertical .handle{width:32px;height:40px}
.slider.vertical .background{width:8px;min-height:200px;margin:0 12px;border-width:1px!important}
.slider.large{min-width:144px}
.slider.large.vertical,.slider.medium.vertical,.slider.small.vertical{min-width:56px}
.slider.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.slider.large .slider-control{margin-left:8px;margin-bottom:8px;width:calc(100% - 8px)}
.slider.large .handle{width:48px;height:40px;margin-top:-16px;margin-left:-1px}
.slider.large .handle .touchzone{width:62px;height:58px;margin-top:-9px;margin-left:-7px}
.slider.large .background{margin:7px 0;height:10px;width:calc(100% - 8px);border-width:1px!important}
.slider.large.vertical .slider-control{height:calc(100% - 55px);width:40px}
.slider.large.vertical .handle{width:40px;height:48px}
.slider.large.vertical .background{width:10px;min-height:296px;margin:0 15px;border-width:1px!important}
.slider.medium .slider-control{margin-left:8px;margin-bottom:8px;width:calc(100% - 8px)}
.slider.medium .handle{width:40px;height:32px;margin-top:-13px;margin-left:-1px}
.slider.medium .handle .touchzone{width:54px;height:48px;margin-top:-9px;margin-left:-7px}
.slider.medium .background{margin:8px 0;height:8px;width:calc(100% - 8px);border-width:1px!important}
.slider.medium.vertical .slider-control{height:calc(100% - 55px);width:32px}
.slider.medium.vertical .handle{width:32px;height:40px}
.slider.medium.vertical .background{width:8px;min-height:200px;margin:0 12px;border-width:1px!important}
.slider.small{min-width:80px}
.slider.small .label{font-size:11px}
.slider.small .slider-control{margin-left:8px;margin-bottom:8px;width:calc(100% - 8px)}
.slider.small .handle{width:32px;height:24px;margin-top:-10px;margin-left:-1px}
.slider.small .handle .touchzone{width:46px;height:38px;margin-top:-9px;margin-left:-7px}
.slider.small .background{margin:9px 0;height:6px;width:calc(100% - 8px);border-width:1px!important}
.slider.small.vertical .slider-control{height:calc(100% - 55px);width:24px}
.slider.small.vertical .handle{width:24px;height:32px}
.slider.small.vertical .background{width:6px;min-height:96px;margin:0 9px;border-width:1px!important}

/* slider.inverted - common */
 

/* slider.inverted - style */
 .slider.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.slider.inverted .handle{background-color:#8e8e8e;box-shadow:0 0 2px rgba(0,0,0,.2)}
.slider.inverted .background{background-color:#00ABF0;border-color:#0082b7!important}
.slider.inverted.inactive .label,.slider.inverted.locked .label{color:#b1b1b1}
.slider.inverted.inactive .handle,.slider.inverted.locked .handle{background-color:#c8c8c8}
.slider.inverted.inactive .background,.slider.inverted.locked .background{background-color:#7a7a7a;border-color:#7a7a7a!important}
.xenon-obsidian-theme .slider.inverted .label{font-family:RobotoLight,sans-serif;color:#FFF}
.xenon-obsidian-theme .slider.inverted .handle{background-color:#807d7d;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .slider.inverted .background{background-color:#00abf0;border-color:#0082b7!important}
.xenon-obsidian-theme .slider.inverted.inactive .label,.xenon-obsidian-theme .slider.inverted.locked .label{color:#7d7b7b}
.xenon-obsidian-theme .slider.inverted.inactive .handle,.xenon-obsidian-theme .slider.inverted.locked .handle{background-color:#524f4f}
.xenon-obsidian-theme .slider.inverted.inactive .background,.xenon-obsidian-theme .slider.inverted.locked .background{background-color:#fff;border-color:#fff!important}

/* slider.inverted - dimensions */
 

/* tab-panel - common */
 .tab-panel>.style-wrapper{height:100%;width:100%;display:flex;flex-direction:column}
.tab-panel .tabs{position:relative;top:1px}
.tab-panel .tabs::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.tab-panel .tabs .button{box-sizing:border-box;float:left;width:auto;box-shadow:none;border:1px solid #000}
.tab-panel .tabs .button.selected{border-bottom:none}
.tab-panel .tab-content{display:flex;flex-direction:column;flex:1;box-sizing:border-box;border:1px solid #000;overflow-y:auto}
.tab-panel .tab-content>.screen{flex:1}
.tab-panel .tab-content>.screen>.view{height:auto;padding:8px}

/* tab-panel - style */
 .tab-panel .tabs .button{background-color:#DCDCDC;border-color:#c8c8c8}
.tab-panel .tabs .button.selected{background-color:#FFF}
.tab-panel .tabs .button:not(.locked):hover{background-color:#00ABF0}
.tab-panel .tab-content{background-color:#FFF;border-color:#c8c8c8}
.xenon-obsidian-theme .tab-panel .tabs .button{background-color:#302f2f;border-color:#524f4f}
.xenon-obsidian-theme .tab-panel .tabs .button.selected{background-color:#3c3b3b}
.xenon-obsidian-theme .tab-panel .tabs .button:not(.locked):hover{background-color:#00abf0}
.xenon-obsidian-theme .tab-panel .tab-content{background-color:#3c3b3b;border-color:#524f4f}

/* tab-panel - dimensions */
 .tab-panel .tabs .button:not(:last-child),.tab-panel.large .tabs .button:not(:last-child),.tab-panel.medium .tabs .button:not(:last-child),.tab-panel.small .tabs .button:not(:last-child){margin-right:4px}

/* text - common */
 .text{position:relative;cursor:default;white-space:pre-wrap;overflow-y:auto}
.text.text-left{text-align:left}
.text.text-center{text-align:center}
.text.text-right{text-align:right}
.text.text-italic{font-style:italic}
.text.text-bold{font-weight:700}
.text.text-underline{text-decoration:underline}

/* text - style */
 .text{background-color:transparent;color:#3C3C3C}
.xenon-obsidian-theme .text{background-color:transparent;color:#FFF}

/* text - dimensions */
 .text,.text.large,.text.medium,.text.small{line-height:initial}
.text{font-size:14px}
.text.large{font-size:18px}
.text.medium{font-size:14px}
.text.small{font-size:11px}

/* text-display - common */
 .text-display .text-content::after,.text-display::after{content:"\0020";height:0;clear:both;visibility:hidden}
.text-display{position:relative;box-sizing:border-box}
.text-display::after{display:block}
.text-display .text-content{width:100%;display:flex;flex-direction:row-reverse;overflow:hidden}
.text-display .text-content::after{display:block}
.text-display .label{width:100%}
.text-display .unit,.text-display .value{float:right}
.text-display .line{display:block;width:100%}
.text-display .icon{position:absolute;display:block;bottom:5px;left:10px;opacity:0;background-size:100%}
.text-display.preWarn .icon.preWarn,.text-display.warn .icon.warn{opacity:1}

/* text-display - style */
 .text-display .label,.text-display .unit,.text-display .value,.xenon-obsidian-theme .text-display .label,.xenon-obsidian-theme .text-display .unit,.xenon-obsidian-theme .text-display .value{font-family:RobotoLight,sans-serif}
.text-display .unit{color:#7a7a7a}
.text-display .value{color:#3C3C3C}
.text-display .line{background-color:#E6E6E6}
.text-display.preWarn .value{color:#F29E28}
.text-display.preWarn .line{background-color:#F29E28;box-shadow:0 0 5px rgba(242,158,40,.5)}
.text-display.warn .value{color:#E80000}
.text-display.warn .line{background-color:#E80000;box-shadow:0 0 5px rgba(232,0,0,.5)}
.text-display.inactive .label,.text-display.inactive .unit,.text-display.inactive .value,.text-display.inactive.preWarn .label,.text-display.inactive.preWarn .unit,.text-display.inactive.preWarn .value,.text-display.inactive.warn .label,.text-display.inactive.warn .unit,.text-display.inactive.warn .value,.text-display.locked .label,.text-display.locked .unit,.text-display.locked .value,.text-display.locked.preWarn .label,.text-display.locked.preWarn .unit,.text-display.locked.preWarn .value,.text-display.locked.warn .label,.text-display.locked.warn .unit,.text-display.locked.warn .value{color:#b1b1b1}
.text-display.inactive .line,.text-display.inactive.preWarn .line,.text-display.inactive.warn .line,.text-display.locked .line,.text-display.locked.preWarn .line,.text-display.locked.warn .line{background-color:#b1b1b1;box-shadow:none}
.xenon-obsidian-theme .text-display .unit{color:#fff}
.xenon-obsidian-theme .text-display .value{color:#FFF}
.xenon-obsidian-theme .text-display .line{background-color:#E6E6E6}
.xenon-obsidian-theme .text-display.preWarn .value{color:#F29E28}
.xenon-obsidian-theme .text-display.preWarn .line{background-color:#F29E28;box-shadow:0 0 5px rgba(242,158,40,.5)}
.xenon-obsidian-theme .text-display.warn .value{color:#e80000}
.xenon-obsidian-theme .text-display.warn .line{background-color:#e80000;box-shadow:0 0 5px rgba(232,0,0,.5)}
.xenon-obsidian-theme .text-display.inactive .label,.xenon-obsidian-theme .text-display.inactive .unit,.xenon-obsidian-theme .text-display.inactive .value,.xenon-obsidian-theme .text-display.inactive.preWarn .label,.xenon-obsidian-theme .text-display.inactive.preWarn .unit,.xenon-obsidian-theme .text-display.inactive.preWarn .value,.xenon-obsidian-theme .text-display.inactive.warn .label,.xenon-obsidian-theme .text-display.inactive.warn .unit,.xenon-obsidian-theme .text-display.inactive.warn .value,.xenon-obsidian-theme .text-display.locked .label,.xenon-obsidian-theme .text-display.locked .unit,.xenon-obsidian-theme .text-display.locked .value,.xenon-obsidian-theme .text-display.locked.preWarn .label,.xenon-obsidian-theme .text-display.locked.preWarn .unit,.xenon-obsidian-theme .text-display.locked.preWarn .value,.xenon-obsidian-theme .text-display.locked.warn .label,.xenon-obsidian-theme .text-display.locked.warn .unit,.xenon-obsidian-theme .text-display.locked.warn .value{color:#7d7b7b}
.xenon-obsidian-theme .text-display.inactive .line,.xenon-obsidian-theme .text-display.inactive.preWarn .line,.xenon-obsidian-theme .text-display.inactive.warn .line,.xenon-obsidian-theme .text-display.locked .line,.xenon-obsidian-theme .text-display.locked.preWarn .line,.xenon-obsidian-theme .text-display.locked.warn .line{background-color:#7d7b7b;box-shadow:none}

/* text-display - dimensions */
 .text-display,.text-display.large,.text-display.medium{min-width:120px}
.text-display .label{padding-bottom:8px;font-size:14px;line-height:24px}
.text-display .text-content{height:40px}
.text-display .unit{font-size:18px;line-height:48px;margin-top:-10px}
.text-display .value{margin-right:16px;font-size:36px;line-height:32px}
.text-display .line{height:1px;margin-top:-1px}
.text-display .icon{width:30px;height:30px}
.text-display.preWarn .icon.preWarn{background:url(../pics/system/icons/controls_icon_sprite.png) -2px -5px no-repeat}
.text-display.warn .icon.warn{background:url(../pics/system/icons/controls_icon_sprite.png) 0 -35px no-repeat}
.text-display.preWarn .icon.preWarn,.text-display.warn .icon.warn{background-size:50px 267px}
.text-display.large .label{padding-bottom:8px;font-size:18px;line-height:32px}
.text-display.large .text-content{height:48px}
.text-display.large .unit{font-size:26px;line-height:56px;margin-top:-10px}
.text-display.large .value{margin-right:16px;font-size:44px;line-height:40px}
.text-display.large .line{height:1px;margin-top:-1px}
.text-display.large .icon{width:35px;height:35px}
.text-display.large.preWarn .icon.preWarn{background:url(../pics/system/icons/controls_icon_sprite.png) -2px -5px no-repeat}
.text-display.large.warn .icon.warn{background:url(../pics/system/icons/controls_icon_sprite.png) 0 -45px no-repeat}
.text-display.large.preWarn .icon.preWarn,.text-display.large.warn .icon.warn{background-size:60px 320px}
.text-display.medium .label{padding-bottom:8px;font-size:14px;line-height:24px}
.text-display.medium .text-content{height:40px}
.text-display.medium .unit{font-size:18px;line-height:48px;margin-top:-10px}
.text-display.medium .value{margin-right:16px;font-size:36px;line-height:32px}
.text-display.medium .line{height:1px;margin-top:-1px}
.text-display.medium .icon{width:30px;height:30px}
.text-display.medium.preWarn .icon.preWarn{background:url(../pics/system/icons/controls_icon_sprite.png) -2px -5px no-repeat}
.text-display.medium.warn .icon.warn{background:url(../pics/system/icons/controls_icon_sprite.png) 0 -35px no-repeat}
.text-display.medium.preWarn .icon.preWarn,.text-display.medium.warn .icon.warn{background-size:50px 267px}
.text-display.small{min-width:80px}
.text-display.small .label{padding-bottom:8px;font-size:14px;line-height:24px}
.text-display.small .text-content{height:32px}
.text-display.small .unit{font-size:15px;line-height:40px;margin-top:-10px}
.text-display.small .value{margin-right:16px;font-size:22px;line-height:24px}
.text-display.small .line{height:1px;margin-top:-1px}
.text-display.small .icon{width:25px;height:25px}
.text-display.small.preWarn .icon.preWarn{background:url(../pics/system/icons/controls_icon_sprite.png) -2px 0 no-repeat}
.text-display.small.warn .icon.warn{background:url(../pics/system/icons/controls_icon_sprite.png) 0 -27px no-repeat}
.text-display.small.preWarn .icon.preWarn,.text-display.small.warn .icon.warn{background-size:40px 214px}

/* text-display.inverted - common */
 

/* text-display.inverted - style */
 .text-display.inverted .label,.text-display.inverted .unit,.text-display.inverted .value,.xenon-obsidian-theme .text-display.inverted .label,.xenon-obsidian-theme .text-display.inverted .unit,.xenon-obsidian-theme .text-display.inverted .value{font-family:RobotoLight,sans-serif}
.text-display.inverted .label{color:#FFF}
.text-display.inverted .unit{color:#DCDCDC}
.text-display.inverted .value{color:#FFF}
.text-display.inverted .line{background-color:#E6E6E6}
.text-display.inverted.preWarn .value{color:#F29E28}
.text-display.inverted.preWarn .line{background-color:#F29E28;box-shadow:0 0 5px rgba(242,158,40,.5)}
.text-display.inverted.warn .value{color:#E80000}
.text-display.inverted.warn .line{background-color:#E80000;box-shadow:0 0 5px rgba(232,0,0,.5)}
.text-display.inverted.inactive .label,.text-display.inverted.inactive .unit,.text-display.inverted.inactive .value,.text-display.inverted.inactive.preWarn .label,.text-display.inverted.inactive.preWarn .unit,.text-display.inverted.inactive.preWarn .value,.text-display.inverted.inactive.warn .label,.text-display.inverted.inactive.warn .unit,.text-display.inverted.inactive.warn .value,.text-display.inverted.locked .label,.text-display.inverted.locked .unit,.text-display.inverted.locked .value,.text-display.inverted.locked.preWarn .label,.text-display.inverted.locked.preWarn .unit,.text-display.inverted.locked.preWarn .value,.text-display.inverted.locked.warn .label,.text-display.inverted.locked.warn .unit,.text-display.inverted.locked.warn .value{color:#b1b1b1}
.text-display.inverted.inactive .line,.text-display.inverted.inactive.preWarn .line,.text-display.inverted.inactive.warn .line,.text-display.inverted.locked .line,.text-display.inverted.locked.preWarn .line,.text-display.inverted.locked.warn .line{background-color:#b1b1b1;box-shadow:none}
.xenon-obsidian-theme .text-display.inverted .label{color:#FFF}
.xenon-obsidian-theme .text-display.inverted .unit{color:#302f2f}
.xenon-obsidian-theme .text-display.inverted .value{color:#FFF}
.xenon-obsidian-theme .text-display.inverted .line{background-color:#E6E6E6}
.xenon-obsidian-theme .text-display.inverted.preWarn .value{color:#F29E28}
.xenon-obsidian-theme .text-display.inverted.preWarn .line{background-color:#F29E28;box-shadow:0 0 5px rgba(242,158,40,.5)}
.xenon-obsidian-theme .text-display.inverted.warn .value{color:#e80000}
.xenon-obsidian-theme .text-display.inverted.warn .line{background-color:#e80000;box-shadow:0 0 5px rgba(232,0,0,.5)}
.xenon-obsidian-theme .text-display.inverted.inactive .label,.xenon-obsidian-theme .text-display.inverted.inactive .unit,.xenon-obsidian-theme .text-display.inverted.inactive .value,.xenon-obsidian-theme .text-display.inverted.inactive.preWarn .label,.xenon-obsidian-theme .text-display.inverted.inactive.preWarn .unit,.xenon-obsidian-theme .text-display.inverted.inactive.preWarn .value,.xenon-obsidian-theme .text-display.inverted.inactive.warn .label,.xenon-obsidian-theme .text-display.inverted.inactive.warn .unit,.xenon-obsidian-theme .text-display.inverted.inactive.warn .value,.xenon-obsidian-theme .text-display.inverted.locked .label,.xenon-obsidian-theme .text-display.inverted.locked .unit,.xenon-obsidian-theme .text-display.inverted.locked .value,.xenon-obsidian-theme .text-display.inverted.locked.preWarn .label,.xenon-obsidian-theme .text-display.inverted.locked.preWarn .unit,.xenon-obsidian-theme .text-display.inverted.locked.preWarn .value,.xenon-obsidian-theme .text-display.inverted.locked.warn .label,.xenon-obsidian-theme .text-display.inverted.locked.warn .unit,.xenon-obsidian-theme .text-display.inverted.locked.warn .value{color:#7d7b7b}
.xenon-obsidian-theme .text-display.inverted.inactive .line,.xenon-obsidian-theme .text-display.inverted.inactive.preWarn .line,.xenon-obsidian-theme .text-display.inverted.inactive.warn .line,.xenon-obsidian-theme .text-display.inverted.locked .line,.xenon-obsidian-theme .text-display.inverted.locked.preWarn .line,.xenon-obsidian-theme .text-display.inverted.locked.warn .line{background-color:#7d7b7b;box-shadow:none}

/* text-display.inverted - dimensions */
 

/* text.inverted - common */
 

/* text.inverted - style */
 .text.inverted{color:#FFF;background-color:#3C3C3C}
.xenon-obsidian-theme .text.inverted{color:#1E1D1D;background-color:#FFF}

/* text.inverted - dimensions */
 

/* text2 - common */
 .text2{position:relative;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default}
.text2.center-text{width:100%;text-align:center}

/* text2 - style */
 .text2{color:#3C3C3C}
.xenon-obsidian-theme .text2{color:#FFF}

/* text2 - dimensions */
 .text2{font-size:14px;line-height:24px}
.text2.large{font-size:18px;line-height:32px}
.text2.medium{font-size:14px;line-height:24px}
.text2.small{font-size:11px;line-height:24px}

/* text2.inverted - common */
 

/* text2.inverted - style */
 .text2.inverted{color:#FFF}
.text2.inverted.inverted{color:#b1b1b1}
.xenon-obsidian-theme .text2.inverted{color:#262525}
.xenon-obsidian-theme .text2.inverted.inverted{color:#7d7b7b}

/* text2.inverted - dimensions */
 

/* text2.multiline - common */
 .text2.multiline{overflow:auto;white-space:normal;text-overflow:initial}

/* text2.multiline - style */
 

/* text2.multiline - dimensions */
 

/* thread-list - common */
 .thread-list{display:flex;flex-direction:column;--comment-background:transparent;--comment-text-color:var(--iq-on-primary);--comment-footer-color:var(--iq-secondary-variant2);--comment-padding:0.75em;--comment-padding-horizontal:var(--comment-padding);--comment-padding-vertical:var(--comment-padding);--comment-margin:var(--comment-padding);--comment-edit-icon-size:16px;--comment-edit-icon-color:var(--iq-on-primary)}
.thread-list>.replies>:first-child{margin-top:var(--comment-margin)}
.thread-list:not(:last-child){margin-bottom:var(--comment-margin);border-bottom:1px dashed var(--comment-footer-color)}
.thread-list>.text-container{background:var(--comment-background);color:var(--comment-text-color);padding:var(--comment-padding-vertical) var(--comment-padding-horizontal)}
.thread-list>.text-container>.title{font-weight:700;margin-bottom:calc(var(--comment-padding)/ 2)}
.thread-list>.text-container>.title:empty{display:none}
.thread-list>.text-container>.message{white-space:pre-wrap}
.thread-list .thread-edit{display:none;box-sizing:border-box;position:relative;width:var(--comment-edit-icon-size);height:var(--comment-edit-icon-size);padding:2px;margin-left:8px;cursor:pointer}
.thread-list .thread-edit svg{width:100%;height:100%}
.thread-list .thread-edit svg .edit-icon{stroke:var(--comment-edit-icon-color);fill:var(--comment-edit-icon-color)}
.thread-list .thread-edit.editable{display:block}
.thread-list>.footer{display:flex;color:var(--comment-footer-color);padding-right:var(--comment-padding-horizontal);justify-content:end}
.thread-list>.footer .edited-by:empty,.thread-list>.replies:empty{display:none}
.thread-list>.footer .username{font-weight:700}
.thread-list>.footer .edited-by{font-style:italic}
.thread-list.style-speech-bubble>.footer{padding-left:0}
.thread-list.style-speech-bubble>.footer::before{content:"";margin-right:var(--comment-padding-horizontal);height:1.25em;width:1.25em;background:var(--comment-background);clip-path:polygon(0 0,100% 100%,100% 0)}
.thread-list>.replies{margin-left:calc(1.25em + var(--comment-padding-horizontal))}

/* toggle-button - common */
 .toggle-button{position:relative;box-sizing:border-box;cursor:pointer}
.toggle-button .toggle-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.toggle-button .off-state,.toggle-button .on-state{display:flex;box-sizing:border-box;width:100%;height:100%}
.toggle-button .icon{display:none}
.toggle-button.inactive,.toggle-button.locked{box-shadow:none}

/* toggle-button - style */
 .toggle-button,.toggle-button .icon,.toggle-button .off-state{color:#3C3C3C}
.toggle-button{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.toggle-button .on-state,.toggle-button.pressed{background-color:#00ABF0;box-shadow:0 0 3px rgba(0,171,240,.5)}
.toggle-button .on-state{color:#FFF;font-weight:700}
.toggle-button.inactive,.toggle-button.locked{background-color:#DCDCDC}
.toggle-button.inactive .toggle-label,.toggle-button.locked .toggle-label{color:#b1b1b1}
.xenon-obsidian-theme .toggle-button{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .toggle-button .on-state,.xenon-obsidian-theme .toggle-button.pressed{background-color:#00abf0;box-shadow:0 0 3px rgba(0,171,240,.5)}
.xenon-obsidian-theme .toggle-button .icon{color:#FFF}
.xenon-obsidian-theme .toggle-button .off-state{color:#FFF}
.xenon-obsidian-theme .toggle-button .on-state{color:#FFF;font-weight:700}
.xenon-obsidian-theme .toggle-button.inactive,.xenon-obsidian-theme .toggle-button.locked{background-color:#302f2f}
.xenon-obsidian-theme .toggle-button.inactive .toggle-label,.xenon-obsidian-theme .toggle-button.locked .toggle-label{color:#7d7b7b}

/* toggle-button - dimensions */
 .toggle-button .off-state,.toggle-button .on-state,.toggle-button.large .off-state,.toggle-button.large .on-state,.toggle-button.medium .off-state,.toggle-button.medium .on-state{padding:0 20px}
.toggle-button{min-width:40px}
.toggle-button .off-state .toggle-label,.toggle-button .on-state .toggle-label{font-size:14px;line-height:40px}
.toggle-button.large{min-width:80px}
.toggle-button.large .off-state .toggle-label,.toggle-button.large .on-state .toggle-label{font-size:18px;line-height:48px}
.toggle-button.medium{min-width:40px}
.toggle-button.medium .off-state .toggle-label,.toggle-button.medium .on-state .toggle-label{font-size:14px;line-height:40px}
.toggle-button.small{min-width:32px}
.toggle-button.small .off-state,.toggle-button.small .on-state{padding:0 10px}
.toggle-button.small .off-state .toggle-label,.toggle-button.small .on-state .toggle-label{font-size:11px;line-height:32px}

/* toggle-button.icon-and-text - common */
 .toggle-button.icon-and-text .icon,.toggle-button.icon-and-text .toggle-label{display:block}
.toggle-button.icon-and-text .toggle-label{flex:1;padding:0 0 0 10px}

/* toggle-button.icon-and-text - style */
 

/* toggle-button.icon-and-text - dimensions */
 .toggle-button.icon-and-text .off-state>:first-child,.toggle-button.icon-and-text .on-state>:first-child,.toggle-button.icon-and-text.large .off-state>:first-child,.toggle-button.icon-and-text.large .on-state>:first-child,.toggle-button.icon-and-text.medium .off-state>:first-child,.toggle-button.icon-and-text.medium .on-state>:first-child,.toggle-button.icon-and-text.small .off-state>:first-child,.toggle-button.icon-and-text.small .on-state>:first-child{margin-right:16px}
.toggle-button.icon-and-text .icon{width:20px;height:20px;font-size:20px;margin-top:8px}
.toggle-button.icon-and-text.large .icon{width:30px;height:30px;font-size:30px;margin-top:8px}
.toggle-button.icon-and-text.medium .icon{width:20px;height:20px;font-size:20px;margin-top:8px}
.toggle-button.icon-and-text.small .icon{width:18px;height:18px;font-size:18px;margin-top:5px}

/* toggle-button.icon-only - common */
 .toggle-button.icon-only .toggle-label{display:none}
.toggle-button.icon-only .off-state .icon,.toggle-button.icon-only .on-state .icon{display:block;margin:0 auto}

/* toggle-button.icon-only - style */
 

/* toggle-button.icon-only - dimensions */
 .toggle-button.icon-only .off-state,.toggle-button.icon-only .on-state,.toggle-button.icon-only.large .off-state,.toggle-button.icon-only.large .on-state,.toggle-button.icon-only.medium .off-state,.toggle-button.icon-only.medium .on-state,.toggle-button.icon-only.small .off-state,.toggle-button.icon-only.small .on-state{padding:5px 0}
.toggle-button.icon-only{min-width:40px;width:40px;height:40px}
.toggle-button.icon-only .off-state .icon,.toggle-button.icon-only .on-state .icon{width:30px;height:30px;font-size:30px}
.toggle-button.icon-only.large{min-width:48px;width:48px;height:48px}
.toggle-button.icon-only.large .off-state .icon,.toggle-button.icon-only.large .on-state .icon{width:38px;height:38px;font-size:38px}
.toggle-button.icon-only.medium{min-width:40px;width:40px;height:40px}
.toggle-button.icon-only.medium .off-state .icon,.toggle-button.icon-only.medium .on-state .icon{width:30px;height:30px;font-size:30px}
.toggle-button.icon-only.small{min-width:32px;width:32px;height:32px}
.toggle-button.icon-only.small .off-state .icon,.toggle-button.icon-only.small .on-state .icon{width:20px;height:20px;font-size:20px}

/* toggle-button.inverted - common */
 

/* toggle-button.inverted - style */
 .toggle-button.inverted{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.toggle-button.inverted .on-state,.toggle-button.inverted.pressed{background-color:#00ABF0;box-shadow:0 0 3px rgba(0,171,240,.5)}
.toggle-button.inverted .icon{color:#FFF}
.toggle-button.inverted .off-state{color:#FFF}
.toggle-button.inverted .on-state{color:#FFF;font-weight:700}
.toggle-button.inverted.inactive,.toggle-button.inverted.locked{background-color:#DCDCDC}
.toggle-button.inverted.inactive .toggle-label,.toggle-button.inverted.locked .toggle-label{color:#b1b1b1}
.xenon-obsidian-theme .toggle-button.inverted{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2);color:#FFF}
.xenon-obsidian-theme .toggle-button.inverted .on-state,.xenon-obsidian-theme .toggle-button.inverted.pressed{background-color:#00abf0;box-shadow:0 0 3px rgba(0,171,240,.5)}
.xenon-obsidian-theme .toggle-button.inverted .icon{color:#FFF}
.xenon-obsidian-theme .toggle-button.inverted .off-state{color:#FFF}
.xenon-obsidian-theme .toggle-button.inverted .on-state{color:#FFF;font-weight:700}
.xenon-obsidian-theme .toggle-button.inverted.inactive,.xenon-obsidian-theme .toggle-button.inverted.locked{background-color:#302f2f}
.xenon-obsidian-theme .toggle-button.inverted.inactive .toggle-label,.xenon-obsidian-theme .toggle-button.inverted.locked .toggle-label{color:#7d7b7b}

/* toggle-button.inverted - dimensions */
 

/* toggle-display - common */
 .toggle-display{position:relative}
.toggle-display .state{box-sizing:border-box;height:100%;transition:color linear .25s}
.toggle-display .state>*{display:inline-block;vertical-align:middle}
.toggle-display .toggle-label{box-sizing:border-box;max-width:100%;padding-right:10px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.toggle-display.no-background .state{background-color:transparent!important;box-shadow:none!important}

/* toggle-display - style */
 .toggle-display .state{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.toggle-display .toggle-label{color:#3C3C3C}
.xenon-obsidian-theme .toggle-display .state{background-color:#3c3b3b;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .toggle-display .toggle-label{color:#FFF}

/* toggle-display - dimensions */
 .toggle-display{min-width:40px}
.toggle-display .toggle-label{width:calc(100% - 50px);font-size:14px;line-height:40px}
.toggle-display .icon{width:30px;height:30px;margin-left:5px;margin-right:5px}
.toggle-display.large{min-width:48px}
.toggle-display.large .toggle-label{width:calc(100% - 60px);font-size:18px;line-height:48px}
.toggle-display.large .icon{width:40px;height:40px;margin-left:5px;margin-right:5px}
.toggle-display.medium{min-width:40px}
.toggle-display.medium .toggle-label{width:calc(100% - 50px);font-size:14px;line-height:40px}
.toggle-display.medium .icon{width:30px;height:30px;margin-left:5px;margin-right:5px}
.toggle-display.small{min-width:32px}
.toggle-display.small .toggle-label{width:calc(100% - 40px);font-size:11px;line-height:32px}
.toggle-display.small .icon{width:20px;height:20px;margin-left:5px;margin-right:5px}

/* toggle-display.icon-only - common */
 .toggle-display.icon-only{min-width:0}
.toggle-display.icon-only .toggle-label{display:none}
.toggle-display.icon-only .state::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

/* toggle-display.icon-only - style */
 

/* toggle-display.icon-only - dimensions */
 .toggle-display.icon-only .icon,.toggle-display.icon-only.large .icon,.toggle-display.icon-only.medium .icon{margin-left:4px;margin-top:4px}
.toggle-display.icon-only{width:40px;min-width:40px;height:40px}
.toggle-display.icon-only.large{width:48px;min-width:48px;height:48px}
.toggle-display.icon-only.medium{width:40px;min-width:40px;height:40px}
.toggle-display.icon-only.small{width:32px;min-width:32px;height:32px}
.toggle-display.icon-only.small .icon{margin-left:5px;margin-top:4px}

/* toggle-display.inverted - common */
 

/* toggle-display.inverted - style */
 .toggle-display.inverted .toggle-label,.xenon-obsidian-theme .toggle-display.inverted .toggle-label{color:#FFF}
.toggle-display.inverted .state{background-color:#3c3c3c;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .toggle-display.inverted .state{background-color:#2d2c2c;box-shadow:0 0 2px rgba(0,0,0,.2)}

/* toggle-display.inverted - dimensions */
 

/* trend-display - common */
 .trend-display{box-sizing:border-box;height:500px;overflow:hidden}
.trend-display .undiscovered{display:none}
.trend-display .right-side,.trend-display .trend-display.container{height:100%}
.trend-display .trend-display.container{display:flex}
.trend-display .step-line,.trend-display .td-component.handle .value,.trend-display canvas.canvas.scales-canvas{display:none}
.trend-display .td-component{position:relative;overflow:hidden}
.trend-display .right-side{flex:1}
.trend-display .right-side,.trend-display .td-component{box-sizing:border-box}
.trend-display .right-side,.trend-display .scale-area{float:left}
.trend-display .scale-area{position:relative;height:100%}
.trend-display .scale-area .scale{height:100%}
.trend-display .scale-area .scales-canvas{position:absolute;right:0}
.trend-display .scale-area .label,.trend-display .scale-area .value{text-align:right}
.trend-display .visualization-area{position:relative;box-sizing:border-box}
.trend-display .td-component.handle{position:absolute;width:0;height:100%}
.trend-display .td-component.handle .handle-tab{text-align:center}
.trend-display .td-component.handle.left-tabbed .handle-tab{right:0}
.trend-display .td-component.handle .handle-grapper{width:100%;height:100%;border-radius:100px;text-align:center}
.trend-display .td-component.handle .handle-grapper-touch-area{box-sizing:border-box;position:absolute;cursor:pointer}
.trend-display .td-component.handle .handle-date{position:relative;text-align:center}
.trend-display canvas.canvas{position:relative}
.trend-display canvas.canvas path.signal{stroke:red;stroke-width:1px}
.trend-display svg.canvas{position:relative}
.trend-display svg.canvas path.signal{fill:none;stroke-linejoin:round;stroke:red;stroke-width:1px}
.trend-display .trend-display-continuous{position:relative;overflow:hidden;width:100%;height:100%;left:0;right:0;bottom:0}
.trend-display .continuous{height:100%}
.trend-display .trend-display-handle{position:absolute;top:0;bottom:0;overflow:visible}
.trend-display .trend-display-handle [data-ui=handle-bar]{position:absolute;top:0}
.trend-display .trend-display-handle .triangle{position:absolute;overflow:hidden}
.trend-display .trend-display-handle .triangle:after{position:absolute;content:"\0020";transform:rotate(45deg)}
.trend-display .trend-display-handle .handle-tab{position:relative}
.trend-display .trend-display-scale{position:relative;overflow:hidden;height:100%}
.trend-display .trend-display-scale .fixed-labels{position:absolute;bottom:0;left:0;right:0;overflow:hidden}
.trend-display .trend-display-scale .fixed-labels .curve{float:left;box-sizing:border-box}
.trend-display .trend-display-scale .fixed-labels .curve .label{transform:rotateZ(45deg)}
.trend-display .trend-display-scale .fixed-labels .curve .label .inner-text{font-weight:700;transform:rotateZ(-45deg)}
.trend-display .trend-display-scale .fixed-labels .curve .label,.trend-display .trend-display-scale .fixed-labels .curve .unit{text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.trend-display .trend-display-scale .fixed-labels .ruler{float:left;width:24px}
.trend-display .trend-display-scale .movable-scale{position:absolute;overflow:hidden;left:0;right:0;top:0}
.trend-display .trend-display-scale .movable-scale .canvas-container{position:relative}
.trend-display .trend-display-scale .movable-scale .canvas-container .value{display:block;position:absolute;box-sizing:border-box;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.trend-display .trend-display-scale .movable-scale .canvas-container .value.upper{margin-top:0}
.trend-display .trend-display-timeline{position:absolute;bottom:0;overflow:hidden;width:100%}
.trend-display .trend-display-timeline .button{position:absolute;height:auto;margin-bottom:0;box-shadow:none}
.trend-display .trend-display-timeline .button.arrow.left{left:0;top:0;bottom:0}
.trend-display .trend-display-timeline .button.arrow.right{right:0;top:0;bottom:0}
.trend-display .trend-display-timeline .button .icon{background-repeat:no-repeat;background-size:100%}
.trend-display .trend-display-timeline .upper-bar,.trend-display .trend-display-timeline .upper-bar>label{position:absolute}
.trend-display .trend-display-program{position:relative;overflow:hidden;width:100%}
.trend-display .trend-display-program>.program-timeline{position:absolute;overflow:hidden;height:100%}
.trend-display .trend-display-program>.program-timeline>label{box-sizing:border-box;display:block;position:absolute;height:100%}

/* trend-display - style */
 .trend-display .trend-display-timeline .button.arrow.left .icon,.xenon-obsidian-theme .trend-display .trend-display-timeline .button.arrow.left .icon{background-image:url(../pics/system/controls/trend-display/arrow-left.svg)}
.trend-display{background-color:#FFF}
.trend-display .scale-area .label,.trend-display .scale-area .value{font-family:RobotoLight,sans-serif}
.trend-display .scale-area .unit{font-family:RobotoBold,sans-serif}
.trend-display .td-component.handle .handle-tab{font-family:RobotoLight,sans-serif;text-align:center}
.trend-display .td-component.handle .handle-date{font-family:RobotoMedium,sans-serif}
.trend-display .trend-display-program,.trend-display .trend-display-timeline .upper-bar>label,.xenon-obsidian-theme .trend-display .scale-area .label,.xenon-obsidian-theme .trend-display .scale-area .value{font-family:RobotoLight,sans-serif}
.trend-display .container{background-color:transparent!important}
.trend-display .scale-area .fixed-labels .label,.trend-display .scale-area .fixed-labels .unit{color:#3C3C3C}
.trend-display .scale-area .fixed-labels .label{background-color:#353535}
.trend-display .scale-area .fixed-labels .label .inner-text{color:#FFF}
.trend-display .visualization-area{background-color:transparent;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC}
.trend-display .trend-display-handle .triangle::after,.trend-display .trend-display-handle [data-ui=handle-bar]{background-color:#00ABF0}
.trend-display .step-line{border:1px solid transparent}
.trend-display .handle-grapper,.trend-display .handle-tab{background-color:#00ABF0;color:#efefef}
.trend-display .trend-display-program{color:#3C3C3C}
.trend-display .trend-display-program>.program-timeline>label{border-left:1px solid #DCDCDC;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}
.trend-display .trend-display-timeline .button,.trend-display .trend-display-timeline .button:hover{background-color:transparent}
.trend-display .trend-display-timeline .button.arrow.right .icon{background-image:url(../pics/system/controls/trend-display/arrow-right.svg)}
.trend-display.with-step-line .step-line{background-color:#DCDCDC;border:1px solid #DCDCDC;color:#3C3C3C}
.xenon-obsidian-theme .trend-display .scale-area .fixed-labels .label,.xenon-obsidian-theme .trend-display .scale-area .fixed-labels .label .inner-text,.xenon-obsidian-theme .trend-display .scale-area .fixed-labels .unit{color:#FFF}
.trend-display.with-step-line .visualization-area{border-top:none}
.xenon-obsidian-theme .trend-display{background-color:#302f2f}
.xenon-obsidian-theme .trend-display .scale-area .unit{font-family:RobotoBold,sans-serif}
.xenon-obsidian-theme .trend-display .td-component.handle .handle-tab{font-family:RobotoLight,sans-serif;text-align:center}
.xenon-obsidian-theme .trend-display .td-component.handle .handle-date{font-family:RobotoMedium,sans-serif}
.xenon-obsidian-theme .trend-display .trend-display-program,.xenon-obsidian-theme .trend-display .trend-display-timeline .upper-bar>label{font-family:RobotoLight,sans-serif}
.xenon-obsidian-theme .trend-display .container{background-color:transparent!important}
.xenon-obsidian-theme .trend-display .scale-area .fixed-labels .label{background-color:#262525}
.xenon-obsidian-theme .trend-display .visualization-area{background-color:transparent;border-top:1px solid #302f2f;border-bottom:1px solid #302f2f;border-left:1px solid #302f2f;border-right:1px solid #302f2f}
.xenon-obsidian-theme .trend-display .trend-display-handle .triangle::after,.xenon-obsidian-theme .trend-display .trend-display-handle [data-ui=handle-bar]{background-color:#00abf0}
.xenon-obsidian-theme .trend-display .step-line{border:1px solid transparent}
.xenon-obsidian-theme .trend-display .handle-grapper,.xenon-obsidian-theme .trend-display .handle-tab{background-color:#00abf0;color:#141313}
.xenon-obsidian-theme .trend-display .trend-display-program{color:#FFF}
.xenon-obsidian-theme .trend-display .trend-display-program>.program-timeline>label{border-left:1px solid #302f2f;border-top:1px solid #302f2f;border-bottom:1px solid #302f2f}
.xenon-obsidian-theme .trend-display .trend-display-timeline .button,.xenon-obsidian-theme .trend-display .trend-display-timeline .button:hover{background-color:transparent}
.xenon-obsidian-theme .trend-display .trend-display-timeline .button.arrow.right .icon{background-image:url(../pics/system/controls/trend-display/arrow-right.svg)}
.xenon-obsidian-theme .trend-display.with-step-line .step-line{background-color:#302f2f;border:1px solid #302f2f;color:#FFF}
.xenon-obsidian-theme .trend-display.with-step-line .visualization-area{border-top:none}

/* trend-display - dimensions */
 .trend-display{padding-right:40px}
.trend-display .scale-area .unit,.trend-display .scale-area .value{font-size:14px;line-height:24px}
.trend-display .scale-area .value{height:24px;margin-top:-12px;padding-right:5px}
.trend-display .scale-area .curve{width:64px;padding-right:5px}
.trend-display .scale-area .label{font-size:12px;line-height:24px}
.trend-display .scale-area .label::before{width:16px;height:16px;top:5px;margin-left:-8px}
.trend-display .trend-display-handle [data-ui=handle-bar]{width:3px;bottom:-41px}
.trend-display .trend-display-handle .handle-tab{height:25px;padding:0 5px;font-size:14px;line-height:25px}
.trend-display .trend-display-handle .handle-grapper-touch-area{width:83px;height:45px;left:-41.5px;bottom:-10px;padding:10px}
.trend-display .trend-display-handle .handle-grapper{font-size:24px;line-height:25px}
.trend-display .trend-display-handle .triangle{height:25px;width:35px;top:10px}
.trend-display .trend-display-handle .triangle.left{left:-3px}
.trend-display .trend-display-handle .triangle.left::after{left:4px}
.trend-display .trend-display-handle .triangle.right{right:-3px}
.trend-display .trend-display-handle .triangle.right::after{right:4px}
.trend-display .trend-display-handle .triangle:after{width:17px;height:17px;top:4px}
.trend-display .trend-display-handle .handle-date{width:calc(100% + 20px);left:-10px;font-size:12px}
.trend-display .visualization-area{height:calc(100% - 64px)}
.trend-display .trend-display-timeline{height:64px}
.trend-display .trend-display-timeline .upper-bar{top:16px}
.trend-display .trend-display-timeline .upper-bar>label{font-size:12px;line-height:24px}
.trend-display .trend-display-scale .fixed-labels{height:48px}
.trend-display .trend-display-scale .fixed-labels .curve .label{width:16px;height:16px;margin-left:calc(50% - 16px / 2);margin-top:5px}
.trend-display .trend-display-scale .fixed-labels .curve .label .inner-text{line-height:16px}
.trend-display .trend-display-scale .movable-scale{bottom:64px}
.trend-display .trend-display-scale .movable-scale .canvas-container .value.lower{margin-top:-24px}
.trend-display .trend-display-timeline .button .icon{margin-bottom:8px}
.trend-display .scale-area{width:0}
.trend-display .right-side{width:calc(100% - 64px);max-width:calc(100% - 64px)}
.trend-display.scale-size-none .scale-area{width:64px}
.trend-display.scale-size-none .right-side{width:calc(100% - 64px);max-width:calc(100% - 64px)}
.trend-display.scale-size-1 .scale-area{width:128px}
.trend-display.scale-size-1 .right-side{width:calc(100% - 128px);max-width:calc(100% - 128px)}
.trend-display.scale-size-2 .scale-area{width:192px}
.trend-display.scale-size-2 .right-side{width:calc(100% - 192px);max-width:calc(100% - 192px)}
.trend-display.scale-size-3 .scale-area{width:256px}
.trend-display.scale-size-3 .right-side{width:calc(100% - 256px);max-width:calc(100% - 256px)}
.trend-display.scale-size-4 .scale-area{width:320px}
.trend-display.scale-size-4 .right-side{width:calc(100% - 320px);max-width:calc(100% - 320px)}
.trend-display.scale-size-5 .scale-area{width:384px}
.trend-display.scale-size-5 .right-side{width:calc(100% - 384px);max-width:calc(100% - 384px)}
.trend-display.scale-size-6 .scale-area{width:448px}
.trend-display.scale-size-6 .right-side{width:calc(100% - 448px);max-width:calc(100% - 448px)}
.trend-display.scale-size-7 .scale-area{width:512px}
.trend-display.scale-size-7 .right-side{width:calc(100% - 512px);max-width:calc(100% - 512px)}
.trend-display.scale-size-8 .scale-area{width:576px}
.trend-display.scale-size-8 .right-side{width:calc(100% - 576px);max-width:calc(100% - 576px)}
.trend-display.scale-size-9 .scale-area{width:640px}
.trend-display.scale-size-9 .right-side{width:calc(100% - 640px);max-width:calc(100% - 640px)}
.trend-display.scale-size-10 .scale-area{width:704px}
.trend-display.scale-size-10 .right-side{width:calc(100% - 704px);max-width:calc(100% - 704px)}

/* trend-legend - common */
 .trend-legend{position:relative;box-sizing:border-box;font-size:0}
.trend-legend>div{display:inline-block}
.trend-legend .scale-id{position:relative;text-align:center;transform-origin:50%;transform:rotateZ(45deg)}
.trend-legend .scale-id .scale-letter{transform-origin:50%;transform:rotateZ(-45deg)}
.trend-legend .trend-style{height:1px;border-bottom:1px solid #000;border-top:none!important;border-left:none!important;border-right:none!important}
.trend-legend .trend-legend-entry{max-width:100%;cursor:pointer}
.trend-legend .trend-legend-entry>div{display:inline-block;vertical-align:middle}
.trend-legend .trend-item-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.trend-legend .trend-item-value{margin-right:0!important;text-align:right}
.trend-legend.highlight-mode .trend-legend-entry:not(.selected){opacity:.5}

/* trend-legend - style */
 .trend-legend .trend-legend-entry,.xenon-obsidian-theme .trend-legend .trend-legend-entry{box-shadow:0 0 2px rgba(0,0,0,.2)}
.trend-legend{background-color:#FBFBFB}
.trend-legend .scale-id{background-color:#353535}
.trend-legend .scale-id .scale-letter{color:#FFF}
.trend-legend .trend-color{background-color:#DCDCDC}
.trend-legend .trend-item-name,.trend-legend .trend-item-value{font-family:RobotoBold,sans-serif;color:#3C3C3C}
.trend-legend .trend-item-unit{font-family:RobotoMedium,sans-serif;color:#7a7a7a}
.xenon-obsidian-theme .trend-legend{background-color:#302f2f}
.xenon-obsidian-theme .trend-legend .scale-id{background-color:#262525}
.xenon-obsidian-theme .trend-legend .scale-id .scale-letter{color:#FFF}
.xenon-obsidian-theme .trend-legend .trend-color{background-color:#302f2f}
.xenon-obsidian-theme .trend-legend .trend-item-name,.xenon-obsidian-theme .trend-legend .trend-item-value{font-family:RobotoBold,sans-serif;color:#FFF}
.xenon-obsidian-theme .trend-legend .trend-item-unit{font-family:RobotoMedium,sans-serif;color:#fff}

/* trend-legend - dimensions */
 .trend-legend .trend-legend-entry .trend-item-name,.trend-legend.large .trend-legend-entry .trend-item-name,.trend-legend.medium .trend-legend-entry .trend-item-name,.trend-legend.small .trend-legend-entry .trend-item-name{max-width:250px}
.trend-legend{padding:8px 0 0 8px}
.trend-legend .trend-legend-entry{padding:0 10px;margin-bottom:10px}
.trend-legend .trend-legend-entry:not(:last-child){margin-right:10px}
.trend-legend .trend-legend-entry>div{line-height:40px}
.trend-legend .trend-legend-entry>div:not(:last-child){margin-right:8px}
.trend-legend .trend-legend-entry .scale-id,.trend-legend .trend-legend-entry .trend-item-name,.trend-legend .trend-legend-entry .trend-item-unit,.trend-legend .trend-legend-entry .trend-item-value{font-size:14px}
.trend-legend .trend-legend-entry .trend-item-value{padding-left:20px}
.trend-legend .scale-id{width:16px;height:16px}
.trend-legend .scale-id .scale-letter{line-height:16px}
.trend-legend .trend-style{width:20px}
.trend-legend.large{padding:8px 0 0 8px}
.trend-legend.large .trend-legend-entry{padding:0 10px;margin-bottom:10px}
.trend-legend.large .trend-legend-entry:not(:last-child){margin-right:10px}
.trend-legend.large .trend-legend-entry>div{line-height:48px}
.trend-legend.large .trend-legend-entry>div:not(:last-child){margin-right:16px}
.trend-legend.large .trend-legend-entry .scale-id,.trend-legend.large .trend-legend-entry .trend-item-name,.trend-legend.large .trend-legend-entry .trend-item-unit,.trend-legend.large .trend-legend-entry .trend-item-value{font-size:18px}
.trend-legend.large .trend-legend-entry .trend-item-value{padding-left:20px}
.trend-legend.large .scale-id{width:24px;height:24px}
.trend-legend.large .scale-id .scale-letter{line-height:24px}
.trend-legend.large .trend-style{width:20px}
.trend-legend.medium{padding:8px 0 0 8px}
.trend-legend.medium .trend-legend-entry{padding:0 10px;margin-bottom:10px}
.trend-legend.medium .trend-legend-entry:not(:last-child){margin-right:10px}
.trend-legend.medium .trend-legend-entry>div{line-height:40px}
.trend-legend.medium .trend-legend-entry>div:not(:last-child){margin-right:8px}
.trend-legend.medium .trend-legend-entry .scale-id,.trend-legend.medium .trend-legend-entry .trend-item-name,.trend-legend.medium .trend-legend-entry .trend-item-unit,.trend-legend.medium .trend-legend-entry .trend-item-value{font-size:14px}
.trend-legend.medium .trend-legend-entry .trend-item-value{padding-left:20px}
.trend-legend.medium .scale-id{width:16px;height:16px}
.trend-legend.medium .scale-id .scale-letter{line-height:16px}
.trend-legend.medium .trend-style{width:20px}
.trend-legend.small{padding:8px 0 0 8px}
.trend-legend.small .trend-legend-entry{padding:0 10px;margin-bottom:10px}
.trend-legend.small .trend-legend-entry:not(:last-child){margin-right:10px}
.trend-legend.small .trend-legend-entry>div{line-height:32px}
.trend-legend.small .trend-legend-entry>div:not(:last-child){margin-right:8px}
.trend-legend.small .trend-legend-entry .scale-id,.trend-legend.small .trend-legend-entry .trend-item-name,.trend-legend.small .trend-legend-entry .trend-item-unit,.trend-legend.small .trend-legend-entry .trend-item-value{font-size:11px}
.trend-legend.small .trend-legend-entry .trend-item-value{padding-left:20px}
.trend-legend.small .scale-id{width:16px;height:16px}
.trend-legend.small .scale-id .scale-letter{line-height:16px}
.trend-legend.small .trend-style{width:20px}

/* trend-legend.scrollable - common */
 .trend-legend.scrollable{white-space:nowrap;overflow-x:auto}
.trend-legend.scrollable.vertical{white-space:normal;overflow-x:hidden;overflow-y:auto}

/* trend-legend.scrollable - style */
 

/* trend-legend.scrollable - dimensions */
 

/* trend-select - common */
 .trend-select:not(.dialog-box){position:relative;box-sizing:border-box}
.trend-select:not(.dialog-box) .input-anchor{position:relative}
.trend-select:not(.dialog-box) .input-anchor .input-field{margin-bottom:-1px}
.trend-select:not(.dialog-box) .input-anchor .input-field .label{display:none}
.trend-select:not(.dialog-box) .input-anchor .input-field .input-field-value{width:100%;margin-left:0}
.trend-select:not(.dialog-box) .input-anchor .icon{position:absolute;left:auto;right:0;background-size:100%;opacity:.5;z-index:1}
.trend-select:not(.dialog-box) .option-list-anchor{overflow-y:auto}
.trend-select:not(.dialog-box) .option-list{overflow:hidden}
.trend-select:not(.dialog-box) .option-list .list-element,.trend-select:not(.dialog-box) .option-list .list-header{display:flex}
.trend-select:not(.dialog-box) .option-list .col2{flex:10;width:auto}
.trend-select:not(.dialog-box) .option-list .col3{flex:3;width:auto}
.trend-select:not(.dialog-box) .option-list .unit-display{white-space:nowrap}
.trend-select:not(.dialog-box) .option-list .unit-display>*{display:inline-block;vertical-align:middle;width:auto}
.trend-select:not(.dialog-box) .checkbox .checkbox-label,.trend-select:not(.dialog-box) .option-list .list-element.hidden{display:none}
.trend-select:not(.dialog-box) .option-list .list-element{margin-bottom:0;margin-top:4px}
.trend-select:not(.dialog-box) .option-list .list-element:first-child,.trend-select:not(.dialog-box) .option-list .list-element:last-child{margin-bottom:2px}
.trend-select:not(.dialog-box) .checkbox{box-sizing:border-box;min-width:0;margin-bottom:0;background-color:transparent;box-shadow:none}
.trend-select:not(.dialog-box) .graph-style{position:relative;height:1px}
.trend-select:not(.dialog-box) .graph-style>:not(.button){display:inline-block;vertical-align:middle}
.trend-select:not(.dialog-box) .graph-style .line-style{border-top:none!important;border-left:none!important;border-right:none!important}
.trend-select:not(.dialog-box) .graph-style .icon svg{width:100%;height:100%}
.trend-select:not(.dialog-box) .graph-style .button{position:absolute;top:0;bottom:0;left:0;right:0;background-color:transparent;z-index:2}
.trend-select:not(.dialog-box) .graph-style .button .button-label{display:none}
.trend-select:not(.dialog-box) .graph-style-selection{position:relative}
.trend-select.dialog-box.graph-style-dialog-box .text2.multiline,.trend-select.dialog-box.graph-style-dialog-box .text2.multiline:first-line{line-height:24px!important}
.trend-select.dialog-box.graph-style-dialog-box .dialog-window{width:400px}
.trend-select.dialog-box.graph-style-dialog-box .dialog-box-content>.container:first-child{padding:10px 20px}
.trend-select.dialog-box.graph-style-dialog-box .dialog-box-content>.container:first-child .text2{margin-bottom:16px}
.trend-select.dialog-box.graph-style-dialog-box .select-radio::after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.trend-select.dialog-box.graph-style-dialog-box .select-radio.color-selection .radio-option-label,.trend-select.dialog-box.graph-style-dialog-box .select-radio.no-label .label,.trend-select.dialog-box.graph-style-dialog-box .select-radio:not(.color-selection) .select-radio-button{display:none}
.trend-select.dialog-box.graph-style-dialog-box .select-radio .select-radio-option{float:left}
.trend-select.dialog-box.graph-style-dialog-box .select-radio.color-selection .select-radio-button{visibility:hidden;margin-right:0;margin-left:0}
.trend-select.dialog-box.graph-style-dialog-box .select-radio.color-selection .select-radio-button circle{visibility:hidden!important}
.trend-select.dialog-box.graph-style-dialog-box .select-radio.color-selection .select-radio-option{min-height:0;height:auto;margin-right:8px;margin-bottom:8px;padding:0}
.trend-select.dialog-box.graph-style-dialog-box .select-radio.color-selection .select-radio-option.active,.trend-select.dialog-box.graph-style-dialog-box .select-radio.color-selection .select-radio-option.selected{background-color:transparent}
.trend-select.dialog-box.graph-style-dialog-box .select-radio.thickness-selection .radio-option-label{text-align:center}

/* trend-select - style */
 .trend-select:not(.dialog-box){background-color:#FFF;border:1px solid #c8c8c8}
.trend-select .checkbox-anchor{background-color:#efefef;border:1px solid #c8c8c8}
.trend-select .input-anchor .icon{background-color:#FFF;background-image:url(../pics/system/controls/trend-select/search.svg)}
.trend-select .checkbox.selected{background-color:#00ABF0;color:#FFF}
.trend-select .checkbox.selected .box{border:1px solid #FFF}
.trend-select .checkbox.selected:hover .box{border-color:#FFF}
.trend-select .checkbox.selected .checkbox-handle{fill:#FFF;stroke:#FFF;stroke-width:0}
.trend-select .option-list-anchor .text2{font-family:RobotoMedium,sans-serif}
.trend-select .option-list .list-header .text2{font-family:RobotoBold,sans-serif}
.trend-select .list-element .line-style{border-bottom:1px solid #000}
.trend-select .select-radio.color-selection .select-radio-option.active,.trend-select .select-radio.color-selection .select-radio-option.selected{outline:#00ABF0 solid 2px;outline-offset:2px}
.xenon-obsidian-theme .trend-select:not(.dialog-box){background-color:#302f2f;border:1px solid #524f4f}
.xenon-obsidian-theme .trend-select .checkbox-anchor{background-color:#141313;border:1px solid #524f4f}
.xenon-obsidian-theme .trend-select .input-anchor .icon{background-color:#302f2f;background-image:url(../pics/system/controls/trend-select/search_light.svg)}
.xenon-obsidian-theme .trend-select .checkbox.selected{background-color:#00abf0;color:#FFF}
.xenon-obsidian-theme .trend-select .checkbox.selected .box{border:1px solid #FFF}
.xenon-obsidian-theme .trend-select .checkbox.selected:hover .box{border-color:#FFF}
.xenon-obsidian-theme .trend-select .checkbox.selected .checkbox-handle{fill:#FFF;stroke:#FFF;stroke-width:0}
.xenon-obsidian-theme .trend-select .option-list-anchor .text2{font-family:RobotoMedium,sans-serif}
.xenon-obsidian-theme .trend-select .option-list .list-header .text2{font-family:RobotoBold,sans-serif}
.xenon-obsidian-theme .trend-select .list-element .line-style{border-bottom:1px solid #000}
.xenon-obsidian-theme .trend-select .select-radio.color-selection .select-radio-option.active,.xenon-obsidian-theme .trend-select .select-radio.color-selection .select-radio-option.selected{outline:#00abf0 solid 2px;outline-offset:2px}

/* trend-select - dimensions */
 .trend-select:not(.dialog-box){min-width:500px;width:500px;padding:10px;display:flex;flex-direction:column}
.trend-select .input-anchor .input-field{width:calc(100% - 48px)}
.trend-select .input-anchor .icon{width:40px;height:40px;top:0}
.trend-select .option-list{padding-top:5px;display:flex;flex-direction:column;flex:1 1}
.trend-select .option-list .col1{width:60px}
.trend-select .option-list .col4{width:98px}
.trend-select .option-list .col5{width:60px}
.trend-select .option-list .option-list-anchor{flex:1 1 200px}
.trend-select .list-element .text2{font-size:14px;line-height:40px}
.trend-select .unit-display .text2:nth-child(2){max-width:36px}
.trend-select .graph-style .line-style{width:30px;margin-right:8px;margin-left:8px}
.trend-select .graph-style .icon{width:40px;height:40px}
.trend-select .select-radio.color-selection .select-radio-button{width:32px;height:32px}
.trend-select .select-radio.color-selection .select-radio-option{width:32px}
.trend-select .select-radio.thickness-selection .select-radio-option{width:40px}
.trend-select.large:not(.dialog-box){min-width:600px;width:600px;padding:10px;display:flex;flex-direction:column}
.trend-select.large .input-anchor .input-field{width:calc(100% - 56px)}
.trend-select.large .input-anchor .icon{width:48px;height:48px;top:0}
.trend-select.large .option-list{padding-top:5px;display:flex;flex-direction:column;flex:1 1}
.trend-select.large .option-list .col1{width:60px}
.trend-select.large .option-list .col4{width:106px}
.trend-select.large .option-list .col5{width:60px}
.trend-select.large .option-list .option-list-anchor{flex:1 1 200px}
.trend-select.large .list-element .text2{font-size:18px;line-height:48px}
.trend-select.large .unit-display .text2:nth-child(2){max-width:52px}
.trend-select.medium .unit-display .text2:nth-child(2),.trend-select.small .unit-display .text2:nth-child(2){max-width:36px}
.trend-select.large .graph-style .line-style{width:30px;margin-right:8px;margin-left:8px}
.trend-select.large .graph-style .icon,.trend-select.large .select-radio.color-selection .select-radio-button{width:48px;height:48px}
.trend-select.large .select-radio.color-selection .select-radio-option{width:32px}
.trend-select.large .select-radio.thickness-selection .select-radio-option{width:60px}
.trend-select.medium:not(.dialog-box){min-width:500px;width:500px;padding:10px;display:flex;flex-direction:column}
.trend-select.medium .input-anchor .input-field{width:calc(100% - 48px)}
.trend-select.medium .input-anchor .icon{width:40px;height:40px;top:0}
.trend-select.medium .option-list{padding-top:5px;display:flex;flex-direction:column;flex:1 1}
.trend-select.medium .option-list .col1{width:60px}
.trend-select.medium .option-list .col4{width:98px}
.trend-select.medium .option-list .col5{width:60px}
.trend-select.medium .option-list .option-list-anchor{flex:1 1 200px}
.trend-select.medium .list-element .text2{font-size:14px;line-height:40px}
.trend-select.medium .graph-style .line-style{width:30px;margin-right:8px;margin-left:8px}
.trend-select.medium .graph-style .icon{width:40px;height:40px}
.trend-select.medium .select-radio.color-selection .select-radio-button{width:32px;height:32px}
.trend-select.medium .select-radio.color-selection .select-radio-option{width:32px}
.trend-select.medium .select-radio.thickness-selection .select-radio-option{width:40px}
.trend-select.small:not(.dialog-box){min-width:500px;width:500px;padding:10px;display:flex;flex-direction:column}
.trend-select.small .input-anchor .input-field{width:calc(100% - 40px)}
.trend-select.small .input-anchor .icon{width:32px;height:32px;top:0}
.trend-select.small .option-list{padding-top:5px;display:flex;flex-direction:column;flex:1 1}
.trend-select.small .option-list .col1{width:50px}
.trend-select.small .option-list .col4{width:88px}
.trend-select.small .option-list .col5{width:50px}
.trend-select.small .option-list .option-list-anchor{flex:1 1 200px}
.trend-select.small .list-element .text2{font-size:11px;line-height:32px}
.trend-select.small .graph-style .line-style{width:30px;margin-right:8px;margin-left:8px}
.trend-select.small .graph-style .icon,.trend-select.small .select-radio.color-selection .select-radio-button{width:32px;height:32px}
.trend-select.small .select-radio.color-selection .select-radio-option{width:32px}
.trend-select.small .select-radio.thickness-selection .select-radio-option{width:40px}

/* trend-zoom - common */
 .trend-zoom .button.no-frame,.trend-zoom .integrated-calendar .calendar,.trend-zoom .popup-menu.zoom-stages-popup .button,.trend-zoom .toggle-button.no-frame{background-color:transparent;box-shadow:none}
.trend-zoom{display:flex}
.trend-zoom .spacer{flex:1}
.trend-zoom .button,.trend-zoom .toggle-button{margin-bottom:0!important}
.trend-zoom .button .button-icon,.trend-zoom .toggle-button .button-icon{background-repeat:no-repeat;background-size:100%}
.trend-zoom .point-in-time-area,.trend-zoom .zoom-stages-area{position:relative}
.trend-zoom .popup-menu:not(.hidden):not(.closed){display:inline-block}
.trend-zoom .popup-menu{bottom:0;right:0}
.trend-zoom .popup-menu .menu-frame{box-sizing:border-box;margin-top:0}
.trend-zoom .popup-menu .menu-frame .container{padding:0}
.trend-zoom .popup-menu .menu-frame .container .button{min-width:0}
.trend-zoom .popup-menu .menu-frame .triangle::after{right:2px}
.trend-zoom .centered{text-align:center}
.trend-zoom .centered>*{display:inline-block;width:auto}
.trend-zoom .integrated-calendar .selected-date,.trend-zoom .select-time .divider:nth-last-child(2),.trend-zoom .select-time .second-select{display:none}
.trend-zoom .integrated-calendar .calendar{display:block;position:relative;top:auto;right:auto;padding:0}
.trend-zoom .integrated-calendar .calendar .triangle{display:none}

/* trend-zoom - style */
 .trend-zoom .integrated-calendar .calendar,.trend-zoom .integrated-calendar .calendar ul.day-header,.trend-zoom .popup-menu .menu-frame .container.border-bottom,.trend-zoom .popup-menu.zoom-stages-popup .button:not(:last-child){border-bottom:1px solid #DCDCDC}
.trend-zoom .button.zoom-stage .button-label,.xenon-obsidian-theme .trend-zoom .button.zoom-stage .button-label{font-family:RobotoMedium,sans-serif}
.trend-zoom{background-color:#FFF;box-shadow:0 0 2px rgba(0,0,0,.2)}
.trend-zoom .button.zoom-stage:hover .button-label{color:#00ABF0}
.trend-zoom .button.zoom-out .button-icon{background-image:url(../pics/system/controls/trend-zoom/verkleinern.svg)}
.trend-zoom .button.zoom-in .button-icon{background-image:url(../pics/system/controls/trend-zoom/vergroessern.svg)}
.trend-zoom .button.zoom-reset .button-icon{background-image:url(../pics/system/controls/trend-zoom/icon-zoom-reset.svg)}
.trend-zoom .button.point-in-time .button-icon{background-image:url(../pics/system/controls/trend-zoom/uhrzeit.svg)}
.trend-zoom .button.pause,.trend-zoom .button.play{background-color:transparent;box-shadow:none}
.trend-zoom .button.pause.play .button-icon,.trend-zoom .button.play.play .button-icon{background-image:url(../pics/system/controls/trend-zoom/play.svg)}
.trend-zoom .button.pause.play.on .button-icon,.trend-zoom .button.play.play.on .button-icon{background-image:url(../pics/system/controls/trend-zoom/play-light.svg)}
.trend-zoom .button.pause.pause .button-icon,.trend-zoom .button.play.pause .button-icon{background-image:url(../pics/system/controls/trend-zoom/pause.svg)}
.trend-zoom .button.pause.pause.on .button-icon,.trend-zoom .button.play.pause.on .button-icon{background-image:url(../pics/system/controls/trend-zoom/pause-light.svg)}
.trend-zoom .popup-menu .menu-background{background-color:transparent}
.trend-zoom .popup-menu .menu-frame,.trend-zoom .popup-menu .menu-frame .triangle:after{background-color:#FFF}
.trend-zoom .popup-menu .menu-frame .container{background-color:transparent}
.trend-zoom .popup-menu.zoom-stages-popup .button:hover .button-label{color:#00ABF0}
.trend-zoom .integrated-calendar .calendar{background-color:#FFF}
.xenon-obsidian-theme .trend-zoom .integrated-calendar .calendar,.xenon-obsidian-theme .trend-zoom .integrated-calendar .calendar ul.day-header,.xenon-obsidian-theme .trend-zoom .popup-menu .menu-frame .container.border-bottom,.xenon-obsidian-theme .trend-zoom .popup-menu.zoom-stages-popup .button:not(:last-child){border-bottom:1px solid #302f2f}
.xenon-obsidian-theme .trend-zoom{background-color:#302f2f;box-shadow:0 0 2px rgba(0,0,0,.2)}
.xenon-obsidian-theme .trend-zoom .button.zoom-stage:hover .button-label{color:#00abf0}
.xenon-obsidian-theme .trend-zoom .button.zoom-out .button-icon{background-image:url(../pics/system/controls/trend-zoom/verkleinern.svg)}
.xenon-obsidian-theme .trend-zoom .button.zoom-in .button-icon{background-image:url(../pics/system/controls/trend-zoom/vergroessern.svg)}
.xenon-obsidian-theme .trend-zoom .button.zoom-reset .button-icon{background-image:url(../pics/system/controls/trend-zoom/icon-zoom-reset.svg)}
.xenon-obsidian-theme .trend-zoom .button.point-in-time .button-icon{background-image:url(../pics/system/controls/trend-zoom/uhrzeit.svg)}
.xenon-obsidian-theme .trend-zoom .button.pause,.xenon-obsidian-theme .trend-zoom .button.play{background-color:transparent;box-shadow:none}
.xenon-obsidian-theme .trend-zoom .button.pause.play .button-icon,.xenon-obsidian-theme .trend-zoom .button.play.play .button-icon{background-image:url(../pics/system/controls/trend-zoom/play.svg)}
.xenon-obsidian-theme .trend-zoom .button.pause.play.on .button-icon,.xenon-obsidian-theme .trend-zoom .button.play.play.on .button-icon{background-image:url(../pics/system/controls/trend-zoom/play-light.svg)}
.xenon-obsidian-theme .trend-zoom .button.pause.pause .button-icon,.xenon-obsidian-theme .trend-zoom .button.play.pause .button-icon{background-image:url(../pics/system/controls/trend-zoom/pause.svg)}
.xenon-obsidian-theme .trend-zoom .button.pause.pause.on .button-icon,.xenon-obsidian-theme .trend-zoom .button.play.pause.on .button-icon{background-image:url(../pics/system/controls/trend-zoom/pause-light.svg)}
.xenon-obsidian-theme .trend-zoom .popup-menu .menu-background{background-color:transparent}
.xenon-obsidian-theme .trend-zoom .popup-menu .menu-frame,.xenon-obsidian-theme .trend-zoom .popup-menu .menu-frame .triangle:after{background-color:#FFF}
.xenon-obsidian-theme .trend-zoom .popup-menu .menu-frame .container{background-color:transparent}
.xenon-obsidian-theme .trend-zoom .popup-menu.zoom-stages-popup .button:hover .button-label{color:#00abf0}
.xenon-obsidian-theme .trend-zoom .integrated-calendar .calendar{background-color:#FFF}

/* trend-zoom - dimensions */
 .trend-zoom,.trend-zoom.medium{min-width:320px}
.trend-zoom .popup-menu .menu-frame .button,.trend-zoom.large .popup-menu .menu-frame .button{padding:10px}
.trend-zoom .popup-menu.menu-up,.trend-zoom.large .popup-menu.menu-up,.trend-zoom.medium .popup-menu.menu-up,.trend-zoom.small .popup-menu.menu-up{bottom:315px}
.trend-zoom .button.zoom-stage{height:56px}
.trend-zoom .button.zoom-stage .button-label{font-size:16px;line-height:56px}
.trend-zoom .button.icon-only{height:56px;width:40px}
.trend-zoom .button.icon-only .button-icon{height:24px;width:24px}
.trend-zoom .popup-menu{width:auto;right:0;top:56px}
.trend-zoom .popup-menu .menu-frame .triangle{width:100px;top:-10px;right:10px}
.trend-zoom .popup-menu .menu-frame .button .button-label{text-align:center}
.trend-zoom .popup-menu.menu-down{top:56px}
.trend-zoom .popup-menu .container.done-button-anchor{padding-top:24px}
.trend-zoom .integrated-calendar .calendar{width:304px}
.trend-zoom.large{min-width:376px}
.trend-zoom.large .button.zoom-stage{height:56px}
.trend-zoom.large .button.zoom-stage .button-label{font-size:18px;line-height:56px}
.trend-zoom.large .button.icon-only{height:56px;width:40px}
.trend-zoom.large .button.icon-only .button-icon{height:32px;width:32px}
.trend-zoom.large .popup-menu{width:auto;right:0;top:56px}
.trend-zoom.large .popup-menu .menu-frame .triangle{width:100px;top:-10px;right:10px}
.trend-zoom.large .popup-menu .menu-frame .button .button-label{text-align:center}
.trend-zoom.large .popup-menu.menu-down{top:56px}
.trend-zoom.large .popup-menu .container.done-button-anchor{padding-top:24px}
.trend-zoom.medium .popup-menu .menu-frame .button,.trend-zoom.small .popup-menu .menu-frame .button{padding:10px}
.trend-zoom.large .integrated-calendar .calendar{width:360px}
.trend-zoom.medium .button.zoom-stage{height:56px}
.trend-zoom.medium .button.zoom-stage .button-label{font-size:16px;line-height:56px}
.trend-zoom.medium .button.icon-only{height:56px;width:40px}
.trend-zoom.medium .button.icon-only .button-icon{height:24px;width:24px}
.trend-zoom.medium .popup-menu{width:auto;right:0;top:56px}
.trend-zoom.medium .popup-menu .menu-frame .triangle{width:100px;top:-10px;right:10px}
.trend-zoom.medium .popup-menu .menu-frame .button .button-label{text-align:center}
.trend-zoom.medium .popup-menu.menu-down{top:56px}
.trend-zoom.medium .popup-menu .container.done-button-anchor{padding-top:24px}
.trend-zoom.medium .integrated-calendar .calendar{width:304px}
.trend-zoom.small{min-width:264px}
.trend-zoom.small .button.zoom-stage{height:48px}
.trend-zoom.small .button.zoom-stage .button-label{font-size:14px;line-height:48px}
.trend-zoom.small .button.icon-only{height:48px;width:40px}
.trend-zoom.small .button.icon-only .button-icon{height:24px;width:24px}
.trend-zoom.small .popup-menu{width:auto;right:0;top:56px}
.trend-zoom.small .popup-menu .menu-frame .triangle{width:100px;top:-10px;right:10px}
.trend-zoom.small .popup-menu .menu-frame .button .button-label{text-align:center}
.trend-zoom.small .popup-menu.menu-down{top:56px}
.trend-zoom.small .popup-menu .container.done-button-anchor{padding-top:24px}
.trend-zoom.small .integrated-calendar .calendar{width:248px}

/* user-info - common */
 

/* user-info - style */
 .user-info .user-info-container .user-info-group,.user-info .user-info-container .user-info-name{color:#000}
.user-info.inverted .user-info-container .user-info-group,.user-info.inverted .user-info-container .user-info-name,.xenon-obsidian-theme .user-info .user-info-container .user-info-group,.xenon-obsidian-theme .user-info .user-info-container .user-info-name{color:#FFF}
.xenon-obsidian-theme .user-info.inverted .user-info-container .user-info-group,.xenon-obsidian-theme .user-info.inverted .user-info-container .user-info-name{color:#000}

/* user-info - dimensions */
 

/* view - common */
 .view{height:100%;width:100%;box-sizing:border-box}

/* view - style */
 

/* view - dimensions */
 .view{min-height:48px}

/* webiq-loading-overlay - common */
 .webiq-loading-overlay{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;width:100%;height:100%;--loading-overlay-background-color:var(--iq-secondary-background);--loading-overlay-foreground-color:var(--iq-on-secondary-background);--loading-overlay-rotation-start:180deg;--loading-overlay-z-index:90000;z-index:var(--loading-overlay-z-index)}
.webiq-loading-overlay>.background-layer{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background-color:var(--loading-overlay-background-color);opacity:.75}
.webiq-loading-overlay>.content{display:block;margin:1em 5em;font-size:1.5em;user-select:none;white-space:pre-wrap;text-align:center;color:var(--loading-overlay-foreground-color)}
.webiq-loading-overlay>.spinner{width:4em;height:4em}
.webiq-loading-overlay>.spinner .outline{fill:none;stroke:var(--loading-overlay-foreground-color);stroke-opacity:.25}
.webiq-loading-overlay>.spinner .accent-group{transform:rotate(var(--loading-overlay-rotation-start));transform-origin:center center;animation:loading-overlay-spinner-animation 1s cubic-bezier(.5,.25,.5,.75) infinite;fill:none;stroke:var(--loading-overlay-foreground-color);stroke-opacity:.5}
@keyframes loading-overlay-spinner-animation{0%{transform:rotate(var(--loading-overlay-rotation-start))}
100%{transform:rotate(calc(var(--loading-overlay-rotation-start) + 360deg))}
}

