@charset "UTF-8"; dfn,img{font-style:italic} img,legend{border:0} a,ins,u{text-decoration:none} a,a:visited{color:#2883d7} code.hljs{border:1px solid #ccc} .menu:focus,.search:focus,a:active,a:hover,input,input[type=range]:focus,select,textarea{outline:0} .brand-font,html{font-family:Arial,sans-serif} .large-number-font{font-family:Arial,sans-serif} div,span,table,td,th,tr{font-family:Arial,sans-serif,Verdana,Helvetica,LuzSans Book,HPFutura Book,Futura Bk;font-size:1em} body{background-color:#fff;font-family:Arial,sans-serif,Verdana,Helvetica,LuzSans Book,HPFutura Book,Futura Bk;font-size:1em;color:initial} a{font-size:inherit} h1,h2,h3,h4,h5{font-size:initial;font-weight:initial;color:#000;border:0;min-height:initial;background:0 0;background-image:none;background-repeat:no-repeat;padding:initial;margin:initial;margin-bottom:initial} input.password,input.textfield,input[type=text],input[type=password],select{color:initial;font-size:1rem;line-height:1.5;font-family:Arial,Verdana,Helvetica,sans-serif;width:auto;padding:6px 23px;border:1px solid #ccc;background-color:initial;margin-right:12px} input.long_table_data,input[type=text].long_table_data,input[type=password].long_table_data{font-family:Arial,sans-serif,Verdana,Helvetica,LuzSans Book,HPFutura Book,Futura Bk;color:#000;line-height:1em;font-size:1em} table.data_table td{font-size:1em;font-family:Arial,Verdana,Helvetica,sans-serif;background-color:inherit;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:0 5px 0 5px;white-space:nowrap} table.data_table tbody tr{border-bottom:1px solid #ccc} table.data_table tbody tr:hover{background-color:#ddd;color:#000} table.key-value-table td:first-child,table.key-value-table td:first-child>span{line-height:1.8rem;font-weight:300} .login-body{background:#fff;background-image:initial} table.login-banner-table{height:280px} td.login-banner-left{background-color:inherit;background:inherit;background-image:inherit} td.login-banner-right{border:0;background-color:transparent;background-image:none} .login-banner-title{margin-right:30px;margin-bottom:10px} .login-banner-title h1,.login-banner-title h2,.login-banner-title span{font-family:LuzSans Book,HPFutura Book,Futura Bk,Arial,Verdana,Helvetica,sans-serif;font:Arial,sans-serif;font-size:initial;font-weight:400;color:inherit} div.login-logo{margin-left:initial;margin-top:-30px;margin-bottom:90px;background-image:none} #login-middle-table{width:100%} #tr2-td3-login-middle-table{display:initial} #login_fields_table{width:initial} td.login_fields_label{font-family:Arial,Verdana,Helvetica,sans-serif} #login_rec_browsers{font-size:small;display:inline-block;padding-left:10px;background-color:#000;background:rgba(0,0,0,.6);filter:alpha(opacity=80)} .remember_cb,.remember_text{font-family:Arial,Verdana,Helvetica,sans-serif} #appContent,#appNavigator{padding-top:0} #appContent{right:0} #appNavigator{left:0;width:300px;padding-top:0} #toggleExpandCollapseAll{color:#ccc} button::-moz-focus-inner{border:initial} button,button.active,button.disabled,button.enter,button.focus,button.hover,button:active,button:focus,button:hover,button[disabled]{text-decoration:initial;-moz-box-sizing:initial;outline-color:#2ad2c9;text-shadow:none;text-overflow:initial;overflow:initial;-webkit-box-shadow:initial;-moz-box-shadow:initial;display:initial;font-size:initial;font-family:inherit;font-weight:initial;color:initial;-webkit-transition:initial;-moz-transition:initial;width:initial;min-width:initial;max-width:initial;text-align:center;line-height:initial;background-color:initial;vertical-align:initial;height:auto;padding:initial;border-width:initial;border-style:initial;border-color:initial;-moz-border-bottom-colors:initial;-moz-border-top-colors:initial;-moz-border-left-colors:initial;-moz-border-right-colors:initial;background-image:none;-webkit-border-radius:initial;-moz-border-radius:initial;border-radius:initial} th::selection{outline-color:#2ad2c9} th{outline-color:#2ad2c9} button[type]{padding:initial} table.data_table{font-family:Arial,Verdana,Helvetica,sans-serif;color:#000;border:0;font-size:1em} table.data_table thead{background-color:#fff} table.data_table th{background-color:inherit;background-image:none;vertical-align:bottom;height:20px;padding-right:15px;padding-left:5px;border-right:inherit;font-weight:100;font-size:20px;font-size:1rem;line-height:1.2;border-bottom:1px solid #ccc;white-space:normal} table.data_table th.sorted{background-color:inherit;background-image:none} table.data_table th.headerSortDown,table.data_table th.headerSortUp,table.data_table th.tablesorter-headerAsc,table.data_table th.tablesorter-headerDesc{background-color:#eee} table.data_table td:first-child,table.data_table th:first-child{padding-left:0} table.data_table th div{font-weight:inherit} table.data_table tr.odd td,table.data_table tr.odd tr.even td,table.data_table tr.trclick td,table.data_table tr.trover td{background-color:inherit} table.data_table tbody tr.trclick,table.data_table tbody tr.trclick:hover{background-color:#d0f3eb} .groupingBox,table.groupingBox,td.groupingBox{padding:0;border:0} #masthead_body{background:0 0;background-color:rgba(66,85,99,.9);overflow:hidden} div.tray,table.masthead{color:inherit;font-family:Arial,Helvetica,sans-serif,Verdana;background:0 0} table.bdf_table td{background-color:inherit;color:inherit} .normal-body,.normal-header{border:inherit;height:initial;background:inherit;background-image:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} #td_masthead_logo{width:1%;padding:0} div.masthead_logo{background:url(../../images/hpesm_pri_wht_rev_rgb.svg);padding:0;height:100%;background-position:-60px -55px;background-size:245px;width:220px} table.masthead span.app_name,table.masthead span.user_field,table.masthead td#platform_name,td.home_link_col,td.hostname{font-family:Arial,Helvetica,sans-serif,Verdana;color:rgba(255,255,255,.9)} table.masthead td#platform_name{color:rgba(255,255,255,.6)} table.masthead span.app_name{font-weight:800;font-size:1.35rem} table.masthead a,table.masthead a:active,table.masthead a:hover,table.masthead a:visited{color:rgba(255,255,255,.7);text-decoration:none;vertical-align:top} table.nowrap_table td{white-space:nowrap} .subtree a.no-adv{color:inherit} .navigation-tree .tree-control{background-color:inherit;color:inherit;border:0;background-image:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .mainContent{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:36px;bottom:0} .content-with-tabs{border:0;border-bottom:4px solid #eee;-webkit-border-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius:0;-moz-border-radius-topleft:0;border-radius:0;border-top-left-radius:0} .content-title{top:0;left:0;right:0;border:0;border-bottom:4px solid #eee;height:40px;background:0 0;background-color:rgba(66,85,99,.9);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .content-title div{margin-top:5px} #contextHelpDiv{margin-top:5px;margin-left:4px;position:absolute;top:-11px;right:0} #titleWrapper{height:36px} #titleWrapper h4{display:inline-block;margin-top:6px} td.statusDisplay{width:62px;top:1px;left:3px;position:relative} .rebranding_help_div{background:0 0} input[type=file]{font-family:inherit} .ui-widget{line-height:normal} /*! * inuitcss, by @csswizardry * * github.com/inuitcss | inuitcss.com */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ input[type=checkbox]:focus,input[type=radio]:focus{padding:6px 23px;border-width:1px;outline:1px solid #2AD2C9} body{margin:0} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]){display:none;height:0} [hidden],template{display:none} abbr[title]{border-bottom:1px dotted} b,optgroup,strong{font-weight:700} dfn{font-style:italic} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} svg:not(:root){overflow:hidden} hr{box-sizing:content-box;height:0} pre,textarea{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0} blockquote,h2,h4,h5{line-height:1.33333} #loading,.list__empty,.tbd,img{font-style:italic} button{overflow:visible} button,select{text-transform:none} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} input[type=search]{-webkit-appearance:textfield;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid silver} table{border-collapse:collapse;border-spacing:0} blockquote,body,caption,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0} abbr[title],dfn[title]{cursor:help} ins,u{text-decoration:none} ins{border-bottom:1px solid} html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;color:#333;overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased} .box--full,.box--full-vertical{min-height:100vh} *,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit} .search__drop input,.tiles>.tile--wide,.tiles>.tile>*{box-sizing:border-box} address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:1.5rem} dd,ol,ul{margin-left:3rem} h6{font-size:14px;font-size:.875rem;line-height:1.71429} li>ol,li>ul{margin-bottom:0} img{max-width:100%;vertical-align:middle} .gm-style img,img[height],img[width]{max-width:none} .brand-font,html{font-family:Arial,sans-serif} .distribution__label,.large-number-font{font-family:Simple,Arial,sans-serif} body,html{font-size:16px;font-size:1rem;line-height:24px} h1{font-size:48px;font-size:3rem;line-height:1} h2{font-size:36px;font-size:2.25rem} h3{font-size:24px;font-size:1.5rem;line-height:28px} h4,h5{font-size:18px;font-size:1.125rem} h1,h2,h3,h4,h5{font-weight:100;max-width:100%} h1.header--strong,h1>strong,h2.header--strong,h2>strong,h3.header--strong,h3>strong,h4.header--strong,h4>strong,h5.header--strong,h5>strong{font-weight:600} h1 a,h1 a.anchor,h2 a,h2 a.anchor,h3 a,h3 a.anchor,h4 a,h4 a.anchor,h5 a,h5 a.anchor{color:inherit;text-decoration:none} h1 a.anchor:hover,h1 a:hover,h2 a.anchor:hover,h2 a:hover,h3 a.anchor:hover,h3 a:hover,h4 a.anchor:hover,h4 a:hover,h5 a.anchor:hover,h5 a:hover{text-decoration:none} dd,li,p{max-width:576px} p{margin-top:24px;margin-bottom:24px} blockquote{font-size:36px;font-size:2.25rem} .secondary{color:#777} @-webkit-keyframes fadein{from{opacity:0} to{opacity:1} } @keyframes fadein{from{opacity:0} to{opacity:1} } input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:11px 23px;border-radius:0;outline:0;margin-right:12px} input:focus,select:focus,textarea:focus{padding:10px 22px;border-width:2px;border-color:#2AD2C9} input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:0} input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa} input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#aaa} input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa} input.error,select.error,textarea.error{border-color:#F04953} select{border-color:#ccc;padding-right:24px;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOhJREFUSA3tksENgzAMRUmrrlApuTAAxxw6QvfojYmYKtw6QpUDI1Rq6o8MStsAMT1UlbAUcMB+33FcFJttHfifDlhrT7QO31YMBlgDZw8HH5RSF3JLY0zrvX8MAZI3F1gT66y17ohz2zGgDSFc6UdF+5oDJWwUidMDXoFFfgtAfwJUjMppX7KI6CQJeOOcu48CcNaKzMFfBNaILME/BCQiOfCkQI5ILhwshceUpUAcG0/LeKEpzqwAEhIiRTSKs3Dk92MKZ8rep4vgR57zRTiYiwIIikVo29HKgiNXZGgXt0yUtwX/tgNPQqatJ1aBLFMAAAAASUVORK5CYII=) center right no-repeat} select::-moz-focus-inner{border:none} select.plain{border:none} input[type=range]{position:relative;border-color:transparent;height:24px;padding:0;overflow-x:hidden} input[type=range]::-moz-focus-inner{border:none} input[type=range]::-moz-focus-outer{border:none} input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background-color:#b2b2b2} input[type=range]::-webkit-slider-thumb{position:relative;height:24px;width:24px;overflow:visible;-webkit-appearance:none;margin-top:-11px} input[type=range]::-webkit-slider-thumb:before{content:"";position:absolute;left:-3000px;right:12px;top:9px;bottom:9px;background-color:#01a982;pointer-events:none} .carousel .control-icon-previous,.carousel__arrow--prev{left:0} input[type=range]::-webkit-slider-thumb:after{content:"";position:absolute;border:2px solid #01a982;height:20px;width:20px;border-radius:24px;background-color:#fff;cursor:pointer} input[type=range]:hover::-webkit-slider-thumb:after{content:"";border-color:#000} input[type=range]::-moz-range-track{width:100%;height:2px;background-color:#b2b2b2} input[type=range]::-moz-range-thumb{position:relative;overflow:visible;border:2px solid #01a982;height:20px;width:20px;border-radius:24px;background-color:#fff} input[type=range]::-ms-track{width:100%;height:2px;background-color:#b2b2b2;border-color:transparent;color:transparent} .anchor,.anchor:visited,a,a:visited{color:inherit} input[type=range]::-ms-fill-lower{background:#01a982;border-color:transparent} input[type=range]::-ms-fill-upper{background:#b2b2b2;border-color:transparent} input[type=range]::-ms-thumb{position:relative;overflow:visible;border:2px solid #999;height:20px;width:20px;border-radius:24px;background-color:#fff} #loading,article:not(.article){width:100%} input[type=range]:hover::-ms-thumb{border-color:#000} .i-list-bare{margin:0;padding:0;list-style:none} .anchor,a{text-decoration:underline;cursor:pointer} .anchor.active,a.active{color:#333} .anchor:hover,a:hover{text-decoration:underline;color:#000} .anchor.anchor--primary,.header a,.header a:hover,.menu a:not(.button),.menu--inline.menu a,.menu__drop a,.menu__drop a:focus,.menu__drop a:hover,.paragraph--small a,.tab a,.title a,.title a:hover,a.anchor--primary{text-decoration:none} [class*=background-color-index-]:not([class*=background-color-index-light]) .anchor,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button),[class*=background-color-index-]:not([class*=background-color-index-light]) a{color:#dbdbdb} [class*=background-color-index-]:not([class*=background-color-index-light]) .anchor .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button) .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a .control-icon{fill:#dbdbdb;stroke:#dbdbdb} [class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover{color:#fff} [class*=background-color-index-]:not([class*=background-color-index-light]) .anchor:hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu .anchor:not(.button):hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) .menu a:not(.button):hover .control-icon,[class*=background-color-index-]:not([class*=background-color-index-light]) a:hover .control-icon{fill:#fff;stroke:#fff} .anchor.anchor--primary,a.anchor--primary{font-size:19px;font-size:1.1875rem;line-height:24px;font-weight:600;color:#049371} .anchor.anchor--primary .control-icon,a.anchor--primary .control-icon{stroke:#049371} .anchor.anchor--primary:hover .control-icon path,.anchor.anchor--primary:hover .control-icon polyline,a.anchor--primary:hover .control-icon path,a.anchor--primary:hover .control-icon polyline{stroke-width:3px} [class*=background-color-index-] .anchor.anchor--primary,[class*=background-color-index-] a.anchor--primary{color:#dbdbdb} [class*=background-color-index-] .anchor.anchor--primary .control-icon,[class*=background-color-index-] a.anchor--primary .control-icon{fill:#dbdbdb;stroke:#dbdbdb} [class*=background-color-index-] .anchor.anchor--primary:hover,[class*=background-color-index-] a.anchor--primary:hover{color:#fff} [class*=background-color-index-] .anchor.anchor--primary:hover .control-icon,[class*=background-color-index-] a.anchor--primary:hover .control-icon{fill:#fff;stroke:#fff} #loading{position:absolute;height:100%;background-color:#ddd;padding-top:100px;font-size:48px;color:#ccc} @media screen and (min-width:45em){body,html{height:100%;width:100%;overflow:visible} .app{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto} button:not(.button),input[type=button],input[type=submit]{transition:.1s ease-in-out} } .app--inline,.article,.calendar{position:relative} .app--centered>.split{width:100%;max-width:960px;margin-left:auto;margin-right:auto} .article>*{flex:0 0 auto} .article.box--pad-horizontal-small{padding-left:0;padding-right:0} .article.box--pad-horizontal-small>*{padding-left:12px;padding-right:12px} .article.box--pad-horizontal-medium{padding-left:0;padding-right:0} .article.box--pad-horizontal-medium>*{padding-left:24px;padding-right:24px} .article.box--pad-horizontal-large{padding-left:0;padding-right:0} .article.box--pad-horizontal-large>*{padding-left:48px;padding-right:48px} .attribute{margin-bottom:12px} @media screen and (max-width:44.9375em){.attribute{width:100%} } .attribute__label{display:block;text-align:left;font-size:14px;font-size:.875rem;line-height:24px;color:#777} .box{display:flex;background-position:center center;background-size:cover;background-repeat:no-repeat} .box__container{padding-left:24px;padding-right:24px} .box__container--full,.box__container--full-horizontal{max-width:100%;width:100vw} .app--centered .box__container>.box{width:100%;max-width:960px;margin-left:auto;margin-right:auto} .box--direction-column>*,.box--full{max-width:100%} @media screen and (max-width:44.9375em){.app--centered .box__container>.box{padding-left:0;padding-right:0} } .box--pad-none{padding:0} .box--pad-small{padding:12px} .box--pad-medium{padding:24px} .box--pad-large{padding:48px} .box--pad-horizontal-none{padding-left:0;padding-right:0} .box--pad-horizontal-small{padding-left:12px;padding-right:12px} .box--pad-horizontal-medium{padding-left:24px;padding-right:24px} .box--pad-horizontal-large{padding-left:48px;padding-right:48px} .box--pad-vertical-none{padding-top:0;padding-bottom:0} .box--pad-vertical-small{padding-top:12px;padding-bottom:12px} .box--pad-vertical-medium{padding-top:24px;padding-bottom:24px} .box--pad-vertical-large{padding-top:48px;padding-bottom:48px} .box--full{width:100vw;height:100%} .box--full-horizontal{max-width:100%;width:100vw} .box--direction-row{flex-direction:row} .box--direction-row.box--reverse{flex-direction:row-reverse} @media screen and (max-width:44.9375em){.box--direction-row.box--responsive{flex-direction:column} .box--direction-row.box--responsive.box--reverse{flex-direction:column-reverse} } .box--direction-column{flex-direction:column} .box--direction-column.box--reverse{flex-direction:column-reverse} .box--direction-column>.footer.box--direction-row,.box--direction-column>.header.box--direction-row,.box--direction-column>.header__container--fixed{flex:0 0 auto} .box--justify-start{justify-content:flex-start} .box--justify-center{justify-content:center} .box--justify-between{justify-content:space-between} .box--justify-end{justify-content:flex-end} .box--align-start{align-items:flex-start} .box--align-center{align-items:center} .box--align-end{align-items:flex-end} .box--separator-top{border-top:1px solid #ccc} .box--separator-bottom{border-bottom:1px solid #ccc} .box--separator-left{border-left:1px solid #ccc} .box--separator-right{border-right:1px solid #ccc} @media screen and (max-width:44.9375em){.box--separator-left{border-left:none;border-bottom:1px solid #ccc} .box--separator-right{border-right:none;border-bottom:1px solid #ccc} } [class*=background-color-index-] .box[class*=box--separator]{border-color:#eee} .box--text-align-left{text-align:left} .box--text-align-center{text-align:center} .box--text-align-right{text-align:right} .box>.flex,.box>.flex-grow-1{flex-grow:1} .box--direction-down,.box--direction-up{flex-direction:column} .box--direction-left{justify-content:flex-end} .box--flush{padding:0} .button,button:not(.button),input[type=button],input[type=submit]{padding:6px 22px;background-color:transparent;color:#333;line-height:24px;font-weight:600;cursor:pointer;min-width:120px;text-align:center;outline:0} button:not(.button),input[type=button],input[type=submit]{border:2px solid #01a982;border-radius:0;font-size:19px;font-size:1.1875rem} .button,.menu{font-size:19px} button:not(.button):focus:not(.button--disabled),input[type=button]:focus:not(.button--disabled),input[type=submit]:focus:not(.button--disabled){border-color:#2AD2C9;box-shadow:0 0 1px 1px #2AD2C9} .button{border:2px solid #01a982;border-radius:0;font-size:1.1875rem;letter-spacing:.04167em} .button:focus:not(.button--disabled){border-color:#2AD2C9;box-shadow:0 0 1px 1px #2AD2C9} @media screen and (min-width:45em){.button{transition:.1s ease-in-out} } .button--primary{border-color:#01a982;background-color:#01a982;color:#dbdbdb} .button--secondary{border-color:rgba(51,51,51,.6)} .button--accent{border-color:#ff8d6d} .button--icon{border:none;padding:0;width:48px;height:48px} .button--fill,.calendar__grid,.calendar__grid table{width:100%} [class*=background-color-index-] .button:not(.button--primary){border-color:#eee;color:#dbdbdb} [class*=background-color-index-] .button:not(.button--primary).button--accent{border-color:#ff8d6d} .button--disabled{opacity:.3;cursor:default} .calendar{display:inline-block;min-width:288px} .calendar__input{width:100%;height:100%;display:block;padding-right:60px} .calendar__input:focus{padding-right:59px} .calendar__control{position:absolute;bottom:0;right:12px} .carousel .control-icon-next,.carousel__arrow--next{right:0} .calendar__drop{border-top-left-radius:0;border-top-right-radius:0} .calendar__title{text-align:center} .calendar__grid{padding:12px} .calendar__grid td,.calendar__grid th{text-align:center;padding:6px} .calendar__grid th{color:#777;font-weight:400} .calendar__day{display:inline-block;cursor:pointer;width:24px;height:24px;transition:background-color .3s} .calendar__day:hover{background-color:rgba(0,0,0,.1)} .calendar__day--other-month{color:#777} .calendar__day--active{background-color:#01a982;color:#dbdbdb} .calendar--active .calendar__input{border-bottom-left-radius:0;border-bottom-right-radius:0} @-webkit-keyframes carousel-reveal{0%{opacity:0} 100%{opacity:1} } @keyframes carousel-reveal{0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes carousel-hide{0%{opacity:1} 100%{opacity:0} } @keyframes carousel-hide{0%{opacity:1} 100%{opacity:0} } .carousel{position:relative;max-width:100%;overflow:hidden} .carousel__track{display:flex;max-width:none;transition:all .8s} .carousel__track>*{flex:1} .carousel__arrow{-webkit-animation:carousel-reveal 1s;animation:carousel-reveal 1s;z-index:1;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer} .carousel__arrow .control-icon{width:96px;height:96px;filter:drop-shadow(1px 1px 1px rgba(170, 170, 170, .5));-webkit-filter:drop-shadow(1px 1px 1px rgba(170, 170, 170, .5))} .carousel__arrow .control-icon polyline{stroke:#fff;stroke-width:1px} .carousel__controls{-webkit-animation:carousel-reveal 1s;animation:carousel-reveal 1s;margin-left:50%;transform:translateX(-50%);position:absolute;bottom:12px;text-align:center;z-index:1} .carousel__control{display:inline-block;width:36px;height:36px;stroke:#fff;fill:transparent;cursor:pointer;filter:drop-shadow(1px 1px 1px rgba(170, 170, 170, .5));-webkit-filter:drop-shadow(1px 1px 1px rgba(170, 170, 170, .5))} .carousel__control--active{stroke:#01a982;fill:#01a982} .carousel--hide-controls .carousel__controls,.carousel--hide-controls .control-icon-next,.carousel--hide-controls .control-icon-previous{opacity:0;-webkit-animation:carousel-hide 1s;animation:carousel-hide 1s} @-webkit-keyframes reveal-chart{0%{opacity:0} 100%{opacity:1} } @keyframes reveal-chart{0%{opacity:0} 100%{opacity:1} } .chart{position:relative;display:block} .chart__grid{stroke:#ccc} .chart__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)} .chart__values-line{stroke-width:3px} .chart__values-line.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .chart__values-line.color-index-unset{stroke:#ddd} .chart__values-line.color-index-brand{stroke:#01a982} .chart__values-line.color-index-error{stroke:#F04953} .chart__values-line.color-index-warning{stroke:#FFD144} .chart__values-line.color-index-ok{stroke:#01a982} .chart__values-line.color-index-unknown{stroke:#CCC} .chart__values-line.color-index-disabled{stroke:#EDEDED} .chart__values-line.color-index-graph-1,.chart__values-line.color-index-graph-5{stroke:#617c91} .chart__values-line.color-index-graph-2,.chart__values-line.color-index-graph-6{stroke:#94aba8} .chart__values-line.color-index-graph-3,.chart__values-line.color-index-graph-7{stroke:#998e88} .chart__values-line.color-index-graph-4,.chart__values-line.color-index-graph-8{stroke:#8c6694} .chart__values-line.color-index-grey-1,.chart__values-line.color-index-grey-5{stroke:#333} .chart__values-line.color-index-grey-2,.chart__values-line.color-index-grey-6{stroke:#3B3B3B} .chart__values-line.color-index-grey-3,.chart__values-line.color-index-grey-7{stroke:#434343} .chart__values-line.color-index-grey-4,.chart__values-line.color-index-grey-8{stroke:#666} .chart__values-area.color-index-error,.chart__values-bar.color-index-error{fill:rgba(240,73,83,.7)} .chart__values-area.color-index-warning,.chart__values-bar.color-index-warning{fill:rgba(255,209,68,.7)} .chart__values-area.color-index-ok,.chart__values-bar.color-index-ok{fill:rgba(1,169,130,.7)} .chart__values-area.color-index-unknown,.chart__values-bar.color-index-unknown{fill:rgba(204,204,204,.7)} .chart__values-area.color-index-disabled,.chart__values-bar.color-index-disabled{fill:rgba(237,237,237,.7)} .chart__values-area.color-index-graph-1,.chart__values-area.color-index-graph-5,.chart__values-bar.color-index-graph-1,.chart__values-bar.color-index-graph-5{fill:rgba(97,124,145,.7)} .chart__values-area.color-index-graph-2,.chart__values-area.color-index-graph-6,.chart__values-bar.color-index-graph-2,.chart__values-bar.color-index-graph-6{fill:rgba(148,171,168,.7)} .chart__values-area.color-index-graph-3,.chart__values-area.color-index-graph-7,.chart__values-bar.color-index-graph-3,.chart__values-bar.color-index-graph-7{fill:rgba(153,142,136,.7)} .chart__values-area.color-index-graph-4,.chart__values-area.color-index-graph-8,.chart__values-bar.color-index-graph-4,.chart__values-bar.color-index-graph-8{fill:rgba(140,102,148,.7)} .chart__values-area--active.color-index-unset,.chart__values-bar--active.color-index-unset{fill:#ddd} .chart__values-area--active.color-index-brand,.chart__values-bar--active.color-index-brand{fill:#01a982} .chart__values-area--active.color-index-error,.chart__values-bar--active.color-index-error{fill:#F04953} .chart__values-area--active.color-index-warning,.chart__values-bar--active.color-index-warning{fill:#FFD144} .chart__values-area--active.color-index-ok,.chart__values-bar--active.color-index-ok{fill:#01a982} .chart__values-area--active.color-index-unknown,.chart__values-bar--active.color-index-unknown{fill:#CCC} .chart__values-area--active.color-index-disabled,.chart__values-bar--active.color-index-disabled{fill:#EDEDED} .chart__values-area--active.color-index-graph-1,.chart__values-area--active.color-index-graph-5,.chart__values-bar--active.color-index-graph-1,.chart__values-bar--active.color-index-graph-5{fill:#617c91} .chart__values-area--active.color-index-graph-2,.chart__values-area--active.color-index-graph-6,.chart__values-bar--active.color-index-graph-2,.chart__values-bar--active.color-index-graph-6{fill:#94aba8} .chart__values-area--active.color-index-graph-3,.chart__values-area--active.color-index-graph-7,.chart__values-bar--active.color-index-graph-3,.chart__values-bar--active.color-index-graph-7{fill:#998e88} .chart__values-area--active.color-index-graph-4,.chart__values-area--active.color-index-graph-8,.chart__values-bar--active.color-index-graph-4,.chart__values-bar--active.color-index-graph-8{fill:#8c6694} .chart__values-area--active.color-index-grey-1,.chart__values-area--active.color-index-grey-5,.chart__values-bar--active.color-index-grey-1,.chart__values-bar--active.color-index-grey-5{fill:#333} .chart__values-area--active.color-index-grey-2,.chart__values-area--active.color-index-grey-6,.chart__values-bar--active.color-index-grey-2,.chart__values-bar--active.color-index-grey-6{fill:#3B3B3B} .chart__values-area--active.color-index-grey-3,.chart__values-area--active.color-index-grey-7,.chart__values-bar--active.color-index-grey-3,.chart__values-bar--active.color-index-grey-7{fill:#434343} .chart__values-area--active.color-index-grey-4,.chart__values-area--active.color-index-grey-8,.chart__values-bar--active.color-index-grey-4,.chart__values-bar--active.color-index-grey-8{fill:#666} .chart__values-point{stroke-width:3px;fill:#fff} .chart__values-point.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .chart__values-point.color-index-unset{stroke:#ddd} .chart__values-point.color-index-brand{stroke:#01a982} .chart__values-point.color-index-error{stroke:#F04953} .chart__values-point.color-index-warning{stroke:#FFD144} .chart__values-point.color-index-ok{stroke:#01a982} .chart__values-point.color-index-unknown{stroke:#CCC} .chart__values-point.color-index-disabled{stroke:#EDEDED} .chart__values-point.color-index-graph-1,.chart__values-point.color-index-graph-5{stroke:#617c91} .chart__values-point.color-index-graph-2,.chart__values-point.color-index-graph-6{stroke:#94aba8} .chart__values-point.color-index-graph-3,.chart__values-point.color-index-graph-7{stroke:#998e88} .chart__values-point.color-index-graph-4,.chart__values-point.color-index-graph-8{stroke:#8c6694} .chart__values-point.color-index-grey-1,.chart__values-point.color-index-grey-5{stroke:#333} .chart__values-point.color-index-grey-2,.chart__values-point.color-index-grey-6{stroke:#3B3B3B} .chart__values-point.color-index-grey-3,.chart__values-point.color-index-grey-7{stroke:#434343} .chart__values-point.color-index-grey-4,.chart__values-point.color-index-grey-8{stroke:#666} .chart__values--loading{stroke-width:24px} .chart__values--loading.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .chart__values--loading.color-index-unset{stroke:#ddd} .chart__values--loading.color-index-brand{stroke:#01a982} .chart__values--loading.color-index-error{stroke:#F04953} .chart__values--loading.color-index-warning{stroke:#FFD144} .chart__values--loading.color-index-ok{stroke:#01a982} .chart__values--loading.color-index-unknown{stroke:#CCC} .chart__values--loading.color-index-disabled{stroke:#EDEDED} .chart__values--loading.color-index-graph-1,.chart__values--loading.color-index-graph-5{stroke:#617c91} .chart__values--loading.color-index-graph-2,.chart__values--loading.color-index-graph-6{stroke:#94aba8} .chart__values--loading.color-index-graph-3,.chart__values--loading.color-index-graph-7{stroke:#998e88} .chart__values--loading.color-index-graph-4,.chart__values--loading.color-index-graph-8{stroke:#8c6694} .chart__values--loading.color-index-grey-1,.chart__values--loading.color-index-grey-5{stroke:#333} .chart__values--loading.color-index-grey-2,.chart__values--loading.color-index-grey-6{stroke:#3B3B3B} .chart__values--loading.color-index-grey-3,.chart__values--loading.color-index-grey-7{stroke:#434343} .chart__values--loading.color-index-grey-4,.chart__values--loading.color-index-grey-8{stroke:#666} .chart__threshold{stroke-width:2px;stroke:rgba(51,51,51,.2)} .chart__yaxis .chart__bar.color-index-error{fill:rgba(240,73,83,.5)} .chart__yaxis .chart__bar.color-index-warning{fill:rgba(255,209,68,.5)} .chart__yaxis .chart__bar.color-index-ok{fill:rgba(1,169,130,.5)} .chart__yaxis .chart__bar.color-index-unknown{fill:rgba(204,204,204,.5)} .chart__yaxis .chart__bar.color-index-disabled{fill:rgba(237,237,237,.5)} .chart__yaxis .chart__bar.color-index-graph-1,.chart__yaxis .chart__bar.color-index-graph-5{fill:rgba(97,124,145,.5)} .chart__yaxis .chart__bar.color-index-graph-2,.chart__yaxis .chart__bar.color-index-graph-6{fill:rgba(148,171,168,.5)} .chart__yaxis .chart__bar.color-index-graph-3,.chart__yaxis .chart__bar.color-index-graph-7{fill:rgba(153,142,136,.5)} .chart__yaxis .chart__bar.color-index-graph-4,.chart__yaxis .chart__bar.color-index-graph-8{fill:rgba(140,102,148,.5)} .chart__xaxis-index text{fill:#777} .chart__xaxis-index--eclipse text{fill:transparent} .chart__xaxis-index--active text{fill:#333} .chart__front-xband-background{fill:transparent} .chart__cursor{stroke:#333;stroke-width:2} .chart__cursor-point{stroke-width:2} .chart__cursor-point.color-index-unset{fill:#ddd} .chart__cursor-point.color-index-brand{fill:#01a982} .chart__cursor-point.color-index-error{fill:#F04953} .chart__cursor-point.color-index-warning{fill:#FFD144} .chart__cursor-point.color-index-ok{fill:#01a982} .chart__cursor-point.color-index-unknown{fill:#CCC} .chart__cursor-point.color-index-disabled{fill:#EDEDED} .chart__cursor-point.color-index-graph-1,.chart__cursor-point.color-index-graph-5{fill:#617c91} .chart__cursor-point.color-index-graph-2,.chart__cursor-point.color-index-graph-6{fill:#94aba8} .chart__cursor-point.color-index-graph-3,.chart__cursor-point.color-index-graph-7{fill:#998e88} .chart__cursor-point.color-index-graph-4,.chart__cursor-point.color-index-graph-8{fill:#8c6694} .chart__cursor-point.color-index-grey-1,.chart__cursor-point.color-index-grey-5{fill:#333} .chart__cursor-point.color-index-grey-2,.chart__cursor-point.color-index-grey-6{fill:#3B3B3B} .chart__cursor-point.color-index-grey-3,.chart__cursor-point.color-index-grey-7{fill:#434343} .chart__cursor-point.color-index-grey-4,.chart__cursor-point.color-index-grey-8{fill:#666} .chart__legend--overlay{padding:12px} @media screen and (max-width:44.9375em){.chart__legend--overlay{margin:0 auto} } @media screen and (min-width:45em){.chart__values g{-webkit-animation:reveal-chart 1.5s;animation:reveal-chart 1.5s} .chart__legend--overlay{position:absolute;left:0;margin:0;background-color:rgba(255,255,255,.8)} } .chart--area .chart__gradient.color-index-error .begin,.chart--bar .chart__gradient.color-index-error .begin{stop-color:#F04953} .chart--area .chart__gradient.color-index-error .mid,.chart--bar .chart__gradient.color-index-error .mid{stop-color:#F04953;stop-opacity:.5} .chart--area .chart__gradient.color-index-error .end,.chart--bar .chart__gradient.color-index-error .end{stop-color:#F04953;stop-opacity:0} .chart--area .chart__gradient.color-index-warning .begin,.chart--bar .chart__gradient.color-index-warning .begin{stop-color:#FFD144} .chart--area .chart__gradient.color-index-warning .mid,.chart--bar .chart__gradient.color-index-warning .mid{stop-color:#FFD144;stop-opacity:.5} .chart--area .chart__gradient.color-index-warning .end,.chart--bar .chart__gradient.color-index-warning .end{stop-color:#FFD144;stop-opacity:0} .chart--area .chart__gradient.color-index-ok .begin,.chart--bar .chart__gradient.color-index-ok .begin{stop-color:#01a982} .chart--area .chart__gradient.color-index-ok .mid,.chart--bar .chart__gradient.color-index-ok .mid{stop-color:#01a982;stop-opacity:.5} .chart--area .chart__gradient.color-index-ok .end,.chart--bar .chart__gradient.color-index-ok .end{stop-color:#01a982;stop-opacity:0} .chart--area .chart__gradient.color-index-unknown .begin,.chart--bar .chart__gradient.color-index-unknown .begin{stop-color:#CCC} .chart--area .chart__gradient.color-index-unknown .mid,.chart--bar .chart__gradient.color-index-unknown .mid{stop-color:#CCC;stop-opacity:.5} .chart--area .chart__gradient.color-index-unknown .end,.chart--bar .chart__gradient.color-index-unknown .end{stop-color:#CCC;stop-opacity:0} .chart--area .chart__gradient.color-index-disabled .begin,.chart--bar .chart__gradient.color-index-disabled .begin{stop-color:#EDEDED} .chart--area .chart__gradient.color-index-disabled .mid,.chart--bar .chart__gradient.color-index-disabled .mid{stop-color:#EDEDED;stop-opacity:.5} .chart--area .chart__gradient.color-index-disabled .end,.chart--bar .chart__gradient.color-index-disabled .end{stop-color:#EDEDED;stop-opacity:0} .chart--area .chart__gradient.color-index-graph-1 .begin,.chart--area .chart__gradient.color-index-graph-5 .begin,.chart--bar .chart__gradient.color-index-graph-1 .begin,.chart--bar .chart__gradient.color-index-graph-5 .begin{stop-color:#617c91} .chart--area .chart__gradient.color-index-graph-1 .mid,.chart--area .chart__gradient.color-index-graph-5 .mid,.chart--bar .chart__gradient.color-index-graph-1 .mid,.chart--bar .chart__gradient.color-index-graph-5 .mid{stop-color:#617c91;stop-opacity:.5} .chart--area .chart__gradient.color-index-graph-1 .end,.chart--area .chart__gradient.color-index-graph-5 .end,.chart--bar .chart__gradient.color-index-graph-1 .end,.chart--bar .chart__gradient.color-index-graph-5 .end{stop-color:#617c91;stop-opacity:0} .chart--area .chart__gradient.color-index-graph-2 .begin,.chart--area .chart__gradient.color-index-graph-6 .begin,.chart--bar .chart__gradient.color-index-graph-2 .begin,.chart--bar .chart__gradient.color-index-graph-6 .begin{stop-color:#94aba8} .chart--area .chart__gradient.color-index-graph-2 .mid,.chart--area .chart__gradient.color-index-graph-6 .mid,.chart--bar .chart__gradient.color-index-graph-2 .mid,.chart--bar .chart__gradient.color-index-graph-6 .mid{stop-color:#94aba8;stop-opacity:.5} .chart--area .chart__gradient.color-index-graph-2 .end,.chart--area .chart__gradient.color-index-graph-6 .end,.chart--bar .chart__gradient.color-index-graph-2 .end,.chart--bar .chart__gradient.color-index-graph-6 .end{stop-color:#94aba8;stop-opacity:0} .chart--area .chart__gradient.color-index-graph-3 .begin,.chart--area .chart__gradient.color-index-graph-7 .begin,.chart--bar .chart__gradient.color-index-graph-3 .begin,.chart--bar .chart__gradient.color-index-graph-7 .begin{stop-color:#998e88} .chart--area .chart__gradient.color-index-graph-3 .mid,.chart--area .chart__gradient.color-index-graph-7 .mid,.chart--bar .chart__gradient.color-index-graph-3 .mid,.chart--bar .chart__gradient.color-index-graph-7 .mid{stop-color:#998e88;stop-opacity:.5} .chart--area .chart__gradient.color-index-graph-3 .end,.chart--area .chart__gradient.color-index-graph-7 .end,.chart--bar .chart__gradient.color-index-graph-3 .end,.chart--bar .chart__gradient.color-index-graph-7 .end{stop-color:#998e88;stop-opacity:0} .chart--area .chart__gradient.color-index-graph-4 .begin,.chart--area .chart__gradient.color-index-graph-8 .begin,.chart--bar .chart__gradient.color-index-graph-4 .begin,.chart--bar .chart__gradient.color-index-graph-8 .begin{stop-color:#8c6694} .chart--area .chart__gradient.color-index-graph-4 .mid,.chart--area .chart__gradient.color-index-graph-8 .mid,.chart--bar .chart__gradient.color-index-graph-4 .mid,.chart--bar .chart__gradient.color-index-graph-8 .mid{stop-color:#8c6694;stop-opacity:.5} .chart--area .chart__gradient.color-index-graph-4 .end,.chart--area .chart__gradient.color-index-graph-8 .end,.chart--bar .chart__gradient.color-index-graph-4 .end,.chart--bar .chart__gradient.color-index-graph-8 .end{stop-color:#8c6694;stop-opacity:0} .chart--small .chart__graphic{height:96px} .chart--large .chart__graphic{height:288px} .chart--sparkline{display:inline-block;margin-right:6px} .chart--sparkline .chart__graphic{width:auto;height:24px} .chart--sparkline .chart__values-area.color-index-unset,.chart--sparkline .chart__values-bar.color-index-unset{fill:#ddd} .chart--sparkline .chart__values-area.color-index-brand,.chart--sparkline .chart__values-bar.color-index-brand{fill:#01a982} .chart--sparkline .chart__values-area.color-index-error,.chart--sparkline .chart__values-bar.color-index-error{fill:#F04953} .chart--sparkline .chart__values-area.color-index-warning,.chart--sparkline .chart__values-bar.color-index-warning{fill:#FFD144} .chart--sparkline .chart__values-area.color-index-ok,.chart--sparkline .chart__values-bar.color-index-ok{fill:#01a982} .chart--sparkline .chart__values-area.color-index-unknown,.chart--sparkline .chart__values-bar.color-index-unknown{fill:#CCC} .chart--sparkline .chart__values-area.color-index-disabled,.chart--sparkline .chart__values-bar.color-index-disabled{fill:#EDEDED} .chart--sparkline .chart__values-area.color-index-graph-1,.chart--sparkline .chart__values-area.color-index-graph-5,.chart--sparkline .chart__values-bar.color-index-graph-1,.chart--sparkline .chart__values-bar.color-index-graph-5{fill:#617c91} .chart--sparkline .chart__values-area.color-index-graph-2,.chart--sparkline .chart__values-area.color-index-graph-6,.chart--sparkline .chart__values-bar.color-index-graph-2,.chart--sparkline .chart__values-bar.color-index-graph-6{fill:#94aba8} .chart--sparkline .chart__values-area.color-index-graph-3,.chart--sparkline .chart__values-area.color-index-graph-7,.chart--sparkline .chart__values-bar.color-index-graph-3,.chart--sparkline .chart__values-bar.color-index-graph-7{fill:#998e88} .chart--sparkline .chart__values-area.color-index-graph-4,.chart--sparkline .chart__values-area.color-index-graph-8,.chart--sparkline .chart__values-bar.color-index-graph-4,.chart--sparkline .chart__values-bar.color-index-graph-8{fill:#8c6694} .chart--sparkline .chart__values-area.color-index-grey-1,.chart--sparkline .chart__values-area.color-index-grey-5,.chart--sparkline .chart__values-bar.color-index-grey-1,.chart--sparkline .chart__values-bar.color-index-grey-5{fill:#333} .chart--sparkline .chart__values-area.color-index-grey-2,.chart--sparkline .chart__values-area.color-index-grey-6,.chart--sparkline .chart__values-bar.color-index-grey-2,.chart--sparkline .chart__values-bar.color-index-grey-6{fill:#3B3B3B} .chart--sparkline .chart__values-area.color-index-grey-3,.chart--sparkline .chart__values-area.color-index-grey-7,.chart--sparkline .chart__values-bar.color-index-grey-3,.chart--sparkline .chart__values-bar.color-index-grey-7{fill:#434343} .chart--sparkline .chart__values-area.color-index-grey-4,.chart--sparkline .chart__values-area.color-index-grey-8,.chart--sparkline .chart__values-bar.color-index-grey-4,.chart--sparkline .chart__values-bar.color-index-grey-8{fill:#666} .check-box{margin-right:12px;white-space:nowrap} .check-box:not(.check-box--disabled){cursor:pointer} .check-box:hover:not(.check-box--disabled) .check-box__control,.check-box:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control{border-color:#000} .check-box:hover:not(.check-box--disabled) .check-box__label{color:#000} .check-box__input{opacity:0;position:absolute} .check-box__input:checked+.check-box__control{border-color:#01a982} .check-box__input:checked+.check-box__control .check-box__control-check{display:block} .check-box__input:checked+.check-box__control+.check-box__label{color:#333} .check-box__input:focus+.check-box__control{border-color:#2AD2C9;box-shadow:0 0 1px 1px #2AD2C9} .check-box__control{position:relative;top:-1px;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;border:2px solid #999;border-radius:0} .check-box__control-check{position:absolute;top:-2px;left:-2px;display:none;width:24px;height:24px;stroke-width:4px;stroke:#01a982} .check-box__label{color:#777} .check-box--disabled .check-box__control{opacity:.5} .check-box--toggle:hover:not(.check-box--disabled) .check-box__control:after,.check-box--toggle:hover:not(.check-box--disabled) .check-box__input:checked+.check-box__control:after{content:"";border-color:#000} .check-box--toggle .check-box__control{width:48px;height:24px;border-radius:24px;background-color:#b2b2b2;border:none;transition:background-color .3s} .check-box--toggle .check-box__control:after{content:"";display:block;position:absolute;top:-2px;left:0;width:28px;height:28px;background-color:#fff;border:2px solid #999;border-radius:24px;transition:margin-left .3s} .check-box--toggle .check-box__input:checked+.check-box__control{background-color:#01a982} .check-box--toggle .check-box__input:checked+.check-box__control:after{content:"";background-color:#fff;border-color:#01a982;margin-left:24px} .background-color-index-neutral-1,.background-color-index-neutral-4{background-color:#425563} .background-color-index-neutral-1-a,.background-color-index-neutral-4-a{background-color:rgba(66,85,99,.8)} .background-color-index-neutral-2,.background-color-index-neutral-5{background-color:#5F7A76} .background-color-index-neutral-2-a,.background-color-index-neutral-5-a{background-color:rgba(95,122,118,.8)} .background-color-index-neutral-3,.background-color-index-neutral-6{background-color:#80746E} .background-color-index-neutral-3-a,.background-color-index-neutral-6-a{background-color:rgba(128,116,110,.8)} .background-color-index-accent-1,.background-color-index-accent-3{background-color:#2AD2C9} .background-color-index-accent-1-a,.background-color-index-accent-3-a{background-color:rgba(42,210,201,.8)} .background-color-index-accent-2,.background-color-index-accent-4{background-color:#614767} .background-color-index-accent-2-a,.background-color-index-accent-4-a{background-color:rgba(97,71,103,.8)} .background-color-index-grey-1,.background-color-index-grey-5{background-color:#333} .background-color-index-grey-1-a,.background-color-index-grey-5-a{background-color:rgba(51,51,51,.8)} .background-color-index-grey-2,.background-color-index-grey-6{background-color:#3B3B3B} .background-color-index-grey-2-a,.background-color-index-grey-6-a{background-color:rgba(59,59,59,.8)} .background-color-index-grey-3,.background-color-index-grey-7{background-color:#434343} .background-color-index-grey-3-a,.background-color-index-grey-7-a{background-color:rgba(67,67,67,.8)} .background-color-index-grey-4,.background-color-index-grey-8{background-color:#666} .background-color-index-grey-4-a,.background-color-index-grey-8-a{background-color:rgba(102,102,102,.8)} .background-color-index-graph-1,.background-color-index-graph-5{background-color:#617c91} .background-color-index-graph-2,.background-color-index-graph-6{background-color:#94aba8} .background-color-index-graph-3,.background-color-index-graph-7{background-color:#998e88} .background-color-index-graph-4,.background-color-index-graph-8{background-color:#8c6694} [class*=background-color-index-]{color:#dbdbdb} .background-color-index-light-1,.background-color-index-light-3{background-color:#fff;color:inherit} .background-color-index-light-2,.background-color-index-light-4{background-color:#f5f5f5;color:inherit} .center-column{padding-left:24px;padding-right:24px} .center-column .center-column__content{width:100%;max-width:960px;margin-left:auto;margin-right:auto} @media screen and (min-width:45em){.dashboard{height:calc(100vh - 96px)} .donut__slice{-webkit-animation:draw-stroke 3s;animation:draw-stroke 3s} } @media screen and (max-width:44.9375em){.dashboard{height:calc(100vh - 48px)} } .distribution{position:relative;display:block} .distribution__graphic{width:100%;height:192px;max-height:calc(100vh - 144px)} .distribution__box{cursor:pointer} .distribution__box.color-index-unset{fill:#ddd} .distribution__box.color-index-brand{fill:#01a982} .distribution__box.color-index-error{fill:#F04953} .distribution__box.color-index-warning{fill:#FFD144} .distribution__box.color-index-ok{fill:#01a982} .distribution__box.color-index-unknown{fill:#CCC} .distribution__box.color-index-disabled{fill:#EDEDED} .distribution__box.color-index-graph-1,.distribution__box.color-index-graph-5{fill:#617c91} .distribution__box.color-index-graph-2,.distribution__box.color-index-graph-6{fill:#94aba8} .distribution__box.color-index-graph-3,.distribution__box.color-index-graph-7{fill:#998e88} .distribution__box.color-index-graph-4,.distribution__box.color-index-graph-8{fill:#8c6694} .distribution__box.color-index-grey-1,.distribution__box.color-index-grey-5{fill:#333} .distribution__box.color-index-grey-2,.distribution__box.color-index-grey-6{fill:#3B3B3B} .distribution__box.color-index-grey-3,.distribution__box.color-index-grey-7{fill:#434343} .distribution__box.color-index-grey-4,.distribution__box.color-index-grey-8{fill:#666} .distribution__icons.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .distribution__icons.color-index-unset{stroke:#ddd} .distribution__icons.color-index-brand{stroke:#01a982} .distribution__icons.color-index-error{stroke:#F04953} .distribution__icons.color-index-warning{stroke:#FFD144} .distribution__icons.color-index-ok{stroke:#01a982} .distribution__icons.color-index-unknown{stroke:#CCC} .distribution__icons.color-index-disabled{stroke:#EDEDED} .distribution__icons.color-index-graph-1,.distribution__icons.color-index-graph-5{stroke:#617c91} .distribution__icons.color-index-graph-2,.distribution__icons.color-index-graph-6{stroke:#94aba8} .distribution__icons.color-index-graph-3,.distribution__icons.color-index-graph-7{stroke:#998e88} .distribution__icons.color-index-graph-4,.distribution__icons.color-index-graph-8{stroke:#8c6694} .distribution__icons.color-index-grey-1,.distribution__icons.color-index-grey-5{stroke:#333} .distribution__icons.color-index-grey-2,.distribution__icons.color-index-grey-6{stroke:#3B3B3B} .distribution__icons.color-index-grey-3,.distribution__icons.color-index-grey-7{stroke:#434343} .distribution__icons.color-index-grey-4,.distribution__icons.color-index-grey-8{stroke:#666} .distribution__label{position:absolute;padding:24px;color:#dbdbdb;text-align:center} .distribution__label-value{font-size:48px;font-size:3rem;line-height:1;font-weight:700} .distribution__label-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;font-weight:400} .distribution__label-label{display:block;text-align:center} .distribution__label--small{padding:12px} .distribution__label--small .distribution__label-value{font-size:20px;font-size:1.25rem;line-height:1.2} .distribution__label--icons{background-color:rgba(255,255,255,.8);color:#333} .distribution__label--icons .label-units{color:#777} .distribution__label--icons .label-label{display:block;text-align:center} .distribution__loading-indicator{stroke-width:24px} .distribution__loading-indicator.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .distribution__loading-indicator.color-index-unset{stroke:#ddd} .distribution__loading-indicator.color-index-brand{stroke:#01a982} .distribution__loading-indicator.color-index-error{stroke:#F04953} .distribution__loading-indicator.color-index-warning{stroke:#FFD144} .distribution__loading-indicator.color-index-ok{stroke:#01a982} .distribution__loading-indicator.color-index-unknown{stroke:#CCC} .distribution__loading-indicator.color-index-disabled{stroke:#EDEDED} .distribution__loading-indicator.color-index-graph-1,.distribution__loading-indicator.color-index-graph-5{stroke:#617c91} .distribution__loading-indicator.color-index-graph-2,.distribution__loading-indicator.color-index-graph-6{stroke:#94aba8} .distribution__loading-indicator.color-index-graph-3,.distribution__loading-indicator.color-index-graph-7{stroke:#998e88} .distribution__loading-indicator.color-index-graph-4,.distribution__loading-indicator.color-index-graph-8{stroke:#8c6694} .distribution__loading-indicator.color-index-grey-1,.distribution__loading-indicator.color-index-grey-5{stroke:#333} .distribution__loading-indicator.color-index-grey-2,.distribution__loading-indicator.color-index-grey-6{stroke:#3B3B3B} .distribution__loading-indicator.color-index-grey-3,.distribution__loading-indicator.color-index-grey-7{stroke:#434343} .distribution__loading-indicator.color-index-grey-4,.distribution__loading-indicator.color-index-grey-8{stroke:#666} .distribution--small .distribution__graphic{height:96px} .distribution--large .distribution__graphic{height:288px} @-webkit-keyframes draw-stroke{0%{stroke-dashoffset:768px} 100%{stroke-dashoffset:0} } @keyframes draw-stroke{0%{stroke-dashoffset:768px} 100%{stroke-dashoffset:0} } @media screen and (max-width:44.9375em){.donut{width:192px;margin:0 auto} } .donut.series-pre path{stroke-dashoffset:768px} .donut__graphic-container{position:relative;width:192px;height:192px} .donut svg.donut__graphic{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible} .donut__slice{stroke-width:24px;stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;cursor:pointer;stroke:#b2b2b2} .donut__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .donut__slice.color-index-unset{stroke:#ddd} .donut__slice.color-index-brand{stroke:#01a982} .donut__slice.color-index-error{stroke:#F04953} .donut__slice.color-index-warning{stroke:#FFD144} .donut__slice.color-index-ok{stroke:#01a982} .donut__slice.color-index-unknown{stroke:#CCC} .donut__slice.color-index-disabled{stroke:#EDEDED} .donut__slice.color-index-graph-1,.donut__slice.color-index-graph-5{stroke:#617c91} .donut__slice.color-index-graph-2,.donut__slice.color-index-graph-6{stroke:#94aba8} .donut__slice.color-index-graph-3,.donut__slice.color-index-graph-7{stroke:#998e88} .donut__slice.color-index-graph-4,.donut__slice.color-index-graph-8{stroke:#8c6694} .donut__slice.color-index-grey-1,.donut__slice.color-index-grey-5{stroke:#333} .donut__slice.color-index-grey-2,.donut__slice.color-index-grey-6{stroke:#3B3B3B} .donut__slice.color-index-grey-3,.donut__slice.color-index-grey-7{stroke:#434343} .donut__slice.color-index-grey-4,.donut__slice.color-index-grey-8{stroke:#666} .donut__slice-indicator.color-index-unset{fill:#ddd} .donut__slice-indicator.color-index-brand{fill:#01a982} .donut__slice-indicator.color-index-error{fill:#F04953} .donut__slice-indicator.color-index-warning{fill:#FFD144} .donut__slice-indicator.color-index-ok{fill:#01a982} .donut__slice-indicator.color-index-unknown{fill:#CCC} .donut__slice-indicator.color-index-disabled{fill:#EDEDED} .donut__slice-indicator.color-index-graph-1,.donut__slice-indicator.color-index-graph-5{fill:#617c91} .donut__slice-indicator.color-index-graph-2,.donut__slice-indicator.color-index-graph-6{fill:#94aba8} .donut__slice-indicator.color-index-graph-3,.donut__slice-indicator.color-index-graph-7{fill:#998e88} .donut__slice-indicator.color-index-graph-4,.donut__slice-indicator.color-index-graph-8{fill:#8c6694} .donut__slice-indicator.color-index-grey-1,.donut__slice-indicator.color-index-grey-5{fill:#333} .donut__slice-indicator.color-index-grey-2,.donut__slice-indicator.color-index-grey-6{fill:#3B3B3B} .donut__slice-indicator.color-index-grey-3,.donut__slice-indicator.color-index-grey-7{fill:#434343} .donut__slice-indicator.color-index-grey-4,.donut__slice-indicator.color-index-grey-8{fill:#666} .donut__slice--active{stroke-width:24px} .donut__active{position:absolute;width:100%;margin-top:72px;text-align:center;white-space:normal} .donut__active-value{font-size:48px;font-size:3rem;line-height:38px;font-weight:700} .donut__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400} .donut__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px} .donut__max-label,.donut__min-label{position:absolute;bottom:0;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429} .donut__min-label{left:12px} .donut__max-label{right:12px} .donut__legend{margin:24px 0 0} @media screen and (min-width:45em){.donut--landscape{white-space:nowrap} .donut--landscape .donut__graphic-container,.donut--landscape .donut__legend{display:inline-block;vertical-align:middle} .donut--landscape .donut__legend{margin:0 0 0 24px} } .donut--portrait .donut__graphic-container{display:block} .donut--portrait .donut__legend{margin:24px 0 0} .donut--partial .donut__graphic-container{height:168px} .donut--small .donut__graphic-container{width:144px;height:144px} .donut--small .donut__active{margin-top:48px} @media screen and (min-width:45em){.donut--small .donut__legend{display:none} } .drop{position:fixed;z-index:20;background-color:rgba(255,255,255,.9);border:none;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.3);overflow:auto} .footer{min-height:36px;line-height:36px;width:100%} .footer__content{display:flex;justify-content:space-between;width:100%;padding-left:24px;padding-right:24px} .footer__content.center-column__content>.menu:first-child{flex:0 0 auto;width:192px} @media screen and (max-width:44.9375em){.footer__content.center-column__content>.menu:first-child{width:100%} .footer__content.center-column__content>.menu:first-child:empty{width:0;margin:0;padding:0} } .footer__content>.flex-1{flex:1} .footer__content>.flex-2{flex:2} .footer__content>.flex-3{flex:3} .footer__content>.flex-4{flex:4} .footer__content>*{margin-right:48px} .footer__content>:last-child{margin-right:0;text-align:left} .footer--primary{height:auto;padding:24px} .footer--primary .footer__content{position:relative;color:#777;display:block} .footer__container--float,:not(.footer__container--float)>.footer--float{position:absolute;bottom:0;right:0;left:0} .footer--primary .footer__content p{padding-top:12px;margin:0;max-width:none;text-align:right;line-height:24px} .footer--centered .footer__content{display:block;text-align:center} .footer--centered .footer__content>*{margin-right:auto;margin-left:auto;text-align:center} .footer--flush .footer__content{padding-left:0;padding-right:0} .footer--large .footer__content{padding-top:24px;padding-bottom:24px} .footer__container--float{padding-left:24px;padding-right:24px} .form,.form-field{position:relative} .form--pad-none{padding:0} .form--pad-small{padding:12px} .form--pad-medium{padding:24px} .form--pad-large{padding:48px} .form--pad-horizontal-none{padding-left:0;padding-right:0} .form--pad-horizontal-small{padding-left:12px;padding-right:12px} .form--pad-horizontal-medium{padding-left:24px;padding-right:24px} .form--pad-horizontal-large{padding-left:48px;padding-right:48px} .form--pad-vertical-none{padding-top:0;padding-bottom:0} .form--pad-vertical-small{padding-top:12px;padding-bottom:12px} .form--pad-vertical-medium{padding-top:24px;padding-bottom:24px} .form--pad-vertical-large{padding-top:48px;padding-bottom:48px} .form>.header .header__wrapper{background-color:inherit} .form fieldset{border:none;margin:24px 0 2rem} .form fieldset:first-child{margin-top:0} .form fieldset:last-child{margin-bottom:0} .form fieldset>legend{font-size:24px;font-size:1.5rem;line-height:1;font-weight:600;margin-bottom:12px} .form fieldset>:not(.form-field)+.form-field{margin-top:12px} .form fieldset>.form-field+:not(.form-field){margin-top:24px} @media screen and (min-width:45em){.form{width:480px;max-width:100%} .layer .form{padding:18px 48px 48px} } @media screen and (max-width:44.9375em){.layer .form{padding-left:24px;padding-right:24px} .layer .form>.form-fields{margin-top:24px} .layer .form>.form-fields>.form-field,.layer .form>.form-fields>fieldset>.form-field{margin-left:-24px;margin-right:-24px} } .layer .form--sticky{display:flex;flex-direction:column} .layer .form--sticky>.footer,.layer .form--sticky>.header{flex:0 0 auto} .form--fill{min-width:0} .form--compact{max-width:288px} .form-field{padding:6px 24px;border:1px solid #ccc;margin-bottom:-1px;background-color:#fff;color:#333;opacity:1} @media screen and (min-width:45em){.form-field{max-width:480px;width:100%;max-height:100vh;transition:all .4s,padding-top .3s .1s,padding-bottom .3s .1s} .form--compact .form-field{width:288px} } @media screen and (max-width:44.9375em){.form-field{display:block} } .form--fill .form-field{width:100%} .form-field:last-child{margin-bottom:0} .form-field__label{display:block;font-size:14px;font-size:.875rem;line-height:24px;color:#777} .form-field__contents{display:block;margin-left:-24px;margin-right:-24px} .form-field__contents>.calendar input,.form-field__contents>.search-input input,.form-field__contents>input[type=email],.form-field__contents>input[type=number],.form-field__contents>input[type=password],.form-field__contents>input[type=range],.form-field__contents>input[type=text],.form-field__contents>select,.form-field__contents>textarea{display:block;width:100%;border:none;padding:0 24px;border-radius:0;font-size:16px;font-size:1rem;line-height:1.5} .form-field__contents>.calendar input:focus,.form-field__contents>.search-input input:focus,.form-field__contents>input[type=email]:focus,.form-field__contents>input[type=number]:focus,.form-field__contents>input[type=password]:focus,.form-field__contents>input[type=range]:focus,.form-field__contents>input[type=text]:focus,.form-field__contents>select:focus,.form-field__contents>textarea:focus{border:none} .form-field__contents>input[type=range]{width:calc(100% - 48px);margin-left:24px;margin-right:24px;padding-left:0;padding-right:0} .form-field__contents>select{display:block;background-position:center right 18px;padding-left:22px} .form-field__contents>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000} .form-field__contents ::-ms-clear{display:none} .form-field__contents>select::-ms-expand{display:none} .form-field__contents>select::-ms-value{background:0 0;color:inherit} .form-field__contents>textarea{vertical-align:top;height:auto;resize:vertical} .form-field__contents>.check-box,.form-field__contents>.radio-button{display:block;font-size:16px;font-size:1rem;line-height:1.5;margin:12px 24px} .form-field__contents>.table--selectable table,.header,header.header.box--direction-row>*{margin-bottom:0} .form-field__contents>.calendar,.form-field__contents>.search-input{display:block} .form-field__contents>.calendar input,.form-field__contents>.search-input input{margin-left:0;margin-right:0} .form-field__contents>.calendar .calendar__control,.form-field__contents>.calendar .search-input__control,.form-field__contents>.search-input .calendar__control,.form-field__contents>.search-input .search-input__control{right:6px;bottom:-6px} .form-field__contents>.table--selectable{font-size:16px;font-size:1rem;line-height:1.5} .form-field__contents>.table--selectable table td:first-child,.form-field__contents>.table--selectable table th:first-child{padding-left:24px} .form-field__contents>.form-field{width:auto;margin-top:12px;border:none} .form-field__contents>.form-field>.form-field__label{border-top:1px solid #ccc;padding-top:6px} .form-field__contents>.form-field--hidden{margin-top:0} .form-field__help{display:block;font-size:13px;font-size:.8125rem;line-height:1.84615;color:#777} .form-field__error{display:block;float:right;color:#F04953;line-height:24px} .form-field--text,.form-field--text .form-field__label{cursor:pointer} @media screen and (max-width:44.9375em){.form-field--hidden{display:none} } @media screen and (min-width:45em){.form-field--hidden{border:none;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;max-height:0;transition:max-height .2s,all .4s} } .form-field--error{z-index:1;border-color:#F04953} .form-field--focus{z-index:2;border-color:#2AD2C9} .header{height:72px;width:100%} .header--large{height:96px} .header--small{height:48px} .header.box>:not(:last-child){margin-right:12px} .header a{color:inherit} header.header{font-size:24px;font-size:1.5rem;line-height:inherit;-webkit-transform:translate(0,0);transform:translate(0,0);transition:-webkit-transform .5s;transition:transform .5s} :not(.header__container--float)>header.header--float{position:absolute;top:0;left:0;right:0} header.header--primary .header__wrapper{border-bottom:none} header.header.header--splash{-webkit-transform:translate(0,40vh);transform:translate(0,40vh)} .header:not(header).box--separator-top{padding-top:6px} .header:not(header).box--separator-bottom{padding-bottom:6px} div.header__container{flex-shrink:0} div.header__container--fixed{position:relative} div.header__container--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;z-index:3} @media screen and (min-width:45em){div.header__container--fixed .header__wrapper .header{background-color:rgba(255,255,255,.9);position:fixed} .control-icon{transition:all .3s ease-in-out} } div.header__container--float{position:absolute;top:0;left:0;right:0;padding-left:24px;padding-right:24px} div.header__wrapper{height:72px} div.header--large .header__wrapper{height:96px} div.header--large .header__content{line-height:96px} div.header--small .header__wrapper{height:48px} div.header--small .header__content{line-height:48px} div.header--fixed .header__wrapper{position:absolute;top:0;left:0;right:0;background-color:rgba(255,255,255,.9);z-index:3} div.header--fixed.header--primary .header__wrapper{position:fixed;background-color:rgba(255,255,255,.9)} div.header--fixed.header--primary .header__content{position:static;background-color:transparent} div.header--flush .header__wrapper{padding-left:0;padding-right:0} .headline{font-size:48px;font-size:3rem;line-height:1;font-weight:100;margin-bottom:24px;max-width:100%} .headline--large{font-size:60px;font-size:3.75rem;line-height:1.2} .headline--small{font-size:30px;font-size:1.875rem;line-height:1.6} .headline--strong{font-weight:600} .control-icon{display:inline-block;width:48px;height:48px;vertical-align:middle;cursor:pointer;fill:#999;stroke:#999} .control-icon :not([stroke])[fill=none]{stroke-width:0} .control-icon [stroke]{stroke:inherit} .control-icon [fill*="#"]{fill:inherit} .control-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .control-icon.color-index-unset{stroke:#ddd;fill:#ddd} .control-icon.color-index-brand{stroke:#01a982;fill:#01a982} .control-icon.color-index-error{stroke:#F04953;fill:#F04953} .control-icon.color-index-warning{stroke:#FFD144;fill:#FFD144} .control-icon.color-index-ok{stroke:#01a982;fill:#01a982} .control-icon.color-index-unknown{stroke:#CCC;fill:#CCC} .control-icon.color-index-disabled{stroke:#EDEDED;fill:#EDEDED} .control-icon.color-index-graph-1,.control-icon.color-index-graph-5{stroke:#617c91;fill:#617c91} .control-icon.color-index-graph-2,.control-icon.color-index-graph-6{stroke:#94aba8;fill:#94aba8} .control-icon.color-index-graph-3,.control-icon.color-index-graph-7{stroke:#998e88;fill:#998e88} .control-icon.color-index-graph-4,.control-icon.color-index-graph-8{stroke:#8c6694;fill:#8c6694} .control-icon.color-index-grey-1,.control-icon.color-index-grey-5{stroke:#333;fill:#333} .control-icon.color-index-grey-2,.control-icon.color-index-grey-6{stroke:#3B3B3B;fill:#3B3B3B} .control-icon.color-index-grey-3,.control-icon.color-index-grey-7{stroke:#434343;fill:#434343} .control-icon.color-index-grey-4,.control-icon.color-index-grey-8{stroke:#666;fill:#666} .anchor>.control-icon:hover,.button>.control-icon:hover,.menu__control>.control-icon:hover,a>.control-icon:hover{fill:#000;stroke:#000} .control-icon__badge circle{fill:#01a982} .control-icon__badge text,[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon{fill:#dbdbdb;stroke:#dbdbdb} .anchor>[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon:hover,.button>[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon:hover,a>[class*=background-color-index-]:not([class*=background-color-index-light]) .control-icon:hover{fill:#fff;stroke:#fff} .control-icon--active{fill:#000;stroke:#000} .control-icon--large{width:96px;height:96px} .status-icon{width:24px;height:24px;vertical-align:middle} .status-icon .status-icon__base{fill:#CCC} .status-icon-error .status-icon__base{fill:#F04953} .status-icon-warning .status-icon__base{fill:#FFD144} .status-icon-ok .status-icon__base{fill:#01a982} .status-icon-unknown .status-icon__base{fill:#CCC} .status-icon-disabled .status-icon__base{fill:#EDEDED} .status-icon-label .status-icon__base{fill:#CCC} .status-icon__detail{fill:#fff;stroke:#fff} .status-icon-unknown .status-icon__detail{fill:#CCC;stroke:#CCC} .status-icon--large{width:48px;height:48px} .status-icon--small{width:12px;height:12px;margin-top:6px;margin-bottom:6px} .status-icon--small .status-icon__detail{display:none} @-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .icon-changing{width:24px;height:24px;-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite} .icon-changing--small{width:12px;height:12px} .icon-spinning{width:24px;height:24px;-webkit-animation:rotate 4s steps(4,end) infinite;animation:rotate 4s steps(4,end) infinite} .icon-spinning--small{width:12px;height:12px} .logo-icon{width:48px;height:48px} .logo-icon.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .logo-icon.color-index-unset{stroke:#ddd} .logo-icon.color-index-brand{stroke:#01a982} .logo-icon.color-index-error{stroke:#F04953} .logo-icon.color-index-warning{stroke:#FFD144} .logo-icon.color-index-ok{stroke:#01a982} .logo-icon.color-index-unknown{stroke:#CCC} .logo-icon.color-index-disabled{stroke:#EDEDED} .logo-icon.color-index-graph-1,.logo-icon.color-index-graph-5{stroke:#617c91} .logo-icon.color-index-graph-2,.logo-icon.color-index-graph-6{stroke:#94aba8} .logo-icon.color-index-graph-3,.logo-icon.color-index-graph-7{stroke:#998e88} .logo-icon.color-index-graph-4,.logo-icon.color-index-graph-8{stroke:#8c6694} .logo-icon.color-index-grey-1,.logo-icon.color-index-grey-5{stroke:#333} .logo-icon.color-index-grey-2,.logo-icon.color-index-grey-6{stroke:#3B3B3B} .logo-icon.color-index-grey-3,.logo-icon.color-index-grey-7{stroke:#434343} .logo-icon.color-index-grey-4,.logo-icon.color-index-grey-8{stroke:#666} .logo-icon--small{width:24px;height:24px} .logo-icon--large{width:96px;height:96px} a.active>.label .label__icon.control-icon svg{fill:#000;stroke:#000} .layer{position:relative;z-index:10} .layer__container{background-color:#fff} @media screen and (max-width:44.9375em){.label__text,.layer__overlay:not(.layer__overlay--hidden)+*{display:none} .layer__container{padding:24px;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.3)} } @media screen and (min-width:45em){.label__icon{display:none} .layer{position:fixed;top:0;left:0;right:0;bottom:0} .layer__container{position:absolute;max-height:100%;max-width:100vw;overflow:auto;padding:18px 48px 48px;border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,.3)} .layer--closeable .layer__container{padding-top:72px;padding-bottom:72px} } .layer__closer{position:absolute;top:0;right:0;z-index:1} .layer--flush .layer__container,.list{padding:0} @media screen and (min-width:45em){.layer--align-center:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,rgba(128,128,128,.6))} .layer--align-center:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)} .layer--align-left:not(.layer--hidden){background-image:radial-gradient(circle at left,#fff,#fff 20%,rgba(128,128,128,.6))} .layer--align-left:not(.layer--hidden) .layer__container{-webkit-animation:slide-right .2s ease-in-out forwards;animation:slide-right .2s ease-in-out forwards} } .layer--align-left:not(.layer--hidden) .layer__container{top:0;bottom:0;left:0} .layer--align-right:not(.layer--hidden) .layer__container{top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center} @media screen and (min-width:45em){.layer--align-right:not(.layer--hidden){background-image:radial-gradient(circle at right,#fff,#fff 20%,rgba(128,128,128,.6))} .layer--align-right:not(.layer--hidden) .layer__container{-webkit-animation:slide-left .2s ease-in-out forwards;animation:slide-left .2s ease-in-out forwards} .layer--align-top:not(.layer--hidden){background-image:radial-gradient(circle at top,#fff,#fff 20%,rgba(128,128,128,.6))} .layer--align-top:not(.layer--hidden) .layer__container{left:50%;transform:translateX(-50%)} .layer--align-bottom:not(.layer--hidden){background-image:radial-gradient(circle at bottom,#fff,#fff 20%,rgba(128,128,128,.6))} } @media screen and (min-width:45em) and (min-width:45em){.layer--align-top:not(.layer--hidden) .layer__container{-webkit-animation:slide-down .2s ease-in-out forwards;animation:slide-down .2s ease-in-out forwards} } .layer--align-bottom:not(.layer--hidden) .layer__container{bottom:0} .layer--hidden{left:-10000px;z-index:-1} .layer--hidden.layer--align-left{right:auto} .layer--hidden.layer--align-left .layer__container{left:-100vw} @media screen and (max-width:44.9375em){.layer--hidden{display:none} } @media screen and (min-width:45em){.layer--hidden.layer--peek{left:0;z-index:10} .layer--hidden.layer--peek.layer--align-left{right:auto} .layer--hidden.layer--peek.layer--align-left .layer__container{left:auto;right:-12px;border-right:10px solid #01a982;-webkit-animation:peek-right .5s ease-in-out alternate 5;animation:peek-right .5s ease-in-out alternate 5} } @-webkit-keyframes peek-right{0%{right:-6px} 100%{right:-12px} } @keyframes peek-right{0%{right:-6px} 100%{right:-12px} } @-webkit-keyframes slide-right{0%{left:-100vw} 100%{left:0} } @keyframes slide-right{0%{left:-100vw} 100%{left:0} } @-webkit-keyframes slide-left{0%{right:-100vw} 100%{right:0} } @keyframes slide-left{0%{right:-100vw} 100%{right:0} } @-webkit-keyframes slide-down{0%{top:-100vh} 100%{top:0} } @keyframes slide-down{0%{top:-100vh} 100%{top:0} } .list{margin:0;overflow:auto} .list .list-item,.list__empty,.list__more{padding:12px 24px} .list__empty{color:#777} .list .list-item{border-bottom:1px solid #ccc;display:flex;align-items:center;max-width:none} .list .list-item:last-child{border-bottom:none} .list .list-item__image{height:24px;width:24px;margin-right:24px;overflow:hidden;flex:0 0 auto} .list .list-item__image img{height:100%;width:100%;max-width:none;object-fit:cover} .list .list-item__annotation,.list .list-item__label{flex:1} .list .list-item__annotation{margin-left:24px;color:#777} .list .list-item--selectable{cursor:pointer} .list .list-item--selectable:hover{background-color:rgba(0,0,0,.1)} .list .list-item--selected{background-color:#d0f3eb;color:#333} .list .list-item--row .list-item__annotation{text-align:right} .list .list-item--column{flex-direction:column;align-items:start} .list--small .list-item,.list--small .list__more{padding-top:6px;padding-bottom:6px} .list--small .list-item__image,.list--small .list__more__image{height:12px;width:12px} .list--large .list-item,.list--large .list__more{padding-top:24px;padding-bottom:24px} .list--large .list-item__image,.list--large .list__more__image{height:48px;width:48px} .list--flush{padding-left:0;padding-right:0} .legend{text-align:left;white-space:normal;display:inline-block;margin:0} .menu__control--fixed-label,.menu__drop a{white-space:nowrap} .legend__item,.legend__total{color:#777} .legend__item>*,.legend__total>*{vertical-align:top} .legend__item-label,.legend__total-label{display:inline-block;width:72px} .legend__item-value,.legend__total-value{display:inline-block;width:72px;text-align:right} .legend__item-units,.legend__total-units{display:inline-block;margin-left:6px} .legend__item{cursor:pointer} .legend__item svg.legend__item-swatch{width:12px;height:12px;margin-top:6px;margin-right:12px;overflow:visible} .legend__item svg.legend__item-swatch.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .legend__item svg.legend__item-swatch.color-index-unset{stroke:#ddd} .legend__item svg.legend__item-swatch.color-index-brand{stroke:#01a982} .legend__item svg.legend__item-swatch.color-index-error{stroke:#F04953} .legend__item svg.legend__item-swatch.color-index-warning{stroke:#FFD144} .legend__item svg.legend__item-swatch.color-index-ok{stroke:#01a982} .legend__item svg.legend__item-swatch.color-index-unknown{stroke:#CCC} .legend__item svg.legend__item-swatch.color-index-disabled{stroke:#EDEDED} .legend__item svg.legend__item-swatch.color-index-graph-1,.legend__item svg.legend__item-swatch.color-index-graph-5{stroke:#617c91} .legend__item svg.legend__item-swatch.color-index-graph-2,.legend__item svg.legend__item-swatch.color-index-graph-6{stroke:#94aba8} .legend__item svg.legend__item-swatch.color-index-graph-3,.legend__item svg.legend__item-swatch.color-index-graph-7{stroke:#998e88} .legend__item svg.legend__item-swatch.color-index-graph-4,.legend__item svg.legend__item-swatch.color-index-graph-8{stroke:#8c6694} .legend__item svg.legend__item-swatch.color-index-grey-1,.legend__item svg.legend__item-swatch.color-index-grey-5{stroke:#333} .legend__item svg.legend__item-swatch.color-index-grey-2,.legend__item svg.legend__item-swatch.color-index-grey-6{stroke:#3B3B3B} .legend__item svg.legend__item-swatch.color-index-grey-3,.legend__item svg.legend__item-swatch.color-index-grey-7{stroke:#434343} .legend__item svg.legend__item-swatch.color-index-grey-4,.legend__item svg.legend__item-swatch.color-index-grey-8{stroke:#666} .legend__item svg.legend__item-swatch path{stroke-width:12px;transition-property:stroke-width;transition-duration:.3s;transition-timing-function:ease-in-out} .legend__item--active{color:#333} .legend__item--active svg.legend__item-swatch path{stroke-width:12px} .legend__total{margin-left:24px} .legend__total>*{margin-top:6px;padding-top:6px;border-top:1px dotted #ccc} .legend--single .legend__item-value{font-size:48px;font-size:3rem;line-height:1;font-weight:700;width:auto} .legend--single .legend__item-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400} .login{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:100} .login__background{position:absolute;max-width:none} .login__background--portrait{width:auto;height:100%} .login__background--landscape{height:auto;width:100%} .login__container{position:relative;width:384px;margin:96px auto;z-index:1;-webkit-animation-name:fadein;-webkit-animation-duration:.5s;animation-name:fadein;animation-duration:.5s} @media screen and (max-width:44.9375em){.login__container{margin:48px 0;width:100%;border-radius:0} } .login__footer{position:absolute;left:0;right:0;bottom:6px;padding:6px 24px;background-color:rgba(255,255,255,.9);text-align:center} .login-form,.map{position:relative} .login-form{width:384px;padding:24px 24px 48px;background-color:#fff;text-align:center;z-index:1;-webkit-animation-name:fadein;-webkit-animation-duration:.5s;animation-name:fadein;animation-duration:.5s} @media screen and (max-width:44.9375em){.login-form{width:100%;border-radius:0} } .login-form__secondary-text{color:#777} .login-form fieldset{text-align:left;border:none;margin-bottom:0} .login-form fieldset>*{width:100%;display:block} .login-form__remember-me{display:block;margin-top:24px;text-align:left} .login-form__submit{margin-top:24px;width:100%} .login-form__error{margin-bottom:12px;color:#F04953;text-align:left} .login-form__footer{margin-top:12px;display:flex;justify-content:space-between;line-height:36px} .map{padding:24px} .map__canvas{position:absolute;top:0;left:0;z-index:-1;opacity:.1} .map__canvas--highlight{opacity:1} .map__categories{margin:0} .map__category{position:relative;padding-top:24px;margin-bottom:12px;max-width:none} .map__category-label{position:absolute;top:0;left:0;font-size:14px;font-size:.875rem;line-height:1.71429} .map__category-items{margin:0;overflow:hidden;text-align:center} .menu__drop--align-right .menu__control,.meter__label-max{text-align:right} .map__item{display:inline-block;width:192px;border:1px solid #ccc;margin-right:12px;margin-bottom:12px;background-color:#fff;font-size:16px;font-size:1rem;line-height:1.5} .map__item>a:hover,.menu--primary>a:not(.button):hover:not(.active){background-color:rgba(0,0,0,.1)} .menu,.menu__drop{line-height:inherit} .map__item>a{display:block;padding:6px 12px;transition:background-color .2s} .map__item>a>*{display:inline-block} .menu__control--fixed-label .menu__control-icon,.menu__drop .menu__control-drop-icon{display:none} .map__item .status-icon{margin-right:6px} .map__item--active{border-color:#000} .menu{position:relative;font-size:1.1875rem} .header .menu--controlled{height:100%} .header .menu__control--fixed-label{font-size:19px} .menu:focus{outline:0} .menu:focus:not(.menu--expanded):after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #2AD2C9;box-shadow:0 0 1px 1px #2AD2C9;pointer-events:none} .menu>*{flex:0 0 auto} .menu a:not(.button):hover{color:#000} .menu a:not(.button).active{color:#017b5f} .menu__control{cursor:pointer} .menu__control-drop-icon{width:24px;height:24px;margin-left:12px;stroke:#999} @media screen and (max-width:44.9375em){.menu__control--labelled .menu__control-drop-icon,.menu__control--labelled .menu__control-label{display:none} } @media screen and (min-width:45em){.menu__control--labelled .menu__control-icon{display:none} .meter--bar .meter__values .meter__bar{transition:stroke-width .2s;-webkit-animation:draw-meter 1.5s linear;animation:draw-meter 1.5s linear} } .menu__drop{font-size:16px;font-size:1rem;max-height:100vh} .menu--controlled.menu--large,.menu__drop--large .menu__control{line-height:96px} .title,.title img,.title svg{max-height:100%} .menu__drop .menu__control-label{padding-left:24px} .menu__drop a{padding:12px 24px;display:block} .meter__active,.meter__labeled-graphic{white-space:normal} .menu__drop a:focus,.menu__drop a:hover{background-color:rgba(0,0,0,.1)} .menu__drop .check-box,.menu__drop .radio-button{margin-top:12px;margin-bottom:12px} .menu--controlled{display:inline-block;cursor:pointer} .menu--controlled.menu--small{height:24px} .menu--labelled{padding-left:24px} .menu--inline.menu--right>:not(.control-icon):not(.button),.menu--inline.menu--row>:not(.control-icon):not(.button){margin-left:0;margin-right:24px} .menu--inline.menu--right>:not(.control-icon):not(.button):last-child,.menu--inline.menu--row>:not(.control-icon):not(.button):last-child{margin-right:0} .menu--inline.menu--left>:not(.control-icon),.menu--inline.menu--row.box--justify-end>:not(.control-icon){margin-left:24px;margin-right:0} .menu--inline.menu--left>:not(.control-icon):first-child,.menu--inline.menu--row.box--justify-end>:not(.control-icon):first-child{margin-left:0} .menu--inline.menu.box--direction-column a:not(.button){margin-bottom:6px} .menu--small{font-size:16px;font-size:1rem;line-height:1.5} .menu--small .menu__control-drop-icon{margin-left:6px} .menu--small .menu__control-icon svg{width:18px;height:18px} .menu--primary>.menu{width:100%} .menu--primary>a:not(.button){padding:6px 24px;border-right:6px solid transparent;margin-bottom:0;width:100%} .menu--primary>a:not(.button):hover{text-decoration:none} .menu--primary>a:not(.button).active{border-color:#01a982} @media screen and (max-width:44.9375em){.menu--inline.menu.box--direction-row.box--responsive>*{margin-right:0} .menu--primary.menu--down,.menu--primary.menu--down>*{display:block} } .meter,.meter__active-graphic{display:inline-block;position:relative} .menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h2,.menu--inline.menu.box--direction-column>.menu:not(:first-of-type) h3,.menu__drop.box--direction-column>.menu:not(:first-of-type) h2,.menu__drop.box--direction-column>.menu:not(:first-of-type) h3{margin-top:24px} .menu--inline.menu>hr,.menu__drop>hr{margin:12px 24px 18px;height:1px;background-color:#ccc;border:none} .menu--inline.menu.box.box--separator-top,.menu__drop.box.box--separator-top{border-color:transparent} .notifications__container,.object__attribute--array>.object__attribute-value>ol>li:last-child{border-bottom:1px solid #ccc} .menu--inline.menu.box.box--separator-top:before,.menu__drop.box.box--separator-top:before{content:'';margin:12px 24px 18px;height:1px;background-color:#ccc} .menu--inline.menu--small,.menu__drop--small{font-size:1em} .menu--inline.menu--small .menu__control-label,.menu__drop--small .menu__control-label{padding:12px} .menu--inline.menu--small .menu__control-icon svg,.menu__drop--small .menu__control-icon svg{width:18px;height:18px} .menu--inline.menu--small>a,.menu__drop--small>a{padding:6px 12px} .menu--inline.menu .menu__control-label,.menu__drop .menu__control-label{font-size:19px} .menu--inline.menu--large>a,.menu__drop--large>a{padding:24px 48px} @media screen and (max-width:44.9375em){.menu--inline.menu.box--responsive>*,.menu__drop.box--responsive>*{margin-left:0;margin-right:0} .menu--inline.menu.box--responsive .button,.menu__drop.box--responsive .button{width:100%;margin-bottom:12px} .menu--inline.menu.box--responsive .menu,.menu__drop.box--responsive .menu{margin-bottom:36px} .menu__drop{max-width:100%;width:100vw} .menu__drop .button,.menu__drop a{width:100%} } @-webkit-keyframes draw-meter{0%{stroke-dashoffset:192px} 100%{stroke-dashoffset:0} } @keyframes draw-meter{0%{stroke-dashoffset:192px} 100%{stroke-dashoffset:0} } @-webkit-keyframes draw-arc{0%{stroke-dashoffset:-192px} 100%{stroke-dashoffset:0} } @keyframes draw-arc{0%{stroke-dashoffset:-192px} 100%{stroke-dashoffset:0} } .meter__threshold{stroke:rgba(51,51,51,.2)} .meter--bar.meter--vertical,.meter--legend-right{white-space:nowrap} .meter__active--active{pointer-events:auto;cursor:pointer} .meter__active-value{font-size:48px;font-size:3rem;line-height:38px;font-weight:700} .meter__active-units{font-size:24px;font-size:1.5rem;line-height:inherit;margin-left:6px;color:#777;font-weight:400} .meter__minmax-container{display:block} .meter__minmax{display:flex;justify-content:space-between;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429} .meter__label-max,.meter__label-min{flex:0 0 48px} .meter--legend-right .meter__legend{vertical-align:top;margin-left:24px} .meter--legend-right:not(.meter--tall-legend) .meter__legend{position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .meter--legend-bottom .meter__legend{margin-top:24px;display:block} .meter:not(.meter--vertical) .meter__minmax-container{width:192px} .meter:not(.meter--vertical) .meter__minmax{width:100%} .meter:not(.meter--vertical).meter--small .meter__minmax-container{width:96px} .meter:not(.meter--vertical).meter--large .meter__minmax-container{width:288px} .meter--vertical .meter__labeled-graphic{display:inline-block;white-space:nowrap} .meter--vertical .meter__minmax{flex-direction:column;height:100%} .meter--vertical .meter__minmax-container{height:192px} .meter--vertical .meter__label-max,.meter--vertical .meter__label-min{flex:0 0 auto;text-align:left} .meter--vertical .meter__label-min{order:1} .meter--vertical .meter__label-max{order:0} .meter--vertical .meter__active-label{display:block} .meter--vertical.meter--small .meter__minmax-container{height:96px} .meter--vertical.meter--large .meter__minmax-container{height:288px} .meter--small .meter__active-value{font-size:20px;font-size:1.25rem;line-height:1.2} .meter--small .meter__active-units{font-size:16px;font-size:1rem;line-height:1.5} .meter--large .meter__active-value{font-size:64px;font-size:4rem;line-height:1.125} .meter--large .meter__active-units{font-size:48px;font-size:3rem;line-height:1} .meter.meter--active .meter__values .meter__bar,.meter.meter--active .meter__values .meter__slice{stroke-width:6px} .meter.meter--active .meter__values .meter__bar--active,.meter.meter--active .meter__values .meter__slice--active{stroke-width:18px} .meter--bar .meter__bar{stroke-linecap:butt;stroke-dasharray:192px 192px;stroke-dashoffset:0} .meter--bar .meter__values .meter__bar{stroke-width:18px;cursor:pointer} .meter--bar .meter__values .meter__bar.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .meter--bar .meter__values .meter__bar.color-index-unset{stroke:#ddd} .meter--bar .meter__values .meter__bar.color-index-brand{stroke:#01a982} .meter--bar .meter__values .meter__bar.color-index-error{stroke:#F04953} .meter--bar .meter__values .meter__bar.color-index-warning{stroke:#FFD144} .meter--bar .meter__values .meter__bar.color-index-ok{stroke:#01a982} .meter--bar .meter__values .meter__bar.color-index-unknown{stroke:#CCC} .meter--bar .meter__values .meter__bar.color-index-disabled{stroke:#EDEDED} .meter--bar .meter__values .meter__bar.color-index-graph-1,.meter--bar .meter__values .meter__bar.color-index-graph-5{stroke:#617c91} .meter--bar .meter__values .meter__bar.color-index-graph-2,.meter--bar .meter__values .meter__bar.color-index-graph-6{stroke:#94aba8} .meter--bar .meter__values .meter__bar.color-index-graph-3,.meter--bar .meter__values .meter__bar.color-index-graph-7{stroke:#998e88} .meter--bar .meter__values .meter__bar.color-index-graph-4,.meter--bar .meter__values .meter__bar.color-index-graph-8{stroke:#8c6694} .meter--bar .meter__values .meter__bar.color-index-grey-1,.meter--bar .meter__values .meter__bar.color-index-grey-5{stroke:#333} .meter--bar .meter__values .meter__bar.color-index-grey-2,.meter--bar .meter__values .meter__bar.color-index-grey-6{stroke:#3B3B3B} .meter--bar .meter__values .meter__bar.color-index-grey-3,.meter--bar .meter__values .meter__bar.color-index-grey-7{stroke:#434343} .meter--bar .meter__values .meter__bar.color-index-grey-4,.meter--bar .meter__values .meter__bar.color-index-grey-8{stroke:#666} .meter--bar .meter__thresholds .meter__bar{stroke-width:6px} .meter--bar .meter__thresholds .meter__bar.color-index-unset{stroke:rgba(221,221,221,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-brand{stroke:rgba(1,169,130,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-error{stroke:rgba(240,73,83,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-warning{stroke:rgba(255,209,68,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-ok{stroke:rgba(1,169,130,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-unknown{stroke:rgba(204,204,204,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-disabled{stroke:rgba(237,237,237,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-graph-1,.meter--bar .meter__thresholds .meter__bar.color-index-graph-5{stroke:rgba(97,124,145,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-graph-2,.meter--bar .meter__thresholds .meter__bar.color-index-graph-6{stroke:rgba(148,171,168,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-graph-3,.meter--bar .meter__thresholds .meter__bar.color-index-graph-7{stroke:rgba(153,142,136,.5)} .meter--bar .meter__thresholds .meter__bar.color-index-graph-4,.meter--bar .meter__thresholds .meter__bar.color-index-graph-8{stroke:rgba(140,102,148,.5)} .meter--bar .meter__active-label{width:50%;margin:0 auto;font-size:14px;font-size:.875rem;line-height:16px} .meter--bar:not(.meter--vertical) .meter__labeled-graphic{display:inline-block} .meter--bar:not(.meter--vertical) .meter__graphic{width:192px;height:24px} .meter--bar:not(.meter--vertical) .meter__active{display:inline-block;vertical-align:top;margin-left:12px} .meter--bar:not(.meter--vertical) .meter__active-value{font-size:24px;font-size:1.5rem;line-height:1} .meter--bar:not(.meter--vertical) .meter__active-units{font-size:20px;font-size:1.25rem;line-height:1.2} .meter--bar:not(.meter--vertical).meter--legend-right .meter__legend{top:0;-webkit-transform:none;transform:none} .meter--bar:not(.meter--vertical).meter--small svg.meter__graphic{width:96px} .meter--bar:not(.meter--vertical).meter--small .meter__active-units,.meter--bar:not(.meter--vertical).meter--small .meter__active-value{font-size:16px;font-size:1rem;line-height:1.5} .meter--bar:not(.meter--vertical).meter--large svg.meter__graphic{width:288px} .meter--bar:not(.meter--vertical).meter--large .meter__active{margin-left:16px} .meter--bar:not(.meter--vertical).meter--large .meter__active-units,.meter--bar:not(.meter--vertical).meter--large .meter__active-value{font-size:26px;font-size:1.625rem;line-height:inherit} .meter--bar.meter--vertical svg.meter__graphic{width:24px;height:192px} .meter--bar.meter--vertical .meter__labeled-graphic{display:inline-block} .meter--bar.meter--vertical .meter__active{position:relative;vertical-align:top;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:12px} .meter--arc .meter__active-label,.meter--arc svg.meter__graphic,.meter--circle .meter__active-label,.meter--circle svg.meter__graphic,.meter--spiral .meter__active-label,.meter--spiral svg.meter__graphic{display:block} .meter--bar.meter--vertical .meter__minmax-container{position:absolute;top:0;left:36px} .meter--bar.meter--vertical.meter--legend-right .meter__legend{top:96px} .meter--bar.meter--vertical.meter--small svg.meter__graphic{height:96px} .meter--bar.meter--vertical.meter--small .meter__active,.meter--bar.meter--vertical.meter--small.meter--legend-right .meter__legend{top:48px} .meter--bar.meter--vertical.meter--large svg.meter__graphic{height:288px} .meter--bar.meter--vertical.meter--large .meter__active,.meter--bar.meter--vertical.meter--large.meter--legend-right .meter__legend{top:144px} .meter--arc .meter.series-pre path,.meter--circle .meter.series-pre path,.meter--spiral .meter.series-pre path{stroke-dashoffset:768px} .meter--arc .meter__slice,.meter--circle .meter__slice,.meter--spiral .meter__slice{stroke-linecap:butt;stroke-dasharray:768px 768px;stroke-dashoffset:0;fill:none;stroke:#b2b2b2} .meter--arc .meter__slice-indicator,.meter--circle .meter__slice-indicator,.meter--spiral .meter__slice-indicator{stroke-linecap:round;stroke-width:3;stroke:#000} .meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{stroke-width:18px;cursor:pointer} .meter--arc .meter__values .meter__slice.color-index-loading,.meter--circle .meter__values .meter__slice.color-index-loading,.meter--spiral .meter__values .meter__slice.color-index-loading{stroke:#ddd;stroke-dasharray:1px 10px;stroke-dashoffset:0} .meter--arc .meter__values .meter__slice.color-index-unset,.meter--circle .meter__values .meter__slice.color-index-unset,.meter--spiral .meter__values .meter__slice.color-index-unset{stroke:#ddd} .meter--arc .meter__values .meter__slice.color-index-brand,.meter--circle .meter__values .meter__slice.color-index-brand,.meter--spiral .meter__values .meter__slice.color-index-brand{stroke:#01a982} .meter--arc .meter__values .meter__slice.color-index-error,.meter--circle .meter__values .meter__slice.color-index-error,.meter--spiral .meter__values .meter__slice.color-index-error{stroke:#F04953} .meter--arc .meter__values .meter__slice.color-index-warning,.meter--circle .meter__values .meter__slice.color-index-warning,.meter--spiral .meter__values .meter__slice.color-index-warning{stroke:#FFD144} .meter--arc .meter__values .meter__slice.color-index-ok,.meter--circle .meter__values .meter__slice.color-index-ok,.meter--spiral .meter__values .meter__slice.color-index-ok{stroke:#01a982} .meter--arc .meter__values .meter__slice.color-index-unknown,.meter--circle .meter__values .meter__slice.color-index-unknown,.meter--spiral .meter__values .meter__slice.color-index-unknown{stroke:#CCC} .meter--arc .meter__values .meter__slice.color-index-disabled,.meter--circle .meter__values .meter__slice.color-index-disabled,.meter--spiral .meter__values .meter__slice.color-index-disabled{stroke:#EDEDED} .meter--arc .meter__values .meter__slice.color-index-graph-1,.meter--arc .meter__values .meter__slice.color-index-graph-5,.meter--circle .meter__values .meter__slice.color-index-graph-1,.meter--circle .meter__values .meter__slice.color-index-graph-5,.meter--spiral .meter__values .meter__slice.color-index-graph-1,.meter--spiral .meter__values .meter__slice.color-index-graph-5{stroke:#617c91} .meter--arc .meter__values .meter__slice.color-index-graph-2,.meter--arc .meter__values .meter__slice.color-index-graph-6,.meter--circle .meter__values .meter__slice.color-index-graph-2,.meter--circle .meter__values .meter__slice.color-index-graph-6,.meter--spiral .meter__values .meter__slice.color-index-graph-2,.meter--spiral .meter__values .meter__slice.color-index-graph-6{stroke:#94aba8} .meter--arc .meter__values .meter__slice.color-index-graph-3,.meter--arc .meter__values .meter__slice.color-index-graph-7,.meter--circle .meter__values .meter__slice.color-index-graph-3,.meter--circle .meter__values .meter__slice.color-index-graph-7,.meter--spiral .meter__values .meter__slice.color-index-graph-3,.meter--spiral .meter__values .meter__slice.color-index-graph-7{stroke:#998e88} .meter--arc .meter__values .meter__slice.color-index-graph-4,.meter--arc .meter__values .meter__slice.color-index-graph-8,.meter--circle .meter__values .meter__slice.color-index-graph-4,.meter--circle .meter__values .meter__slice.color-index-graph-8,.meter--spiral .meter__values .meter__slice.color-index-graph-4,.meter--spiral .meter__values .meter__slice.color-index-graph-8{stroke:#8c6694} .meter--arc .meter__values .meter__slice.color-index-grey-1,.meter--arc .meter__values .meter__slice.color-index-grey-5,.meter--circle .meter__values .meter__slice.color-index-grey-1,.meter--circle .meter__values .meter__slice.color-index-grey-5,.meter--spiral .meter__values .meter__slice.color-index-grey-1,.meter--spiral .meter__values .meter__slice.color-index-grey-5{stroke:#333} .meter--arc .meter__values .meter__slice.color-index-grey-2,.meter--arc .meter__values .meter__slice.color-index-grey-6,.meter--circle .meter__values .meter__slice.color-index-grey-2,.meter--circle .meter__values .meter__slice.color-index-grey-6,.meter--spiral .meter__values .meter__slice.color-index-grey-2,.meter--spiral .meter__values .meter__slice.color-index-grey-6{stroke:#3B3B3B} .meter--arc .meter__values .meter__slice.color-index-grey-3,.meter--arc .meter__values .meter__slice.color-index-grey-7,.meter--circle .meter__values .meter__slice.color-index-grey-3,.meter--circle .meter__values .meter__slice.color-index-grey-7,.meter--spiral .meter__values .meter__slice.color-index-grey-3,.meter--spiral .meter__values .meter__slice.color-index-grey-7{stroke:#434343} .meter--arc .meter__values .meter__slice.color-index-grey-4,.meter--arc .meter__values .meter__slice.color-index-grey-8,.meter--circle .meter__values .meter__slice.color-index-grey-4,.meter--circle .meter__values .meter__slice.color-index-grey-8,.meter--spiral .meter__values .meter__slice.color-index-grey-4,.meter--spiral .meter__values .meter__slice.color-index-grey-8{stroke:#666} @media screen and (min-width:45em){.meter--arc .meter__values .meter__slice,.meter--circle .meter__values .meter__slice,.meter--spiral .meter__values .meter__slice{transition:stroke-width .2s;-webkit-animation:draw-arc 1.5s linear;animation:draw-arc 1.5s linear} } .meter--arc .meter__thresholds .meter__slice,.meter--circle .meter__thresholds .meter__slice,.meter--spiral .meter__thresholds .meter__slice{stroke-width:6px} .meter--arc .meter__thresholds .meter__slice.color-index-unset,.meter--circle .meter__thresholds .meter__slice.color-index-unset,.meter--spiral .meter__thresholds .meter__slice.color-index-unset{stroke:rgba(221,221,221,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-brand,.meter--circle .meter__thresholds .meter__slice.color-index-brand,.meter--spiral .meter__thresholds .meter__slice.color-index-brand{stroke:rgba(1,169,130,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-error,.meter--circle .meter__thresholds .meter__slice.color-index-error,.meter--spiral .meter__thresholds .meter__slice.color-index-error{stroke:rgba(240,73,83,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-warning,.meter--circle .meter__thresholds .meter__slice.color-index-warning,.meter--spiral .meter__thresholds .meter__slice.color-index-warning{stroke:rgba(255,209,68,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-ok,.meter--circle .meter__thresholds .meter__slice.color-index-ok,.meter--spiral .meter__thresholds .meter__slice.color-index-ok{stroke:rgba(1,169,130,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-unknown,.meter--circle .meter__thresholds .meter__slice.color-index-unknown,.meter--spiral .meter__thresholds .meter__slice.color-index-unknown{stroke:rgba(204,204,204,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-disabled,.meter--circle .meter__thresholds .meter__slice.color-index-disabled,.meter--spiral .meter__thresholds .meter__slice.color-index-disabled{stroke:rgba(237,237,237,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-graph-1,.meter--arc .meter__thresholds .meter__slice.color-index-graph-5,.meter--circle .meter__thresholds .meter__slice.color-index-graph-1,.meter--circle .meter__thresholds .meter__slice.color-index-graph-5,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-1,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-5{stroke:rgba(97,124,145,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-graph-2,.meter--arc .meter__thresholds .meter__slice.color-index-graph-6,.meter--circle .meter__thresholds .meter__slice.color-index-graph-2,.meter--circle .meter__thresholds .meter__slice.color-index-graph-6,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-2,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-6{stroke:rgba(148,171,168,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-graph-3,.meter--arc .meter__thresholds .meter__slice.color-index-graph-7,.meter--circle .meter__thresholds .meter__slice.color-index-graph-3,.meter--circle .meter__thresholds .meter__slice.color-index-graph-7,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-3,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-7{stroke:rgba(153,142,136,.5)} .meter--arc .meter__thresholds .meter__slice.color-index-graph-4,.meter--arc .meter__thresholds .meter__slice.color-index-graph-8,.meter--circle .meter__thresholds .meter__slice.color-index-graph-4,.meter--circle .meter__thresholds .meter__slice.color-index-graph-8,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-4,.meter--spiral .meter__thresholds .meter__slice.color-index-graph-8{stroke:rgba(140,102,148,.5)} .meter--arc .meter__threshold,.meter--circle .meter__threshold,.meter--spiral .meter__threshold{stroke-linecap:butt} @media screen and (max-width:44.9375em){.meter--arc,.meter--circle,.meter--spiral{margin:0 auto} .meter--arc,.meter--circle{width:192px} } .meter--arc .meter__active,.meter--circle .meter__active{white-space:normal;pointer-events:none;text-align:center} .meter--arc .meter__active--active,.meter--circle .meter__active--active{pointer-events:auto;cursor:pointer} .meter--arc:not(.meter--vertical) .meter__minmax-container,.meter--circle .meter__minmax-container{width:192px} .meter--arc:not(.meter--vertical) .meter__active,.meter--circle .meter__active{position:absolute;left:50%} .meter--arc:not(.meter--vertical).meter--small .meter__minmax-container,.meter--circle.meter--small .meter__minmax-container{width:96px} .meter--arc:not(.meter--vertical).meter--large .meter__minmax-container,.meter--circle.meter--large .meter__minmax-container{width:288px} .meter--arc.meter--vertical.meter--legend-right .meter__legend,.meter--circle.meter--legend-right .meter__legend{top:96px} .meter--arc.meter--vertical.meter--legend-right.meter--small .meter__legend,.meter--circle.meter--legend-right.meter--small .meter__legend{top:48px} .meter--arc.meter--vertical.meter--legend-right.meter--large .meter__legend,.meter--circle.meter--legend-right.meter--large .meter__legend{top:144px} .meter--circle svg.meter__graphic{width:192px;height:192px} .meter--circle .meter__active{top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);max-width:144px} .meter--circle.meter--small svg.meter__graphic{width:96px;height:96px} .meter--circle.meter--small .meter__active{max-width:72px} .meter--circle.meter--large svg.meter__graphic{width:288px;height:288px} .meter--circle.meter--large .meter__active{max-width:216px} .meter--arc:not(.meter--vertical) svg.meter__graphic{width:192px;height:144px} .meter--arc:not(.meter--vertical) .meter__active{top:101px;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:120px} .meter--arc:not(.meter--vertical).meter--legend-right .meter__legend{top:72px} .meter--arc:not(.meter--vertical).meter--small svg.meter__graphic{width:96px;height:72px} .meter--arc:not(.meter--vertical).meter--small .meter__active{top:50px;max-width:60px} .meter--arc:not(.meter--vertical).meter--large svg.meter__graphic{width:288px;height:216px} .meter--arc:not(.meter--vertical).meter--large .meter__active{top:108px;max-width:180px} .meter--arc:not(.meter--vertical).meter--large.meter--single .meter__active{top:151px} .meter--arc.meter--vertical svg.meter__graphic{display:inline;width:144px;height:192px} .meter--arc.meter--vertical .meter__active{position:relative;top:96px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;margin-left:-36px;vertical-align:top} .meter--arc.meter--vertical .meter__minmax-container{display:inline-block;vertical-align:top;margin-left:12px;padding-top:12px;padding-bottom:12px} .meter--arc.meter--vertical.meter--small svg.meter__graphic{width:72px;height:96px} .meter--arc.meter--vertical.meter--small .meter__active{top:48px;margin-left:-18px} .meter--arc.meter--vertical.meter--small .meter__minmax-container{padding-top:0;padding-bottom:0} .meter--arc.meter--vertical.meter--large svg.meter__graphic{width:216px;height:288px} .notifications-control__icon,.notifications__icon{width:48px;height:48px;vertical-align:middle} .meter--arc.meter--vertical.meter--large .meter__active{top:144px;margin-left:-48px} .meter--arc.meter--vertical.meter--minmax .meter__active{margin-left:-84px} .meter--arc.meter--vertical.meter--minmax.meter--small .meter__active{margin-left:-60px} .meter--arc.meter--vertical:not(.meter--single) .meter__active{margin-left:-96px} .meter--arc.meter--vertical:not(.meter--single).meter--small .meter__active{margin-left:-36px} .meter--spiral .meter__active{position:absolute;top:0;right:0;white-space:normal;text-align:right} .radio-button,.search__drop-header{white-space:nowrap} .meter--spiral .meter__active-value{display:block;font-size:24px;font-size:1.5rem;line-height:1;margin-bottom:6px} .meter--spiral .meter__active-units{font-size:20px;font-size:1.25rem;line-height:1.2;color:#777;margin-left:.2em} .meter--spiral .meter__active-label{display:block;font-size:14px;font-size:.875rem;line-height:16px} .meter--loading .meter__active,.meter--loading .meter__thresholds{display:none} .notification__status{margin-right:12px} .notification__message{font-size:16px;font-size:1rem;line-height:1.5;margin-bottom:24px;vertical-align:middle} .notification__state,.notification__timestamp{color:#777} .notification--error{background-color:rgba(240,73,83,.15)} .notification--warning{background-color:rgba(255,209,68,.15)} .notification--ok{background-color:rgba(1,169,130,.15)} .notification--unknown{background-color:rgba(204,204,204,.15)} .notification--disabled{background-color:rgba(237,237,237,.15)} .notifications{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(128,128,128,.6);z-index:10} .notifications__container{position:absolute;top:0;right:0;min-width:300px;padding:96px 24px 24px;background-color:#fff;border-left:1px solid #ccc;border-bottom-left-radius:0} .notifications__icon{position:absolute;top:24px;right:84px} .object{overflow:auto} .object__container{padding:24px} .object ol,.object ul{margin:0} .object li{width:auto} .object__attribute{margin-bottom:12px} .object__attribute-name{display:block;color:#777;font-size:14px;font-size:.875rem;line-height:1.71429} .object__attribute-value{display:block;font-size:16px;font-size:1rem;line-height:1.5} .object__attribute-value ol,.object__attribute-value ul{margin-left:24px;padding-top:24px;padding-bottom:24px} .object__attribute--container>.object__attribute-name{font-weight:700} .object__attribute--unset .object__attribute-value{font-style:italic;color:#777} .object__attribute--array>.object__attribute-value>ol>li{border-top:1px solid #ccc} .object__attribute--array>.object__attribute-value>ol>li>ul{padding-top:0;padding-bottom:0} .paragraph--small{font-size:14px;font-size:.875rem;line-height:1.71429} .paragraph--large{font-size:24px;font-size:1.5rem;line-height:28px} .paragraph--large a{color:#01a982;font-weight:600} .radio-button{margin-right:24px} .radio-button:not(.radio-button--disabled){cursor:pointer} .radio-button:hover:not(.radio-button--disabled) .radio-button__control,.radio-button:hover:not(.radio-button--disabled) .radio-button__input:checked+.radio-button__control{border-color:#000} .radio-button:hover:not(.radio-button--disabled) .radio-button__label{color:#000} .radio-button__input{opacity:0;position:absolute} .radio-button__input:checked+.radio-button__control{border-color:#01a982} .radio-button__input:checked+.radio-button__control+.radio-button__label{color:#333} .radio-button__input:checked+.radio-button__control:after{content:"";display:block;position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:#01a982;border-radius:12px} .radio-button__input:focus+.radio-button__control{content:"";border-color:#2AD2C9;box-shadow:0 0 1px 1px #2AD2C9} .radio-button__control{position:relative;display:inline-block;width:24px;height:24px;margin-right:12px;vertical-align:middle;background-color:inherit;color:#017b5f;border:2px solid #999;border-radius:24px} .search-input__suggestion--active,.search-input__suggestion:hover,.search__drop .search__suggestion--active,.search__drop .search__suggestion:hover{background-color:rgba(0,0,0,.1)} .radio-button__label{color:#777} .radio-button--disabled .radio-button__control{opacity:.5} .search{display:inline-block} .search:focus{outline:0;margin:-1px;border:1px solid #2AD2C9;box-shadow:0 0 1px 1px #2AD2C9} .search--controlled,.search__control{cursor:pointer} .search__input{margin-right:0} .header .search__input{padding:0 12px;font-size:inherit} .header .search__input:focus{padding:0 11px} .search__drop{font-size:20px;font-size:1.25rem;line-height:inherit} .search--large,.search__drop--large{line-height:96px} @media screen and (max-width:44.9375em){.search__drop{max-width:100%;width:100vw} } .search__drop--inline{margin-left:-1px} .search__drop-contents{display:block} .search__drop input{margin-right:0;width:100%} @media screen and (max-width:44.9375em){.search__drop input{width:calc(100vw - 72px)} .section>img,section>img{max-width:100%} } .search__drop .search__control{display:inline-block;vertical-align:top} .search__drop .search__suggestion{padding:6px 24px;cursor:pointer} .search--inline .search__input{width:100%;box-sizing:border-box} .header .search--inline .search__input{padding:0;border:none} .search-input{position:relative;display:inline-block} .search-input__input{width:100%;height:100%;display:block;padding-right:60px} .search-input__input:focus{padding-right:59px} .search-input__control{position:absolute;bottom:0;right:12px} .search-input__suggestions{border-top-left-radius:0;border-top-right-radius:0;margin:0;list-style-type:none} .search-input__suggestion{padding:6px 12px;cursor:pointer} .search-input--active .search-input__input{border-bottom-left-radius:0;border-bottom-right-radius:0} section:not(.section){padding-top:24px;padding-bottom:24px} section:not(.section):first-of-type{margin-top:0;padding-top:0} .section>img,section>img{margin-top:24px;margin-bottom:24px;display:block;height:auto} .section>iframe,section>iframe{width:100%;max-width:576px;height:400px} @media screen and (max-width:44.9375em){.section>iframe,section>iframe{height:250px} .section>ol,.section>ul,section>ol,section>ul{margin-left:0;margin-bottom:24px} .section>dl>dd,section>dl>dd{padding-right:24px} } .section>dl>dt,section>dl>dt{margin-top:24px;margin-bottom:6px;text-transform:uppercase} .section>dl>dt code,section>dl>dt code{text-transform:none;white-space:pre-wrap} .section>dl>dd,section>dl>dd{margin-left:0} .react-gravatar{width:48px;height:48px;border-radius:24px;border:2px solid transparent;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out} .table--selectable tbody tr td,.tile--selectable{transition:background-color .2s} .react-gravatar:hover{border-color:#01a982} .session{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(128,128,128,.6);z-index:10} .session__container{position:absolute;top:0;right:0;min-width:300px;padding:96px 24px 24px;background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-bottom-left-radius:0} .session .react-gravatar{position:absolute;top:24px;right:24px} .settings,.split{position:relative} .session__actions{margin-top:24px;padding-top:24px;border-top:1px solid #ccc} .session a{cursor:pointer} .settings{text-align:center} .settings__panels{display:inline-block} .settings__panel{vertical-align:top} .sidebar{min-height:100vh} @media screen and (max-width:44.9375em){.sidebar{max-width:100%;width:100vw} .split--separator>*{border-bottom:1px solid #000} .split--separator>:last-child{border-bottom:none} } .sidebar--fixed{display:flex;flex-direction:column} .sidebar--fixed>*{flex:1;overflow:auto} .sidebar--fixed>.footer,.sidebar--fixed>.header{flex:0 0 auto} .sidebar--primary{background-color:#f5f5f5} @media screen and (min-width:45em){.sidebar{width:336px} .sidebar--small{width:240px} .sidebar--large{width:480px} } .split{overflow:visible} .split:after{position:absolute;left:0;content:' ';display:block;width:45em;height:0;z-index:-10} .tabs,.tiles{display:flex} @media screen and (min-width:45em){.split{display:flex} .split--fixed>*{position:relative;height:100vh;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar} .split--flex-right>:first-child:not(:last-child){flex:0 0 auto} .split--flex-right>:last-child{flex:1} .split--flex-left>.object,.split--flex-left>:last-child:not(:first-child){flex:0 0 auto} .split--flex-both>*,.split--flex-left>:first-child{flex:1} .split--separator>*{border-right:1px solid #000} .split--separator>:last-child{border-right:none} } .skip-link-anchor{width:0;height:0;overflow:hidden} .table table,.tiles{width:100%} .tab{padding:12px} .tab a:focus .tab__label{border-bottom:4px solid} .tab__label{cursor:pointer;padding-bottom:12px;font-weight:600;color:#777} .tab--active .tab__label{color:#000;border-bottom:4px solid #000} .tab:focus .tab__label,.tab:hover .tab__label{border-bottom:4px solid} .table th,.tabs{border-bottom:1px solid #ccc} .tabs{margin:0;padding:0;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none} .tabs__content{padding:24px} @media screen and (max-width:44.9375em){.tabs__content{padding:24px 0} } .table td,.table th{padding:11px 12px;vertical-align:top;text-align:left} .table__more,.tbd,.tile.box--align-center{text-align:center} .table td:first-child,.table th:first-child{padding-left:24px} .table td:last-child,.table th:last-child{padding-right:24px} .table th{font-weight:100;font-size:20px;font-size:1.25rem;line-height:1.2} .table__mirror{position:absolute;top:0;left:0;right:0} .table__mirror>thead{position:fixed;background-color:rgba(255,255,255,.9)} @media screen and (max-width:44.9375em){.table__mirror>thead{position:static} } .table__more{margin-top:24px;margin-bottom:24px} .table--selectable tbody tr{cursor:pointer} .table--selectable tbody tr.table__row--selected td{background-color:#d0f3eb;color:#333} .table--selectable tbody tr:hover:not(.table__row--selected) td{background-color:rgba(0,0,0,.1);color:#000} .tbd{padding:96px;font-size:96px;font-size:6rem;line-height:1;background-color:#ccc;color:#fff} .tiles{padding:12px;flex-wrap:wrap;justify-content:flex-start} .tiles>.tile{flex:0 0 192px;margin:12px} .tiles>.tile--wide{flex-basis:calc(100% - 24px)} .tiles__container{display:flex;flex-direction:row;align-items:center;width:100vw;max-width:100%} .tiles__container .tiles__left,.tiles__container .tiles__right{flex:0 0 auto} .tiles__container .tiles{flex:1;margin:0} .tiles__container .tiles--direction-row{width:100%;overflow-x:hidden;overflow-y:visible} .tile,.title,.topology__part{overflow:hidden} .tiles--fill{justify-content:space-around} .tiles--fill>.tile{flex-grow:1} .tiles--flush{padding:0} .tiles--flush>.tile{margin:0} .tiles--flush>.tile--wide{flex-basis:100%} .tiles--direction-row{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start} .tiles--direction-column{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start} .tiles--moreable{position:relative;padding-bottom:48px} .tiles--moreable .tiles__more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .tiles--small>.tile{flex-basis:96px} .tile .status-icon{margin-right:6px} .title img:not(:last-child),.title svg:not(:last-child),.title>:not(:last-child){margin-right:12px} .tile>.chart{width:100%} .tile--selectable{cursor:pointer} .tile--selectable.tile--selected{background-color:#d0f3eb} .tile--selectable:hover:not(.tile--selected){background-color:rgba(0,0,0,.1)} .tile--eclipsed{opacity:.2} .title{text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:24px;font-size:1.5rem;line-height:inherit} .title a{color:inherit} [class*=background-color-index-] .title a:hover{text-decoration:underline} .title--interactive{cursor:pointer} @media screen and (min-width:45em){.tiles--large>.tile{flex-basis:384px} .title{font-weight:600} .title--interactive{transition:color .3s ease-in-out} } .title--interactive:hover{color:#01a982;cursor:pointer} [class*=background-color-index-]:not([class*=background-color-index-light]) .title--interactive:hover{color:#fff} .topology{position:relative} @media screen and (max-width:44.9375em){.tiles--large>.tile{flex-basis:100%} .title--responsive img,.title--responsive svg{margin-right:0} .title--responsive>:not(:first-child){display:none} .topology__contents>.topology__parts{flex-direction:column} .topology__contents>.topology__parts--direction-row>.topology__part{margin-bottom:48px} .topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-bottom:0} } @media screen and (min-width:45em){.topology__contents>.topology__parts--direction-row>.topology__part{margin-right:48px} .topology__contents>.topology__parts--direction-row>.topology__part:last-child{margin-right:0} } .topology__contents>.topology__parts--direction-column>.topology__part{margin-bottom:48px} .topology__contents>.topology__parts--direction-column>.topology__part:last-child{margin-bottom:0} .topology__part--direction-column>:not(.topology__parts):not(.topology__part),.topology__part--direction-row>:not(.topology__parts):not(.topology__part){margin:6px} .topology__canvas{position:absolute;pointer-events:none} .topology__parts{display:flex;align-items:stretch} .topology__parts--direction-row{flex-direction:row;flex-grow:1} .topology__parts--direction-column{flex-direction:column;flex-grow:1} .topology__parts--align-start{align-items:flex-start} .topology__parts--align-center{align-items:center} .topology__parts--align-end{align-items:flex-end} .topology__parts--align-stretch{align-items:stretch} .topology__part{display:flex;justify-content:center;align-items:stretch} .topology__part>.topology__parts .topology__part{flex:1} .topology__part--demarcate{border:1px solid #ccc} .topology__part--demarcate.topology__part--empty{background-color:#f5f5f5;min-width:24px;min-height:24px} .topology__part--justify-start{justify-content:flex-start} .topology__part--justify-center{justify-content:center} .topology__part--justify-between{justify-content:space-between} .topology__part--justify-end{justify-content:flex-end} .topology__part--align-start{align-items:flex-start} .topology__part--align-center{align-items:center} .topology__part--align-end{align-items:flex-end} .topology__part--align-stretch{align-items:stretch} .topology__part--direction-row{flex-direction:row} .topology__part--direction-row.topology__part--reverse{flex-direction:row-reverse} .topology__part--direction-column{flex-direction:column} .topology__part--direction-column.topology__part--reverse{flex-direction:column-reverse} .topology__label{font-size:14px;margin-left:12px;margin-right:12px} .topology .status-icon{position:relative;z-index:1} .clearfix:after{content:"";display:table;clear:both} .button:not(.button--disabled).button--primary:hover,.button:not(.button--disabled):hover{box-shadow:0 0 0 2px #01a982} .button:not(.button--disabled).button--secondary:hover{box-shadow:0 0 0 2px rgba(51,51,51,.6)} .button:not(.button--disabled).button--accent:hover{box-shadow:0 0 0 2px #ff8d6d} [class*=background-color-index-] .button:not(.button--disabled):hover{box-shadow:0 0 0 2px #eee} [class*=background-color-index-] .button:not(.button--disabled).button--primary:hover{box-shadow:0 0 0 2px #01a982} [class*=background-color-index-] .button:not(.button--disabled).button--secondary:hover{box-shadow:0 0 0 2px #eee} [class*=background-color-index-] .button:not(.button--disabled).button--accent:hover{box-shadow:0 0 0 2px #ff8d6d} .status-icon-critical .status-icon__base,.status-icon-error .status-icon__base{fill:#f04953} .control-icon{transition:all .3s ease-in-out} body,html{font-size:13px;line-height:100%} select{background:0 0;width:auto} input:focus,select:focus,textarea:focus{padding:0;outline:0} input[type=checkbox]:focus,input[type=radio]:focus{padding:0;outline:0} b{font-weight:600} .status-html{float:none;padding:0;display:inline-block;min-width:17px;width:auto} .status-html img{vertical-align:top;margin-top:1px} .status-html span{background:0 0;width:auto} .object__attribute-name{line-height:1.5;font-weight:300;font-size:.95em;color:#111} h3{margin-bottom:.5rem} html{overflow:hidden} body{background-color:#fff;line-height:normal;min-height:100%;overflow:auto} #appBody,.app-container{background-color:#eee} #login-logo img{display:inline} .h1,.login-banner-title h1,h1{font-size:48px;font-size:3rem;line-height:1.5em;font-weight:800} .h2,.h3,.login-banner-title h2,h2,h3{font-size:36px;font-size:2.25rem;line-height:1.33em} .h2,h2{font-size:1.6rem;font-weight:400} .h3,.h4,.h5,h3,h4,h5{font-weight:100} .h3,h3{font-size:1.8rem} .h4,h4{font-size:24px;font-size:1.25rem;line-height:1} h3 span,h4 span{color:#000;font-size:inherit;font-weight:inherit} .h5,h5{font-size:20px;font-size:1.05rem;line-height:1.2} .button,button:not(.button),input[type=button],input[type=submit]{font-weight:400;font-size:1.25rem;line-height:1.2} a.button.primary,button.primary,input[type=button].primary,input[type=submit].primary{background-color:#00B388;border-color:#00B388;color:#fff} a.button.primary:hover,button.primary:hover,input[type=button].primary:hover,input[type=submit].primary:hover{background-color:#00B388;border-color:#00B388} .login-body{background-repeat:no-repeat;background-image:url(../../images/login_image_web.jpg);background-size:cover} #titleHeading{font-weight:700} .justBold{font-weight:700} #fwver_span{display:inline} .login-banner-right{border-left:transparent;background:0 0} .login-banner-left{background-color:transparent} .login-middle{border-top:transparent} #td-loginSecurityBanner{padding:20px} #loginSecurityBanner{display:block;background-color:#60798D;opacity:.95;padding:10px;position:absolute;top:280px;width:67vw} #loginSecurityBannerHeader{color:#fff;font-weight:700;border-bottom:0} #securityMessage,.securityMessage{width:869px;color:#fff;overflow:auto;width:100%;min-height:50px;max-height:28vh} #login_box{background-color:#fff;position:fixed;right:0;top:0;bottom:0;width:30%;vertical-align:middle;padding:40px;padding-top:100px;min-width:100px;overflow:auto;z-index:2} #ID_SECJMP{display:none;margin-bottom:10px} #login_box_msgs div,#messageSection div{margin-bottom:10px} #login_box_msgs .statusDisplay,#messageSection .statusDisplay{display:none} #login_box_msgs td.msgText p,#messageSection td.msgText p{margin:14px;color:#363636} #login_box_msgs,#messageSection{height:auto;padding-bottom:35px} #login_box .ui-state-warning.ui-corner-all{border-radius:0;border-color:#ffd144;background-color:#ffd144} #login_box .ui-state-error.ui-corner-all{border-radius:0;border-color:#F04953;background-color:#F04953} #ID_LOGON{width:100%;margin:0;border:0;padding:12px 0} #ID_SPNEGO{width:100%;margin:0;margin-top:20px;border:0 none;padding:12px 0} #login-footer{color:#fff;bottom:0;position:absolute;width:100%;display:block} .login-logo img{width:290px;padding-top:70px;padding-left:50px} #login_fields_table{width:100%} #login_fields_table tr{display:block} #login_fields_table tr td{display:block;height:auto;text-align:left;width:auto;margin-bottom:1px} #login_fields_table tr td input{width:100%;padding:12px 23px} #messageSection{padding-top:10px} #login_help_div{width:initial;margin-right:initial;vertical-align:top;position:absolute;z-index:1000;top:0;right:0} #login-copyright{display:inline-block;float:right;padding-right:2px;position:absolute;bottom:18px;right:0;z-index:1000;background-color:#fff;background:rgba(255,255,255,.6);font-size:smaller} #osl a{text-decoration:none} .login-banner-title{text-align:left;padding-left:60px;display:block;position:absolute;top:65px} div.login-logo{position:absolute;bottom:54px} #td_masthd_buttons,#td_masthd_buttons button{line-height:normal;white-space:nowrap;color:rgba(255,255,255,.7);text-transform:uppercase;text-decoration:initial;background-color:transparent;border:0;font-size:.96rem;font-weight:700;vertical-align:top;padding-top:6px;padding-right:12px} #td_masthd_buttons button{padding-top:0;min-width:0} #hostname_cell{vertical-align:top;padding-top:4px} #footpanel,.ui-tabs .ui-tabs-nav{background-image:none;background-color:rgba(66,85,99,.9);border-top:#556672 solid 1px} .ui-tabs .ui-tabs-nav .ui-state-default{background-color:transparent;background-image:none;margin:0;border-radius:0;color:#999;z-index:1;border:0} .ui-tabs .ui-tabs-nav li a{margin:0;color:#ccc;color:rgba(200,200,200,.9);padding:3px 10px 4px 10px} .ui-tabs .ui-tabs-nav .ui-state-active{background-color:transparent;background-image:none;margin:0;border-radius:0;color:#fff;border:0} .ui-tabs .ui-tabs-nav li.ui-state-active a{border:0;margin:0;color:#fff;padding-top:3px} .ui-tabs .ui-tabs-nav li a:hover{border:0;margin:0;color:#ddd;padding-top:3px} .ui-tabs .ui-tabs-panel{border:0;top:0} #tabs{top:36px;padding-top:0} .content-title span{font-size:inherit;font-weight:inherit;color:#fff} #contentTitleSpan{font-size:24px;font-size:1.5rem;font-stretch:normal;font-style:normal;font-variant:normal;font-variant-ligatures:normal;font-weight:100;color:#fff} div.masthead_logo{height:46px} #masthd_buttons_spaces{color:rgba(255,255,255,.3)} #logout_button{margin:0;padding:0;padding-left:4px} #help_button{margin-top:0;margin-right:0;max-height:36px;max-width:36px;height:36px;width:36px;border-radius:0;box-shadow:none;background-color:transparent} #healthSummaryTable{font-size:1em} .ui-state-error,.ui-state-highlight,.ui-state-normal,.ui-state-warning{border-radius:0} .ui-state-highlight .hpButton{margin-right:5px;margin-bottom:5px} .log_table_severity{min-width:70px;max-width:70px;width:70px} .log_table_class,.log_table_date{min-width:130px;max-width:130px;width:130px} #log_table td{vertical-align:top} #log_table,#log_table.iml{min-width:1200px;max-width:2000px} #staticSetTable select,.captionRow input,.hasDatepicker{width:auto} #boot_order{background:0 0} .log-body{overflow-y:hidden} .log-filters select{margin-left:5px} .log-filters select:first-child{margin-left:0} .log-filters input{height:32px;margin:0;line-height:1;vertical-align:text-bottom;padding-top:0;padding-bottom:0} .filter-reset,.filter-select{padding:0 34px 0 10px;vertical-align:text-bottom;line-height:1;height:32px;margin:0 5px 5px 5px} select:focus.filter-select{height:32px;padding:0 34px 0 10px} input,select,textarea{font-size:16px;font-size:1rem;line-height:1.5;padding:6px 23px;border-radius:0;outline:0;margin-right:12px} input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{border:none;outline:0} .filter-search-combo{margin-left:5px;margin-right:5px;height:50px} #log_keyword_search{width:250px} #log_table_div{background-color:#fff} input[type=text].search-input{margin-bottom:5px;border-width:2px} input[type=text].search-input.ie8{height:32px} .search-input-help{font-size:.9rem;padding-top:0} .search-control{top:9px} .search-clear{top:10px} a.filter-reset{line-height:2;text-decoration:underline} #GeneralSummary{margin-bottom:1rem} button:hover:not(.disabled){border-color:#01906e;color:#01906e} button:active:not(.disabled){border-color:#01765b;color:#01765b} button:focus:not(.disabled){border-color:#2AD2C9;box-shadow:0 0 1px 1px #2AD2C9} button.primary{border-color:#00B388;background-color:#00B388;color:#fff} button.primary:hover:not(.disabled){border-color:#009a75;background-color:#009a75;color:#fff} button.primary:active:not(.disabled){border-color:#008061;background-color:#008061;color:#fff} button.accent{border-color:#ff8d6d;background-color:#ff8d6d;color:#333} button.accent:hover:not(.disabled){border-color:#ff7954;background-color:#ff7954;color:#333} button.accent:active:not(.disabled){border-color:#ff653a;background-color:#ff653a;color:#333} [class*=background-color-index-] .button{background-color:transparent;border-color:#eee;color:#eee} [class*=background-color-index-] .button:hover{border-color:#fff;color:#fff} [class*=background-color-index-] .button.primary{background-color:rgba(255,255,255,.8);border-color:transparent} [class*=background-color-index-] .button.primary:hover{background-color:#fff;border-color:transparent} [class*=background-color-index-] .button.accent{background-color:rgba(0,0,0,.2);border-color:transparent} [class*=background-color-index-] .button.accent:hover{background-color:rgba(0,0,0,.3);border-color:transparent} button.large{font-size:24px;font-size:1.5rem;line-height:24px;padding:16px 70px} .button--disabled,button.disabled,button[disabled]{opacity:.3;cursor:default} #CSRTextArea{width:100%;font-size:small} .ui-dialog .ui-dialog-content{width:100%} .ui-dialog .ui-dialog-content p{width:100%} .ui-dialog-title{font-weight:400;font-size:1.25em} table.plain_data{border:0;margin-bottom:0;font-size:1em} table.plain_data td:first-child{padding-right:10px} select,select.medium,select.wide{border-color:#ccc;height:auto;border-width:2px;padding:0;padding-right:0} select:focus,select:focus.medium,select:focus.wide{border-width:2px;border-color:#2AD2C9;padding:0;height:auto} select,select.medium,select.wide{height:auto;padding:5px 0 5px 0;border-width:2px} select:focus.medium,select:focus.wide{padding:5px 0 5px 0;border-width:2px;border-color:#2AD2C9;height:auto} td.msgText p{max-width:none} td.msgText a{color:#039} td.msgText h1{font-size:1.2rem} .ui-widget-header{height:auto;background:rgba(66,85,99,.9);border:initial;font-family:Arial,sans-serif;font-size:1em;font-weight:400;color:#fff} .ui-datepicker-header{background-color:#ededed;background-image:none;border-bottom:0;color:#222;height:auto} .ui-datepicker-title{height:2em} .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{margin-top:-5px} .ui-datepicker a.ui-state-active{border:2px solid #01A982} .ui-datepicker td{padding:2px} .ui-datepicker td.ui-datepicker-current-day,.ui-datepicker td.ui-datepicker-today{padding:1px} .ui-datepicker a.ui-state-default{color:#363636} div.ui-datepicker,div.ui-datepicker-inline,div.ui-dialog{border-color:rgba(66,85,99,.9)} .ui-dialog-titlebar{border-bottom-width:0} select.ui-datepicker-month,select.ui-datepicker-month:focus{background-color:#fff;padding:5px 34px 5px 10px;margin:0;height:2em;line-height:normal} .ui-datepicker-group.ui-datepicker-group-first{border-right:solid 1px #ccc} input[type=text].date_range{font-size:1em} table.date_range{margin-bottom:0} td.date_range{padding-top:0;padding-bottom:5px} td.date_range.buttons{padding-top:15px} #csv_title{font-weight:400} #csv_content{font-size:.8em} #csv_buttons{float:right;padding-right:10px;padding-bottom:10px} .csv_p{max-width:inherit;text-align:left;margin-top:0;margin-bottom:10px} .fedLicense{margin-left:0;margin-right:150px;clear:both} #groupSelection{float:right;max-width:15%;text-align:right;margin-right:12px} #groupSelection h4{font-weight:400;font-size:18px;font-size:1.125rem;margin-bottom:5px;margin-right:12px;text-align:left} p{max-width:inherit} .bWrapperUp{margin:1px} #testform .bWrapperUp button{width:100%} #footpanel #powerstatus1{width:auto} #footpanel li#uidpanel{padding-right:18px} #footpanel #powerstatus1,#footpanel #uidstatus{font-size:14px;font-size:.925rem;white-space:nowrap;position:static;vertical-align:middle;padding-right:8px;font-weight:700} @media screen and (min-width:0\0){#footpanel #powerstatus1,#footpanel #uidstatus{vertical-align:middle} #footpanel #langlink{bottom:1px} } #footpanel #langtext{text-transform:uppercase;font-size:14px;top:4px;white-space:nowrap;vertical-align:text-top;padding-right:8px;left:32px;display:inline-block;padding-left:16px;color:#ccc} #footpanel #langtext:before{content:"\0028"} #footpanel #langtext:after{content:"\0029"} #footpanel .subpanel{background:0 0;background-color:#f5f5f5} #footpanel .subpanel li,#footpanel .subpanel ul,#langpanel .subpanel li a,#powerpanel .subpanel li a{background:0 0;color:#333} #footpanel h3{background:0 0;background-color:rgba(66,85,99,.9);color:#fff;font-family:Arial,sans-serif;font-size:14pt;font-size:1rem;font-weight:700;margin-bottom:0} #footpanel #alert_image{margin-top:-1px} #langpanel .subpanel li span,#powerpanel .subpanel li span{font-size:1.125em;color:#333;background:0 0} #langpanel .subpanel li a{display:inline-block;white-space:nowrap;width:100%;height:auto;background:0 0;color:#333} #langpanel .subpanel li a img.langcheck{display:inline-block;width:15px;vertical-align:middle;padding-top:6px} #langpanel .subpanel li span.langicon{display:inline-block;height:auto;width:auto;padding:4px;margin-bottom:5px} html #footpanel ul li a.active{background-color:#fff} #langpanel .subpanel li span.trans_name{display:inline-block;font-size:15px;padding-left:0;color:#333} #footpanel #langicon{left:0;top:0;padding-left:24px;background:0 0;position:relative;display:inline-block;color:inherit} #footpanel #langlink{border:0;bottom:2px} #footpanel li#langpanel{background-image:url(../../images/language.svg);background-repeat:no-repeat;background-position:-6px -6px;background-size:35px} @media screen and (min-width:0\0){#footpanel li#langpanel{background-position:-6px -6px;background-size:210px;background-position-x:-96px} } #alertpanel .subpanel table tr:hover,#langpanel .langselect:hover,#powerpanel .subpanel li a:hover{background-color:rgba(0,0,0,.1);color:#333} #alertpanel .subpanel table{background:0 0} #alertpanel .subpanel table :hover{background:0 0;color:#333} #alertpanel .subpanel table tr{background:0 0;color:#333;font-size:1.5em} span.langicon{display:block;width:25px;font-size:18px;padding:2px} #footpanel a,#footpanel a.power,#footpanel a.uid{width:auto} #bodyContent,.bodyContent{width:99%!important} #navigation-frame-body,#navigation-frame-body #bodyContent{background-color:none;background-image:linear-gradient(to left,#e4e4e4,#fcfcfc 10px);width:100%!important;top:0} #navigation-frame-body,#navigation-frame-body #bodyContent{filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#fcfcfc, endColorstr=#e4e4e4)} #navTreeHeader{background-color:rgba(66,85,99,.9);margin:0;height:36px} #tree-control-all{padding-top:17px;padding-left:12px} .navigation-tree.tree-expanded li a.tree-control{background-image:url(../../images/arrow_rt.png);color:transparent;background-position:4px 0;background-repeat:no-repeat;background-size:5px 10px;margin-left:10px;background-color:transparent} .navigation-tree.tree-expanded li a.tree-control.a-expanded{background-image:url(../../images/arrow_dn.png);color:transparent;background-position:0 5px;background-repeat:no-repeat;background-size:9px 5px} .navigation-tree li .subtree li{border-width:1px 0 0 0;border-color:#dadede;border-style:solid;padding-left:30px;color:gray} .subtree a,.subtree a:visited{color:gray} .subtree a.ldrives_expand_collapse{font-family:Arial,sans-serif,Verdana,Helvetica,LuzSans Book,HPFutura Book,Futura Bk;color:#000;font-weight:500;vertical-align:text-top;font-size:1rem} .navigation-tree li .subtree li.selected-leaf{color:#eee;background-color:#00b388} .navigation-tree li .subtree li:hover:not(.selected-leaf),.navigation-tree>li:hover:not(.li-expanded){background-color:rgba(0,0,0,.1)} .navigation-tree li .subtree li:hover:not(.selected-leaf) a{color:#000} .subtree .selected-leaf a{color:#eee} .navigation-tree li .subtree{border-width:0 0 1px 0;border-color:#dadede;border-style:solid;padding-top:.3em;padding-left:0;margin:0} #navigation_tree{border-width:1px 1px 0 1px;border-color:#dadede;border-style:solid} .navigation-tree .subtree-label-1{font-weight:500} .navigation-tree li{padding:.6em 0 .6em 0;border-width:0 0 1px 0;border-color:#dadede;border-style:solid} #navigationContent{margin:0} .navigation-tree li.li-expanded{padding-bottom:0;border-bottom-width:0} #controllersView .navigation-tree li .subtree li:hover:not(.selected-leaf){background-color:transparent} #controllersView .navigation-tree .subtree,#controllersView .navigation-tree .subtree li,#controllersView .navigation-tree li{border:0;padding:5px 0 5px 15px;color:#000} table.key-value-table td:last-child{padding-left:10px;color:#000} #controllersView table{margin:0} #access_settings_notes,#access_settings_notes table,#access_settings_notes td{padding:0;margin:0;font-size:small} #access_settings_notes p{padding:0;margin:4px;color:#888} .bound_checkbox{border:1px solid #ccc;padding:10px 24px} .bound_checkbox:hover{color:#000;cursor:pointer} .bound_checkbox:hover:not(.disabled) label,.bound_checkbox:hover:not(.disabled) span{color:#000;cursor:pointer} #serviceBox{float:left;margin-top:10px;margin-right:3%;width:auto;min-width:300px} #accessBox input[type=text],#accessBox select,#serviceBox input[type=text],#serviceBox select,.grommet_table input[type=text],.grommet_table select{min-width:88px;min-height:16px;width:99%;padding:6px 23px;height:38px;border-width:1px;color:#333} #accessBox tbody tr td:first-child,#serviceBox tbody tr td:first-child,.grommet_table tbody tr td:first-child{padding-right:10px;display:block;color:#777;font-size:14px;font-size:.875rem;display:table-cell;vertical-align:middle} .ui-corner-all{border-radius:1px} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background-image:none;background-color:#fff} #add_note_p{font-style:italic;margin-top:0;margin-bottom:10px} #add_note_buttons{float:right} .ip-content input[type=text],.ip-font,input[type=text].ip-font,table.data_table td.ip-font{font-family:Arial,sans-serif,Verdana,Helvetica;font-size:inherit} .iframe-content>html,iframe#frameContent>html,iframe>html{height:initial;overflow:auto} .iframe-content{margin-right:0;padding-right:7px;padding-left:7px;overflow:hidden} #sensorData h3{margin-bottom:0} #sensorData button{font-size:1rem} #powerSummaryTable tr th{white-space:nowrap} #mem_info_table td{white-space:nowrap} #mem_info_table tr:nth-child(odd) td{font-weight:500;color:#777} #mem_info_table tr:nth-child(even) td{padding-left:0;width:100%;padding-bottom:20px} #title_intDriveArrays{margin-bottom:0} #software_select_table input{margin:0;vertical-align:top;margin-top:3px} .powerButtons{float:left;min-width:500px} .log-buttons-div{margin-bottom:10px} .log-buttons-div button.hpButton{margin-right:2px;font-size:1rem} #selfTestResultsTitle{margin-bottom:15px} #flashTray,#flashTray2{color:#000;background-color:#fff} #flashspan{font-size:14px;padding-top:3px} #progressbartray{border:0} .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;background-image:none;background:#00b388} table.eskmTable{border-spacing:5px;border-collapse:separate} .eskmTable button,.eskmTable input[type=text],.eskmTable input[type=password]{width:100%;margin-right:0} table.key-value-table.eskmTable td.data_subject{font-weight:700;padding-left:0} #bb_policy_note2,#download_estimate{margin-bottom:5px} #hkTable td,#hkTable th{padding:1px} #rc_hk_text,#rc_lock_text{margin-top:0;padding-left:0} #rc_lock_table th{padding-bottom:2px} .alt_br{display:none} .spacer{margin-bottom:10px} .no_overflow{overflow:hidden} .hp-uid-big.hp-status-changing,.hp-uid.hp-status-changing{background-image:url(../../images/hpe-icons.png);background-repeat:no-repeat;background-position:-320px -100px;height:14px;width:14px;-webkit-animation:spin 3s infinite forwards linear;-moz-animation:spin 3s infinite forwards linear;-ms-animation:spin 3s infinite forwards linear;-o-animation:spin 3s infinite forwards linear;animation:spin 3s infinite forwards linear} .hp-uid-big.hp-status-changing:after{background-image:none;content:""} div.hp-device div.hp-uid-big{margin-left:-3px;margin-top:-3px;vertical-align:baseline} div.hp-flyout-device-summary div.hp-uid{margin-right:4px} .control-icon{transition:all .3s ease-in-out;vertical-align:middle;max-width:24px;max-height:24px} .hasmenu.ui-widget-content{background:0 0!important;background-color:transparent!important;color:#000;border:none} .hasmenu li,.hasmenu ul{border:0;padding:0} .hasmenu .ui-state-active,.hasmenu .ui-widget-content .ui-state-active{border:none;background:0 0!important;background-color:#eee!important;color:#000;margin:0} .hasmenu li{background-color:#999} .hasmenu li.ui-menu-divider{background-color:#ddd;margin:0;padding:1px 0} .hasmenu .ui-menu-item-wrapper,.hasmenu li div{padding:12px 24px;white-space:nowrap;display:block;cursor:pointer} .hasmenu li.key-container div{padding:4px 24px} .hasmenu li.key-container:first-child div{padding-top:12px} .hasmenu li.key-container:last-child div{padding-bottom:12px} .hasmenu.ui-menu .ui-menu-item{list-style-image:none;padding:0;border:0;background:0 0!important;background-color:#ddd!important;color:inherit;font-weight:400} .hasmenu.ui-widget.ui-widget-content{border:0} .hasmenu .ui-widget.ui-widget-content{border:0} .hasmenu .ui-widget-header{font-weight:100;max-width:100%;font-size:1.33em;line-height:1.333} .ui-menu-item-wrapper{font-size:14px} button.ui-button.ui-dialog-titlebar-close,button.ui-button.ui-dialog-titlebar-close:focus{border:none!important;box-shadow:none!important;padding:0!important} button.ui-button.ui-dialog-titlebar-close svg{width:14px;margin:0} button.ui-button.ui-dialog-titlebar-close path{stroke-width:4px} @media screen{@media (min-width:0px){select,select.medium,select.wide{padding-right:24px;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAARpJREFUKBVjnDlzJuu/f//cGagAmJiYTjCCzAEaWg+kGkBsCsCG58+fB4MNBBkyY8aMeYyMjIlkGnjy69evjkVFRd+ZYAa8ePEiDcjeBeOTQN/9+fOnL8gwkB64C0Gczs5OXn5+/sNAl+qD+ESAN////7fKyMi4DVOLYiBIcPLkyVKsrKwngIbKwhRho4EGgVzkDDTsOLI83Mswwdzc3GdAxV5A/keYGDoNlP8HFItBNwykDsNAkGBmZuYVIBUIxL9AfCygCGjYOizi2A0EKUxPT98PdEkyFk39QMMmYhEHC2F1IUwxUOMSILsaxgdasAaY1kpgfGw0RqRgUwRMozOB4trApOXS0NDwA5saksRCQ0OZ+/v7BYjRBACZeF+tn9zqUwAAAABJRU5ErkJggg==) center right 12px no-repeat;padding:5px 34px 5px 10px;border-width:2px;height:auto} input:focus,select:focus,textarea:focus{padding:5px 22px;border-width:2px;border-color:#2AD2C9} select:focus,select:focus.medium,select:focus.wide{padding:5px 34px 5px 10px} input[type=checkbox]:focus,input[type=radio]:focus{padding:6px 23px;border-width:1px;outline:1px solid #2AD2C9} } } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){select::-ms-expand{display:none} select,select.medium,select.wide{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAARpJREFUKBVjnDlzJuu/f//cGagAmJiYTjCCzAEaWg+kGkBsCsCG58+fB4MNBBkyY8aMeYyMjIlkGnjy69evjkVFRd+ZYAa8ePEiDcjeBeOTQN/9+fOnL8gwkB64C0Gczs5OXn5+/sNAl+qD+ESAN////7fKyMi4DVOLYiBIcPLkyVKsrKwngIbKwhRho4EGgVzkDDTsOLI83Mswwdzc3GdAxV5A/keYGDoNlP8HFItBNwykDsNAkGBmZuYVIBUIxL9AfCygCGjYOizi2A0EKUxPT98PdEkyFk39QMMmYhEHC2F1IUwxUOMSILsaxgdasAaY1kpgfGw0RqRgUwRMozOB4trApOXS0NDwA5saksRCQ0OZ+/v7BYjRBACZeF+tn9zqUwAAAABJRU5ErkJggg==) center right 12px no-repeat;padding:5px 34px 5px 10px;border-width:2px} input:focus,select:focus,textarea:focus{padding:5px 22px;border-width:2px;border-color:#2AD2C9} select:focus.medium,select:focus.wide{padding:5px 34px 5px 10px} }