html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
address {
font-style: normal; }
strong {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
ol, ul {
list-style: none;
margin-bottom: 20px; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
dt, dd {
margin-bottom: 10px; }
dd {
padding-left: 10px; }
p, ul {
margin-bottom: 20px; }
p img {
vertical-align: text-bottom; }
sup {
font-size: .75em;
vertical-align: 20%; }
blockquote, q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: ""; }
optgroup {
font-style: normal; }
ins {
text-decoration: none; }
del {
text-decoration: line-through; }
table {
border-collapse: collapse;
border-spacing: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-ms-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0.7;
-webkit-transform: translateX(-10px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
0% {
opacity: 0.7;
-moz-transform: translateX(-10px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
0% {
opacity: 0.7;
-ms-transform: translateX(-10px); }
100% {
opacity: 1;
-ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
0% {
opacity: 0.7;
-o-transform: translateX(-10px); }
100% {
opacity: 1;
-o-transform: translateX(0); } }
@keyframes fadeInLeft {
0% {
opacity: 0.7;
transform: translateX(-10px); }
100% {
opacity: 1;
transform: translateX(0); } }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0.7;
-webkit-transform: translateY(-10px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
0% {
opacity: 0.7;
-moz-transform: translateY(-10px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
0% {
opacity: 0.7;
-ms-transform: translateY(-10px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@-o-keyframes fadeInDown {
0% {
opacity: 0.7;
-o-transform: translateY(-10px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@-webkit-keyframes fadeInDown2 {
0% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
80% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
100% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; } }
@-moz-keyframes fadeInDown2 {
0% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
80% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
100% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; } }
@-ms-keyframes fadeInDown2 {
0% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
80% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
100% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; } }
@-o-keyframes fadeInDown2 {
0% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
80% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; }
100% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; } }
@-webkit-keyframes unFadeInDown2 {
0% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; }
100% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; } }
@-moz-keyframes unFadeInDown2 {
0% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; }
100% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; } }
@-ms-keyframes unFadeInDown2 {
0% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; }
100% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; } }
@-o-keyframes unFadeInDown2 {
0% {
opacity: 1;
max-height: 200px;
padding-top: 13px;
padding-bottom: 13px;
top: 0px; }
100% {
opacity: 0;
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
top: -20px; } }
@-webkit-keyframes fadeInDown3 {
0% {
opacity: 0;
-webkit-transform: translateY(-3px); }
30% {
opacity: 0;
-webkit-transform: translateY(-3px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown3 {
0% {
opacity: 0;
-moz-transform: translateY(-3px); }
30% {
opacity: 0;
-moz-transform: translateY(-3px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown3 {
0% {
opacity: 0;
-moz-transform: translateY(-3px); }
30% {
opacity: 0;
-moz-transform: translateY(-3px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown3 {
0% {
opacity: 0;
-moz-transform: translateY(-3px); }
30% {
opacity: 0;
-moz-transform: translateY(-3px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@keyframes fadeInUp {
0% {
opacity: 0.7;
transform: translateY(10px); }
100% {
opacity: 1;
transform: translateY(0); } }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0.7;
-webkit-transform: translateY(5px); }
100% {
opacity: 1;
-webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
0% {
opacity: 0.7;
-moz-transform: translateY(5px); }
100% {
opacity: 1;
-moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp {
0% {
opacity: 0.7;
-ms-transform: translateY(5px); }
100% {
opacity: 1;
-ms-transform: translateY(0); } }
@-o-keyframes fadeInUp {
0% {
opacity: 0.7;
-o-transform: translateY(5px); }
100% {
opacity: 1;
-o-transform: translateY(0); } }
@keyframes fadeInUp {
0% {
opacity: 0.7;
transform: translateY(5px); }
100% {
opacity: 1;
transform: translateY(0); } }
@-moz-keyframes throb {
100% {
opacity: 1; }
80% {
opacity: 1; }
75% {
opacity: 0; }
50% {
opacity: 0; }
25% {
opacity: 0; }
20% {
opacity: 1; }
0% {
opacity: 1; } }
@-webkit-keyframes throb {
100% {
opacity: 1; }
80% {
opacity: 1; }
75% {
opacity: 0; }
50% {
opacity: 0; }
25% {
opacity: 0; }
20% {
opacity: 1; }
0% {
opacity: 1; } }
@-ms-keyframes throb {
100% {
opacity: 1; }
80% {
opacity: 1; }
75% {
opacity: 0; }
50% {
opacity: 0; }
25% {
opacity: 0; }
20% {
opacity: 1; }
0% {
opacity: 1; } }
@-o-keyframes throb {
100% {
opacity: 1; }
80% {
opacity: 1; }
75% {
opacity: 0; }
50% {
opacity: 0; }
25% {
opacity: 0; }
20% {
opacity: 1; }
0% {
opacity: 1; } }
@keyframes throb {
100% {
opacity: 1; }
80% {
opacity: 1; }
75% {
opacity: 0; }
50% {
opacity: 0; }
25% {
opacity: 0; }
20% {
opacity: 1; }
0% {
opacity: 1; } }
@-moz-keyframes blink {
100% {
opacity: 1; }
75% {
opacity: 1; }
50% {
opacity: 0.4; }
25% {
opacity: 1; }
0% {
opacity: 1; } }
@-webkit-keyframes blink {
100% {
opacity: 1; }
75% {
opacity: 1; }
50% {
opacity: 0.4; }
25% {
opacity: 1; }
0% {
opacity: 1; } }
@-ms-keyframes blink {
100% {
opacity: 1; }
75% {
opacity: 1; }
50% {
opacity: 0.4; }
25% {
opacity: 1; }
0% {
opacity: 1; } }
@-o-keyframes blink {
100% {
opacity: 1; }
75% {
opacity: 1; }
50% {
opacity: 0.4; }
25% {
opacity: 1; }
0% {
opacity: 1; } }
@keyframes blink {
100% {
opacity: 1; }
75% {
opacity: 1; }
50% {
opacity: 0.4; }
25% {
opacity: 1; }
0% {
opacity: 1; } }
@-moz-keyframes empty-overlay {
100% {
opacity: 0.6; }
50% {
opacity: 0; }
0% {
opacity: 0; } }
@-webkit-keyframes empty-overlay {
100% {
opacity: 0.6; }
50% {
opacity: 0; }
0% {
opacity: 0; } }
@-ms-keyframes empty-overlay {
100% {
opacity: 0.6; }
50% {
opacity: 0; }
0% {
opacity: 0; } }
@-o-keyframes empty-overlay {
100% {
opacity: 0.6; }
50% {
opacity: 0; }
0% {
opacity: 0; } }
@keyframes empty-overlay {
100% {
opacity: 0.6; }
50% {
opacity: 0; }
0% {
opacity: 0; } }
@keyframes rotate {
100% {
transform: rotate(360deg); } }
html, body, #hp-body {
height: 100%;
width: 100%; }
@media print {
html, body, #hp-body {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
body, #hp-body {
font-family: Metric, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
overflow: hidden;
background-color: #f3f3f3;
color: #666; }
@media print {
body, #hp-body {
font-size: 16px;
line-height: 17px;
overflow: visible;
background-color: #fff;
color: #000; } }
html.no-js body, html.no-js #hp-body {
background-color: #fff; }
body > .hp-logo, #hp-body > .hp-logo {
position: absolute;
top: 55px;
left: 50%;
height: 50px;
width: 120px;
background-position: 0px -140px;
margin-left: -56px; }
body > .hp-spinner, #hp-body > .hp-spinner {
position: absolute;
top: 150px; }
body > .hp-spinner .hp-spinner-image, #hp-body > .hp-spinner .hp-spinner-image {
background-position: -320px 0px; }
body.hp-basic-layout #hp-body-div, #hp-body.hp-basic-layout #hp-body-div {
max-width: 960px;
margin: 0px auto; }
body.hp-grommet-style :focus, #hp-body.hp-grommet-style :focus {
outline: 1px solid #00b388;
outline: 1px auto #00b388; }
body.hp-grommet-style *:not(input):not(button):not(textarea):not(select):not(area):not([href]):not([tabindex]):focus, #hp-body.hp-grommet-style *:not(input):not(button):not(textarea):not(select):not(area):not([href]):not([tabindex]):focus {
outline: none; }
body.hp-grommet-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead, #hp-body.hp-grommet-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
padding: 1px 0px 1px 0px; }
body.hp-grommet-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .dataTable, #hp-body.hp-grommet-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .dataTable {
margin-top: 1px; }
body.hp-grommet-style input[type='radio']:focus, body.hp-grommet-style input[type='checkbox']:focus, #hp-body.hp-grommet-style input[type='radio']:focus, #hp-body.hp-grommet-style input[type='checkbox']:focus {
outline: 1px solid #00b388; }
body.hp-grommet-style input[tabindex="-1"]:focus, #hp-body.hp-grommet-style input[tabindex="-1"]:focus {
outline: none; }
#hp-body-div {
position: relative;
height: 100%;
width: 100%;
background-color: #f3f3f3;
color: #666;
overflow: hidden;
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0, 0.1s;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 1s;
-moz-animation-timing-function: ease-in;
-moz-animation-iteration-count: 1;
-moz-animation-delay: 0, 0.1s;
-ms-animation-name: reset, fade-in;
-ms-animation-duration: 1s;
-ms-animation-timing-function: ease-in;
-ms-animation-iteration-count: 1;
-ms-animation-delay: 0, 0.1s;
-o-animation-name: reset, fade-in;
-o-animation-duration: 1s;
-o-animation-timing-function: ease-in;
-o-animation-iteration-count: 1;
-o-animation-delay: 0, 0.1s; }
#hp-body-div.hp-sessioned {
background-color: #f3f3f3;
color: #333; }
html.hp-high-contrast #hp-body-div.hp-sessioned {
color: #000; }
#hp-body-div > .hp-confidential {
position: absolute;
bottom: 0px;
right: 0px;
font-size: 10px;
line-height: normal;
padding: 1px 5px;
background-color: #d9d9d9;
color: #666;
z-index: 500; }
@media print {
#hp-body-div {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
background-color: #fff;
color: #000; } }
@-webkit-keyframes reset {
0% {
opacity: 0; }
100% {
opacity: 0; } }
@-webkit-keyframes fade-in {
0% {
opacity: 0; }
60% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes reset {
0% {
opacity: 0; }
100% {
opacity: 0; } }
@-moz-keyframes fade-in {
0% {
opacity: 0; }
60% {
opacity: 0; }
100% {
opacity: 1; } }
@-ms-keyframes reset {
0% {
opacity: 0; }
100% {
opacity: 0; } }
@-ms-keyframes fade-in {
0% {
opacity: 0; }
60% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes reset {
0% {
opacity: 0; }
100% {
opacity: 0; } }
@-o-keyframes fade-in {
0% {
opacity: 0; }
60% {
opacity: 0; }
100% {
opacity: 1; } }
html:not(.experimental) .hp-experimental {
display: none !important; }
.hp-logo {
background-image: url("../../img/hpe/hpe-logos.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: 0px 0px;
background-repeat: no-repeat;
width: 40px;
height: 30px; }
.hpe-logo {
background-image: url("../../img/hpe/hpe-logos.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: 0px -16px;
background-repeat: no-repeat;
width: 120px;
height: 56px;
margin-top: 0px;
margin-bottom: 15px; }
#hp-sidebar .hp-sidebarred .hpe-logo {
position: absolute;
bottom: 10px;
left: 15px; }
#hp-sidebar header #hp-sidebar-close-control {
position: absolute;
top: 22px;
right: 10px; }
#hp-sidebar header #hp-sidebar-close-control .hp-close-icon {
width: 15px;
height: 15px;
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#close");
opacity: 0.7; }
#hp-sidebar header #hp-sidebar-close-control .hp-close-icon:hover {
cursor: pointer;
opacity: 1.0; }
#hp-sidebar header #hp-sidebar-close-control:focus {
outline: 1px solid #00b388; }
#hp-sidebar header #hp-sidebar-close-control:focus .hp-close-icon {
opacity: 1.0; }
.hp-disable-overlay {
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1; }
input,
textarea,
select,
button {
font-family: Metric, Arial, sans-serif;
}
a {
color: #333;
text-decoration: underline;
cursor: pointer; }
a:hover {
text-decoration: underline;
color: #000; }
a.hp-disabled {
color: inherit;
pointer-events: none;
cursor: default; }
a.hp-disabled:hover {
text-decoration: none; }
h1 {
font-size: 24px;
font-family: Metric;
font-weight: 600;
color: #333;
margin: 30px 0px 20px 0px;
line-height: 30px; }
h2 {
font-size: 21px;
font-family: Metric;
font-weight: 600;
color: #333;
margin: 20px 0px 10px 0px; }
h3 {
font-size: 19px;
font-family: Metric;
color: #333;
margin: 10px 0px; }
h4 {
font-size: 18px;
font-family: Metric;
color: #333;
font-weight: normal;
margin: 5px 0px;
line-height: 22px; }
h5 {
font-size: 16px;
font-family: Metric;
color: #333;
font-weight: normal;
margin: 5px 0px; }
label.hp-error, div.hp-error, p.hp-error, span.hp-error, td.hp-error, h1.hp-error, h2.hp-error, h3.hp-error, li.hp-error, th.hp-error {
color: #f04953; }
label.hp-unset, label.hp-pending, label.hp-missing, div.hp-unset, div.hp-pending, div.hp-missing, p.hp-unset, p.hp-pending, p.hp-missing, span.hp-unset, span.hp-pending, span.hp-missing, td.hp-unset, td.hp-pending, td.hp-missing, h1.hp-unset, h1.hp-pending, h1.hp-missing, h2.hp-unset, h2.hp-pending, h2.hp-missing, h3.hp-unset, h3.hp-pending, h3.hp-missing, li.hp-unset, li.hp-pending, li.hp-missing, th.hp-unset, th.hp-pending, th.hp-missing {
color: #767676;
font-style: italic; }
html.hp-high-contrast label.hp-unset, html.hp-high-contrast label.hp-pending, html.hp-high-contrast label.hp-missing, html.hp-high-contrast div.hp-unset, html.hp-high-contrast div.hp-pending, html.hp-high-contrast div.hp-missing, html.hp-high-contrast p.hp-unset, html.hp-high-contrast p.hp-pending, html.hp-high-contrast p.hp-missing, html.hp-high-contrast span.hp-unset, html.hp-high-contrast span.hp-pending, html.hp-high-contrast span.hp-missing, html.hp-high-contrast td.hp-unset, html.hp-high-contrast td.hp-pending, html.hp-high-contrast td.hp-missing, html.hp-high-contrast h1.hp-unset, html.hp-high-contrast h1.hp-pending, html.hp-high-contrast h1.hp-missing, html.hp-high-contrast h2.hp-unset, html.hp-high-contrast h2.hp-pending, html.hp-high-contrast h2.hp-missing, html.hp-high-contrast h3.hp-unset, html.hp-high-contrast h3.hp-pending, html.hp-high-contrast h3.hp-missing, html.hp-high-contrast li.hp-unset, html.hp-high-contrast li.hp-pending, html.hp-high-contrast li.hp-missing, html.hp-high-contrast th.hp-unset, html.hp-high-contrast th.hp-pending, html.hp-high-contrast th.hp-missing {
color: #333; }
label.hp-help, label.hp-optional, label.hp-important, div.hp-help, div.hp-optional, div.hp-important, p.hp-help, p.hp-optional, p.hp-important, span.hp-help, span.hp-optional, span.hp-important, td.hp-help, td.hp-optional, td.hp-important, h1.hp-help, h1.hp-optional, h1.hp-important, h2.hp-help, h2.hp-optional, h2.hp-important, h3.hp-help, h3.hp-optional, h3.hp-important, li.hp-help, li.hp-optional, li.hp-important, th.hp-help, th.hp-optional, th.hp-important {
color: #767676; }
html.hp-high-contrast label.hp-help, html.hp-high-contrast label.hp-optional, html.hp-high-contrast label.hp-important, html.hp-high-contrast div.hp-help, html.hp-high-contrast div.hp-optional, html.hp-high-contrast div.hp-important, html.hp-high-contrast p.hp-help, html.hp-high-contrast p.hp-optional, html.hp-high-contrast p.hp-important, html.hp-high-contrast span.hp-help, html.hp-high-contrast span.hp-optional, html.hp-high-contrast span.hp-important, html.hp-high-contrast td.hp-help, html.hp-high-contrast td.hp-optional, html.hp-high-contrast td.hp-important, html.hp-high-contrast h1.hp-help, html.hp-high-contrast h1.hp-optional, html.hp-high-contrast h1.hp-important, html.hp-high-contrast h2.hp-help, html.hp-high-contrast h2.hp-optional, html.hp-high-contrast h2.hp-important, html.hp-high-contrast h3.hp-help, html.hp-high-contrast h3.hp-optional, html.hp-high-contrast h3.hp-important, html.hp-high-contrast li.hp-help, html.hp-high-contrast li.hp-optional, html.hp-high-contrast li.hp-important, html.hp-high-contrast th.hp-help, html.hp-high-contrast th.hp-optional, html.hp-high-contrast th.hp-important {
color: #333; }
label.hp-primary, div.hp-primary, p.hp-primary, span.hp-primary, td.hp-primary, h1.hp-primary, h2.hp-primary, h3.hp-primary, li.hp-primary, th.hp-primary {
color: #000;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
label.hp-secondary, div.hp-secondary, p.hp-secondary, span.hp-secondary, td.hp-secondary, h1.hp-secondary, h2.hp-secondary, h3.hp-secondary, li.hp-secondary, th.hp-secondary {
color: #767676; }
html.hp-high-contrast label.hp-secondary, html.hp-high-contrast div.hp-secondary, html.hp-high-contrast p.hp-secondary, html.hp-high-contrast span.hp-secondary, html.hp-high-contrast td.hp-secondary, html.hp-high-contrast h1.hp-secondary, html.hp-high-contrast h2.hp-secondary, html.hp-high-contrast h3.hp-secondary, html.hp-high-contrast li.hp-secondary, html.hp-high-contrast th.hp-secondary {
color: #333; }
label.hp-numeric, div.hp-numeric, p.hp-numeric, span.hp-numeric, td.hp-numeric, h1.hp-numeric, h2.hp-numeric, h3.hp-numeric, li.hp-numeric, th.hp-numeric {
text-align: right; }
label.hp-single, div.hp-single, p.hp-single, span.hp-single, td.hp-single, h1.hp-single, h2.hp-single, h3.hp-single, li.hp-single, th.hp-single {
text-align: center; }
label.hp-dynamic, div.hp-dynamic, p.hp-dynamic, span.hp-dynamic, td.hp-dynamic, h1.hp-dynamic, h2.hp-dynamic, h3.hp-dynamic, li.hp-dynamic, th.hp-dynamic {
opacity: 1;
-webkit-transition: opacity 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
-webkit-backface-visibility: hidden; }
.hp-show-changing label.hp-dynamic, .hp-show-changing div.hp-dynamic, .hp-show-changing p.hp-dynamic, .hp-show-changing span.hp-dynamic, .hp-show-changing td.hp-dynamic, .hp-show-changing h1.hp-dynamic, .hp-show-changing h2.hp-dynamic, .hp-show-changing h3.hp-dynamic, .hp-show-changing li.hp-dynamic, .hp-show-changing th.hp-dynamic {
opacity: 0.2; }
label.hp-unavailable, div.hp-unavailable, p.hp-unavailable, span.hp-unavailable, td.hp-unavailable, h1.hp-unavailable, h2.hp-unavailable, h3.hp-unavailable, li.hp-unavailable, th.hp-unavailable {
position: relative;
min-width: 1em; }
label.hp-unavailable:before, div.hp-unavailable:before, p.hp-unavailable:before, span.hp-unavailable:before, td.hp-unavailable:before, h1.hp-unavailable:before, h2.hp-unavailable:before, h3.hp-unavailable:before, li.hp-unavailable:before, th.hp-unavailable:before {
position: absolute;
content: '\2014'; }
label.hp-secondary, span.hp-secondary {
margin-left: 5px; }
.hp-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.hp-text-tip {
position: absolute;
background-color: #fff;
color: #333;
padding: 5px;
margin-left: -6px;
margin-top: -6px;
border: 1px solid #bfbfbf;
-webkit-box-shadow: 3px 3px 5px 0px #999;
-moz-box-shadow: 3px 3px 5px 0px #999;
box-shadow: 3px 3px 5px 0px #999;
z-index: 3000; }
.hp-text-tip.hp-global {
background-color: #fff;
color: #666;
border: 1px solid #888;
-webkit-box-shadow: 1px 1px 4px 2px #444;
-moz-box-shadow: 1px 1px 4px 2px #444;
box-shadow: 1px 1px 4px 2px #444; }
ol.hp-bullet li, ul.hp-bullet li {
position: relative;
padding-left: 30px; }
ol.hp-bullet li:before, ul.hp-bullet li:before {
display: block;
content: '-';
position: absolute;
top: 0px;
left: 18px; }
.hp-code {
font-family: monospace; }
.hp-template {
display: none; }
.hp-contents .hp-value {
display: none; }
.hp-contents .hp-options {
margin-bottom: 0px; }
.hp-contents .hp-options li {
display: inline-block;
margin-right: -4px; }
.hp-contents .hp-options li a {
color: #333;
display: block;
padding: 2px 10px; }
.hp-contents .hp-options li a:hover {
background-color: #e6e6e6;
color: #333;
text-decoration: none; }
.hp-contents .hp-options li.hp-selected a {
background-color: #ccf0e7;
color: #000; }
td.hp-indent-1 {
padding-left: 25px; }
.hp-indent-1 {
padding-left: 15px; }
td.hp-indent-2 {
padding-left: 40px; }
.hp-indent-2 {
padding-left: 30px; }
td.hp-indent-3 {
padding-left: 55px; }
.hp-indent-3 {
padding-left: 45px; }
.hp-reveal-control .hp-control {
display: none; }
.hp-reveal-control:hover .hp-value {
display: none; }
.hp-reveal-control:hover .hp-control {
display: block; }
.hp-tbd {
width: 100%;
height: 100%;
font-family: Metric, Arial, sans-serif;
font-size: 18px;
line-height: normal;
color: #ccc;
margin: 0px;
background: #fcfcfc url(data:image/gif;base64,R0lGODlhQgBCAJEDAObn6Pn5+fb29v///yH5BAEAAAMALAAAAABCAEIAAAKlnI+py+0dnpyUChCr3vMKDoaJJ5YgaaYW8Kmug77yyM72Ed9yrrt8n/oBS8JhqGjkIJOaJXPVeoqc0ge12rhiF9otLeqtdMOGMdkcRnvVWzbWXYVL5U86057EG/VDPtDfA6gjeENoYziDuFNDJsbY2PEIaSU5mVVpyYWZ+cUJs+lZBhqq+FLqM+p5qrIalMrZahJL9Jo5O1VreXuUOxnQa5kRylAAADs=); }
.hp-tbd:nth-child(even) {
background-color: #f8f8f8; }
.hp-tbd:after {
content: 'TBD';
padding-left: 3px; }
.ui-download-iframe {
visibility: hidden;
left: 0;
top: 0;
height: 0;
width: 0; }
.hp-preview {
border: 1px solid #ccc;
overflow-y: auto;
line-height: 17px; }
.hp-preview > div:first-child {
margin: 10px 10px 0px 10px; }
.hp-preview > div:first-child:last-child {
margin-bottom: 20px; }
.hp-preview > div:first-child > div.hp-status-changing {
display: inline-block;
top: 1px; }
.hp-preview > div.hp-details-correlations-container {
margin: 20px 10px 0px 10px; }
.hp-preview ol.hp-bullet, .hp-preview ul.hp-bullet {
margin-top: 20px; }
.hp-preview ol.hp-bullet li, .hp-preview ul.hp-bullet li {
margin-bottom: 10px; }
.ui-widget-content {
border: none; }
select {
padding-right: 23px;
background: url("../../img/hp-piano/down-arrow-select.png?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); }
option {
padding: 7px 10px;
border-top: 1px solid #d9d9d9;
-webkit-appearance: none; }
option:hover {
cursor: pointer; }
.hp-select, .hp-drop-menu {
position: relative;
white-space: nowrap;
display: inline-block; }
.hp-select:focus, .hp-drop-menu:focus {
outline: none; }
div.hp-master-filter .hp-select, div.hp-master-filter .hp-drop-menu {
display: block; }
.hp-select .hp-options, .hp-drop-menu .hp-options {
display: none;
min-width: 100%;
overflow: hidden;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-select .hp-options ol, .hp-drop-menu .hp-options ol {
min-width: 100%;
overflow: hidden;
margin-bottom: 0px; }
.hp-select .hp-options li, .hp-drop-menu .hp-options li {
display: block;
color: #333;
height: 30px;
line-height: 30px;
padding-left: 15px;
padding-right: 10px;
white-space: nowrap;
cursor: pointer; }
.hp-select .hp-options li.hp-unset, .hp-drop-menu .hp-options li.hp-unset {
color: #767676; }
.hp-select .hp-options li.hp-select-match-label, .hp-drop-menu .hp-options li.hp-select-match-label {
cursor: default;
color: #aaa; }
html.hp-high-contrast .hp-select .hp-options li, html.hp-high-contrast .hp-drop-menu .hp-options li {
color: #000; }
.hp-select .hp-options li.hp-localized-label, .hp-drop-menu .hp-options li.hp-localized-label {
white-space: normal;
height: auto; }
.hp-select .hp-options li.hp-active, .hp-drop-menu .hp-options li.hp-active {
background-color: #e6e6e6;
text-decoration: none; }
.hp-select .hp-options li.hp-selected, .hp-drop-menu .hp-options li.hp-selected {
background-color: #ccf0e7;
font-weight: 600;
font-family: Metric; }
.hp-select .hp-options li.hp-sub-options, .hp-drop-menu .hp-options li.hp-sub-options {
height: auto;
padding: 0px; }
.hp-select .hp-options li.hp-sub-options:hover, .hp-drop-menu .hp-options li.hp-sub-options:hover {
background: none; }
.hp-select .hp-options li.hp-sub-options .hp-prefix, .hp-drop-menu .hp-options li.hp-sub-options .hp-prefix {
visibility: hidden;
padding-right: 5px;
font-weight: normal; }
.hp-select .hp-options li.hp-sub-options ol li:first-child .hp-prefix, .hp-drop-menu .hp-options li.hp-sub-options ol li:first-child .hp-prefix {
visibility: visible; }
.hp-select .hp-options li.hp-sub-options ol li:hover .hp-prefix, .hp-drop-menu .hp-options li.hp-sub-options ol li:hover .hp-prefix {
visibility: visible;
color: #767676; }
.hp-select .hp-options li a, .hp-drop-menu .hp-options li a {
display: block;
padding-left: 10px;
padding-right: 10px;
margin-left: -10px;
margin-right: -10px;
text-decoration: none;
color: inherit; }
.hp-select .hp-options li .hp-status, .hp-drop-menu .hp-options li .hp-status {
float: left;
margin-top: 10px; }
.hp-select .hp-options li .hp-error, .hp-select .hp-options li .hp-help, .hp-drop-menu .hp-options li .hp-error, .hp-drop-menu .hp-options li .hp-help {
display: inline-block;
padding-left: 10px;
float: right; }
.hp-select .hp-options > a, .hp-drop-menu .hp-options > a {
display: block;
color: #333;
height: 30px;
padding-left: 10px;
padding-right: 10px;
border-top: 1px solid #d9d9d9;
white-space: nowrap;
cursor: pointer; }
html.hp-high-contrast .hp-select .hp-options > a, html.hp-high-contrast .hp-drop-menu .hp-options > a {
color: #000; }
.hp-select .hp-options.hp-unauthorized li, .hp-select .hp-options ol.hp-unauthorized li, .hp-drop-menu .hp-options.hp-unauthorized li, .hp-drop-menu .hp-options ol.hp-unauthorized li {
white-space: normal;
overflow: visible;
height: auto;
line-height: 17px;
margin-bottom: 9px;
background-color: transparent;
color: #767676;
cursor: auto;
font-style: italic;
margin-top: 15px; }
.hp-select.hp-active .hp-options, .hp-drop-menu.hp-active .hp-options {
display: block;
position: absolute;
top: 0px;
padding-top: 30px;
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
z-index: 200; }
.hp-select.hp-select-multi li.hp-selected:hover, .hp-drop-menu.hp-select-multi li.hp-selected:hover {
background-color: #e6e6e6; }
.hp-select.hp-pinned, .hp-drop-menu.hp-pinned {
background: transparent;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
margin: 10px 0px 20px 10px; }
.hp-select.hp-pinned > label, .hp-drop-menu.hp-pinned > label {
position: relative;
display: block;
color: #767676;
margin: 5px 0px;
padding: 0px; }
html.hp-high-contrast .hp-select.hp-pinned > label, html.hp-high-contrast .hp-drop-menu.hp-pinned > label {
color: #333; }
.hp-select.hp-pinned > label:after, .hp-drop-menu.hp-pinned > label:after {
content: ':'; }
.hp-select.hp-pinned .hp-options, .hp-drop-menu.hp-pinned .hp-options {
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border: none;
background-color: transparent;
padding-top: 0px; }
.hp-select ol, .hp-drop-menu ol {
border-bottom: 1px solid #d9d9d9; }
.hp-select ol li.hp-options-toggle:not(:last-of-type) ol, .hp-drop-menu ol li.hp-options-toggle:not(:last-of-type) ol {
border-bottom: 1px solid #d9d9d9; }
.hp-select ol:last-of-type, .hp-drop-menu ol:last-of-type {
border: none;
margin-bottom: 0px;
padding-bottom: 0px; }
.hp-select > label {
position: relative;
display: none;
padding: 0px 10px; }
.hp-select .hp-value {
position: relative;
display: block;
padding-left: 10px;
border: 1px solid transparent;
cursor: pointer; }
.hp-select .hp-value:after {
display: inline-block;
content: '';
width: 20px;
height: 12px;
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: right -2px;
background-repeat: no-repeat; }
@media print {
.hp-select .hp-value:after {
display: none; } }
.hp-select .hp-value:hover:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.hp-global .hp-select .hp-value:hover {
color: #666; }
.hp-master-filter .hp-select .hp-value {
display: none; }
.hp-select.hp-disabled:hover .hp-value:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7); }
.hp-select.hp-sort .hp-value:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
background-position: right -2px; }
.hp-select.hp-sort .hp-value:hover:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
.hp-select.hp-sort.hp-sort-desc .hp-value:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
background-position: right -2px; }
.hp-select.hp-sort.hp-sort-desc .hp-value:hover:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
.hp-select.hp-active > label:not(:empty) {
position: absolute;
left: 0px;
top: 0px;
display: block;
color: #767676;
background-color: #fff;
z-index: 201;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
html.hp-high-contrast .hp-select.hp-active > label:not(:empty) {
color: #333; }
.hp-select.hp-active .hp-value {
overflow: hidden; }
.hp-select.hp-pinned label {
position: relative; }
body.hp-wcag-focus-visible .hp-select.hp-active:focus, #hp-body-div.hp-wcag-focus-visible .hp-select.hp-active:focus {
outline: none; }
.hp-drop-menu > label {
position: relative;
display: block;
padding-left: 10px;
border: 1px solid transparent;
cursor: pointer; }
.hp-drop-menu > label:after {
display: inline-block;
content: '';
width: 20px;
height: 12px;
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: right -1px;
background-repeat: no-repeat; }
.hp-drop-menu > label:hover:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.hp-master-filter .hp-drop-menu > label {
display: none; }
.hp-drop-menu > .hp-options > .hp-menu-scrollregion {
overflow-y: auto; }
.hp-drop-menu:focus > label {
border-color: #ccf0e7; }
.hp-drop-menu.hp-active > label {
color: #767676;
border: 1px solid transparent;
z-index: 201; }
html.hp-high-contrast .hp-drop-menu.hp-active > label {
color: #333; }
.hp-drop-menu.hp-active > label:hover:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7); }
.hp-drop-menu.hp-disabled > label {
color: #767676; }
.hp-drop-menu.hp-disabled > label:after {
content: '';
background-image: none; }
.hp-drop-menu.hp-disabled:focus label {
border-color: transparent; }
.hp-select-form {
display: inline-block; }
.hp-select-form .hp-select {
margin-bottom: 10px;
padding: 0px;
position: relative;
font-size: 16px;
line-height: normal;
text-decoration: none;
border: 1px solid #d9d9d9;
color: #333;
outline: none;
cursor: default; }
.hp-select-form .hp-select.hp-error {
border-color: #f04953; }
.hp-select-form .hp-select:focus {
border-color: #ccf0e7; }
.hp-select-form .hp-select:focus .hp-value {
border: none; }
.hp-select-form .hp-select.hp-disabled {
color: #767676; }
.hp-select-form .hp-select.hp-disabled:focus {
border-color: #d9d9d9; }
.hp-select-form .hp-select.hp-active .hp-options {
left: -1px; }
.hp-select-form .hp-select.hp-active > label:not(:empty) {
z-index: 3005;
height: 40px;
left: -1px;
font-family: Metric;
font-size: 18px;
padding-top: 8px;
padding-left: 9.5px;
background-color: #f3f3f3; }
.hp-select-form .hp-select .hp-value {
padding: 7px 0px 7px 10px;
border: none; }
.hp-select-form .hp-select .hp-value:after {
content: '';
padding-left: 10px; }
.selectBox-dropdown {
margin-bottom: 10px;
padding: 7px 37px 7px 13px;
position: relative;
font-size: 13px;
line-height: normal;
text-decoration: none;
border: 1px solid #d9d9d9;
color: #333;
outline: none;
vertical-align: middle;
display: inline-block;
cursor: default;
}
html.hp-high-contrast .selectBox-dropdown {
color: #000; }
.hp-global .selectBox-dropdown {
background-color: #fff;
border-color: #fff;
color: #323232;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-global .selectBox-dropdown:hover {
color: #000; }
.hp-global .selectBox-dropdown:active {
background-color: #ccc;
border-color: #ccc;
color: #000; }
.hp-global .selectBox-dropdown:disabled, .hp-global .selectBox-dropdown.hp-disabled {
background-color: #666;
border-color: #666;
color: #323232; }
.selectBox-dropdown:hover {
text-decoration: none; }
.selectBox-dropdown:hover .selectBox-arrow {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.selectBox-dropdown:focus {
border-color: #ccf0e7; }
.selectBox-dropdown .selectBox-label {
width: 100%;
font-weight: normal;
display: inline-block;
white-space: nowrap;
overflow: hidden;
vertical-align: top; }
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 100%;
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: right 4px;
background-repeat: no-repeat; }
.selectBox-dropdown-menu {
position: absolute;
z-index: 700;
left: 0px;
max-height: 200px;
background: #fff;
border: 1px solid #bfbfbf;
-webkit-box-shadow: 3px 3px 5px 0px #999;
-moz-box-shadow: 3px 3px 5px 0px #999;
box-shadow: 3px 3px 5px 0px #999;
overflow: auto; }
.selectBox-dropdown-menu.hp-global {
-webkit-box-shadow: 2px 2px 2px 0px #444;
-moz-box-shadow: 2px 2px 2px 0px #444;
box-shadow: 2px 2px 2px 0px #444; }
.selectBox-inline {
width: 250px;
outline: none;
background: #fff;
display: inline-block;
overflow: auto; }
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
list-style: none;
display: block;
cursor: default;
padding: 0;
margin: 0; }
.selectBox-options LI A {
padding: 7px 10px;
white-space: nowrap;
overflow: hidden;
background: 6px center no-repeat;
color: #333; }
html.hp-high-contrast .selectBox-options LI A {
color: #000; }
.selectBox-options LI A:hover {
text-decoration: none; }
.selectBox-options LI.selectBox-hover A {
background-color: #e6e6e6;
text-decoration: none; }
.selectBox-options LI.selectBox-disabled A {
color: #888;
background-color: transparent; }
.selectBox-options LI.selectBox-selected A {
font-weight: 600;
font-family: Metric, Arial, sans-serif;
background-color: #ccf0e7; }
.selectBox-options .selectBox-optgroup {
color: #666;
background: #EEE;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
padding: 0 .3em;
white-space: nowrap; }
.selectBox.selectBox-disabled {
color: #888 !important; }
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
opacity: .5;
filter: alpha(opacity=50);
border-color: #666; }
.selectBox-inline.selectBox-disabled {
color: #888 !important; }
.selectBox-inline.selectBox-disabled .selectBox-options A {
background-color: transparent !important; }
.hp-search-combo {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: top 0.2s;
-moz-transition: top 0.2s;
transition: top 0.2s; }
.hp-search-combo.hp-active .hp-search-combo-menu {
display: block; }
.hp-search-combo label {
display: none; }
.hp-search-combo.hp-unset-inactive {
position: relative; }
.hp-search-combo.hp-unset-inactive > label {
position: absolute;
top: 8px;
left: 10px;
display: block;
font-family: Metric;
color: #ccc; }
.hp-search-combo .hp-search-combo-input {
padding-right: 45px;
margin: 0px;
line-height: normal; }
.hp-search-combo .hp-search-combo-input.hp-error {
background-image: none; }
.hp-search-combo .hp-search-combo-input::-ms-clear {
display: none; }
.hp-search-combo .hp-search-combo-control-region {
position: absolute;
top: 0px;
right: 0px;
width: 25px;
height: 33px; }
.hp-search-combo .hp-search-combo-control-region:hover {
cursor: pointer; }
.hp-search-combo .hp-search-combo-control-region:hover .hp-search-combo-control {
background-position: -420px 0px; }
.hp-search-combo .hp-search-combo-control-region .hp-search-combo-control {
position: absolute;
top: 10px;
right: 7px;
width: 15px;
height: 16px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -420px -20px;
background-repeat: no-repeat;
cursor: pointer;
z-index: 10; }
.hp-search-combo .hp-search-combo-control-region .hp-search-combo-control:hover {
background-position: -420px 0px; }
.hp-search-combo .hp-search-combo-close {
position: absolute;
top: 0px;
right: 25px;
width: 20px;
height: 33px; }
.hp-search-combo .hp-search-combo-close .hp-close {
position: absolute;
top: 12px;
right: 0px;
cursor: pointer;
z-index: 1; }
.hp-search-combo .hp-search-combo-close:hover {
cursor: pointer; }
.hp-search-combo .hp-search-combo-close:hover .hp-close {
background-position: -160px 0px; }
.hp-search-combo.hp-disabled .hp-search-combo-control-region {
cursor: auto; }
.hp-search-combo.hp-disabled .hp-search-combo-control-region .hp-search-combo-control {
cursor: auto;
background-position: -420px -20px; }
.hp-search-combo.hp-disabled .hp-search-combo-close {
cursor: auto; }
.hp-search-combo.hp-disabled .hp-search-combo-close .hp-close {
background-position: -160px -20px;
cursor: auto; }
.hp-search-combo .hp-search-combo-spacer {
position: absolute;
padding-bottom: 10px;
z-index: 200; }
.hp-search-combo .hp-search-combo-menu {
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index: 200;
display: none; }
.hp-search-combo .hp-search-combo-menu div.hp-search-combo-scroller {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto; }
.hp-search-combo .hp-search-combo-menu ol, .hp-search-combo .hp-search-combo-menu table {
margin-bottom: 0px; }
.hp-search-combo .hp-search-combo-menu ol.hp-options, .hp-search-combo .hp-search-combo-menu table.hp-options {
margin-top: 0px;
position: relative;
overflow-y: auto;
max-height: 200px; }
.hp-search-combo .hp-search-combo-menu ol li, .hp-search-combo .hp-search-combo-menu ol tr, .hp-search-combo .hp-search-combo-menu table li, .hp-search-combo .hp-search-combo-menu table tr {
margin-bottom: 0px;
padding: 3px 10px;
margin-bottom: 5px;
cursor: pointer;
overflow: auto;
line-height: 17px;
word-wrap: break-word;
word-break: break-word; }
.hp-search-combo .hp-search-combo-menu ol li td, .hp-search-combo .hp-search-combo-menu ol tr td, .hp-search-combo .hp-search-combo-menu table li td, .hp-search-combo .hp-search-combo-menu table tr td {
padding: inherit; }
.hp-search-combo .hp-search-combo-menu ol li td.hp-secondary, .hp-search-combo .hp-search-combo-menu ol tr td.hp-secondary, .hp-search-combo .hp-search-combo-menu table li td.hp-secondary, .hp-search-combo .hp-search-combo-menu table tr td.hp-secondary {
padding: 3px 5px;
color: #767676; }
.hp-search-combo .hp-search-combo-menu ol li:hover, .hp-search-combo .hp-search-combo-menu ol li.hp-active, .hp-search-combo .hp-search-combo-menu ol tr:hover, .hp-search-combo .hp-search-combo-menu ol tr.hp-active, .hp-search-combo .hp-search-combo-menu table li:hover, .hp-search-combo .hp-search-combo-menu table li.hp-active, .hp-search-combo .hp-search-combo-menu table tr:hover, .hp-search-combo .hp-search-combo-menu table tr.hp-active {
background-color: #e6e6e6; }
.hp-search-combo .hp-search-combo-menu ol li:hover.hp-more, .hp-search-combo .hp-search-combo-menu ol li.hp-active.hp-more, .hp-search-combo .hp-search-combo-menu ol tr:hover.hp-more, .hp-search-combo .hp-search-combo-menu ol tr.hp-active.hp-more, .hp-search-combo .hp-search-combo-menu table li:hover.hp-more, .hp-search-combo .hp-search-combo-menu table li.hp-active.hp-more, .hp-search-combo .hp-search-combo-menu table tr:hover.hp-more, .hp-search-combo .hp-search-combo-menu table tr.hp-active.hp-more {
background-color: inherit; }
.hp-search-combo .hp-search-combo-menu ol li.hp-selected, .hp-search-combo .hp-search-combo-menu ol tr.hp-selected, .hp-search-combo .hp-search-combo-menu table li.hp-selected, .hp-search-combo .hp-search-combo-menu table tr.hp-selected {
background-color: #ccf0e7;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-search-combo .hp-search-combo-menu ol li .hp-error, .hp-search-combo .hp-search-combo-menu ol li .hp-help, .hp-search-combo .hp-search-combo-menu ol tr .hp-error, .hp-search-combo .hp-search-combo-menu ol tr .hp-help, .hp-search-combo .hp-search-combo-menu table li .hp-error, .hp-search-combo .hp-search-combo-menu table li .hp-help, .hp-search-combo .hp-search-combo-menu table tr .hp-error, .hp-search-combo .hp-search-combo-menu table tr .hp-help {
display: inline-block;
float: right;
padding-right: 5px; }
.hp-search-combo .hp-search-combo-menu ol li .hp-name, .hp-search-combo .hp-search-combo-menu ol tr .hp-name, .hp-search-combo .hp-search-combo-menu table li .hp-name, .hp-search-combo .hp-search-combo-menu table tr .hp-name {
padding-right: 5px;
word-break: break-word; }
.hp-search-combo .hp-search-combo-menu ol li .hp-spinner-small, .hp-search-combo .hp-search-combo-menu ol tr .hp-spinner-small, .hp-search-combo .hp-search-combo-menu table li .hp-spinner-small, .hp-search-combo .hp-search-combo-menu table tr .hp-spinner-small {
display: block;
margin: 0px auto; }
.hp-search-combo .hp-search-combo-menu ol span.hp-help, .hp-search-combo .hp-search-combo-menu ol:hover .hp-help, .hp-search-combo .hp-search-combo-menu table span.hp-help, .hp-search-combo .hp-search-combo-menu table:hover .hp-help {
border-left: 0px; }
.hp-search-combo .hp-search-combo-menu ol span.hp-help:before, .hp-search-combo .hp-search-combo-menu ol:hover .hp-help:before, .hp-search-combo .hp-search-combo-menu table span.hp-help:before, .hp-search-combo .hp-search-combo-menu table:hover .hp-help:before {
border-width: 0px; }
.hp-search-combo .hp-search-combo-menu ol span.hp-help:after, .hp-search-combo .hp-search-combo-menu ol:hover .hp-help:after, .hp-search-combo .hp-search-combo-menu table span.hp-help:after, .hp-search-combo .hp-search-combo-menu table:hover .hp-help:after {
border: none; }
.hp-search-combo .hp-search-combo-menu .hp-message, .hp-search-combo .hp-search-combo-menu .hp-footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f3f3;
color: #767676;
padding: 7px 10px;
position: relative;
line-height: 20px;
height: 35px; }
html.hp-high-contrast .hp-search-combo .hp-search-combo-menu .hp-message, html.hp-high-contrast .hp-search-combo .hp-search-combo-menu .hp-footer {
color: #333; }
.hp-search-combo .hp-search-combo-menu .hp-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f3f3;
color: #767676;
padding: 7px 10px;
text-align: right;
font-style: italic; }
html.hp-high-contrast .hp-search-combo .hp-search-combo-menu .hp-header {
color: #333; }
.hp-search-combo.hp-error {
color: #333; }
.hp-warning input, .hp-warning .hp-select, .hp-warning table, .hp-warning a.hp-toggle {
border: 1px solid #ff9900; }
.hp-warning div.hp-warning-container {
color: #ff9900;
line-height: 17px; }
input, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding: 7px 18px 7px 10px;
background-color: #fff;
border: 1px solid #d9d9d9;
font-size: 16px;
line-height: normal;
color: #333;
outline: none; }
html.hp-high-contrast input, html.hp-high-contrast textarea {
color: #000; }
input.hp-error, input.error, textarea.hp-error, textarea.error {
border-color: #f04953;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP+Zmf9mM8yZmcwzM////wAAAAAAAAAAACH5BAEHAAQALAAAAAAUABQAAAMjSLrc/jDKSecYtQWc1wjdsoXKRRIj+Z3peQrAuZKta984kwAAOw==);
background-position: right 4px;
background-repeat: no-repeat;
padding-right: 18px; }
input:focus, textarea:focus {
border-color: #ccf0e7; }
textarea {
background: #fff; }
textarea.hp-code {
font-family: monospace; }
textarea::-webkit-input-placeholder {
color: #666;
font-style: italic; }
textarea:-moz-placeholder {
color: #666;
font-style: italic;
opacity: 1; }
textarea::-moz-placeholder {
color: #666;
font-style: italic;
opacity: 1; }
textarea:-ms-input-placeholder {
color: #666;
font-style: italic; }
input::-webkit-input-placeholder {
color: #ccc; }
input:-moz-placeholder {
color: #ccc; }
input::-moz-placeholder {
color: #ccc; }
input:-ms-input-placeholder {
color: #ccc; }
input[type="text"], input[type="date"] {
height: 30px; }
input[type="radio"], input[type="checkbox"] {
border: none;
padding: 0px; }
input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: 1px solid #ccf0e7; }
input[type="number"] {
text-align: right; }
input[type="search"] {
font-size: 19px; }
input[type="submit"]:hover {
border-width: 2px; }
a.hp-button:active, button:active {
background-color: transparent;
border-color: #01765b;
color: #01765b; }
input[type="button"], input[type="submit"], input[type="reset"],
button, select, a.hp-button, label.hp-button, a.ui-button {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 0px;
padding: 0px 30px;
font-size: 19px;
line-height: 25px;
font-weight: 600;
height: 32px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
border: 2px solid #01a982;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
color: #01a982;
font-family: Metric;
cursor: pointer;
text-decoration: none;
-webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
transition: background-color 0.1s; }
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
button:hover, select:hover, a.hp-button:hover, label.hp-button:hover, a.ui-button:hover {
border-color: #00b388;
box-shadow: 0 0 0 2px #00b388;
text-decoration: none; }
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active,
button:active, select:active, a.hp-button:active, label.hp-button:active, a.ui-button:active {
border-color: #01765b; }
input[type="button"].hp-disabled, input[type="submit"].hp-disabled, input[type="reset"].hp-disabled,
button.hp-disabled, select.hp-disabled, a.hp-button.hp-disabled, label.hp-button.hp-disabled, a.ui-button.hp-disabled {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3;
cursor: default; }
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
button:disabled, select:disabled, a.hp-button:disabled, label.hp-button:disabled, a.ui-button:disabled {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover,
button:disabled:hover, select:disabled:hover, a.hp-button:disabled:hover, label.hp-button:disabled:hover, a.ui-button:disabled:hover {
box-shadow: none; }
input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled],
button[disabled], select[disabled], a.hp-button[disabled], label.hp-button[disabled], a.ui-button[disabled] {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"].hp-primary, input[type="button"].ui-datepicker-close, input[type="submit"].hp-primary, input[type="submit"].ui-datepicker-close, input[type="reset"].hp-primary, input[type="reset"].ui-datepicker-close,
button.hp-primary,
button.ui-datepicker-close, select.hp-primary, select.ui-datepicker-close, a.hp-button.hp-primary, a.hp-button.ui-datepicker-close, label.hp-button.hp-primary, label.hp-button.ui-datepicker-close, a.ui-button.hp-primary, a.ui-button.ui-datepicker-close {
background-color: #00b388;
border-color: #00b388;
color: #fff;
font-family: Metric;
font-weight: 600; }
input[type="button"].hp-primary:hover, input[type="button"].ui-datepicker-close:hover, input[type="submit"].hp-primary:hover, input[type="submit"].ui-datepicker-close:hover, input[type="reset"].hp-primary:hover, input[type="reset"].ui-datepicker-close:hover,
button.hp-primary:hover,
button.ui-datepicker-close:hover, select.hp-primary:hover, select.ui-datepicker-close:hover, a.hp-button.hp-primary:hover, a.hp-button.ui-datepicker-close:hover, label.hp-button.hp-primary:hover, label.hp-button.ui-datepicker-close:hover, a.ui-button.hp-primary:hover, a.ui-button.ui-datepicker-close:hover {
border-color: #00b388;
box-shadow: 0 0 0 2px #00b388; }
input[type="button"].hp-primary:active, input[type="button"].ui-datepicker-close:active, input[type="submit"].hp-primary:active, input[type="submit"].ui-datepicker-close:active, input[type="reset"].hp-primary:active, input[type="reset"].ui-datepicker-close:active,
button.hp-primary:active,
button.ui-datepicker-close:active, select.hp-primary:active, select.ui-datepicker-close:active, a.hp-button.hp-primary:active, a.hp-button.ui-datepicker-close:active, label.hp-button.hp-primary:active, label.hp-button.ui-datepicker-close:active, a.ui-button.hp-primary:active, a.ui-button.ui-datepicker-close:active {
background-color: #00b388;
border-color: #00b388;
color: #fff; }
input[type="button"].hp-primary.hp-disabled, input[type="button"].ui-datepicker-close.hp-disabled, input[type="submit"].hp-primary.hp-disabled, input[type="submit"].ui-datepicker-close.hp-disabled, input[type="reset"].hp-primary.hp-disabled, input[type="reset"].ui-datepicker-close.hp-disabled,
button.hp-primary.hp-disabled,
button.ui-datepicker-close.hp-disabled, select.hp-primary.hp-disabled, select.ui-datepicker-close.hp-disabled, a.hp-button.hp-primary.hp-disabled, a.hp-button.ui-datepicker-close.hp-disabled, label.hp-button.hp-primary.hp-disabled, label.hp-button.ui-datepicker-close.hp-disabled, a.ui-button.hp-primary.hp-disabled, a.ui-button.ui-datepicker-close.hp-disabled {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"].hp-primary.hp-disabled:hover, input[type="button"].ui-datepicker-close.hp-disabled:hover, input[type="submit"].hp-primary.hp-disabled:hover, input[type="submit"].ui-datepicker-close.hp-disabled:hover, input[type="reset"].hp-primary.hp-disabled:hover, input[type="reset"].ui-datepicker-close.hp-disabled:hover,
button.hp-primary.hp-disabled:hover,
button.ui-datepicker-close.hp-disabled:hover, select.hp-primary.hp-disabled:hover, select.ui-datepicker-close.hp-disabled:hover, a.hp-button.hp-primary.hp-disabled:hover, a.hp-button.ui-datepicker-close.hp-disabled:hover, label.hp-button.hp-primary.hp-disabled:hover, label.hp-button.ui-datepicker-close.hp-disabled:hover, a.ui-button.hp-primary.hp-disabled:hover, a.ui-button.ui-datepicker-close.hp-disabled:hover {
box-shadow: none; }
input[type="button"].hp-primary:disabled, input[type="button"].ui-datepicker-close:disabled, input[type="submit"].hp-primary:disabled, input[type="submit"].ui-datepicker-close:disabled, input[type="reset"].hp-primary:disabled, input[type="reset"].ui-datepicker-close:disabled,
button.hp-primary:disabled,
button.ui-datepicker-close:disabled, select.hp-primary:disabled, select.ui-datepicker-close:disabled, a.hp-button.hp-primary:disabled, a.hp-button.ui-datepicker-close:disabled, label.hp-button.hp-primary:disabled, label.hp-button.ui-datepicker-close:disabled, a.ui-button.hp-primary:disabled, a.ui-button.ui-datepicker-close:disabled {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"].hp-primary[disabled], input[type="button"].ui-datepicker-close[disabled], input[type="submit"].hp-primary[disabled], input[type="submit"].ui-datepicker-close[disabled], input[type="reset"].hp-primary[disabled], input[type="reset"].ui-datepicker-close[disabled],
button.hp-primary[disabled],
button.ui-datepicker-close[disabled], select.hp-primary[disabled], select.ui-datepicker-close[disabled], a.hp-button.hp-primary[disabled], a.hp-button.ui-datepicker-close[disabled], label.hp-button.hp-primary[disabled], label.hp-button.ui-datepicker-close[disabled], a.ui-button.hp-primary[disabled], a.ui-button.ui-datepicker-close[disabled] {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"].hp-secondary, input[type="submit"].hp-secondary, input[type="reset"].hp-secondary,
button.hp-secondary, select.hp-secondary, a.hp-button.hp-secondary, label.hp-button.hp-secondary, a.ui-button.hp-secondary {
color: #fff;
border: 2px solid #00b388;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #00b388; }
input[type="button"].hp-secondary:hover, input[type="submit"].hp-secondary:hover, input[type="reset"].hp-secondary:hover,
button.hp-secondary:hover, select.hp-secondary:hover, a.hp-button.hp-secondary:hover, label.hp-button.hp-secondary:hover, a.ui-button.hp-secondary:hover {
border-color: #00b388; }
input[type="button"].hp-secondary:active, input[type="submit"].hp-secondary:active, input[type="reset"].hp-secondary:active,
button.hp-secondary:active, select.hp-secondary:active, a.hp-button.hp-secondary:active, label.hp-button.hp-secondary:active, a.ui-button.hp-secondary:active {
background-color: #00b388;
border-color: #00b388;
color: #fff; }
input[type="button"].hp-secondary.hp-disabled, input[type="submit"].hp-secondary.hp-disabled, input[type="reset"].hp-secondary.hp-disabled,
button.hp-secondary.hp-disabled, select.hp-secondary.hp-disabled, a.hp-button.hp-secondary.hp-disabled, label.hp-button.hp-secondary.hp-disabled, a.ui-button.hp-secondary.hp-disabled {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"].hp-secondary:disabled, input[type="submit"].hp-secondary:disabled, input[type="reset"].hp-secondary:disabled,
button.hp-secondary:disabled, select.hp-secondary:disabled, a.hp-button.hp-secondary:disabled, label.hp-button.hp-secondary:disabled, a.ui-button.hp-secondary:disabled {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"].hp-secondary[disabled], input[type="submit"].hp-secondary[disabled], input[type="reset"].hp-secondary[disabled],
button.hp-secondary[disabled], select.hp-secondary[disabled], a.hp-button.hp-secondary[disabled], label.hp-button.hp-secondary[disabled], a.ui-button.hp-secondary[disabled] {
background-color: transparent;
border-color: #999;
color: #777;
opacity: 0.3; }
input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus,
button:focus, select:focus, a.hp-button:focus, label.hp-button:focus, a.ui-button:focus {
border-color: #2AD2C9;
box-shadow: 0 0 1px 1px #2AD2C9; }
a.hp-button.hp-secondary:hover {
line-height: 26px; }
input[type="button"]:active {
background-color: transparent;
border-color: #01765b;
color: #01765b; }
input::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0; }
input[disabled] {
color: #999;
background: #fcfcfc;
border-color: #e2e2e2; }
.ui-buttonset {
margin-left: 0px; }
.ui-buttonset label.ui-button {
margin: 2px 20px 0px 5px;
border-radius: 0px; }
.ui-buttonset label.ui-button.ui-state-active {
color: #222; }
.ui-buttonset label.ui-button.ui-corner-right {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
.ui-buttonset label.ui-button.ui-corner-left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg); }
to {
-ms-transform: rotate(360deg); } }
@-o-keyframes spin {
from {
-o-transform: rotate(0deg); }
to {
-o-transform: rotate(360deg); } }
.hp-spinner {
width: 100%;
color: #767676; }
.hp-spinner p {
position: relative; }
html.hp-high-contrast .hp-spinner {
color: #333; }
.hp-spinner > * {
margin: 0px auto;
text-align: center; }
.hp-spinner .hp-spinner-image {
height: 35px;
width: 35px;
background: transparent;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -320px 0px;
background-repeat: no-repeat;
-webkit-animation: rotate 4s steps(4, end) 0s infinite forwards running;
-moz-animation: rotate 4s steps(4, end) 0s infinite forwards running;
-ms-animation: rotate 4s steps(4, end) infinite forwards 0.7s;
-o-animation: rotate 4s steps(4, end) 0s infinite forwards running;
margin: 20px auto; }
.hp-global .hp-spinner .hp-spinner-image {
background-position: -320px 0px; }
.hp-spinner-small {
display: inline-block;
width: 17px;
color: #767676; }
html.hp-high-contrast .hp-spinner-small {
color: #333; }
.hp-spinner-small .hp-spinner-image {
display: inline-block;
height: 17px;
width: 17px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -320px -120px;
background-repeat: no-repeat;
-webkit-animation: rotate 4s steps(4, end) 0s infinite forwards running;
-moz-animation: rotate 4s steps(4, end) 0s infinite forwards running;
-ms-animation: rotate 4s steps(4, end) infinite forwards 0.7s;
-o-animation: rotate 4s steps(4, end) 0s infinite forwards running; }
ol.hp-meters {
position: relative;
display: inline-block;
width: -webkit-max-content;
width: -moz-max-content;
width: -ms-max-content; }
ol.hp-meters > li {
display: block;
padding-bottom: 10px; }
ol.hp-meters > li:last-child {
margin-bottom: 0px; }
ol.hp-meters > li > h4 {
font-weight: normal;
color: #767676;
max-width: 100%;
overflow: hidden;
white-space: normal;
margin-bottom: 10px; }
ol.hp-meters.hp-horizontal {
margin-bottom: 0px; }
ol.hp-meters.hp-horizontal > li {
position: relative;
display: inline-block;
min-width: 60px;
vertical-align: bottom;
margin-right: 10px; }
ol.hp-meters.hp-horizontal > li > h4 {
margin-top: 10px; }
ol.hp-meters.hp-small .hp-utilization-allocation {
white-space: nowrap; }
ol.hp-meters.hp-small .hp-utilization-allocation .hp-multi-meter {
display: inline-block;
vertical-align: top;
margin-right: 30px; }
ol.hp-meters.hp-small .hp-utilization-allocation .hp-legend {
display: inline-block;
vertical-align: top;
margin-top: 0px; }
ol.hp-meters.hp-narrow > li {
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
ol.hp-meters.hp-narrow:hover > li {
opacity: 0.4; }
ol.hp-meters.hp-narrow:hover > li .hp-utilization-allocation {
position: static; }
ol.hp-meters.hp-narrow:hover > li .hp-utilization-allocation .hp-legend {
visibility: hidden; }
ol.hp-meters.hp-narrow:hover > li .hp-legend {
opacity: 1.0; }
ol.hp-meters.hp-narrow:hover > li:hover {
opacity: 1.0; }
ol.hp-meters.hp-narrow:hover > li:hover > h4 {
color: #000; }
ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend {
visibility: visible;
position: absolute;
top: 0px;
padding-top: 25px;
z-index: 200;
padding-left: 10px; }
ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend li.hp-utilization-key {
display: block; }
ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend .hp-utilization-value, ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend .hp-allocation-value,
ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend .hp-utilization-total, ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend .hp-allocation-total {
display: block;
white-space: nowrap; }
ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend .hp-utilization-percent, ol.hp-meters.hp-narrow:hover > li:hover .hp-utilization-allocation .hp-legend .hp-allocation-percent {
margin-left: 32px;
margin-bottom: 10px;
font-size: inherit; }
ol.hp-meters.hp-narrow > li > h4 {
margin-right: 10px; }
ol.hp-meters.hp-narrow > li .hp-utilization-allocation {
position: static; }
ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-multi-meter {
margin-right: 10px; }
ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-key > li {
display: inline-block; }
ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-utilization-value, ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-allocation-value,
ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-utilization-total, ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-allocation-total {
display: none; }
ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-allocation-percent, ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-utilization-percent {
margin-right: 0px;
margin-bottom: 0px; }
ol.hp-meters.hp-narrow > li .hp-utilization-allocation .hp-legend .hp-allocation-percent {
font-size: 12px; }
.hp-progress {
width: 200px;
height: 10px;
margin-right: 10px;
background-color: #e5e5e5; }
.hp-progress.hp-condensed {
width: 50px;
margin-right: 10px; }
.hp-progress.hp-skipped {
background-color: #fff;
border: 1px solid #e5e5e5; }
.hp-progress .hp-progress-done {
height: 100%;
background-color: #90A3B2; }
span.hp-progress {
display: inline-block; }
.hp-utilization-meter, .hp-allocation-meter {
position: relative;
display: inline-block;
width: 80px;
height: 10px;
overflow-x: visible; }
.hp-utilization-meter .hp-total-bar, .hp-allocation-meter .hp-total-bar {
width: 80px;
height: 10px;
background-color: #eee;
position: relative; }
.hp-utilization-meter.hp-large, .hp-allocation-meter.hp-large {
height: 20px;
width: 160px; }
.hp-utilization-meter.hp-large .hp-total-bar, .hp-allocation-meter.hp-large .hp-total-bar {
height: 100%;
width: 160px; }
.hp-utilization-meter.hp-utilization-meter-extend .hp-threshold, .hp-utilization-meter.hp-utilization-meter-extend .hp-threshold-error, .hp-utilization-meter.hp-utilization-meter-extend .hp-threshold-error.hp-above, .hp-allocation-meter.hp-utilization-meter-extend .hp-threshold, .hp-allocation-meter.hp-utilization-meter-extend .hp-threshold-error, .hp-allocation-meter.hp-utilization-meter-extend .hp-threshold-error.hp-above {
border-bottom: 2px solid #f04953;
border-right: 2px solid #f04953;
left: 0px; }
.hp-utilization-meter.hp-unset, .hp-allocation-meter.hp-unset {
background-color: #eee;
overflow: hidden;
border-left: 3px solid #eee;
border-right: 3px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-utilization-meter.hp-unset:after, .hp-allocation-meter.hp-unset:after {
content: '';
position: absolute;
left: 50%;
display: block;
background: url(data:image/gif;base64,R0lGODlhKAAKALMPAMLExs3O0OPk5ayusenp6u7v79jZ27e5u97f4LKzttPU1fn6+vT09b2+waeprP///yH5BAEAAA8ALAAAAAAoAAoAAASN8Mm3QJgzACzN4Q9xFFzRGFjgNBziDKXjkNMyOCjWOJdUyASMzaHg7DYYhSPBEbwYkyNHycQ4B9AJAyhMECfXrGTrCNa8Rd1qulxIFmjjOtm2ysQPsmBCdYPvGHoccRgAc3kyexiEE4YsdAl+EgSAEiqPEwZ1Ez8OeA83CHI9HQ2fImY1BzmFpBkAkg8RADs=) no-repeat;
width: 45px;
height: 100%;
margin-left: -22px; }
.hp-utilization-meter.hp-unset > *, .hp-allocation-meter.hp-unset > * {
display: none; }
.hp-utilization-meter.hp-over, .hp-allocation-meter.hp-over {
overflow: hidden; }
.hp-utilization-meter.hp-over:after, .hp-allocation-meter.hp-over:after {
content: '';
position: absolute;
top: 0px;
right: 5px;
width: 13px;
height: 100%;
border-width: 4px;
border-style: none solid;
border-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-utilization-meter .hp-value-bar, .hp-allocation-meter .hp-value-bar {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
background-color: #90A3B2; }
.hp-utilization-meter .hp-value-bar.hp-value-ok, .hp-utilization-meter .hp-value-bar.hp-ok, .hp-allocation-meter .hp-value-bar.hp-value-ok, .hp-allocation-meter .hp-value-bar.hp-ok {
background-color: #90A3B2; }
.hp-utilization-meter .hp-value-bar.hp-value-ok .hp-value, .hp-utilization-meter .hp-value-bar.hp-ok .hp-value, .hp-allocation-meter .hp-value-bar.hp-value-ok .hp-value, .hp-allocation-meter .hp-value-bar.hp-ok .hp-value {
background-color: #90A3B2; }
.hp-utilization-meter .hp-value-bar.hp-value-warning, .hp-utilization-meter .hp-value-bar.hp-warning, .hp-allocation-meter .hp-value-bar.hp-value-warning, .hp-allocation-meter .hp-value-bar.hp-warning {
background-color: #ffd144; }
.hp-utilization-meter .hp-value-bar.hp-value-warning .hp-value, .hp-utilization-meter .hp-value-bar.hp-warning .hp-value, .hp-allocation-meter .hp-value-bar.hp-value-warning .hp-value, .hp-allocation-meter .hp-value-bar.hp-warning .hp-value {
background-color: #ffd144; }
.hp-utilization-meter .hp-value-bar.hp-value-error, .hp-utilization-meter .hp-value-bar.hp-error, .hp-allocation-meter .hp-value-bar.hp-value-error, .hp-allocation-meter .hp-value-bar.hp-error {
background-color: #f04953; }
.hp-utilization-meter .hp-value-bar.hp-value-error .hp-value, .hp-utilization-meter .hp-value-bar.hp-error .hp-value, .hp-allocation-meter .hp-value-bar.hp-value-error .hp-value, .hp-allocation-meter .hp-value-bar.hp-error .hp-value {
background-color: #f04953; }
.hp-utilization-meter .hp-value-bar.hp-color-blue, .hp-allocation-meter .hp-value-bar.hp-color-blue {
background-color: #2AD2C9; }
.hp-utilization-meter .hp-value-bar.hp-color-blue .hp-value, .hp-allocation-meter .hp-value-bar.hp-color-blue .hp-value {
background-color: #2AD2C9; }
.hp-utilization-meter .hp-value-bar.hp-color-subduedpurple, .hp-allocation-meter .hp-value-bar.hp-color-subduedpurple {
background-color: #60798D; }
.hp-utilization-meter .hp-value-bar.hp-color-subduedpurple .hp-value, .hp-allocation-meter .hp-value-bar.hp-color-subduedpurple .hp-value {
background-color: #60798D; }
.hp-utilization-meter .hp-value-bar.hp-color-subduedblue, .hp-allocation-meter .hp-value-bar.hp-color-subduedblue {
background-color: #99d5ef; }
.hp-utilization-meter .hp-value-bar.hp-color-subduedblue .hp-value, .hp-allocation-meter .hp-value-bar.hp-color-subduedblue .hp-value {
background-color: #99d5ef; }
.hp-utilization-meter .hp-value-bar.hp-color-purple, .hp-allocation-meter .hp-value-bar.hp-color-purple {
background-color: #822980; }
.hp-utilization-meter .hp-value-bar.hp-color-purple .hp-value, .hp-allocation-meter .hp-value-bar.hp-color-purple .hp-value {
background-color: #822980; }
.hp-utilization-meter .hp-value-bar.hp-color-subduedgray, .hp-allocation-meter .hp-value-bar.hp-color-subduedgray {
background-color: #b9b8bb; }
.hp-utilization-meter .hp-value-bar.hp-color-subduedgray div, .hp-allocation-meter .hp-value-bar.hp-color-subduedgray div {
background-color: #b9b8bb; }
.hp-utilization-meter .hp-value-bar.hp-color-gray, .hp-allocation-meter .hp-value-bar.hp-color-gray {
background-color: #767676; }
.hp-utilization-meter .hp-value-bar.hp-color-gray div, .hp-allocation-meter .hp-value-bar.hp-color-gray div {
background-color: #767676; }
.hp-utilization-meter .hp-value-bar .hp-value, .hp-allocation-meter .hp-value-bar .hp-value {
display: none;
position: absolute;
top: 25%;
width: 4px;
height: 50%;
background-color: #90A3B2; }
.hp-utilization-meter .hp-value-bar.hp-value-at-min .hp-value, .hp-utilization-meter .hp-value-bar.hp-at-min .hp-value, .hp-allocation-meter .hp-value-bar.hp-value-at-min .hp-value, .hp-allocation-meter .hp-value-bar.hp-at-min .hp-value {
display: block;
top: 0%;
right: -2px;
width: 2px;
height: 100%;
background-color: #c7c7c7; }
.hp-utilization-meter .hp-threshold, .hp-utilization-meter .hp-threshold-error, .hp-utilization-meter .hp-threshold-warning, .hp-allocation-meter .hp-threshold, .hp-allocation-meter .hp-threshold-error, .hp-allocation-meter .hp-threshold-warning {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
background-color: transparent;
border-width: 2px;
border-right-style: solid; }
.hp-utilization-meter .hp-threshold.hp-threshold-above, .hp-utilization-meter .hp-threshold.hp-above, .hp-utilization-meter .hp-threshold-error.hp-threshold-above, .hp-utilization-meter .hp-threshold-error.hp-above, .hp-utilization-meter .hp-threshold-warning.hp-threshold-above, .hp-utilization-meter .hp-threshold-warning.hp-above, .hp-allocation-meter .hp-threshold.hp-threshold-above, .hp-allocation-meter .hp-threshold.hp-above, .hp-allocation-meter .hp-threshold-error.hp-threshold-above, .hp-allocation-meter .hp-threshold-error.hp-above, .hp-allocation-meter .hp-threshold-warning.hp-threshold-above, .hp-allocation-meter .hp-threshold-warning.hp-above {
border-color: #999; }
.hp-utilization-meter .hp-threshold.hp-threshold-below, .hp-utilization-meter .hp-threshold.hp-below, .hp-utilization-meter .hp-threshold-error.hp-threshold-below, .hp-utilization-meter .hp-threshold-error.hp-below, .hp-allocation-meter .hp-threshold.hp-threshold-below, .hp-allocation-meter .hp-threshold.hp-below, .hp-allocation-meter .hp-threshold-error.hp-threshold-below, .hp-allocation-meter .hp-threshold-error.hp-below {
border-color: #faa; }
.hp-utilization-meter .hp-threshold-warning.hp-threshold-below, .hp-utilization-meter .hp-threshold-warning.hp-below, .hp-allocation-meter .hp-threshold-warning.hp-threshold-below, .hp-allocation-meter .hp-threshold-warning.hp-below {
border-color: #eec; }
.hp-utilization-meter.hp-vertical, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter, .hp-allocation-meter.hp-vertical, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter {
height: 80px;
width: 10px; }
.hp-utilization-meter.hp-vertical.hp-unset:after, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter.hp-unset:after, .hp-allocation-meter.hp-vertical.hp-unset:after, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter.hp-unset:after {
content: '';
left: -1px;
top: 50%;
background: url(data:image/gif;base64,R0lGODlhCwAoAMQQAO7v783O0MjJy7e5u+Pk5djZ2+np6rKztvT09d7f4NPU1cLExr2+wayusfn6+qeprP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAALACgAAAWLIJQoDmSeJvM0CnoC6nMYrpk0z7MgtRPkD1INEVvUTISB4OgCEJiQwWNAq91yu95v1arBcoen9ZALHB2KBwOKAkDJglKtkGMdDbHZ8arjuXxACUdEU1AAcmwCDQVMAmBVLnxZf1t2XnmQKAlka2cFmUwKC6AnCzkCfigOjlxHXzKkIjh9WlhMCAsKIQA7) no-repeat;
width: 100%;
height: 45px;
margin-top: -22px;
margin-left: 0px; }
.hp-utilization-meter.hp-vertical.hp-over:after, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter.hp-over:after, .hp-allocation-meter.hp-vertical.hp-over:after, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter.hp-over:after {
content: '';
top: 5px;
left: 0px;
right: 0px;
width: 100%;
height: 13px;
border-style: solid none; }
.hp-utilization-meter.hp-vertical .hp-value-bar, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-value-bar, .hp-allocation-meter.hp-vertical .hp-value-bar, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-value-bar {
height: auto;
width: 100%;
top: auto;
bottom: 0px; }
.hp-utilization-meter.hp-vertical .hp-value-bar.hp-value-at-min .hp-value, .hp-utilization-meter.hp-vertical .hp-value-bar.hp-at-min .hp-value, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-value-bar.hp-value-at-min .hp-value, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-value-bar.hp-at-min .hp-value, .hp-allocation-meter.hp-vertical .hp-value-bar.hp-value-at-min .hp-value, .hp-allocation-meter.hp-vertical .hp-value-bar.hp-at-min .hp-value, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-value-bar.hp-value-at-min .hp-value, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-value-bar.hp-at-min .hp-value {
display: block;
right: auto;
top: -4px; }
.hp-utilization-meter.hp-vertical .hp-value, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-value, .hp-allocation-meter.hp-vertical .hp-value, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-value {
top: auto;
left: 25%;
width: 50%;
height: 4px; }
.hp-utilization-meter.hp-vertical .hp-threshold, .hp-utilization-meter.hp-vertical .hp-threshold-error, .hp-utilization-meter.hp-vertical .hp-threshold-warning, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-threshold, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-threshold-error, .hp-utilization-allocation.hp-vertical > .hp-utilization-meter .hp-threshold-warning, .hp-allocation-meter.hp-vertical .hp-threshold, .hp-allocation-meter.hp-vertical .hp-threshold-error, .hp-allocation-meter.hp-vertical .hp-threshold-warning, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-threshold, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-threshold-error, .hp-utilization-allocation.hp-vertical > .hp-allocation-meter .hp-threshold-warning {
height: auto;
width: 100%;
top: auto;
bottom: 0px;
border-right-style: none;
border-top-style: solid; }
.hp-utilization-allocation, .hp-stacked-utilization-meter, .hp-bar-meter {
position: relative;
display: inline-block; }
.hp-utilization-allocation .hp-utilization-meter, .hp-stacked-utilization-meter .hp-utilization-meter, .hp-bar-meter .hp-utilization-meter {
display: block;
margin-bottom: 3px; }
.hp-utilization-allocation .hp-allocation-meter, .hp-stacked-utilization-meter .hp-allocation-meter, .hp-bar-meter .hp-allocation-meter {
display: block;
height: 6px;
opacity: 0.5; }
.hp-utilization-allocation .hp-allocation-meter .hp-total-bar, .hp-stacked-utilization-meter .hp-allocation-meter .hp-total-bar, .hp-bar-meter .hp-allocation-meter .hp-total-bar {
height: 100%; }
.hp-utilization-allocation.hp-vertical, .hp-stacked-utilization-meter.hp-vertical, .hp-bar-meter.hp-vertical {
white-space: nowrap; }
.hp-utilization-allocation.hp-vertical .hp-utilization-meter, .hp-stacked-utilization-meter.hp-vertical .hp-utilization-meter, .hp-bar-meter.hp-vertical .hp-utilization-meter {
display: inline-block;
vertical-align: bottom;
margin-bottom: 0px;
margin-right: 3px;
width: 10px; }
.hp-utilization-allocation.hp-vertical .hp-allocation-meter, .hp-stacked-utilization-meter.hp-vertical .hp-allocation-meter, .hp-bar-meter.hp-vertical .hp-allocation-meter {
display: inline-block;
vertical-align: bottom;
height: auto;
width: 6px; }
.hp-utilization-allocation.hp-large, .hp-stacked-utilization-meter.hp-large, .hp-bar-meter.hp-large {
min-height: 37px; }
.hp-utilization-allocation.hp-large .hp-utilization-meter, .hp-stacked-utilization-meter.hp-large .hp-utilization-meter, .hp-bar-meter.hp-large .hp-utilization-meter {
height: 20px;
width: 160px; }
.hp-utilization-allocation.hp-large .hp-utilization-meter .hp-total-bar, .hp-stacked-utilization-meter.hp-large .hp-utilization-meter .hp-total-bar, .hp-bar-meter.hp-large .hp-utilization-meter .hp-total-bar {
height: 100%;
width: 160px; }
.hp-utilization-allocation.hp-large .hp-utilization-meter.hp-unset:after, .hp-stacked-utilization-meter.hp-large .hp-utilization-meter.hp-unset:after, .hp-bar-meter.hp-large .hp-utilization-meter.hp-unset:after {
content: '';
top: 5px; }
.hp-utilization-allocation.hp-large .hp-allocation-meter, .hp-stacked-utilization-meter.hp-large .hp-allocation-meter, .hp-bar-meter.hp-large .hp-allocation-meter {
height: 12px;
width: 160px;
margin-top: 8px; }
.hp-utilization-allocation.hp-large .hp-allocation-meter .hp-total-bar, .hp-stacked-utilization-meter.hp-large .hp-allocation-meter .hp-total-bar, .hp-bar-meter.hp-large .hp-allocation-meter .hp-total-bar {
height: 100%;
width: 160px;
position: relative; }
.hp-utilization-allocation.hp-large .hp-allocation-meter.hp-unset:after, .hp-stacked-utilization-meter.hp-large .hp-allocation-meter.hp-unset:after, .hp-bar-meter.hp-large .hp-allocation-meter.hp-unset:after {
content: '';
top: 1px; }
.hp-utilization-allocation.hp-large.hp-vertical .hp-utilization-meter .hp-total-bar, .hp-stacked-utilization-meter.hp-large.hp-vertical .hp-utilization-meter .hp-total-bar, .hp-bar-meter.hp-large.hp-vertical .hp-utilization-meter .hp-total-bar {
height: 160px;
width: 20px; }
.hp-utilization-allocation.hp-large.hp-vertical .hp-utilization-meter.hp-unset:after, .hp-stacked-utilization-meter.hp-large.hp-vertical .hp-utilization-meter.hp-unset:after, .hp-bar-meter.hp-large.hp-vertical .hp-utilization-meter.hp-unset:after {
content: '';
top: 50%;
left: 4px; }
.hp-utilization-allocation.hp-large.hp-vertical .hp-allocation-meter .hp-total-bar, .hp-stacked-utilization-meter.hp-large.hp-vertical .hp-allocation-meter .hp-total-bar, .hp-bar-meter.hp-large.hp-vertical .hp-allocation-meter .hp-total-bar {
height: 100%;
width: 12px; }
.hp-utilization-allocation.hp-large.hp-vertical .hp-allocation-meter.hp-unset:after, .hp-stacked-utilization-meter.hp-large.hp-vertical .hp-allocation-meter.hp-unset:after, .hp-bar-meter.hp-large.hp-vertical .hp-allocation-meter.hp-unset:after {
content: '';
top: 50%;
left: 0px; }
.hp-utilization-allocation.hp-large .hp-legend .hp-value, .hp-stacked-utilization-meter.hp-large .hp-legend .hp-value, .hp-bar-meter.hp-large .hp-legend .hp-value {
font-size: 16px; }
.hp-utilization-allocation > div.hp-legend, .hp-stacked-utilization-meter > div.hp-legend, .hp-bar-meter > div.hp-legend {
margin-top: 10px; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-color > div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-color > div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-color > div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-color > div, .hp-bar-meter > div.hp-legend table.hp-key .hp-color > div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-color > div {
width: 10px;
height: 10px; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-name, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-name, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-name, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-name, .hp-bar-meter > div.hp-legend table.hp-key .hp-name, .hp-bar-meter > div.hp-legend ol.hp-key .hp-name {
color: #767676; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-value, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-value, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-value, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-value, .hp-bar-meter > div.hp-legend table.hp-key .hp-value, .hp-bar-meter > div.hp-legend ol.hp-key .hp-value {
text-align: right;
min-width: 40px; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-units, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-units, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-units, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-units, .hp-bar-meter > div.hp-legend table.hp-key .hp-units, .hp-bar-meter > div.hp-legend ol.hp-key .hp-units {
padding-left: 0px; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color div {
background-color: #90A3B2; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-error div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-error div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-error div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-error div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-error div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-error div {
background-color: #f04953; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-warning div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-warning div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-warning div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-warning div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-warning div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-warning div {
background-color: #ffd144; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-ok div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-ok div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-ok div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-ok div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-ok div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-ok div {
background-color: #90A3B2; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-blue div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-blue div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-blue div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-blue div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-blue div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-blue div {
background-color: #2AD2C9; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedpurple div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedpurple div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedpurple div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedpurple div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedpurple div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedpurple div {
background-color: #60798D; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedblue div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedblue div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedblue div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedblue div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedblue div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedblue div {
background-color: #99d5ef; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-purple div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-purple div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-purple div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-purple div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-purple div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-purple div {
background-color: #822980; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedgray div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedgray div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedgray div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedgray div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-subduedgray div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-subduedgray div {
background-color: #b9b8bb; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-gray div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-gray div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-gray div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-gray div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-value .hp-color.hp-color-gray div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color.hp-color-gray div {
background-color: #767676; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-total .hp-color div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-total .hp-color div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-total .hp-color div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-total .hp-color div, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-total .hp-color div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-total .hp-color div {
background-color: #eee; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-value .hp-color div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-value .hp-color div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color div, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color div {
background-color: #90A3B2;
opacity: 0.5; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-error div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-error div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-error div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-error div, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-error div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-error div {
background-color: #f1b4ac; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-warning div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-warning div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-warning div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-warning div, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-warning div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-warning div {
background-color: #fbe1a5; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-ok div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-ok div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-ok div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-ok div, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-value .hp-color.hp-ok div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-value .hp-color.hp-ok div {
background-color: #90A3B2;
opacity: .5; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-total .hp-color div, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-total .hp-color div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-total .hp-color div, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-total .hp-color div, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-total .hp-color div, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-total .hp-color div {
background-color: #e5e5e5; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-percent, .hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-percent, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-percent, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-percent, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-percent, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-percent, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-percent, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-percent, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-percent, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-percent, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-percent, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-percent {
min-width: 20px;
text-align: right; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-percent .hp-value, .hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-percent .hp-value, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-percent .hp-value, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-percent .hp-value, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-percent .hp-value, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-percent .hp-value, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-percent .hp-value, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-percent .hp-value, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-percent .hp-value, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-percent .hp-value, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-percent .hp-value, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-percent .hp-value {
color: #767676; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-utilization-percent .hp-value:after, .hp-utilization-allocation > div.hp-legend table.hp-key .hp-allocation-percent .hp-value:after, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-utilization-percent .hp-value:after, .hp-utilization-allocation > div.hp-legend ol.hp-key .hp-allocation-percent .hp-value:after, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-utilization-percent .hp-value:after, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-allocation-percent .hp-value:after, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-utilization-percent .hp-value:after, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key .hp-allocation-percent .hp-value:after, .hp-bar-meter > div.hp-legend table.hp-key .hp-utilization-percent .hp-value:after, .hp-bar-meter > div.hp-legend table.hp-key .hp-allocation-percent .hp-value:after, .hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-percent .hp-value:after, .hp-bar-meter > div.hp-legend ol.hp-key .hp-allocation-percent .hp-value:after {
content: '%';
padding-left: 5px; }
.hp-utilization-allocation > div.hp-legend table.hp-key td, .hp-stacked-utilization-meter > div.hp-legend table.hp-key td, .hp-bar-meter > div.hp-legend table.hp-key td {
padding-bottom: 0px; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-color, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-color, .hp-bar-meter > div.hp-legend table.hp-key .hp-color {
padding-right: 0px; }
.hp-utilization-allocation > div.hp-legend table.hp-key .hp-color > div, .hp-stacked-utilization-meter > div.hp-legend table.hp-key .hp-color > div, .hp-bar-meter > div.hp-legend table.hp-key .hp-color > div {
position: relative;
top: 2px; }
.hp-utilization-allocation > div.hp-legend table.hp-key tr.hp-utilization-total td, .hp-stacked-utilization-meter > div.hp-legend table.hp-key tr.hp-utilization-total td, .hp-bar-meter > div.hp-legend table.hp-key tr.hp-utilization-total td {
padding-bottom: 15px; }
.hp-utilization-allocation > div.hp-legend ol.hp-key, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key, .hp-bar-meter > div.hp-legend ol.hp-key {
white-space: normal;
margin-bottom: 0px; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li.hp-utilization-key > ol > li, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li.hp-utilization-key > ol > li, .hp-bar-meter > div.hp-legend ol.hp-key > li.hp-utilization-key > ol > li {
line-height: 20px; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li.hp-allocation-key > ol > li, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li.hp-allocation-key > ol > li, .hp-bar-meter > div.hp-legend ol.hp-key > li.hp-allocation-key > ol > li {
line-height: 20px; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li {
position: relative;
display: inline-block;
margin-right: 20px;
margin-bottom: 0px;
vertical-align: top; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li > *, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li > *, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li > * {
display: inline-block; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li .hp-color, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li .hp-color, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li .hp-color {
padding-right: 5px; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li .hp-name, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li .hp-name, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li .hp-name {
display: none;
position: absolute;
top: -25px;
left: 0px;
min-width: 100%;
padding: 2px 5px;
text-align: center;
background: #00b388;
color: #fff; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li .hp-name:after, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li .hp-name:after, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li .hp-name:after {
content: "";
position: absolute;
top: auto;
bottom: -5px;
left: 20px;
right: auto;
border-width: 5px 5px 0;
border-color: #00b388 transparent;
border-style: solid;
display: block;
width: 0; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li .hp-value, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li .hp-value, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li .hp-value {
padding-right: 5px; }
.hp-utilization-allocation > div.hp-legend ol.hp-key > li > ol > li:hover .hp-name, .hp-stacked-utilization-meter > div.hp-legend ol.hp-key > li > ol > li:hover .hp-name, .hp-bar-meter > div.hp-legend ol.hp-key > li > ol > li:hover .hp-name {
display: block; }
.hp-bar-meter.hp-meter-small {
height: 16px;
width: 80px; }
.hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-track .hp-data-path, .hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-threshold .hp-data-path, .hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-value .hp-data-path {
stroke-width: 4px; }
.hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-track .hp-shadow-path, .hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-threshold .hp-shadow-path, .hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-value .hp-shadow-path {
stroke-width: 12px; }
.hp-bar-meter.hp-meter-small .hp-meter-container .hp-meter .hp-meter-value.hp-expand .hp-data-path {
stroke-width: 9px; }
.hp-bar-meter.hp-meter-large {
height: 20px;
width: 200px; }
.hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-track .hp-data-path, .hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-threshold .hp-data-path, .hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-value .hp-data-path {
stroke-width: 5px; }
.hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-track .hp-shadow-path, .hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-threshold .hp-shadow-path, .hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-value .hp-shadow-path {
stroke-width: 15px; }
.hp-bar-meter.hp-meter-large .hp-meter-container .hp-meter .hp-meter-value.hp-expand .hp-data-path {
stroke-width: 11px; }
.hp-bar-meter.hp-unset .hp-meter-container .hp-meter .hp-meter-track .hp-shadow-path, .hp-bar-meter.hp-unset .hp-meter-container .hp-meter .hp-meter-threshold .hp-shadow-path, .hp-bar-meter.hp-unset .hp-meter-container .hp-meter .hp-meter-value .hp-shadow-path {
cursor: auto; }
.hp-bar-meter .hp-meter-container {
position: relative;
height: 100%;
width: 100%;
padding: 0; }
.hp-bar-meter .hp-meter-container .hp-meter {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 20%; }
.hp-bar-meter .hp-meter-container .hp-meter .hp-meter-track .hp-data-path {
stroke-linecap: butt;
fill: none;
stroke: rgba(0, 0, 0, 0.1); }
.hp-bar-meter .hp-meter-container .hp-meter .hp-meter-track .hp-shadow-path {
cursor: pointer;
stroke: rgba(0, 0, 0, 0.001); }
.hp-bar-meter .hp-meter-container .hp-meter .hp-meter-threshold .hp-data-path {
stroke-linecap: butt;
fill: none;
stroke: rgba(240, 73, 83, 0.5); }
.hp-bar-meter .hp-meter-container .hp-meter .hp-meter-value .hp-data-path {
stroke-linecap: butt;
fill: none;
stroke: #425563; }
.hp-bar-meter .hp-meter-container .hp-meter .hp-meter-value .hp-shadow-path {
cursor: pointer;
stroke: rgba(0, 0, 0, 0.001); }
.hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-value .hp-color div {
background-color: #425563; }
.hp-bar-meter > div.hp-legend ol.hp-key .hp-utilization-total .hp-color div {
background-color: rgba(0, 0, 0, 0.1); }
.hp-timestamp {
color: #767676;
white-space: nowrap; }
html.hp-high-contrast .hp-timestamp {
color: #333; }
div.ui-datepicker {
padding: 10px;
line-height: 17px;
background-color: #fff;
color: #767676;
border: 1px solid #bfbfbf;
z-index: 200; }
div.ui-datepicker .ui-datepicker-header {
background-image: none;
border: none;
border-radius: 0px;
margin-bottom: 10px;
text-align: center; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
display: block;
width: 12px;
height: 12px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, div.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
display: none; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
float: left;
margin-left: 5px;
background-position: -200px -20px; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
background-position: -200px 0px; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled.hp-datetimepicker-disable-pastMonth {
cursor: default;
opacity: 0.3; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled.hp-datetimepicker-disable-pastMonth:hover {
background-position: -200px -20px; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
float: right;
margin-right: 5px;
background-position: -200px -60px; }
div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
background-position: -200px -40px; }
div.ui-datepicker .ui-datepicker-buttonpane {
text-align: right;
padding-top: 10px; }
div.ui-datepicker .ui-datepicker-buttonpane button {
margin-left: 5px; }
div.ui-datepicker .ui-timepicker-div {
padding-top: 10px; }
div.ui-datepicker .ui-timepicker-div dl dt {
float: none; }
div.ui-datepicker .ui-timepicker-div dl dd {
margin-left: 0px; }
div.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_time .ui_tpicker_time_input {
border-bottom: 0px;
padding: 0px;
width: 100%; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select {
width: 290px; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dt {
width: 76px;
float: left;
clear: both; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd {
width: 200px;
margin-left: 26%; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select::-ms-expand {
display: none; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select {
text-transform: lowercase;
padding-right: 20px;
padding-left: 10px;
border: 1px solid #d9d9d9;
color: #333;
outline: none;
font-size: 16px;
font-weight: normal;
font-family: Metric;
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: right 5px;
background-repeat: no-repeat; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select:hover, div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select:focus {
box-shadow: none;
border: 1px solid #d9d9d9;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select option {
border: none; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select:active, div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select:hover {
outline-color: #d9d9d9; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dt:not(:first-child) {
margin-top: 6px; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select .ui_tpicker_millisec {
display: none; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select .ui_tpicker_time {
word-break: break-all;
word-break: break-word;
vertical-align: top;
margin-bottom: 5px; }
div.ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select .ui_tpicker_timezone select {
width: 195px;
text-transform: none; }
table.ui-datepicker-calendar {
width: 100%; }
table.ui-datepicker-calendar thead th {
padding: 3px 7px 3px 3px;
border-left: none;
text-align: right; }
table.ui-datepicker-calendar tbody tr {
background-image: none; }
table.ui-datepicker-calendar tbody tr td {
padding: 2px;
text-align: center; }
table.ui-datepicker-calendar tbody tr td a {
display: block;
padding: 5px;
border: 1px solid transparent; }
table.ui-datepicker-calendar tbody tr td a:hover {
background-color: #f3f3f3;
text-decoration: none; }
table.ui-datepicker-calendar tbody tr td a.ui-state-active {
background-color: #ccf0e7;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
body.hp-wcag-focus-visible div:not(.ui-datepicker-inline) table.ui-datepicker-calendar tbody tr td.ui-datepicker-days-cell-over {
outline: 1px solid #00b388; }
table.ui-datepicker-calendar tbody tr td.ui-datepicker-today.hp-datetimepicker-today-highlight .ui-state-default.ui-state-highlight {
background-color: transparent;
border: 1px solid #01a982; }
table.ui-datepicker-calendar tbody tr td.ui-datepicker-today.hp-datetimepicker-today-highlight .ui-state-default.ui-state-active {
background-color: #ccf0e7; }
table.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.ui-state-disabled {
vertical-align: middle; }
table.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
padding: 5px;
color: #ccc; }
table.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.ui-state-disabled .ui-state-default:hover {
text-decoration: none; }
table.ui-datepicker-calendar .ui-state-default {
background-image: none;
color: #333; }
table.ui-datepicker-calendar .ui-state-default:hover {
text-decoration: underline; }
div.hp-date-range {
position: relative;
padding: 10px;
white-space: nowrap; }
div.hp-select div.hp-date-range > label {
position: absolute;
top: 0px; }
div.hp-select div.hp-date-range > div.hp-date {
display: inline-block;
margin-right: -3px;
line-height: 24px;
padding-top: 15px; }
div.hp-select div.hp-date-range > div.hp-date div.ui-datepicker {
border: none;
padding: 0px; }
div.hp-select div.hp-date-range > div.hp-date div.ui-datepicker table.ui-datepicker-calendar thead th {
padding: 2px; }
div.hp-select div.hp-date-range > div.hp-date div.ui-datepicker table.ui-datepicker-calendar tbody tr td a {
padding: 2px 1px; }
div.hp-master-filter div.hp-select div.hp-date-range > div.hp-date {
display: block; }
div.hp-select div.hp-date-range div.hp-date-range-from {
border-right: 1px solid #e6e6e6;
padding-right: 10px; }
div.hp-master-filter div.hp-select div.hp-date-range div.hp-date-range-from {
border: none;
padding-right: 0px;
margin-left: -10px; }
div.hp-select div.hp-date-range div.hp-date-range-to {
padding-left: 10px; }
div.hp-master-filter div.hp-select div.hp-date-range div.hp-date-range-to {
padding-left: 0px;
margin-left: -10px; }
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px; }
.ui-timepicker-div dl {
text-align: left; }
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px; }
.ui-timepicker-div dl dd {
margin: 0 10px 10px 40%; }
.ui-timepicker-div td {
font-size: 90%; }
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide {
display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
background: none;
color: inherit;
border: none;
outline: none;
border-bottom: solid 1px #555;
width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
border-bottom-color: #aaa; }
.ui-timepicker-rtl {
direction: rtl; }
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt {
float: right;
clear: right; }
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px; }
.ui-timepicker-div.ui-timepicker-oneLine {
padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
display: block;
padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl {
text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
display: inline-block;
margin: 0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
content: ':';
display: inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
content: '.';
display: inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
display: none; }
.hp-toggle {
display: inline-block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #bbb;
font-size: 14px;
color: #000;
margin-bottom: 10px;
white-space: nowrap;
overflow-x: hidden;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
table td .hp-toggle {
margin-bottom: 0px; }
.hp-toggle:focus {
border: 1px solid #ccf0e7;
outline: none; }
.hp-toggle:hover .hp-toggle-thumb {
background-color: #333; }
.hp-toggle.hp-error {
border: 2px solid #f04953; }
.hp-toggle[disabled] {
color: #767676;
opacity: .45; }
.hp-toggle ol {
position: relative;
margin-bottom: 0px;
-webkit-transition: left 0.2s;
-moz-transition: left 0.2s;
transition: left 0.2s; }
.hp-toggle li {
display: inline-block;
margin-right: -4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 10px;
margin: 0px;
background-color: #fff; }
.hp-toggle li.hp-on {
padding-right: 16px; }
.hp-toggle li.hp-off {
padding-left: 16px; }
.hp-toggle.hp-disabled {
color: #767676;
opacity: .45; }
.hp-toggle .hp-toggle-thumb {
position: absolute;
top: 6px;
left: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
height: 20px;
width: 6px;
background-color: #999;
-webkit-transition: left 0.2s;
-moz-transition: left 0.2s;
transition: left 0.2s; }
table td .hp-toggle .hp-toggle-thumb {
top: 4px; }
.hp-toggle.hp-checked .hp-toggle-thumb {
background-color: #017b5f; }
.hp-toggle.hp-checked:hover .hp-toggle-thumb {
background-color: #333; }
.ui-slider {
position: relative;
text-align: left; }
.ui-slider:after {
position: absolute;
top: 7px;
left: 0px;
content: '';
height: 2px;
width: 100%;
background-color: #d9d9d9; }
.ui-slider:hover:after {
content: '';
background-color: #ccc; }
.ui-slider:hover .ui-slider-handle {
background-position: -356px 3px; }
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 20px;
height: 20px;
cursor: default;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -356px -17px;
background-repeat: no-repeat; }
.ui-slider .ui-slider-handle:focus, .ui-slider .ui-slider-handle:hover {
outline: none;
background-position: -356px 3px; }
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-position: 0 0; }
.ui-slider-horizontal {
height: 16px; }
.ui-slider-horizontal .ui-slider-handle {
top: -2px;
margin-left: -10px; }
.ui-slider-vertical {
width: 5px;
height: 100px; }
.ui-slider-vertical .ui-slider-handle {
left: -7px;
margin-left: 0;
margin-bottom: -10px; }
.hp-plot .tickLabel {
color: #767676;
font-size: 12px; }
.hp-plot .x1Axis .tickLabel {
padding-top: 5px; }
.hp-plot .y1Axis .tickLabel {
padding-right: 5px; }
.hp-plot .y2Axis .tickLabel {
padding-left: 5px; }
.hp-flyout .hp-plot {
width: 300px;
height: 200px; }
.hp-plot-legend {
margin: 10px 0px;
white-space: normal; }
.hp-plot-legend table thead th {
background: none;
border-left: none;
padding: 2px 10px 2px 0px; }
.hp-plot-legend tr {
background: none; }
.hp-plot-legend tr td {
padding: 2px 10px 2px 0px; }
.hp-plot-legend tr td.legendColorBox {
padding-right: 20px; }
.hp-plot-legend tr td.legendLabel {
color: #767676; }
.hp-plot-legend > li {
margin-bottom: 0px;
line-height: 24px; }
.hp-plot-legend > li:last-child {
margin-bottom: 0px; }
.hp-plot-legend > li .hp-key {
display: inline-block; }
.hp-plot-legend > li .hp-key .hp-color {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px; }
.hp-plot-legend > li .hp-key .hp-name {
color: #767676;
padding-left: 0px;
white-space: nowrap; }
.hp-plot-legend > li .hp-current {
display: inline-block;
margin-left: 15px; }
.hp-plot-legend > li .hp-current .hp-value {
display: inline-block;
font-size: 16px;
padding-right: 0px;
min-width: 40px;
text-align: right; }
.hp-plot-legend > li .hp-current .hp-units {
padding-left: 5px; }
@-webkit-keyframes dash {
from {
stroke-dashoffset: -200; }
to {
stroke-dashoffset: 0; } }
@-moz-keyframes dash {
from {
stroke-dashoffset: -200; }
to {
stroke-dashoffset: 0; } }
@-ms-keyframes dash {}
@-o-keyframes dash {
from {
stroke-dashoffset: -200; }
to {
stroke-dashoffset: 0; } }
@keyframes dash {
from {
stroke-dashoffset: -200; }
to {
stroke-dashoffset: 0; } }
div.hp-donut {
position: relative;
width: 120px;
height: 120px;
text-align: center; }
div.hp-donut div.hp-graphic {
width: 120px;
height: 120px; }
div.hp-donut div.hp-graphic div.hp-pie-label {
font-size: 24px;
color: #d9d9d9; }
div.hp-donut label {
position: absolute;
top: 32px;
left: 0px;
display: block;
width: 120px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
text-align: center;
pointer-events: none; }
div.hp-donut label .hp-value {
display: inline-block;
font-size: 24px;
line-height: normal;
background-color: rgba(255, 255, 255, 0.8); }
div.hp-donut label .hp-label {
display: inline-block;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.8);
padding: 2px;
margin-top: -2px; }
.hp-ring-meter-container {
position: relative; }
.hp-ring-meter-container svg.hp-ring-meter g path {
stroke-width: 6;
fill: none;
-webkit-transition: stroke-width 0.3s;
transition: stroke-width 0.3s; }
.hp-ring-meter-container svg.hp-ring-meter g path.hp-shadow-path {
stroke: transparent;
stroke-width: 30; }
.hp-ring-meter-container svg.hp-ring-meter g path.hp-active {
stroke-width: 15; }
.hp-ring-meter-container svg.hp-ring-meter g path.hp-animate {
stroke-dasharray: 2000;
animation: dash 1s linear forwards;
-webkit-animation: dash 0.5s linear forwards;
-moz-animation: dash 0.5s linear forwards;
-ms-animation: none;
-o-animation: dash 0.5s linear forwards; }
.hp-ring-meter-container .hp-ring-meter-label-container {
position: absolute;
text-align: center;
font-family: "Work Sans", Arial, sans-serif; }
.hp-ring-meter-container .hp-ring-meter-label-container .hp-ring-meter-label {
line-height: normal; }
.hp-ring-meter-container .hp-ring-meter-label-container .hp-ring-meter-value {
font-weight: 600; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-xsmall {
width: 85px;
top: 40px;
left: 23px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-xsmall .hp-ring-meter-value {
font-size: 1.3rem;
padding-bottom: 5px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-xsmall .hp-ring-meter-label {
font-size: 1rem; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-small {
width: 115px;
top: 65px;
left: 33px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-small .hp-ring-meter-value {
font-size: 1.5rem;
padding-bottom: 10px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-small .hp-ring-meter-label {
font-size: 1.1875rem; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-medium {
width: 270px;
top: 150px;
left: 40px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-medium .hp-ring-meter-value {
line-height: 30px;
font-size: 2.25rem;
padding-bottom: 15px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-medium .hp-ring-meter-label {
font-size: 1.3rem; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-large {
width: 420px;
top: 225px;
left: 60px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-large .hp-ring-meter-value {
line-height: 50px;
font-size: 4.5rem;
padding-bottom: 20px; }
.hp-ring-meter-container .hp-ring-meter-label-container.hp-large .hp-ring-meter-label {
font-size: 1.5rem; }
.hp-ring-meter-container .hp-ring-meter-legend-container {
margin: auto; }
.hp-ring-meter-container .hp-ring-meter-legend-container td {
color: #767676; }
.hp-ring-meter-container .hp-ring-meter-legend-container td.hp-legend-label {
width: 90%; }
.hp-ring-meter-container .hp-ring-meter-legend-container td.hp-legend-value {
text-align: right; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-xsmall {
width: 120px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-xsmall tr:first-child > td.hp-legend-colorbox {
padding-top: 14px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-xsmall td.hp-legend-colorbox {
padding-top: 9px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-xsmall td.hp-legend-colorbox > div {
width: 10px;
height: 10px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-small {
width: 180px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-small tr:first-child > td.hp-legend-colorbox {
padding-top: 14px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-small td.hp-legend-colorbox {
padding-top: 9px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-small td.hp-legend-colorbox > div {
width: 10px;
height: 10px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-medium {
width: 340px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-medium td {
font-size: 18px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-medium td.hp-legend-colorbox > div {
width: 15px;
height: 15px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-large {
width: 500px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-large td {
font-size: 20px;
padding-top: 20px; }
.hp-ring-meter-container .hp-ring-meter-legend-container.hp-large td.hp-legend-colorbox > div {
width: 20px;
height: 20px; }
.hp-distribution-meter-container {
position: relative;
font-family: "Work Sans", Arial, sans-serif; }
.hp-distribution-meter-container .hp-distribution-meter-text-container {
position: absolute; }
.hp-distribution-meter-container .hp-distribution-meter-text-container .hp-distribution-meter-value {
font-weight: 600;
font-size: 2.0rem;
color: #fff;
padding-left: 10px;
line-height: 24px; }
.hp-distribution-meter-container .hp-distribution-meter-text-container .hp-distribution-meter-value.hp-small {
font-size: 1rem;
padding-left: 7px;
line-height: 18px; }
.hp-distribution-meter-container .hp-distribution-meter-text-container .hp-distribution-meter-label {
font-size: 1rem;
color: #fff;
padding-left: 10px; }
.hp-distribution-meter-container .hp-distribution-meter-text-container .hp-distribution-meter-label.hp-small {
line-height: 18px;
padding-left: 7px; }
.hp-flyout {
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
background-color: #fff;
color: #333;
z-index: 3000;
border: 1px solid #333; }
.hp-flyout.hp-flyout-below:after {
content: "";
position: absolute;
top: -9px;
bottom: auto;
left: 9px;
right: auto;
border-width: 0 9px 9px;
border-color: #333 transparent;
border-style: solid;
display: block;
width: 0; }
.hp-flyout.hp-flyout-shifted:after, .hp-flyout.hp-flyout-overlap:after {
content: "";
display: none; }
.hp-flyout h1 {
font-size: 16px;
line-height: 18px;
color: #333; }
.hp-flyout .hp-full {
width: auto; }
.hp-flyout .hp-full .hp-summary {
margin: 5px 0px 15px;
color: #666; }
.hp-flyout .hp-full .hp-summary > * {
display: inline-block;
white-space: nowrap; }
.hp-flyout .hp-full .hp-summary .hp-status {
padding-right: 3px;
vertical-align: top; }
.hp-flyout .hp-full .hp-secondary {
margin-top: 0px;
padding-left: 0px;
color: #767676; }
.hp-flyout .hp-full .hp-usage {
margin-right: 10px; }
.hp-flyout .hp-full .hp-simple-table {
margin-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
width: 100%; }
.hp-flyout .hp-full .hp-simple-table thead {
display: table-header-group; }
.hp-flyout .hp-full .hp-simple-table thead th {
background-image: none;
color: #333;
padding-left: 0; }
.hp-flyout .hp-full .hp-simple-table tr td {
padding-bottom: 3px;
padding-top: 3px; }
.hp-flyout .hp-full .hp-simple-table tr td:first-child {
text-align: left; }
.hp-flyout .hp-full .hp-graphic-legend .hp-key .hp-color {
display: inline-block;
height: 10px;
margin-right: 5px;
width: 10px; }
.hp-flyout .hp-full .hp-plot {
margin: 0 10px 20px 20px; }
.hp-flyout .hp-full .hp-plot .flot-base {
padding-left: 20px; }
.hp-flyout .hp-full .hp-fields {
padding-left: 20px;
white-space: nowrap; }
.hp-flyout .hp-full .hp-fields li > * {
display: inline-block;
font-size: 13px;
line-height: 17px;
vertical-align: top; }
.hp-flyout .hp-full .hp-fields li > label {
color: #767676;
white-space: normal;
width: 35%; }
.hp-flyout .hp-full .hp-fields li > label:first-child {
color: #767676;
padding-left: 10px;
padding-right: 10px;
text-align: left;
margin: 0px 5px 5px 0px;
text-indent: -10px; }
.hp-flyout .hp-full .hp-fields li div, .hp-flyout .hp-full .hp-fields li ol {
width: 58%;
white-space: normal;
word-wrap: break-word;
word-break: break-word; }
.hp-flyout .hp-full ol, .hp-flyout .hp-full ul {
margin-bottom: 0; }
.hp-tooltip {
position: absolute;
padding: 10px 15px;
background-color: #00b388;
color: #fff;
font-size: 14px;
z-index: 10000; }
html.hp-high-contrast .hp-tooltip {
color: #000; }
.hp-tooltip.hp-above:after {
content: "";
position: absolute;
top: auto;
bottom: -7px;
left: 10px;
right: auto;
border-width: 9px 9px 0;
border-color: #00b388 transparent;
border-style: solid;
display: block;
width: 0; }
.hp-tooltip.hp-above-right:after {
content: "";
position: absolute;
top: auto;
bottom: -7px;
left: auto;
right: 10px;
border-width: 9px 9px 0px;
border-color: #00b388 transparent;
border-style: solid;
display: block;
width: 0; }
.hp-tooltip.hp-below:after {
content: "";
position: absolute;
top: -7px;
bottom: auto;
left: 10px;
right: auto;
border-width: 0 9px 9px 9px;
border-color: #00b388 transparent;
border-style: solid;
display: block;
width: 0; }
.hp-tooltip.hp-below-right:after {
content: "";
position: absolute;
top: -7px;
bottom: auto;
left: auto;
right: 10px;
border-width: 0 9px 9px 9px;
border-color: #00b388 transparent;
border-style: solid;
display: block;
width: 0; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector input.hp-search::-ms-clear, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector input.hp-search::-ms-clear {
display: none; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector div.hp-results-header, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector div.hp-results-header {
font-style: italic;
color: #767676;
margin: 0px 0px 10px 0px;
position: relative; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector div.hp-results-header .hp-results-message, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector div.hp-results-header .hp-results-message {
float: right; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-results-control td:hover, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-results-control td:hover {
background-color: inherit; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-results-control td .hp-show-more, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-results-control td .hp-show-more {
display: block; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-results-control td .hp-spinner-small, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-results-control td .hp-spinner-small {
margin: 0px auto; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_wrapper, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_wrapper {
margin: 0px 0px 10px 0px; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_wrapper thead tr th, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_wrapper thead tr th {
padding-right: 20px; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_wrapper tr td, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_wrapper tr td {
word-break: break-all; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_empty, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .dataTables_empty {
display: none; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-no-data, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-no-data {
padding: 10px 0px; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-empty-message .hp-add-help, .hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-empty-message .hp-add-action-link, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-empty-message .hp-add-help, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-empty-message .hp-add-action-link {
padding: 10px 0px; }
.hp-add-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-empty-message .hp-add-help, .hp-edit-form .hp-form-item .hp-form-content .hp-association-selector .hp-association-empty-message .hp-add-help {
color: #767676; }
.hp-add-form footer .hp-control-message, .hp-edit-form footer .hp-control-message {
padding: 0px 0px 0px 30px; }
.hp-add-form footer, .hp-add-form div.hp-footer, .hp-edit-form footer, .hp-edit-form div.hp-footer {
height: 60px;
line-height: 60px;
border-top: 1px solid #d9d9d9;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-add-form footer .hp-controls, .hp-add-form div.hp-footer .hp-controls, .hp-edit-form footer .hp-controls, .hp-edit-form div.hp-footer .hp-controls {
padding: 0px 15px;
white-space: nowrap;
text-align: right; }
.hp-add-form footer .hp-controls > *, .hp-add-form div.hp-footer .hp-controls > *, .hp-edit-form footer .hp-controls > *, .hp-edit-form div.hp-footer .hp-controls > * {
margin-left: 5px; }
div.hp-columns {
white-space: nowrap;
margin-bottom: 20px; }
div.hp-columns .hp-column {
display: inline-block;
margin-right: 20px;
vertical-align: top; }
div.hp-columns table.hp-column > tbody > tr > td {
padding: 5px 10px;
white-space: nowrap; }
div.hp-columns td.hp-name {
max-width: 150px;
display: inline-block; }
.hp-collapsible > label {
display: block;
font-size: 16px;
color: #767676;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 20px;
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);
background-position: -1px;
background-repeat: no-repeat;
cursor: pointer; }
.hp-collapsible > label.hp-value {
color: #000; }
html.hp-high-contrast .hp-collapsible > label {
color: #333; }
.hp-collapsible > label:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);
color: #333; }
.hp-collapsible.hp-collapsed > label {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
margin-bottom: 15px; }
.hp-collapsible.hp-collapsed > label:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
.hp-collapsible.hp-collapsed > div, .hp-collapsible.hp-collapsed > ol, .hp-collapsible.hp-collapsed > ul, .hp-collapsible.hp-collapsed > table {
display: none; }
.hp-collapsible > .hp-collapsible > * {
padding-left: 20px;
margin-left: 15px; }
.hp-collapsible > .hp-collapsible > label {
font-size: 14px; }
.hp-collapser {
width: 18px;
height: 18px;
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
background-position: -1px;
background-repeat: no-repeat;
cursor: pointer; }
.hp-collapser:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
.hp-collapser.hp-active {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7); }
.hp-collapser.hp-active:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7); }
.hp-collapsible {
margin-bottom: 20px; }
.hp-collapsible.hp-collapsed {
margin-bottom: 0px; }
.hp-rich-value {
position: relative; }
.hp-rich-value > * {
display: inline-block;
vertical-align: baseline;
margin-right: 10px; }
.hp-rich-value .hp-utilization-meter {
position: relative;
top: 1px;
height: 10px; }
div.hp-graphed-value {
position: relative; }
div.hp-graphed-value div.hp-value-graph {
margin-bottom: 5px; }
div.hp-graphed-value div.hp-value {
position: absolute;
top: 64px;
left: 40px;
width: 120px;
font-size: 32px;
line-height: normal;
text-align: center;
vertical-align: middle; }
div.hp-graphed-value div.hp-value .hp-units {
display: block;
font-size: 18px; }
div.hp-graphed-value .hp-units-details {
color: #666;
font-family: Metric, Arial, sans-serif;
display: block;
font-size: 18px; }
div.hp-icon {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat; }
div.hp-icon.hp-upload, div.hp-icon #hp-main-banner div.hp-banner-control {
width: 16px;
height: 17px;
background-position: -440px -20px;
margin: 0px;
display: block; }
.hp-selected div.hp-icon.hp-upload, div.hp-icon.hp-upload:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-upload, .hp-selected div.hp-icon #hp-main-banner div.hp-banner-control, div.hp-icon #hp-main-banner div.hp-banner-control:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon #hp-main-banner div.hp-banner-control {
background-position: -440px 0px; }
div.hp-icon.hp-power {
width: 16px;
height: 17px;
background-position: -380px -100px; }
div.hp-icon.hp-power:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-power {
background-position: -380px -80px; }
#hp-main-banner div.hp-banner-control.hp-on div.hp-icon.hp-power, div.hp-icon.hp-power.hp-on {
background-position: -380px -120px; }
#hp-main-banner div.hp-banner-control.hp-standby div.hp-icon.hp-power, div.hp-icon.hp-power.hp-standby {
background-position: -380px -100px; }
div.hp-icon.hp-console {
width: 16px;
height: 16px;
background-position: -540px -20px; }
div.hp-icon.hp-console:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-console {
background-position: -540px 0px; }
div.hp-icon.hp-disc {
width: 16px;
height: 16px;
background-position: -560px -20px; }
div.hp-icon.hp-disc:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-disc {
background-position: -560px 0px; }
.hp-uid {
width: 12px;
height: 12px;
background-position: -400px -100px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
display: inline-block;
cursor: pointer; }
.hp-uid.hp-disabled {
cursor: default; }
.hp-uid.hp-on {
background-position: -400px -140px; }
.hp-uid.hp-on:hover:not(.hp-disabled) {
background-position: -400px -120px; }
.hp-uid:hover:not(.hp-disabled) {
background-position: -400px -80px; }
.hp-uid-big {
height: 30px;
width: 30px;
margin-right: 15px;
vertical-align: baseline;
cursor: pointer; }
.hp-uid-big.hp-disabled {
cursor: default; }
.hp-uid-big.hp-on:after {
background-position: -400px -60px; }
.hp-uid-big.hp-on:hover:not(.hp-disabled):after {
background-position: -400px -40px; }
.hp-uid-big:after {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
height: 18px;
width: 18px;
background-position: -400px -20px;
position: absolute;
top: 9px;
left: 12px;
content: ""; }
.hp-uid-big:hover:not(.hp-disabled):after {
background-position: -400px 0px; }
.hp-uid-big.hp-blinking:after {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: blink;
-moz-animation-name: blink;
-ms-animation-name: blink;
-o-animation-name: blink;
animation-name: blink;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; }
div.hp-device .hp-icon.hp-power {
width: 14px;
height: 14px;
background-position: -380px -100px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
display: inline-block; }
div.hp-device .hp-icon.hp-power.hp-on {
background-position: -380px -120px; }
div.hp-device .hp-icon.hp-power.hp-on:hover {
background-position: -380px -100px; }
div.hp-device .hp-icon.hp-power:hover {
background-position: -380px -80px; }
.hp-delete, .hp-close {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -160px -20px;
background-repeat: no-repeat; }
.hp-delete:hover, .hp-close:hover {
background-position: -160px 0px; }
.hp-edit {
position: relative;
width: 16px;
height: 16px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -280px -120px;
background-repeat: no-repeat;
top: 1px; }
.hp-edit:hover {
background-position: -280px -140px; }
.hp-lockable, .hp-not-lockable-spacer {
width: 19px;
height: 16px;
position: relative;
overflow: hidden;
display: inline-block; }
td > .hp-lockable, td > .hp-not-lockable-spacer {
margin: -3px 0px 0px 0px; }
.hp-lock {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -575px -116px; }
.hp-lock.hp-disabled {
opacity: .3;
cursor: default; }
.hp-unlock {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -575px -136px; }
.hp-lock-clickable {
border: 1px solid #e6e6e6;
cursor: pointer; }
.hp-connect {
width: 17px;
height: 10px;
background: transparent url("../../img/hpe/connect.png?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
.hp-connect-long {
width: 75px;
height: 11px;
background: transparent url("../../img/hpe/connect_long.png?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
table td > .hp-connect, table td > .hp-connect-long {
margin: 4px 0px; }
.sort_asc {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
background-position: right 4px;
background-repeat: no-repeat;
height: 20px;
width: 20px; }
.sort_desc {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
background-position: right 4px;
background-repeat: no-repeat;
height: 20px;
width: 20px; }
.ui-icon {
width: 16px;
height: 16px;
background-image: url("../../img/hp-piano/ui-icons_222222_256x240.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
background-image: url("../../img/hp-piano/ui-icons_222222_256x240.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.ui-state-default .ui-icon {
background-image: url("../../img/hp-piano/ui-icons_888888_256x240.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
background-image: url("../../img/hp-piano/ui-icons_454545_256x240.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.ui-state-highlight .ui-icon {
background-image: url("../../img/hp-piano/ui-icons_2e83ff_256x240.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url("../../img/hp-piano/ui-icons_cd0a0a_256x240.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.sparkline {
width: 100px;
height: 25px;
background-color: transparent;
border-left: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px; }
.hp-active-drag {
background-color: #D6D6D6; }
.hp-hover-drop-target {
background-color: #66D0FA; }
.hp-pending-changes-message {
font-weight: bold; }
::-webkit-scrollbar {
width: 10px;
height: 10px; }
::-webkit-scrollbar-thumb {
background-color: rgba(164, 164, 164, 0.5); }
.ui-resizable {
position: relative; }
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none; }
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0px; }
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0px; }
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0px;
height: 100%; }
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0px;
height: 100%; }
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px; }
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px; }
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px; }
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.hp-token-text {
position: relative;
margin-right: 15px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: top 0.2s;
-moz-transition: top 0.2s;
transition: top 0.2s; }
.hp-token-text.hp-active .hp-token-text-spacer {
position: absolute;
padding-bottom: 10px;
z-index: 200; }
.hp-token-text.hp-active .hp-token-text-spacer .hp-token-text-menu {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
max-height: 200px;
overflow: auto;
-webkit-animation: 0.3s ease;
-moz-animation: 0.3s ease;
-ms-animation: 0.3s ease;
-o-animation: 0.3s ease;
animation: 0.3s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown; }
.hp-token-text.hp-editable .hp-tokens {
width: 400px;
min-height: 32px;
max-height: 200px;
overflow: auto;
padding: 5px 18px 0px 10px;
border: 1px solid #d9d9d9;
cursor: text; }
.hp-token-text.hp-editable .hp-tokens.hp-error {
border-color: #f04953;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP+Zmf9mM8yZmcwzM////wAAAAAAAAAAACH5BAEHAAQALAAAAAAUABQAAAMjSLrc/jDKSecYtQWc1wjdsoXKRRIj+Z3peQrAuZKta984kwAAOw==);
background-position: right 4px;
background-repeat: no-repeat; }
.hp-token-text.hp-editable .hp-tokens:focus {
border-color: #ccf0e7; }
.hp-token-text > *:first-child {
display: none; }
.hp-token-text .hp-tokens {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: 24px;
color: #333;
outline: none;
caret-color: black; }
.hp-token-text .hp-tokens.hp-error {
border-color: #f04953; }
.hp-token-text .hp-tokens span {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: 0px;
margin-bottom: 5px;
padding: 1px 0px;
white-space: pre;
pointer-events: none; }
.hp-token-text .hp-tokens span.hp-token {
margin: 0px 4px 5px 3px;
padding: 0px 10px 2px;
border-radius: 5px;
white-space: normal;
background-color: #f8f8f8;
border: 1px solid #ccc;
caret-color: transparent; }
.hp-token-text .hp-tokens span.hp-token:last-child {
padding-right: 10px; }
.hp-token-text .hp-tokens span.hp-token.hp-invalid {
border: 1px solid #f04953;
color: #f04953; }
.hp-token-text .hp-tokens span.hp-cursor {
color: transparent; }
.hp-token-text .hp-tokens span.hp-cursor::selection {
color: transparent;
background: transparent; }
.hp-token-text .hp-tokens span.hp-cursor::-moz-selection {
color: transparent;
background: transparent; }
.hp-token-text .hp-token-text-menu {
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0px;
z-index: 200;
max-height: 0px;
overflow: hidden;
-webkit-animation: 0.3s ease;
-moz-animation: 0.3s ease;
-ms-animation: 0.3s ease;
-o-animation: 0.3s ease;
animation: 0.3s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp; }
.hp-token-text .hp-token-text-menu li.hp-no-token {
background-color: #f3f3f3;
font-style: italic;
text-align: right;
cursor: auto;
color: #767676; }
.hp-token-text .hp-token-text-menu li.hp-no-token.hp-active {
background-color: #f3f3f3; }
.hp-token-text .hp-token-text-menu li.hp-no-token.hp-active span {
border: 0px; }
.hp-token-text .hp-token-text-menu li.hp-no-token span {
background-color: transparent;
border-radius: initial;
border: 0px; }
.hp-token-text .hp-token-text-menu li:first-child span:first-child {
margin-top: 5px; }
.hp-token-text .hp-token-text-menu li {
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer; }
.hp-token-text .hp-token-text-menu li span {
padding: 0px 10px 2px;
display: inline-block;
margin: 4px 3px;
border-radius: 5px;
white-space: normal;
background-color: #f8f8f8;
border: 1px solid #ccc; }
.hp-token-text .hp-token-text-menu li.hp-active {
background-color: #e6e6e6; }
.hp-token-text .hp-token-text-menu li.hp-active span {
border: 1px solid #999; }
.hp-token-text .hp-token-text-menu li.hp-selected {
background-color: #ccf0e7;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-token-text .hp-token-text-menu li.hp-disabled {
color: #ccc; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents {
padding-bottom: 0px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset {
margin-bottom: 0px; }
body.hp-narrow .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item {
margin-bottom: 0px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide {
width: 100%; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector {
max-width: 740px;
min-height: 477px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector .hp-association-selector .hp-text-hover:hover {
color: #333; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector .hp-association-selector span {
vertical-align: bottom; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector .hp-association-selector span.hp-has-children {
cursor: pointer; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector .hp-association-selector span.hp-has-children:after {
content: '>';
color: #333;
padding-left: 2px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
cursor: pointer; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs {
margin-top: 10px;
margin-bottom: 5px;
color: #333;
padding-left: 7px;
min-height: 20px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs li {
display: inline-block;
padding-right: 3px;
padding-left: 3px;
margin-bottom: 5px;
cursor: pointer; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs li span:hover {
text-decoration: underline; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs li:after {
content: '/';
color: #000;
padding-left: 6px;
cursor: default; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs li:last-child span {
color: #000;
text-decoration: none;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
cursor: default; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs li:last-child span:hover {
text-decoration: none; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector ol.hp-hierarchy-breadcrumbs li:last-child:after {
content: ''; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container {
width: 100%;
display: table;
white-space: nowrap;
border-top: 1px solid #ccc;
position: relative;
overflow: hidden;
min-height: 400px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container > * {
vertical-align: top; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container:focus {
outline: none;
border-color: #ccf0e7; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container {
display: table-cell;
width: 50%;
background-color: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
border-right: 1px solid #d9d9d9;
padding-top: 0px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container {
display: table-cell;
padding-top: 0px;
margin-left: -4px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
width: 50%; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol {
top: 20px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-active {
font-weight: normal; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li span {
padding-top: 8px;
padding-bottom: 10px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-has-children span:hover {
color: #333; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container .hp-no-data {
display: block;
visibility: visible;
position: absolute;
top: 46%;
left: 70%;
color: #767676;
font-style: italic;
font-size: 18px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container {
overflow: auto; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol {
list-style: none;
overflow-x: hidden; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol .hp-spinner, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol .hp-results-control, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol .hp-spinner, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol .hp-results-control {
background-color: transparent; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol .hp-spinner:hover, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol .hp-results-control:hover, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol .hp-spinner:hover, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol .hp-results-control:hover {
text-decoration: none;
background-color: transparent; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol .hp-results-control .hp-show-more:hover, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol .hp-results-control .hp-show-more:hover {
text-decoration: none; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li {
color: #000;
display: block;
padding-left: 10px;
text-indent: -10px;
line-height: 13px;
padding: 8px 30px 10px 20px;
cursor: pointer;
line-height: normal; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li span, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li span {
white-space: normal;
word-break: break-all; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li:hover, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li:hover {
text-decoration: none;
background-color: #e6e6e6; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li .hp-spinner-small, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li .hp-spinner-small {
padding-left: 10px; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-selected, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-selected {
background-color: #ccf0e7; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-selected.hp-active, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-selected.hp-active {
font-weight: normal; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-remove-highlight, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-remove-highlight {
background-color: transparent; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-active, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-active {
font-weight: 600; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-has-children span:after, .hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-grandchildren-container ol li.hp-has-children span:after {
content: '>';
color: #333;
padding-left: 5px;
cursor: default;
font-family: Metric;
font-weight: 600;
font-size: 16px;
vertical-align: bottom;
cursor: pointer; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-selected {
background-color: #ccf0e7; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-selected.hp-active {
font-weight: normal;
font-family: Metric, Arial, sans-serif; }
.hp-dialog.hp-dialog-plain form.hp-edit-form .hp-dialog-variable-contents fieldset li.hp-form-item .hp-form-content.hp-wide .hp-hierarchy-selector div.hp-hierarchy-selector-container .hp-hierarchy-children-container ol li.hp-active {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-token-builder, .hp-scope-builder {
position: relative;
display: inline-block;
margin-right: 15px;
min-width: 200px; }
.hp-token-builder.hp-active .hp-token-menu-spacer, .hp-token-builder.hp-active .hp-scope-menu-spacer, .hp-scope-builder.hp-active .hp-token-menu-spacer, .hp-scope-builder.hp-active .hp-scope-menu-spacer {
position: absolute;
padding-bottom: 10px;
z-index: 200; }
.hp-token-builder.hp-active .hp-token-menu-spacer .hp-token-builder-menu, .hp-token-builder.hp-active .hp-token-menu-spacer .hp-scope-builder-menu, .hp-token-builder.hp-active .hp-scope-menu-spacer .hp-token-builder-menu, .hp-token-builder.hp-active .hp-scope-menu-spacer .hp-scope-builder-menu, .hp-scope-builder.hp-active .hp-token-menu-spacer .hp-token-builder-menu, .hp-scope-builder.hp-active .hp-token-menu-spacer .hp-scope-builder-menu, .hp-scope-builder.hp-active .hp-scope-menu-spacer .hp-token-builder-menu, .hp-scope-builder.hp-active .hp-scope-menu-spacer .hp-scope-builder-menu {
display: block; }
.hp-token-builder.hp-active .hp-filters, .hp-scope-builder.hp-active .hp-filters {
border: 1px solid #ccf0e7; }
.hp-token-builder .hp-filters, .hp-scope-builder .hp-filters {
background-color: #fff;
border: 1px solid #d9d9d9; }
.hp-token-builder .hp-filters.hp-error, .hp-scope-builder .hp-filters.hp-error {
border-color: #f04953;
color: #333; }
.hp-token-builder .hp-filters ul.hp-tokens, .hp-token-builder .hp-filters ul.hp-scopes, .hp-scope-builder .hp-filters ul.hp-tokens, .hp-scope-builder .hp-filters ul.hp-scopes {
margin: 0px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-all-scopes, .hp-token-builder .hp-filters ul.hp-scopes .hp-all-scopes, .hp-scope-builder .hp-filters ul.hp-tokens .hp-all-scopes, .hp-scope-builder .hp-filters ul.hp-scopes .hp-all-scopes {
border: none;
background-color: #fff;
border-radius: 0px;
padding: 0px;
display: block;
margin: 5px 30px 5px 11px;
color: #767676; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-all-scopes input, .hp-token-builder .hp-filters ul.hp-scopes .hp-all-scopes input, .hp-scope-builder .hp-filters ul.hp-tokens .hp-all-scopes input, .hp-scope-builder .hp-filters ul.hp-scopes .hp-all-scopes input {
position: relative;
display: inline-block;
border: 0px;
padding: 0px;
margin: 0px 30px;
width: 1px;
color: transparent;
position: absolute;
left: -500px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope, .hp-token-builder .hp-filters ul.hp-scopes .hp-token, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope {
cursor: pointer;
position: relative;
display: inline-block;
border-radius: 5px;
margin: 5px 10px;
padding: 0px 20px 0px 5px;
line-height: 24px;
border: 1px solid #ccc;
background-color: #f8f8f8; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-selected, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-selected, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-selected, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-selected, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-selected, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-selected, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-selected, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-selected {
border-color: #2AD2C9;
border-width: 2px;
margin: 4px 9px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-selected:hover, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-selected:hover, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-selected:hover, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-selected:hover, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-selected:hover, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-selected:hover, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-selected:hover, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-selected:hover {
background-position: -160px 0px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token .hp-name, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope .hp-name, .hp-token-builder .hp-filters ul.hp-scopes .hp-token .hp-name, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope .hp-name, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token .hp-name, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope .hp-name, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token .hp-name, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope .hp-name {
padding-right: 5px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token .hp-name.hp-ellipsis, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope .hp-name.hp-ellipsis, .hp-token-builder .hp-filters ul.hp-scopes .hp-token .hp-name.hp-ellipsis, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope .hp-name.hp-ellipsis, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token .hp-name.hp-ellipsis, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope .hp-name.hp-ellipsis, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token .hp-name.hp-ellipsis, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope .hp-name.hp-ellipsis {
max-width: 180px;
display: inline-block; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token .hp-close, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope .hp-close, .hp-token-builder .hp-filters ul.hp-scopes .hp-token .hp-close, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope .hp-close, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token .hp-close, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope .hp-close, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token .hp-close, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope .hp-close {
position: absolute;
right: 0px;
top: 8px;
display: inline-block; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input {
border: none;
background-color: #fff;
border-radius: 0px;
padding: 0px;
display: block; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon {
position: absolute;
display: inline-block;
top: 9px;
width: 15px;
height: 16px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -420px -20px;
background-repeat: no-repeat; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon:hover, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon:hover, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon:hover {
background-position: -420px 0px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon.hp-active, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon.hp-active, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon.hp-active {
background-position: -420px 0px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search {
border: none;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 7px;
margin: 2px 0px;
display: block; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search.hp-search::-ms-reveal, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search.hp-search::-ms-clear, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search.hp-search::-ms-reveal {
display: none; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-close, .hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-close, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-close, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-close, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-close, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-close, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-close, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-close, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-close, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-close, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-close, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-close, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-close, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-close, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-close, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-close {
top: 10px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search-icon {
left: 0px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-token-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-token-input .hp-search {
padding-left: 20px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search-icon, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search-icon {
right: 0px; }
.hp-token-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search, .hp-token-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search, .hp-token-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-token.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-tokens .hp-scope.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-token.hp-scope-input .hp-search, .hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search {
padding-left: 0px; }
.hp-token-builder .hp-token-builder-menu, .hp-token-builder .hp-scope-builder-menu, .hp-scope-builder .hp-token-builder-menu, .hp-scope-builder .hp-scope-builder-menu {
z-index: 200;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
display: none; }
.hp-token-builder .hp-token-builder-menu > *, .hp-token-builder .hp-scope-builder-menu > *, .hp-scope-builder .hp-token-builder-menu > *, .hp-scope-builder .hp-scope-builder-menu > * {
display: block; }
.hp-token-builder .hp-token-builder-menu .hp-header, .hp-token-builder .hp-scope-builder-menu .hp-header, .hp-scope-builder .hp-token-builder-menu .hp-header, .hp-scope-builder .hp-scope-builder-menu .hp-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f3f3;
color: #767676;
padding: 7px 10px;
text-align: right;
font-style: italic; }
.hp-token-builder .hp-token-builder-menu .hp-spinner-small, .hp-token-builder .hp-scope-builder-menu .hp-spinner-small, .hp-scope-builder .hp-token-builder-menu .hp-spinner-small, .hp-scope-builder .hp-scope-builder-menu .hp-spinner-small {
cursor: default; }
.hp-token-builder .hp-token-builder-menu > .hp-spinner-small, .hp-token-builder .hp-scope-builder-menu > .hp-spinner-small, .hp-scope-builder .hp-token-builder-menu > .hp-spinner-small, .hp-scope-builder .hp-scope-builder-menu > .hp-spinner-small {
padding: 7px 10px 3px 10px;
margin: 0px auto; }
.hp-token-builder .hp-token-builder-menu .hp-options, .hp-token-builder .hp-scope-builder-menu .hp-options, .hp-scope-builder .hp-token-builder-menu .hp-options, .hp-scope-builder .hp-scope-builder-menu .hp-options {
position: relative;
overflow-y: auto;
max-height: 200px;
margin-bottom: 0px; }
.hp-token-builder .hp-token-builder-menu .hp-options li, .hp-token-builder .hp-scope-builder-menu .hp-options li, .hp-scope-builder .hp-token-builder-menu .hp-options li, .hp-scope-builder .hp-scope-builder-menu .hp-options li {
margin-bottom: 0px;
padding: 7px 10px;
cursor: pointer;
overflow: auto; }
.hp-token-builder .hp-token-builder-menu .hp-options li:hover, .hp-token-builder .hp-scope-builder-menu .hp-options li:hover, .hp-scope-builder .hp-token-builder-menu .hp-options li:hover, .hp-scope-builder .hp-scope-builder-menu .hp-options li:hover {
background-color: #e6e6e6; }
.hp-token-builder .hp-token-builder-menu .hp-options li.hp-selected, .hp-token-builder .hp-scope-builder-menu .hp-options li.hp-selected, .hp-scope-builder .hp-token-builder-menu .hp-options li.hp-selected, .hp-scope-builder .hp-scope-builder-menu .hp-options li.hp-selected {
background-color: #ccf0e7;
font-weight: 600; }
.hp-token-builder .hp-token-builder-menu .hp-options li .hp-name, .hp-token-builder .hp-scope-builder-menu .hp-options li .hp-name, .hp-scope-builder .hp-token-builder-menu .hp-options li .hp-name, .hp-scope-builder .hp-scope-builder-menu .hp-options li .hp-name {
padding-right: 5px;
display: block;
word-break: break-all; }
.hp-token-builder .hp-token-builder-menu .hp-options li.hp-spinner-small, .hp-token-builder .hp-scope-builder-menu .hp-options li.hp-spinner-small, .hp-scope-builder .hp-token-builder-menu .hp-options li.hp-spinner-small, .hp-scope-builder .hp-scope-builder-menu .hp-options li.hp-spinner-small {
padding-bottom: 3px;
background-color: #fff;
margin: 0px auto; }
.hp-token-builder .hp-token-builder-menu .hp-options li:last-of-type, .hp-token-builder .hp-scope-builder-menu .hp-options li:last-of-type, .hp-scope-builder .hp-token-builder-menu .hp-options li:last-of-type, .hp-scope-builder .hp-scope-builder-menu .hp-options li:last-of-type {
margin-bottom: 0px; }
.hp-scope-builder > label {
display: inline-block;
margin: 7px 20px 10px 0px;
word-break: break-all;
word-break: break-word; }
.hp-scope-builder .hp-filters ul.hp-scopes .hp-scope {
padding: 4px 20px 3px 5px;
line-height: 17px; }
.hp-scope-builder .hp-filters ul.hp-scopes .hp-scope .hp-name.hp-ellipsis {
max-width: 180px;
display: inline-block; }
.hp-scope-builder .hp-filters ul.hp-scopes .hp-scope.hp-scope-input .hp-search {
width: 100%; }
.hp-scope-builder .hp-filters div:last-child {
display: none; }
.hp-scope-builder .hp-filters.hp-unretrievable {
border: none;
padding-top: 7px; }
.hp-scope-builder .hp-filters.hp-unretrievable:hover div:last-child {
display: inline-block; }
.hp-scope-builder .hp-filters.hp-unretrievable:hover div:last-child span {
font-style: italic;
color: #767676;
padding-left: 10px; }
.hp-scope-builder .hp-filters.hp-unretrievable:before {
content: '!';
color: #767676;
margin-left: 10px; }
.hp-scope-builder .hp-filters.hp-unretrievable > * {
display: none; }
.hp-filter.hp-editable-filter .hp-editable-filter-form {
width: 400px;
margin-top: 10px; }
.hp-filter.hp-editable-filter .hp-editable-filter-form label {
display: inline-block;
padding-top: 8px;
margin-left: 10px;
margin-right: 10px;
text-indent: -10px;
word-wrap: break-word;
max-width: 80px;
white-space: normal;
line-height: 19px;
vertical-align: top; }
.hp-filter.hp-editable-filter .hp-editable-filter-form .hp-editable-filter-equal-value {
width: 250px; }
.hp-filter.hp-editable-filter .hp-editable-filter-form input[type="checkbox"] {
margin-left: 0; }
.hp-sub-nav .hp-filter.hp-editable-filter .hp-editable-filter-form {
padding-left: 10px; }
.hp-sub-nav .hp-filter.hp-editable-filter .hp-editable-filter-form label {
width: 20%; }
.hp-master-filter .hp-filter.hp-editable-filter .hp-editable-filter-form {
padding-left: 15px;
width: 310px; }
.hp-master-filter .hp-filter.hp-editable-filter .hp-editable-filter-form .hp-editable-filter-equal-value {
margin-top: 5px;
display: block;
width: 140px; }
.hp-master-filter .hp-filter.hp-editable-filter .hp-editable-filter-form .hp-editable-filter-equal-value-label {
max-width: 150px; }
.hp-master-filter .hp-filter.hp-editable-filter .hp-editable-filter-form input[type="checkbox"] {
margin-top: 13px; }
#hp-banner-container {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 60px;
min-width: 600px;
background-color: #fff;
z-index: 300;
font-family: Metric;
-webkit-font-smoothing: antialiased; }
@media only screen and (max-width: 600px) {
#hp-banner-container {
min-width: 100px; } }
@media print {
#hp-banner-container {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.hp-banner {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 100%;
z-index: 300;
background-color: #f3f3f3;
color: #666; }
.hp-banner h1 {
display: inline-block;
white-space: nowrap;
font-size: 18px; }
@media print {
.hp-banner {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
#hp-body-div.hp-login-geometric #hp-banner-container {
display: none; }
#hp-simple-banner {
text-align: center;
line-height: 60px;
border-bottom: 1px solid #e6e6e6; }
#hp-simple-banner.hp-grommet-banner .hp-header-primary {
padding-top: 10px;
height: 40px; }
#hp-simple-banner .hp-header-primary {
display: inline-block;
position: relative;
height: 100%;
padding: 6px 0px;
white-space: nowrap; }
#hp-simple-banner .hp-header-primary img {
height: 36px;
padding-top: 8px; }
#hp-simple-banner .hp-header-primary .hp-logo {
display: inline-block;
position: relative;
top: 23px;
left: 8px; }
#hp-simple-banner .hp-header-primary h1 {
position: relative;
top: 10px;
padding-left: 12px;
margin: 0px;
vertical-align: top; }
#hp-info-bar {
height: 0px;
text-align: center;
color: #fff;
display: none; }
#hp-info-bar a {
color: #fff; }
#hp-info-bar.hp-active {
height: 20px;
line-height: 20px;
background-color: #666;
display: block;
-webkit-animation-name: relax;
-webkit-animation-duration: 10s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0;
-moz-animation-name: relax;
-moz-animation-duration: 10s;
-moz-animation-timing-function: ease-in;
-moz-animation-iteration-count: 1;
-moz-animation-delay: 0;
-ms-animation-name: relax;
-ms-animation-duration: 10s;
-ms-animation-timing-function: ease-in;
-ms-animation-iteration-count: 1;
-ms-animation-delay: 0;
-o-animation-name: relax;
-o-animation-duration: 10s;
-o-animation-timing-function: ease-in;
-o-animation-iteration-count: 1;
-o-animation-delay: 0; }
@media print {
#hp-info-bar {
display: none; } }
@-webkit-keyframes relax {
0% {
background-color: #00b388;
height: 0px; }
5% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
90% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
100% {
background-color: #666;
height: 20px;
line-height: 20px; } }
@-moz-keyframes relax {
0% {
background-color: #00b388;
height: 0px; }
5% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
90% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
100% {
background-color: #666;
height: 20px;
line-height: 20px; } }
@-ms-keyframes relax {
0% {
background-color: #00b388;
height: 0px; }
5% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
90% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
100% {
background-color: #666;
height: 20px;
line-height: 20px; } }
@-o-keyframes relax {
0% {
background-color: #00b388;
height: 0px; }
5% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
90% {
background-color: #00b388;
height: 30px;
line-height: 30px; }
100% {
background-color: #666;
height: 20px;
line-height: 20px; } }
#hp-main-banner .hp-banner-control, #hp-simple-banner .hp-banner-control {
position: relative;
cursor: pointer;
top: 0px;
width: 50px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
line-height: 15px; }
#hp-main-banner .hp-banner-control.hp-full, #hp-simple-banner .hp-banner-control.hp-full {
width: auto; }
#hp-main-banner .hp-banner-control:hover, #hp-simple-banner .hp-banner-control:hover {
background-color: #fff; }
#hp-main-banner .hp-banner-control:hover:after, #hp-simple-banner .hp-banner-control:hover:after {
content: '';
display: none; }
#hp-main-banner .hp-banner-control.hp-selected, #hp-simple-banner .hp-banner-control.hp-selected {
z-index: 20; }
#hp-main-banner .hp-banner-control:after, #hp-simple-banner .hp-banner-control:after {
content: '';
position: absolute;
top: 15px;
left: 0px;
height: 30px;
width: 1px;
background-color: #ccc; }
#hp-main-banner .hp-banner-control .hp-icon, #hp-simple-banner .hp-banner-control .hp-icon {
position: relative;
top: 22px;
left: 17px;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat; }
@media print {
#hp-main-banner .hp-banner-control, #hp-simple-banner .hp-banner-control {
display: none; } }
#hp-main-banner.hp-grommet-banner, #hp-simple-banner.hp-grommet-banner {
background-color: #fff; }
#hp-main-banner.hp-grommet-banner #hp-search-control, #hp-simple-banner.hp-grommet-banner #hp-search-control {
padding-left: 20px;
background-image: inherit; }
#hp-main-banner.hp-grommet-banner #hp-main-menu-control, #hp-main-banner.hp-grommet-banner #hp-search-control, #hp-main-banner.hp-grommet-banner .hp-header-primary, #hp-main-banner.hp-grommet-banner .hp-banner-control, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary, #hp-main-banner.hp-grommet-banner #hp-activity-notification, #hp-simple-banner.hp-grommet-banner #hp-main-menu-control, #hp-simple-banner.hp-grommet-banner #hp-search-control, #hp-simple-banner.hp-grommet-banner .hp-header-primary, #hp-simple-banner.hp-grommet-banner .hp-banner-control, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary, #hp-simple-banner.hp-grommet-banner #hp-activity-notification {
background-color: #fff; }
#hp-main-banner.hp-grommet-banner .hp-banner-control, #hp-simple-banner.hp-grommet-banner .hp-banner-control {
margin-right: 1px;
margin-top: 1px;
height: 59px; }
#hp-main-banner.hp-grommet-banner .hp-banner-control:after, #hp-simple-banner.hp-grommet-banner .hp-banner-control:after {
width: 0px; }
#hp-main-banner.hp-grommet-banner .hp-banner-control:focus, #hp-simple-banner.hp-grommet-banner .hp-banner-control:focus {
outline: 1px solid #00b388; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon {
top: 18px;
left: 5px;
height: 24px;
width: 24px;
opacity: 0.5;
background-position: inherit; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-icon {
background-position: inherit;
opacity: 1; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-count {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#hover-count"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-count {
right: 12px;
background-position: inherit;
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#count"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-count:hover, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-count:hover {
background-position: inherit; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#help"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#user"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#upload"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#filter"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered {
position: absolute;
font-size: .8em;
text-align: center;
width: 33px; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total {
top: 4px; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered {
bottom: 0px; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#notification"); }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count {
background-position: inherit; }
#hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#checklist"); }
#hp-main-banner ol.hp-header-secondary, #hp-simple-banner ol.hp-header-secondary {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
background-color: #f3f3f3;
z-index: 55;
white-space: nowrap;
font-size: 0px; }
#hp-main-banner ol.hp-header-secondary > li, #hp-simple-banner ol.hp-header-secondary > li {
display: inline-block;
font-size: 16px;
vertical-align: top; }
#hp-main-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-banner ol.hp-header-secondary #hp-help-control .hp-icon {
top: 22px;
background-position: -120px -20px; }
#hp-main-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon, #hp-simple-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-simple-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon {
background-position: -120px 0px; }
@media print {
#hp-main-banner ol.hp-header-secondary, #hp-simple-banner ol.hp-header-secondary {
height: auto;
width: auto; } }
#hp-main-banner {
border-bottom: 1px solid #e6e6e6;
z-index: 50; }
#hp-main-banner .hp-header-primary {
position: absolute;
top: 0px;
left: 0px;
right: 150px;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
background-color: #f3f3f3; }
#hp-main-banner .hp-header-primary > * {
vertical-align: top; }
#hp-main-banner .hp-header-primary #hp-banner-title {
display: none;
margin: 0px;
font-size: 21px;
line-height: 60px;
font-weight: normal;
padding-left: 20px;
padding-right: 20px; }
@media print {
#hp-main-banner .hp-header-primary {
display: none; } }
#hp-main-banner #hp-search-control {
position: relative;
display: inline-block;
margin: 0px;
color: #666;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer; }
#hp-main-banner #hp-search-control:hover {
background-color: #fff;
color: #000; }
#hp-main-banner #hp-search-control.hp-selected {
z-index: 90; }
#hp-main-banner #hp-search-control.hp-disabled:hover {
background-color: inherit;
color: #666; }
#hp-main-banner ol.hp-header-secondary .hp-count {
position: absolute;
top: 10px;
right: 6px;
height: 18px;
width: 20px;
padding-top: 2px;
text-align: center;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -500px -40px;
font-size: 11px;
font-weight: 600;
color: #000;
z-index: 1;
display: none; }
#hp-main-banner ol.hp-header-secondary .hp-count.hp-active {
display: block; }
#hp-main-banner ol.hp-header-secondary #hp-activity-control .hp-icon {
top: 23px;
background-position: -140px -20px; }
#hp-main-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon {
background-position: -140px 0px; }
#hp-main-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count, #hp-main-banner ol.hp-header-secondary #hp-activity-control.hp-selected #hp-activity-control-new-count {
background-position: -500px 0px; }
#hp-main-banner ol.hp-header-secondary #hp-session-control {
white-space: nowrap; }
#hp-main-banner ol.hp-header-secondary #hp-session-control .hp-icon {
top: 23px;
background-position: -140px -100px; }
#hp-main-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon {
background-position: -140px -80px; }
#hp-main-banner ol.hp-header-secondary #hp-session-control .hp-name {
position: relative;
top: 15px;
padding: 0px 15px 0px 20px; }
#hp-main-banner ol.hp-header-secondary #hp-session-control.hp-full .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-full .hp-name {
display: inline-block; }
#hp-main-banner ol.hp-header-secondary .hp-checklist-control .hp-icon {
background-position: -617px -180px; }
#hp-main-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-icon {
background-position: -617px -160px; }
#hp-main-menu-control {
position: relative;
display: inline-block;
margin: 0px;
font-weight: normal;
color: #666;
height: 100%;
overflow: hidden;
cursor: pointer; }
#hp-main-menu-control:hover {
background-color: #fff;
color: #00b388; }
#hp-main-menu-control:hover h1 {
color: #00b388; }
#hp-main-menu-control.hp-selected {
z-index: 90; }
#hp-main-menu-control.hp-disabled:hover {
background-color: inherit;
color: #666; }
.hp-banner-flyout {
position: absolute;
top: 60px;
min-width: 200px;
right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
color: #666;
z-index: 10;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
text-align: left;
line-height: normal;
display: none; }
.hp-banner-flyout time {
pointer-events: none; }
.hp-banner-flyout.hp-active {
display: block; }
.hp-banner-flyout .hp-permissions-flyout > div > span {
display: inline-block;
color: #999; }
.hp-banner-flyout .hp-permissions-flyout > div > a {
padding-left: 10px;
display: inline-block; }
.hp-banner-flyout .hp-permissions-flyout > div fieldset {
padding-left: 10px;
margin-top: 5px; }
.hp-banner-flyout .hp-permissions-flyout > div fieldset ol {
margin-bottom: 5px; }
.hp-banner-flyout .hp-permissions-flyout > div table td:last-child {
color: #999; }
.hp-banner-flyout .hp-permissions-flyout > div table td > a {
display: inline-block;
max-width: 200px; }
.hp-banner-flyout.hp-sidebarred {
top: 0px;
width: auto;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #f3f3f3;
z-index: 400;
border: none;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); }
@media only screen and (max-width: 600px) {
.hp-banner-flyout.hp-sidebarred {
background-color: #fff;
z-index: 0; } }
.hp-banner-flyout.hp-setup-flyout > header h1 {
font-size: 20px; }
.hp-banner-flyout > header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
line-height: 38px;
padding: 10px 15px;
color: #333;
font-family: Metric; }
.hp-banner-flyout > header h1 {
font-size: 18px;
line-height: inherit;
margin: 0px; }
.hp-banner-flyout > header .hp-pin-right {
position: absolute;
top: 9px;
right: -2px; }
.hp-sidebarred .hp-banner-flyout > header .hp-pin-right {
right: 20px; }
#hp-main-menu-control {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
min-width: 202px;
padding: 13px 10px 6px 20px;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
@media only screen and (max-width: 600px) {
#hp-main-menu-control {
min-width: 117px; }
#hp-main-menu-control.hp-selected {
width: 100%; }
#hp-main-menu-control.hp-selected .hp-main-menu-carret {
position: absolute;
right: 10px;
top: 21px; } }
#hp-main-menu-control img {
margin-right: 10px;
height: 36px; }
@media only screen and (min-width: 601px) and (max-width: 800px) {
#hp-main-menu-control.hp-selected {
width: 100%; } }
#hp-main-menu-control:hover .hp-main-menu-carret {
background-position: right 7px; }
#hp-main-menu-control.hp-active:hover {
height: 60px; }
#hp-main-menu-control.hp-active:hover #hp-main-menu-label {
color: #00b388; }
#hp-main-menu-control.hp-selected:hover {
box-shadow: 0px 0px transparent;
height: 60px;
width: 100%; }
#hp-main-menu-control.hp-selected:after {
background-color: #fff; }
#hp-main-menu-control.hp-selected .hpe-mobile-menu {
display: none; }
@media only screen and (max-width: 600px) {
#hp-main-menu-control.hp-selected #hp-main-menu-labels {
display: inline-block; } }
#hp-main-menu-control.hp-disabled {
cursor: default; }
#hp-main-menu-control.hp-disabled:after {
content: '';
display: none; }
#hp-main-menu-control.hp-disabled .hp-main-menu-carret {
display: none; }
#hp-main-menu-control.hp-disabled:hover {
border: none; }
body.hp-basic-layout #hp-main-menu-control {
padding: 10px 30px 10px 30px; }
#hp-main-menu-control #hp-main-menu-labels {
position: relative;
top: 6px;
display: inline-block;
vertical-align: top;
height: 40px;
padding-right: 5px;
padding-left: 0px;
min-width: 135px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 600px) {
#hp-main-menu-control #hp-main-menu-labels {
display: none; } }
#hp-main-menu-control #hp-main-menu-label {
font-size: 24px;
font-weight: 600;
line-height: 24px;
vertical-align: bottom;
font-family: Metric, Arial, sans-serif;
margin: 0px 0px 3px 0px; }
body.hp-basic-layout #hp-main-menu-control #hp-main-menu-label {
position: relative;
top: 11px;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: right -35px;
background-repeat: no-repeat; }
#hp-main-menu-control #hp-main-menu-sub-label {
font-size: 12px;
margin: 0px;
color: #767676;
text-align: right; }
#hp-main-menu-control .hp-main-menu-carret {
position: relative;
top: 9px;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: right -35px;
background-repeat: no-repeat; }
#hp-main-menu-control .hpe-mobile-menu {
display: none; }
@media only screen and (max-width: 600px) {
#hp-main-menu-control .hpe-mobile-menu {
display: inline-block;
line-height: 24px;
margin: 6px 10px 12px 0px;
font-family: Metric, Arial, sans-serif;
font-size: 24px;
vertical-align: top; } }
#hp-main-menu-control .hpe-mobile-menu:hover {
color: #00b388; }
#hp-main-menu {
z-index: 500;
line-height: 24px;
max-width: 100%;
max-height: 100%;
font-family: Metric;
position: absolute;
top: 0px;
left: 0px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: none;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-right: 1px solid #ccc;
border-left-color: transparent; }
#hp-main-menu #hp-main-menu-control {
height: 60px; }
#hp-main-menu #hp-main-menu-control:hover {
border-right: 0px; }
#hp-main-menu.hp-active {
display: block; }
body.hp-basic-layout #hp-main-menu {
padding-left: 85px;
padding-right: 30px;
font-size: 18px; }
#hp-main-menu > header a {
display: block;
padding: 12px 0px; }
#hp-main-menu .hp-sections-container {
padding: 0px 0px 22px 0px;
margin: 0px 20px 0px 20px;
overflow: auto;
position: relative;
border-top: 1px solid #000; }
@media only screen and (max-width: 600px) {
#hp-main-menu .hp-sections-container {
padding-right: 0px; } }
@media only screen and (min-width: 601px) and (max-width: 800px) {
#hp-main-menu .hp-sections-container {
padding-right: 0px; } }
#hp-main-menu .hp-sections-container .hp-sections {
padding-top: 22px;
margin-bottom: 0px;
font-size: 16px;
overflow: auto; }
#hp-main-menu .hp-sections-container .hp-sections > li {
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 10px; }
#hp-main-menu .hp-sections-container .hp-sections > li label {
display: block;
font-family: Metric;
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
color: #999;
text-transform: uppercase; }
#hp-main-menu .hp-sections-container .hp-show-hide-container {
position: relative; }
#hp-main-menu .hp-sections-container .hp-show-hide-container #hp-show-hide {
position: absolute;
right: 10px; }
#hp-main-menu ul.hp-sections > li.hp-unauthorized, #hp-main-menu ul.hp-sections > li.hp-filtered {
display: none; }
#hp-main-menu ul.hp-section {
margin-bottom: 20px; }
#hp-main-menu ul.hp-section > li {
margin-bottom: 6px;
min-width: 135px;
width: 150px;
text-indent: -10px;
padding-left: 10px; }
#hp-main-menu ul.hp-section > li.hp-unauthorized, #hp-main-menu ul.hp-section > li.hp-filtered {
display: none; }
#hp-main-menu ul.hp-section > li a {
display: block;
color: #333;
padding: 2px 0px;
font-size: 19px;
text-decoration: none; }
#hp-main-menu ul.hp-section > li a.hp-selected {
color: #017b5f;
font-family: Metric;
font-weight: 600; }
#hp-main-menu ul.hp-section > li a:hover {
color: #000;
text-decoration: none; }
#hp-main-menu ul.hp-section > li .hp-menu-item-prompt {
position: relative;
display: inline-block;
font-size: 13px;
background-color: #ffD042;
color: #000;
margin: 5px 10px;
padding: 3px 10px 3px 10px; }
#hp-main-menu ul.hp-section > li .hp-menu-item-prompt:after {
content: "";
position: absolute;
top: -5px;
left: 5px;
right: auto;
border-width: 0 7px 7px;
border-color: #ffD042 transparent;
border-style: solid;
display: block;
width: 0; }
#hp-main-menu ul.hp-section > li .hp-menu-item-prompt.hp-done {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -380px -215px;
background-repeat: no-repeat; }
#hp-main-menu ul.hp-section > li .hp-menu-item-prompt a {
display: inline;
padding: 2px;
color: #333; }
#hp-main-menu ul.hp-section > li .hp-menu-item-prompt a:hover {
background-color: transparent;
text-decoration: underline;
color: #333; }
#hp-main-menu.hp-grommet-menu {
z-index: 300;
left: -280px;
display: block;
-webkit-transition: left 0.5s, background-color 0.5s;
-moz-transition: left 0.5s, background-color 0.5s;
transition: left 0.5s, background-color 0.5s; }
#hp-main-menu.hp-grommet-menu.hp-disabled {
left: -290px; }
body.hp-narrow #hp-body-div.hp-menu-open #hp-main-menu.hp-grommet-menu {
width: 100%; }
body.hp-narrow #hp-body-div.hp-menu-open #hp-main-menu.hp-grommet-menu .hp-sections-container, body.hp-narrow #hp-body-div.hp-menu-open #hp-main-menu.hp-grommet-menu ul.hp-sections {
width: 100%; }
#hp-main-menu.hp-grommet-menu .hp-collapsible > label {
background-position-y: 3px;
margin-left: 17px;
margin-right: 1px;
padding-left: 6px;
text-indent: 14px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAAAnRSTlMA/1uRIrUAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAASAAAAEgARslrPgAAAD9JREFUGNNj+I8FMNBX8OZTCLiJLLgJKrgJRftNZIUwwU3ICuEW3URSCBecCRScieGkmwiFCMGZCIX0DhA0AADFbIdE3b/i3gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOC0xNFQxOToxMjowOC0wNDowMCw5PcAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDgtMTRUMTk6MTI6MDgtMDQ6MDBdZIV8AAAAAElFTkSuQmCC); }
#hp-main-menu.hp-grommet-menu .hp-collapsible > label:focus {
outline: 1px solid #00b388; }
#hp-main-menu.hp-grommet-menu .hp-collapsible > label:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEWbAADZ2dn////FxcWysrJkK9GmAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAA2SURBVAjXY2CgAmBUUlJShDCZgUxlqLCQkpIAlGmkpGQAV6wI08eipAI3Q0gAznRyoIajGBgAfnMDU1uKghIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDgtMTVUMTU6NTk6MjQtMDQ6MDDVV/DWAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA4LTE1VDE1OjU5OjI0LTA0OjAwpApIagAAAABJRU5ErkJggg==); }
#hp-main-menu.hp-grommet-menu .hp-collapsible.hp-collapsed > label {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAAAnRSTlMA/1uRIrUAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAASAAAAEgARslrPgAAADBJREFUGNNj+I8FMNBO8OZRbII3kYURgjdv7sQmCBdGFbxJpMqdRNmOzZ10CyVUAAAQ5IaQcWWRwAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOC0xNVQxNjo1Njo1OS0wNDowMPKEr0wAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDgtMTVUMTY6NTY6NTktMDQ6MDCD2RfwAAAAAElFTkSuQmCC); }
#hp-main-menu.hp-grommet-menu .hp-collapsible.hp-collapsed > label:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEXZAADZ2dm4uLj///+lpaVQjt0KAAAAAXRSTlMAQObYZgAAAAFiS0dEAxEMTPIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAkSURBVAjXY2AgGwghmMYItrGxCIIJZwOZxthERbCYIMRAJQAAt50Dyfu2RT0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDgtMTVUMTc6MDA6MjAtMDQ6MDDMBuYGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA4LTE1VDE3OjAwOjIwLTA0OjAwvVteugAAAABJRU5ErkJggg==); }
#hp-main-menu.hp-grommet-menu.hp-active {
background-color: #425563; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-main-menu.hp-grommet-menu.hp-active {
left: 0px; }
#hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control:after {
background-color: #425563; }
#hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control {
background-color: #425563; }
#hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control #hp-main-menu-labels #hp-main-menu-label, #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control #hp-main-menu-labels #hp-main-menu-sub-label {
color: #fff; }
#hp-main-menu.hp-grommet-menu.hp-active:hover #hp-main-menu-control {
background-color: #425563;
color: #fff; }
#hp-main-menu.hp-grommet-menu.hp-active:hover #hp-main-menu-control h1 {
color: #fff; }
#hp-main-menu.hp-grommet-menu.hp-menu-closing {
-webkit-transition: left 0.8s, background-color 5s;
-moz-transition: left 0.8s, background-color 5s;
transition: left 0.8s, background-color 5s; }
#hp-main-menu.hp-grommet-menu .hp-sections-container {
padding: 0px;
margin: 0px;
border-top: 0px;
width: 280px; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections {
padding-top: 0px; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li {
display: block;
margin: 1px; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li.hp-collapsible:focus {
outline: none; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li:not(.hp-collapsible) > label {
margin-left: 17px;
margin-right: 1px;
padding-left: 6px; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li label {
color: #fff; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li > .hp-section:first-child.hp-menu-footer > li {
padding-left: 20px; }
#hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li > .hp-section > li:not(.hp-selected):hover {
background-color: rgba(0, 0, 0, 0.1); }
#hp-main-menu.hp-grommet-menu .hp-show-hide-container {
margin-bottom: 23px;
line-height: 12px; }
#hp-main-menu.hp-grommet-menu .hp-show-hide-container #hp-show-hide {
color: rgba(255, 255, 255, 0.7);
right: 14px;
margin-top: 5px; }
#hp-main-menu.hp-grommet-menu .hp-show-hide-container #hp-show-hide:hover {
color: #fff; }
#hp-main-menu.hp-grommet-menu .hp-show-hide-container #hp-show-hide:focus {
outline: 1px solid #00b388; }
#hp-main-menu.hp-grommet-menu ul.hp-section.hp-menu-header > li {
padding-left: 20px;
padding-top: 1px; }
#hp-main-menu.hp-grommet-menu ul.hp-section > li {
width: auto;
padding-left: 37px;
padding-right: 20px;
padding-bottom: 6px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
text-indent: 0px; }
#hp-main-menu.hp-grommet-menu ul.hp-section > li.hp-selected {
background-color: rgba(0, 0, 0, 0.15); }
#hp-main-menu.hp-grommet-menu ul.hp-section > li a {
color: #fff;
font-size: 17px; }
#hp-main-menu.hp-grommet-menu ul.hp-section > li a:focus {
outline: 1px solid #00b388; }
#hp-main-menu.hp-grommet-menu ul.hp-section > li a.hp-selected {
color: #fff; }
#hp-main-menu.hp-grommet-menu ul.hp-section > li a:hover {
color: #fff; }
#hp-main-menu-control.hp-grommet-menu {
padding: 13px 27px 6px 15px;
z-index: inherit;
margin: 1px 1px 0px 1px;
height: 59px; }
#hp-main-menu-control.hp-grommet-menu:focus {
outline: 1px solid #00b388; }
#hp-main-menu-control.hp-grommet-menu.hp-active:hover {
height: 59px; }
#hp-main-menu-control.hp-grommet-menu.hp-active:hover .hp-main-menu-carret {
opacity: 1; }
#hp-main-menu-control.hp-grommet-menu .hp-main-menu-carret {
background-repeat: no-repeat;
background-position: inherit;
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#caret");
position: absolute;
right: 30px;
top: 21px;
width: 24px;
height: 24px;
cursor: pointer;
opacity: 0.5; }
body.hp-narrow #hp-main-menu-control.hp-grommet-menu .hp-main-menu-carret {
right: 7px; }
#hp-main-menu-control.hp-grommet-menu.hp-selected .hp-main-menu-carret {
position: absolute;
right: 14px;
top: 19px;
display: inline-block;
vertical-align: top;
width: 24px;
height: 24px;
background-image: none; }
#hp-main-menu-control.hp-grommet-menu.hp-selected .hp-main-menu-carret svg path {
fill: none;
stroke: rgba(255, 255, 255, 0.7);
stroke-width: 2px; }
#hp-main-menu-control.hp-grommet-menu.hp-selected .hp-main-menu-carret svg:hover path {
stroke: #fff; }
#hp-main-menu-control:not(.hp-grommet-menu):after {
content: '';
position: absolute;
top: 15px;
right: 0px;
height: 30px;
width: 1px;
background-color: #ccc; }
#hp-main-banner #hp-search-control {
position: absolute;
top: 0px;
left: 200px;
right: 0px;
height: 56px;
padding: 2px 12px 2px 45px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -600px -96px;
background-repeat: no-repeat;
font-size: 21px;
line-height: 58px;
color: #999;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s; }
@media only screen and (max-width: 600px) {
#hp-main-banner #hp-search-control {
width: 50px;
color: transparent;
padding: 2px 5px; } }
#hp-main-banner #hp-search-control:hover {
background-color: #fff;
color: #666;
background-position: -600px -57px; }
@media only screen and (max-width: 600px) {
#hp-main-banner #hp-search-control:hover {
color: transparent; } }
#hp-main-banner #hp-search-control.hp-selected {
color: #666;
background-position: -600px -57px; }
@media only screen and (max-width: 600px) {
#hp-main-banner #hp-search-control.hp-selected {
color: transparent; } }
#hp-main-banner #hp-search-control span.hp-property {
font-family: Metric, Arial, sans-serif; }
.hp-grommet-banner#hp-main-banner #hp-search-control {
background-image: none;
padding: 2px 12px 2px 8px;
color: #ccc;
font-weight: normal; }
.hp-grommet-banner#hp-main-banner #hp-search-control:hover {
color: #ccc; }
.hp-grommet-banner#hp-main-banner #hp-search-control > span {
color: #333; }
#hp-main-banner #hp-search-control-glass {
display: none; }
.hp-grommet-banner#hp-main-banner #hp-search-control-glass {
display: block;
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 60px;
z-index: 55;
background-color: #fff; }
.hp-grommet-banner#hp-main-banner #hp-search-control-glass .hp-icon {
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#search");
background-repeat: no-repeat;
background-position: unset;
position: absolute;
right: 15px;
top: 22px;
width: 24px;
height: 24px;
cursor: pointer;
opacity: 0.5; }
@media only screen and (max-width: 385px) {
.hp-grommet-banner#hp-main-banner #hp-search-control-glass {
display: none; } }
.hp-search-wrapper span.hp-property {
font-family: Metric, Arial, sans-serif;
color: #999; }
#hp-search-menu {
position: absolute;
top: 0px;
left: 200px;
right: 150px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 18px;
background-color: #fff;
z-index: 301;
display: none;
border: 2px solid #00b388;
}
@media only screen and (max-width: 600px) {
#hp-search-menu {
top: 60px;
left: 0px;
right: 0px;
border: none;
border-bottom: 2px solid #00b388; } }
#hp-search-menu.hp-active {
display: block; }
#hp-search-menu > header {
height: 57px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -619px -59px;
background-repeat: no-repeat; }
#hp-search-menu > header #hp-search-input {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
padding-top: 16px;
padding-left: 43px;
padding-right: 40px;
height: 42px; }
#hp-search-menu > header input {
width: 100%;
font-size: 21px;
line-height: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
margin: 0px;
padding: 0px;
background: transparent;
font-family: Metric;
color: #000;
border: none;
cursor: default; }
#hp-search-menu > header input::-moz-selection {
background: #ccf0e7; }
#hp-search-menu > header input::-ms-clear {
display: none; }
#hp-search-menu > header #hp-search-clear {
position: absolute;
top: 24px;
right: 10px;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -160px -20px;
background-repeat: no-repeat;
cursor: pointer; }
#hp-search-menu > header #hp-search-clear:hover {
background-position: -160px 0px; }
#hp-search-menu > header #hp-search-menu-glass {
display: none; }
#hp-search-menu #hp-search-choices {
position: relative;
padding: 10px 25px 0px 25px;
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left top;
background-repeat: repeat-x;
overflow: hidden; }
#hp-search-menu #hp-search-choices h2 {
display: none; }
#hp-search-menu #hp-search-choices li {
cursor: pointer; }
#hp-search-menu #hp-search-suggestions, #hp-search-menu #hp-search-recent {
margin: 0px -25px;
font-size: 16px;
white-space: nowrap;
margin-bottom: 15px; }
#hp-search-menu #hp-search-suggestions li, #hp-search-menu #hp-search-recent li {
padding: 5px 25px;
overflow: hidden;
text-overflow: ellipsis; }
#hp-search-menu #hp-search-suggestions li:hover, #hp-search-menu #hp-search-recent li:hover {
background-color: #f3f3f3;
color: #333; }
#hp-search-menu #hp-search-suggestions li.hp-selected, #hp-search-menu #hp-search-recent li.hp-selected {
background-color: #ccf0e7;
color: #333; }
#hp-search-menu #hp-search-scope {
padding: 11px 0px;
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left top;
background-repeat: repeat-x;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
#hp-search-menu #hp-search-scope input {
display: inline-block;
margin: 0px 3px 0px 0px;
vertical-align: middle; }
#hp-search-menu #hp-search-scope label {
display: inline-block;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 20px;
vertical-align: middle; }
#hp-search-menu #hp-search-scope label:first-child {
margin-right: 10px; }
#hp-main-banner.hp-grommet-banner #hp-search-menu > header {
background-image: none;
padding-left: 8px; }
#hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-input {
padding-left: 8px;
padding-right: 62px; }
#hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-input input {
color: #333;
position: absolute;
top: 17px;
line-height: 24px; }
#hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-input label {
font-size: 21px;
color: #ccc;
position: absolute;
top: 17px; }
#hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-clear {
right: 40px; }
#hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-menu-glass {
display: block;
background-image: url("../../img/hpe/sprite.svg?v=11a20444adfa2a636b664ff3e011a51e58a28846#search");
background-repeat: no-repeat;
background-position: unset;
position: absolute;
right: 13px;
top: 20px;
width: 24px;
height: 24px;
opacity: .5; }
@media only screen and (max-width: 600px) {
#hp-main-banner.hp-grommet-banner #hp-search-menu {
border-top: 2px solid #00b388; } }
#hp-session-flyout {
padding: 20px; }
#hp-session-flyout #hp-session-user {
font-weight: 600;
font-family: Metric, Arial, sans-serif;
color: #999;
word-break: break-all;
width: 440px; }
#hp-session-flyout #hp-session-user-edit {
float: right;
background-position: -280px -120px; }
#hp-session-flyout #hp-session-duration {
margin-top: 10px;
color: #999;
margin-bottom: 5px; }
#hp-session-flyout #hp-session-perf-location {
color: #999;
margin-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 180px; }
#hp-session-flyout #hp-session-user-settings {
position: absolute;
right: 20px; }
#hp-main-banner #hp-activity-notification {
position: absolute;
top: 0px;
right: 0px;
height: 60px;
max-width: 150px;
padding: 0px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #f3f3f3;
color: #000;
line-height: 60px;
font-size: 16px;
white-space: nowrap;
z-index: 52;
-webkit-transition: right 1s, max-width 1s;
-moz-transition: right 1s, max-width 1s;
transition: right 1s, max-width 1s; }
#hp-main-banner #hp-activity-notification.hp-active {
right: 150px;
max-width: 400px; }
#hp-main-banner #hp-activity-notification .hp-message {
padding-left: 30px;
max-width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#hp-main-banner #hp-activity-notification .hp-status {
position: absolute;
top: 25px;
left: 25px;
display: none;
-webkit-animation: bounce 0.7s ease-in-out 0.5s infinite;
-moz-animation: bounce 0.7s ease-in-out 0.5s infinite;
-ms-animation: bounce 0.7s ease-in-out 0.5s infinite;
-o-animation: bounce 0.7s ease-in-out 0.5s infinite; }
#hp-main-banner #hp-activity-notification .hp-status.hp-active {
display: block; }
@media print {
#hp-main-banner #hp-activity-notification {
display: none; } }
@-webkit-keyframes bounce {
0% {
left: 25px; }
30% {
left: 25px; }
50% {
left: 15px; }
70% {
left: 25px; }
90% {
left: 27px; }
100% {
left: 25px; } }
@-moz-keyframes bounce {
0% {
left: 25px; }
30% {
left: 25px; }
50% {
left: 15px; }
70% {
left: 25px; }
90% {
left: 27px; }
100% {
left: 25px; } }
@-ms-keyframes bounce {
0% {
left: 25px; }
30% {
left: 25px; }
50% {
left: 15px; }
70% {
left: 25px; }
90% {
left: 27px; }
100% {
left: 25px; } }
@-o-keyframes bounce {
0% {
left: 25px; }
30% {
left: 25px; }
50% {
left: 15px; }
70% {
left: 25px; }
90% {
left: 27px; }
100% {
left: 25px; } }
#hp-activity-flyout > header #hp-activity-count:before, #hp-activity-flyout > header .hp-activity-sidebar-count:before, #hp-upload-flyout > header #hp-activity-count:before, #hp-upload-flyout > header .hp-activity-sidebar-count:before, .hp-activity-sidebar > header #hp-activity-count:before, .hp-activity-sidebar > header .hp-activity-sidebar-count:before {
content: '('; }
#hp-activity-flyout > header #hp-activity-count:after, #hp-activity-flyout > header .hp-activity-sidebar-count:after, #hp-upload-flyout > header #hp-activity-count:after, #hp-upload-flyout > header .hp-activity-sidebar-count:after, .hp-activity-sidebar > header #hp-activity-count:after, .hp-activity-sidebar > header .hp-activity-sidebar-count:after {
content: ')'; }
#hp-activity-flyout .hp-flyout-contents, #hp-upload-flyout .hp-flyout-contents, .hp-activity-sidebar .hp-flyout-contents {
max-height: 400px;
overflow-y: auto; }
#hp-activity-flyout.hp-sidebarred .hp-flyout-contents, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents, .hp-activity-sidebar.hp-sidebarred .hp-flyout-contents {
max-height: none;
overflow-x: hidden;
overflow-y: auto; }
#hp-activity-flyout.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message, .hp-activity-sidebar.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message {
width: 131px; }
#hp-activity-flyout.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message, .hp-activity-sidebar.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message {
width: 131px; }
#hp-activity-flyout #hp-flyout-new-activities, #hp-activity-flyout #hp-flyout-old-activities, #hp-activity-flyout .hp-sidebar-new-activities, #hp-upload-flyout #hp-flyout-new-activities, #hp-upload-flyout #hp-flyout-old-activities, #hp-upload-flyout .hp-sidebar-new-activities, .hp-activity-sidebar #hp-flyout-new-activities, .hp-activity-sidebar #hp-flyout-old-activities, .hp-activity-sidebar .hp-sidebar-new-activities {
margin: 0px; }
#hp-activity-flyout li.hp-activity, #hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-activity, #hp-upload-flyout li.hp-fileupload, .hp-activity-sidebar li.hp-activity, .hp-activity-sidebar li.hp-fileupload {
color: #000;
height: 45px;
line-height: 24px;
cursor: pointer;
margin: 3px;
-webkit-transition: background-color 8s;
-moz-transition: background-color 8s;
transition: background-color 8s; }
@media only screen and (max-width: 600px) {
#hp-activity-flyout li.hp-activity, #hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-activity, #hp-upload-flyout li.hp-fileupload, .hp-activity-sidebar li.hp-activity, .hp-activity-sidebar li.hp-fileupload {
height: auto;
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
#hp-activity-flyout li.hp-activity:hover .hp-brief, #hp-activity-flyout li.hp-fileupload:hover .hp-brief, #hp-upload-flyout li.hp-activity:hover .hp-brief, #hp-upload-flyout li.hp-fileupload:hover .hp-brief, .hp-activity-sidebar li.hp-activity:hover .hp-brief, .hp-activity-sidebar li.hp-fileupload:hover .hp-brief {
background-color: #fff; }
#hp-activity-flyout li.hp-activity:focus, #hp-activity-flyout li.hp-fileupload:focus, #hp-upload-flyout li.hp-activity:focus, #hp-upload-flyout li.hp-fileupload:focus, .hp-activity-sidebar li.hp-activity:focus, .hp-activity-sidebar li.hp-fileupload:focus {
outline: 1px solid #00b388; }
#hp-activity-flyout li.hp-activity.hp-selected div.hp-brief, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief {
background-color: #ccf0e7;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
left: 0px;
padding: 0px 14px 6px 16px;
width: 194px;
height: 45px;
z-index: 50; }
#hp-activity-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief > * {
opacity: 0.2; }
@media only screen and (max-width: 600px) {
#hp-activity-flyout li.hp-activity.hp-selected div.hp-brief, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief {
width: auto;
border: none;
display: none; }
#hp-activity-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief > * {
opacity: 1.0; } }
#hp-activity-flyout li.hp-activity.hp-selected div.hp-full, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-full {
z-index: 50;
cursor: default;
opacity: 1;
right: 200px;
width: 300px; }
@media only screen and (max-width: 600px) {
#hp-activity-flyout li.hp-activity.hp-selected div.hp-full, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-full {
width: 100%;
right: 0px;
max-height: 200px; } }
@media only screen and (max-width: 600px) {
#hp-activity-flyout li.hp-activity.hp-selected, #hp-activity-flyout li.hp-activity.hp-selected:hover, #hp-activity-flyout li.hp-fileupload.hp-selected, #hp-activity-flyout li.hp-fileupload.hp-selected:hover, #hp-upload-flyout li.hp-activity.hp-selected, #hp-upload-flyout li.hp-activity.hp-selected:hover, #hp-upload-flyout li.hp-fileupload.hp-selected, #hp-upload-flyout li.hp-fileupload.hp-selected:hover, .hp-activity-sidebar li.hp-activity.hp-selected, .hp-activity-sidebar li.hp-activity.hp-selected:hover, .hp-activity-sidebar li.hp-fileupload.hp-selected, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover {
border: none;
background-color: none;
width: auto; } }
#hp-activity-flyout li.hp-activity.hp-new, #hp-activity-flyout li.hp-fileupload.hp-new, #hp-upload-flyout li.hp-activity.hp-new, #hp-upload-flyout li.hp-fileupload.hp-new, .hp-activity-sidebar li.hp-activity.hp-new, .hp-activity-sidebar li.hp-fileupload.hp-new {
background-color: #fff; }
#hp-activity-flyout li.hp-activity div.hp-brief, #hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-activity div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief, .hp-activity-sidebar li.hp-activity div.hp-brief, .hp-activity-sidebar li.hp-fileupload div.hp-brief {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 3px;
background-color: transparent;
min-height: 45px; }
@media only screen and (max-width: 600px) {
#hp-activity-flyout li.hp-activity div.hp-brief, #hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-activity div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief, .hp-activity-sidebar li.hp-activity div.hp-brief, .hp-activity-sidebar li.hp-fileupload div.hp-brief {
min-height: auto; } }
#hp-activity-flyout li.hp-activity div.hp-brief > .hp-status, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-status, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-status, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-status, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-status, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-status {
float: left;
margin-right: 5px;
margin-bottom: 14px; }
#hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-message, #hp-activity-flyout li.hp-activity div.hp-brief > .hp-upload-message, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-upload-message, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-upload-message, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-upload-message, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-message, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-upload-message, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-message, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-upload-message {
display: block;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-message p, #hp-activity-flyout li.hp-activity div.hp-brief > .hp-upload-message p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-message p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-upload-message p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-message p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-upload-message p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-message p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-upload-message p, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-message p, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-upload-message p, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-message p, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-upload-message p {
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-source, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-source, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-source, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-source, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-source, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-source {
color: #666;
width: 121px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 15px; }
#hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-source p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-source p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-source p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-source p, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-source p, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-source p {
margin: 0px; }
#hp-activity-flyout li.hp-activity div.hp-full, #hp-activity-flyout li.hp-fileupload div.hp-full, #hp-upload-flyout li.hp-activity div.hp-full, #hp-upload-flyout li.hp-fileupload div.hp-full, .hp-activity-sidebar li.hp-activity div.hp-full, .hp-activity-sidebar li.hp-fileupload div.hp-full {
position: absolute;
top: 0px;
right: 0px;
width: 200px;
max-height: 70%;
overflow: auto;
padding: 7px 20px 7px 33px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
background-color: #f3f3f3;
color: #000;
opacity: 0;
z-index: -50;
line-height: 24px;
-webkit-transition: right 0.2s;
-moz-transition: right 0.2s;
transition: right 0.2s; }
@media only screen and (max-width: 600px) {
#hp-activity-flyout li.hp-activity div.hp-full, #hp-activity-flyout li.hp-fileupload div.hp-full, #hp-upload-flyout li.hp-activity div.hp-full, #hp-upload-flyout li.hp-fileupload div.hp-full, .hp-activity-sidebar li.hp-activity div.hp-full, .hp-activity-sidebar li.hp-fileupload div.hp-full {
position: relative;
width: 100%;
max-height: 0px;
border: none;
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
#hp-activity-flyout li.hp-activity div.hp-full header, #hp-activity-flyout li.hp-fileupload div.hp-full header, #hp-upload-flyout li.hp-activity div.hp-full header, #hp-upload-flyout li.hp-fileupload div.hp-full header, .hp-activity-sidebar li.hp-activity div.hp-full header, .hp-activity-sidebar li.hp-fileupload div.hp-full header {
margin-bottom: 10px; }
#hp-activity-flyout li.hp-activity div.hp-full header > *, #hp-activity-flyout li.hp-fileupload div.hp-full header > *, #hp-upload-flyout li.hp-activity div.hp-full header > *, #hp-upload-flyout li.hp-fileupload div.hp-full header > *, .hp-activity-sidebar li.hp-activity div.hp-full header > *, .hp-activity-sidebar li.hp-fileupload div.hp-full header > * {
display: inline-block;
vertical-align: baseline;
white-space: normal;
color: #333; }
#hp-activity-flyout li.hp-activity div.hp-full header > .hp-status, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-status, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-status, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-status, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-status, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-status {
position: absolute;
top: 13px;
left: 15px; }
#hp-activity-flyout li.hp-activity div.hp-full header > .hp-timestamp, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-timestamp, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-timestamp, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-timestamp, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-timestamp, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-timestamp {
display: block;
color: #666;
margin-right: 4px;
margin-top: 5px; }
#hp-activity-flyout li.hp-activity div.hp-full header .hp-timeago, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-timeago, #hp-upload-flyout li.hp-activity div.hp-full header .hp-timeago, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-timeago, .hp-activity-sidebar li.hp-activity div.hp-full header .hp-timeago, .hp-activity-sidebar li.hp-fileupload div.hp-full header .hp-timeago {
opacity: 1; }
#hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-activity-message {
word-break: break-all;
word-break: break-word; }
#hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-activity div.hp-full header .hp-upload-message, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-upload-message, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-full header .hp-upload-message, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-upload-message, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-activity div.hp-full header .hp-upload-message, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-fileupload div.hp-full header .hp-upload-message {
margin-right: 4px; }
#hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message p, #hp-activity-flyout li.hp-activity div.hp-full header .hp-upload-message p, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message p, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-upload-message p, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message p, #hp-upload-flyout li.hp-activity div.hp-full header .hp-upload-message p, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message p, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-upload-message p, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-activity-message p, .hp-activity-sidebar li.hp-activity div.hp-full header .hp-upload-message p, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-activity-message p, .hp-activity-sidebar li.hp-fileupload div.hp-full header .hp-upload-message p {
margin-bottom: 0px; }
#hp-activity-flyout li.hp-activity div.hp-full > .hp-contents, #hp-activity-flyout li.hp-fileupload div.hp-full > .hp-contents, #hp-upload-flyout li.hp-activity div.hp-full > .hp-contents, #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents, .hp-activity-sidebar li.hp-activity div.hp-full > .hp-contents, .hp-activity-sidebar li.hp-fileupload div.hp-full > .hp-contents {
margin-top: 10px; }
#hp-activity-flyout li.hp-activity div.hp-full > .hp-contents > .hp-actions, #hp-activity-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions, #hp-upload-flyout li.hp-activity div.hp-full > .hp-contents > .hp-actions, #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions, .hp-activity-sidebar li.hp-activity div.hp-full > .hp-contents > .hp-actions, .hp-activity-sidebar li.hp-fileupload div.hp-full > .hp-contents > .hp-actions {
margin-bottom: 10px; }
#hp-activity-flyout li.hp-activity div.hp-full a, #hp-activity-flyout li.hp-fileupload div.hp-full a, #hp-upload-flyout li.hp-activity div.hp-full a, #hp-upload-flyout li.hp-fileupload div.hp-full a, .hp-activity-sidebar li.hp-activity div.hp-full a, .hp-activity-sidebar li.hp-fileupload div.hp-full a {
color: #333; }
#hp-activity-flyout li.hp-activity .hp-close:focus, #hp-activity-flyout li.hp-fileupload .hp-close:focus, #hp-upload-flyout li.hp-activity .hp-close:focus, #hp-upload-flyout li.hp-fileupload .hp-close:focus, .hp-activity-sidebar li.hp-activity .hp-close:focus, .hp-activity-sidebar li.hp-fileupload .hp-close:focus {
outline: 1px solid #00b388;
background-position: -158px -18px; }
#hp-activity-flyout li.hp-activity .hp-close:hover, #hp-activity-flyout li.hp-fileupload .hp-close:hover, #hp-upload-flyout li.hp-activity .hp-close:hover, #hp-upload-flyout li.hp-fileupload .hp-close:hover, .hp-activity-sidebar li.hp-activity .hp-close:hover, .hp-activity-sidebar li.hp-fileupload .hp-close:hover {
background-position: -158px 2px; }
#hp-activity-flyout li.hp-activity a:focus, #hp-activity-flyout li.hp-fileupload a:focus, #hp-upload-flyout li.hp-activity a:focus, #hp-upload-flyout li.hp-fileupload a:focus, .hp-activity-sidebar li.hp-activity a:focus, .hp-activity-sidebar li.hp-fileupload a:focus {
outline: 1px solid #00b388; }
#hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-fileupload, .hp-activity-sidebar li.hp-fileupload {
height: 57px; }
#hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief {
height: 57px; }
#hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief, .hp-activity-sidebar li.hp-fileupload div.hp-brief {
height: 57px; }
#hp-activity-flyout footer, #hp-upload-flyout footer, .hp-activity-sidebar footer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
padding: 10px 15px; }
#hp-upload-flyout li.hp-fileupload div.hp-full {
word-break: break-all;
cursor: default;
overflow: visible; }
#hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-details {
display: none; }
#hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-message {
display: inline-block; }
#hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions {
margin-top: 10px;
display: block; }
#hp-flyout-uploads .hp-close {
display: inline-block;
position: relative;
top: 4px; }
#hp-flyout-uploads .hp-upload-message {
display: inline-block; }
#hp-help-flyout.hp-sidebarred .hp-flyout-contents, #hp-checklist-flyout.hp-sidebarred .hp-flyout-contents {
max-height: none; }
#hp-help-flyout .hp-flyout-contents, #hp-checklist-flyout .hp-flyout-contents {
max-height: 400px;
overflow-y: auto;
padding: 0px 15px 15px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
#hp-help-flyout .hp-flyout-contents #hp-help-local-offline, #hp-checklist-flyout .hp-flyout-contents #hp-help-local-offline {
margin-bottom: 10px; }
#hp-help-flyout .hp-flyout-contents .hp-help-section, #hp-checklist-flyout .hp-flyout-contents .hp-help-section {
margin-bottom: 20px; }
#hp-help-flyout .hp-flyout-contents h2, #hp-checklist-flyout .hp-flyout-contents h2 {
font-size: 16px;
line-height: 24px;
margin-top: 0px;
color: #333;
font-family: Metric;
font-weight: normal;
word-break: break-all; }
#hp-help-flyout .hp-flyout-contents li.hp-done, #hp-checklist-flyout .hp-flyout-contents li.hp-done {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAEKkJYjGdtvu1lmvQKzXn5TMhGW1TU2pMnG6W7jdraDRkv///wAAAAAAAAAAAAAAACH5BAEHAAsALAAAAAAUABQAAAQ3cMlJq7046827x8E3KYC4JECpCZRwAKE2sIsLGFyqCAZw0BpEapACbggpQEIkGBRM0Kh0Su1EAAA7);
background-position: -4px 3px;
background-repeat: no-repeat; }
#hp-help-flyout .hp-flyout-contents li > a, #hp-checklist-flyout .hp-flyout-contents li > a {
display: block;
padding: 5px 0px;
color: #333; }
#hp-help-flyout .hp-flyout-contents li > a.hp-unavailable, #hp-checklist-flyout .hp-flyout-contents li > a.hp-unavailable {
display: none; }
body.hp-grommet-style #hp-help-flyout .hp-flyout-contents li > a:focus, #hp-body.hp-grommet-style #hp-help-flyout .hp-flyout-contents li > a:focus, body.hp-grommet-style #hp-checklist-flyout .hp-flyout-contents li > a:focus, #hp-body.hp-grommet-style #hp-checklist-flyout .hp-flyout-contents li > a:focus {
outline: 1px solid #00b388; }
#hp-help-flyout .hp-flyout-contents .hp-has-indicators li, #hp-checklist-flyout .hp-flyout-contents .hp-has-indicators li {
padding-left: 12px;
-webkit-transition: padding-left 0.5s;
-moz-transition: padding-left 0.5s;
transition: padding-left 0.5s; }
#hp-login-page, #hp-initial-password-page {
position: relative;
width: 100%;
height: 100%;
padding-top: 30px;
padding-left: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
font-family: Metric;
overflow-y: auto;
overflow-x: hidden; }
@media only screen and (max-width: 600px) {
#hp-login-page, #hp-initial-password-page {
padding: 20px; } }
#hp-login-page > header, #hp-initial-password-page > header {
margin-bottom: 40px;
width: 400px;
position: relative; }
@media only screen and (max-width: 600px) {
#hp-login-page > header, #hp-initial-password-page > header {
width: auto; } }
#hp-login-page > header .hp-logo, #hp-initial-password-page > header .hp-logo {
display: block;
background-position: 0px -81px;
width: 120px;
height: 50px;
position: fixed;
bottom: 48px;
right: 48px;
z-index: 50; }
.hp-narrow #hp-login-page > header .hp-logo, .hp-narrow #hp-initial-password-page > header .hp-logo {
left: 20px; }
#hp-login-page > header .hp-login-header, #hp-initial-password-page > header .hp-login-header {
margin-top: 20px;
font-family: Metric, Arial, sans-serif;
font-size: 64px;
line-height: normal;
color: #000;
border-top: 0px solid #00b388; }
@media only screen and (max-width: 600px) {
#hp-login-page > header .hp-login-header, #hp-initial-password-page > header .hp-login-header {
font-size: 32px; } }
#hp-login-page > header .hp-login-sub-header, #hp-initial-password-page > header .hp-login-sub-header {
display: block;
float: right;
font-size: 20px;
color: #767676; }
#hp-login-page #hp-security-notice, #hp-initial-password-page #hp-security-notice {
margin-top: -20px;
width: 400px; }
#hp-login-page #hp-login-status, #hp-initial-password-page #hp-login-status {
height: auto;
text-align: left;
margin: 20px 0px;
padding: 15px;
width: 400px;
color: #000;
background-color: #ffD042;
font-family: Metric, Arial, sans-serif; }
#hp-login-page #hp-login-status .hp-status, #hp-initial-password-page #hp-login-status .hp-status {
display: inline-block;
margin-left: 0px;
margin-top: 2px;
margin-right: 5px;
vertical-align: top; }
#hp-login-page #hp-login-status label, #hp-login-page #hp-login-status .hp-message, #hp-initial-password-page #hp-login-status label, #hp-initial-password-page #hp-login-status .hp-message {
display: inline-block;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-bottom: 5px;
white-space: normal; }
#hp-login-page #hp-login-status .hp-message, #hp-initial-password-page #hp-login-status .hp-message {
max-width: 360px; }
#hp-login-page #hp-login-hero, #hp-initial-password-page #hp-login-hero {
position: absolute;
left: 500px;
right: 0px;
top: 0px;
bottom: 0px;
min-height: 600px;
background-image: url("../../img/hpe/../login_hero.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat; }
@media only screen and (max-width: 600px) {
#hp-login-page #hp-login-hero, #hp-initial-password-page #hp-login-hero {
display: none; } }
#hp-login-page #hardware-setup-button, #hp-login-page #hp-login-admin-access-div, #hp-initial-password-page #hardware-setup-button, #hp-initial-password-page #hp-login-admin-access-div {
display: none; }
#hp-login-page .hp-login-controls, #hp-initial-password-page .hp-login-controls {
position: absolute;
top: 30px;
right: 0px;
white-space: nowrap;
display: inline-block; }
#hp-login-page .hp-login-controls > *, #hp-initial-password-page .hp-login-controls > * {
display: inline-block;
vertical-align: top; }
#hp-login-page .hp-login-controls .hp-select-form, #hp-initial-password-page .hp-login-controls .hp-select-form {
margin-right: 15px; }
#hp-login-page .hp-login-controls .hp-select-form .hp-select, #hp-initial-password-page .hp-login-controls .hp-select-form .hp-select {
border: none; }
#hp-login-page .hp-login-controls .hp-select-form .hp-select > label, #hp-initial-password-page .hp-login-controls .hp-select-form .hp-select > label {
padding: 0px 10px;
line-height: 30px; }
#hp-login-page .hp-login-controls .hp-help-current .hp-icon, #hp-initial-password-page .hp-login-controls .hp-help-current .hp-icon {
width: 20px;
height: 20px;
top: 5px;
right: 0px;
position: relative;
background-position: -120px -20px;
background-image: "../../img/hpe/hpe-icons.png";
background-repeat: no-repeat; }
#hp-login-page .hp-login-controls .hp-help-current .hp-icon:hover, #hp-initial-password-page .hp-login-controls .hp-help-current .hp-icon:hover {
background-position: -120px 0px; }
#hp-login-page.hp-hardware-setup #hardware-setup-button, #hp-login-page.hp-hardware-setup #hp-login-admin-access-div, #hp-initial-password-page.hp-hardware-setup #hardware-setup-button, #hp-initial-password-page.hp-hardware-setup #hp-login-admin-access-div {
display: block; }
#hp-login-page.hp-hardware-setup #hp-login-admin-access-div, #hp-initial-password-page.hp-hardware-setup #hp-login-admin-access-div {
width: 400px; }
@media only screen and (max-width: 600px) {
#hp-login-page.hp-hardware-setup #hp-login-admin-access-div, #hp-initial-password-page.hp-hardware-setup #hp-login-admin-access-div {
width: auto; } }
#hp-login-page.hp-hardware-setup #hp-login-admin-access-div #hp-login-admin-access, #hp-initial-password-page.hp-hardware-setup #hp-login-admin-access-div #hp-login-admin-access {
position: relative;
top: 8px;
margin-right: 20px;
vertical-align: bottom; }
#hp-login-page.hp-hardware-setup #hp-login-form-div, #hp-initial-password-page.hp-hardware-setup #hp-login-form-div {
width: 400px;
border-top: 1px solid #d9d9d9;
max-height: 500px;
padding-top: 20px;
margin-top: 30px; }
@media only screen and (max-width: 600px) {
#hp-login-page.hp-hardware-setup #hp-login-form-div, #hp-initial-password-page.hp-hardware-setup #hp-login-form-div {
width: auto; } }
#hp-login-page.hp-hardware-setup #hp-login-form-div > form, #hp-initial-password-page.hp-hardware-setup #hp-login-form-div > form {
opacity: 1; }
#hp-login-page.hp-hardware-setup #hp-login-form-div.hp-collapsed, #hp-initial-password-page.hp-hardware-setup #hp-login-form-div.hp-collapsed {
max-height: 2px;
padding-top: 0px;
margin-top: 150px;
margin-bottom: 17px; }
#hp-login-page.hp-hardware-setup #hp-login-form-div.hp-collapsed > form, #hp-initial-password-page.hp-hardware-setup #hp-login-form-div.hp-collapsed > form {
opacity: 0;
max-height: 0px;
margin-bottom: 0px; }
.hp-custom-message {
margin-top: 35px;
width: 400px;
overflow-y: auto;
min-height: 50px;
max-height: 135px; }
@media only screen and (max-width: 600px) {
.hp-custom-message {
width: auto; } }
.hp-custom-message > p:last-child {
margin-bottom: 0px; }
#hp-login-form {
width: 400px; }
@media only screen and (max-width: 600px) {
#hp-login-form {
width: auto; } }
#hp-login-form ol li {
padding: 0px;
margin: 10px 0px; }
#hp-login-form ol li input, #hp-login-form ol li .selectBox, #hp-login-form ol li .hp-select {
font-size: 20px;
font-family: Metric; }
#hp-login-form ol li input, #hp-login-form ol li .selectBox {
width: 100%;
margin: 0px;
height: auto;
margin-bottom: 5px;
padding: 7px 13px;
line-height: normal; }
#hp-login-form ol li input.valid, #hp-login-form ol li .selectBox.valid {
background-image: none; }
#hp-login-form ol li input.hp-error, #hp-login-form ol li .selectBox.hp-error {
background-position: right 8px; }
#hp-login-form ol li .hp-select-form {
vertical-align: top; }
#hp-login-form ol li .hp-select-form .hp-select {
box-sizing: border-box;
width: 100%; }
#hp-login-form ol li .hp-select-form .hp-select .hp-options {
box-sizing: border-box;
max-width: 400px; }
#hp-login-form ol li .hp-select-form .hp-select .hp-options li {
padding-left: 10px;
margin: 0px; }
#hp-login-form ol li .hp-select-form .hp-value:hover:after {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
#hp-login-form ol li .selectBox {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0; }
#hp-login-form ol li .selectBox .selectBox-arrow {
top: 5px; }
#hp-login-form ol li .hp-form-content > label {
margin-right: 10px;
margin-top: 5px;
display: inline-block; }
#hp-login-form ol li .hp-form-content > span {
padding: 0px 13px;
font-size: 20px;
line-height: normal;
font-family: Metric; }
#hp-login-form ol li .hp-form-content label.hp-error {
padding: 0px 16px; }
#hp-login-form ol li.hp-unset-inactive {
position: relative; }
#hp-login-form ol li.hp-unset-inactive > label {
position: absolute;
top: 12px;
left: 15px;
display: block;
font-family: Metric;
font-size: 20px;
color: #ccc; }
#hp-login-form .hp-buttonset {
display: inline-block;
vertical-align: middle; }
#hp-login-form .hp-buttonset #hp-login-button, #hp-login-form .hp-buttonset #hp-initial-password-button {
height: 32px; }
#hp-initial-password-form {
width: 200px;
margin: 0px auto;
text-align: left; }
#hp-initial-password-form li {
position: relative;
margin-bottom: 5px; }
#hp-initial-password-form li label {
display: block;
margin-bottom: 5px; }
#hp-initial-password-form li input {
margin-top: 0px;
margin-left: 0px;
width: 100%; }
#hp-initial-password-form li input:disabled {
border-color: #fff; }
#hp-initial-password-form li label.hp-error {
position: absolute;
left: 210px;
top: 30px;
color: #f99;
width: 200px; }
#hp-initial-password-form .hp-buttonset {
text-align: right; }
#hp-initial-password-page > header > * {
display: inline-block; }
#hp-initial-password-page > header img {
height: 36px;
margin-right: 10px; }
#hp-initial-password-page > header .hp-initial-password-header {
position: relative;
top: 6px;
vertical-align: top;
font-size: 24px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
color: #333; }
#hp-initial-password-page.hp-hardware-setup #hp-login-form-div {
margin-bottom: 17px; }
#hp-initial-password-form-heading {
margin: 0px auto 20px auto;
text-align: center; }
.hp-replace-logout-button {
text-align: center; }
#hp-login-page .hp-select .hp-value {
padding-right: 9px;
border-right: 1px solid #d9d9d9; }
#hp-login-form-div .hp-disable-overlay {
left: 80px;
width: 400px; }
.hp-narrow #hp-login-form-div .hp-disable-overlay {
left: 0px;
width: 100%; }
#hp-login-form-div .hp-spinner {
position: relative;
z-index: 2; }
#hp-body-div.hp-login-geometric #hp-login-page {
background-repeat: no-repeat;
background-position: center bottom;
background-position-x: center;
background-position-y: bottom;
background-color: #fff;
background-size: 100% auto;
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: flex-start; }
#hp-body-div.hp-login-geometric #hp-login-page.hp-login-vm-setup {
background-image: url("../../img/hpe/login/login-background-left.jpg?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
#hp-body-div.hp-login-geometric #hp-login-page.hp-login-hardware-setup {
background-image: url("../../img/hpe/login/login-background-right.jpg?v=11a20444adfa2a636b664ff3e011a51e58a28846");
align-items: flex-end;
padding-right: 80px; }
#hp-body-div.hp-login-geometric #hp-login-page.hp-login-hardware-setup header > .hp-logo {
right: auto;
left: 48px; }
#hp-body-div.hp-login-geometric #hp-login-page header {
margin-top: 60px; }
#hp-body-div.hp-login-geometric #hp-login-page > .hp-buttonset {
width: 400px; }
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-status {
flex-shrink: 0; }
@media only screen and (max-width: 600px) {
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-status {
width: 80%; } }
@media only screen and (max-width: 600px) {
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-form-div {
width: 80%; } }
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-form .hp-buttonset {
background-color: #fff; }
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-form .hp-select {
background-color: #fff; }
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-admin-access-div {
padding-bottom: 10px; }
#hp-body-div.hp-login-geometric #hp-login-page #hp-login-hero {
display: none; }
.hp-status-error {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -0px -80px; }
.hp-status-error.hp-inactive {
background-position: -0px -100px; }
.hp-status-error.hp-unset {
background-position: -0px -120px; }
.hp-status-warning {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -20px -80px; }
.hp-status-warning.hp-inactive {
background-position: -20px -100px; }
.hp-status-warning.hp-unset {
background-position: -20px -120px; }
.hp-status-ok {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -40px -80px; }
.hp-status-ok.hp-inactive {
background-position: -40px -100px; }
.hp-status-ok.hp-unset {
background-position: -40px -120px; }
.hp-status-unknown {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -60px -80px; }
.hp-status-unknown.hp-inactive {
background-position: -60px -100px; }
.hp-status-unknown.hp-unset {
background-position: -60px -120px; }
.hp-status-disabled {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -80px -80px; }
.hp-status-disabled.hp-inactive {
background-position: -80px -100px; }
.hp-status-disabled.hp-unset {
background-position: -80px -120px; }
.hp-status-suspended {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -100px -80px; }
.hp-status-suspended.hp-inactive {
background-position: -100px -100px; }
.hp-status-suspended.hp-unset {
background-position: -100px -120px; }
.hp-status {
position: relative;
height: 14px;
top: 8px;
vertical-align: top; }
.hp-status .hp-value {
display: none; }
.hp-status.hp-unavailable {
visibility: hidden; }
.hp-status.hp-changing {
width: 30px;
white-space: nowrap; }
.hp-status .hp-status-value {
display: inline-block; }
.hp-status .hp-status-changing, .hp-status.hp-status-changing {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -320px -100px;
background-repeat: no-repeat;
-webkit-animation: rotate 4s steps(4, end) 0s infinite forwards running;
-moz-animation: rotate 4s steps(4, end) 0s infinite forwards running;
-ms-animation: rotate 4s steps(4, end) infinite forwards 0.7s;
-o-animation: rotate 4s steps(4, end) 0s infinite forwards running; }
.hp-status .hp-status-changing {
position: relative;
display: inline-block;
height: 14px;
width: 14px;
top: -1px; }
.hp-status.hp-status-changing {
width: 14px;
left: -2px;
top: 6px; }
.hp-dashboard .hp-summary-status .hp-status-error,
.hp-status-counts .hp-status-error,
.hp-alerts-status-counts .hp-status-error,
.hp-details-header .hp-status-error,
.hp-master-list-item header .hp-status-error,
.hp-master-full .hp-master-header .hp-status-error,
.hp-virtual-appliance.hp-large .hp-status-error,
.hp-application-context .hp-status-error,
.hp-status-large .hp-status-error,
#hp-welcome .hp-status-error,
#hp-main-banner .hp-header-secondary .hp-status-error {
width: 19px;
height: 19px;
background-position: -0px 0px; }
.hp-dashboard .hp-summary-status .hp-status-error.hp-inactive,
.hp-status-counts .hp-status-error.hp-inactive,
.hp-alerts-status-counts .hp-status-error.hp-inactive,
.hp-details-header .hp-status-error.hp-inactive,
.hp-master-list-item header .hp-status-error.hp-inactive,
.hp-master-full .hp-master-header .hp-status-error.hp-inactive,
.hp-virtual-appliance.hp-large .hp-status-error.hp-inactive,
.hp-application-context .hp-status-error.hp-inactive,
.hp-status-large .hp-status-error.hp-inactive,
#hp-welcome .hp-status-error.hp-inactive,
#hp-main-banner .hp-header-secondary .hp-status-error.hp-inactive {
background-position: -0px -20px; }
.hp-dashboard .hp-summary-status .hp-status-error.hp-unset,
.hp-status-counts .hp-status-error.hp-unset,
.hp-alerts-status-counts .hp-status-error.hp-unset,
.hp-details-header .hp-status-error.hp-unset,
.hp-master-list-item header .hp-status-error.hp-unset,
.hp-master-full .hp-master-header .hp-status-error.hp-unset,
.hp-virtual-appliance.hp-large .hp-status-error.hp-unset,
.hp-application-context .hp-status-error.hp-unset,
.hp-status-large .hp-status-error.hp-unset,
#hp-welcome .hp-status-error.hp-unset,
#hp-main-banner .hp-header-secondary .hp-status-error.hp-unset {
background-position: -0px -40px; }
.hp-dashboard .hp-summary-status .hp-status-warning,
.hp-status-counts .hp-status-warning,
.hp-alerts-status-counts .hp-status-warning,
.hp-details-header .hp-status-warning,
.hp-master-list-item header .hp-status-warning,
.hp-master-full .hp-master-header .hp-status-warning,
.hp-virtual-appliance.hp-large .hp-status-warning,
.hp-application-context .hp-status-warning,
.hp-status-large .hp-status-warning,
#hp-welcome .hp-status-warning,
#hp-main-banner .hp-header-secondary .hp-status-warning {
width: 19px;
height: 19px;
background-position: -20px 0px; }
.hp-dashboard .hp-summary-status .hp-status-warning.hp-inactive,
.hp-status-counts .hp-status-warning.hp-inactive,
.hp-alerts-status-counts .hp-status-warning.hp-inactive,
.hp-details-header .hp-status-warning.hp-inactive,
.hp-master-list-item header .hp-status-warning.hp-inactive,
.hp-master-full .hp-master-header .hp-status-warning.hp-inactive,
.hp-virtual-appliance.hp-large .hp-status-warning.hp-inactive,
.hp-application-context .hp-status-warning.hp-inactive,
.hp-status-large .hp-status-warning.hp-inactive,
#hp-welcome .hp-status-warning.hp-inactive,
#hp-main-banner .hp-header-secondary .hp-status-warning.hp-inactive {
background-position: -20px -20px; }
.hp-dashboard .hp-summary-status .hp-status-warning.hp-unset,
.hp-status-counts .hp-status-warning.hp-unset,
.hp-alerts-status-counts .hp-status-warning.hp-unset,
.hp-details-header .hp-status-warning.hp-unset,
.hp-master-list-item header .hp-status-warning.hp-unset,
.hp-master-full .hp-master-header .hp-status-warning.hp-unset,
.hp-virtual-appliance.hp-large .hp-status-warning.hp-unset,
.hp-application-context .hp-status-warning.hp-unset,
.hp-status-large .hp-status-warning.hp-unset,
#hp-welcome .hp-status-warning.hp-unset,
#hp-main-banner .hp-header-secondary .hp-status-warning.hp-unset {
background-position: -20px -40px; }
.hp-dashboard .hp-summary-status .hp-status-ok,
.hp-status-counts .hp-status-ok,
.hp-alerts-status-counts .hp-status-ok,
.hp-details-header .hp-status-ok,
.hp-master-list-item header .hp-status-ok,
.hp-master-full .hp-master-header .hp-status-ok,
.hp-virtual-appliance.hp-large .hp-status-ok,
.hp-application-context .hp-status-ok,
.hp-status-large .hp-status-ok,
#hp-welcome .hp-status-ok,
#hp-main-banner .hp-header-secondary .hp-status-ok {
width: 19px;
height: 19px;
background-position: -40px 0px; }
.hp-dashboard .hp-summary-status .hp-status-ok.hp-inactive,
.hp-status-counts .hp-status-ok.hp-inactive,
.hp-alerts-status-counts .hp-status-ok.hp-inactive,
.hp-details-header .hp-status-ok.hp-inactive,
.hp-master-list-item header .hp-status-ok.hp-inactive,
.hp-master-full .hp-master-header .hp-status-ok.hp-inactive,
.hp-virtual-appliance.hp-large .hp-status-ok.hp-inactive,
.hp-application-context .hp-status-ok.hp-inactive,
.hp-status-large .hp-status-ok.hp-inactive,
#hp-welcome .hp-status-ok.hp-inactive,
#hp-main-banner .hp-header-secondary .hp-status-ok.hp-inactive {
background-position: -40px -20px; }
.hp-dashboard .hp-summary-status .hp-status-ok.hp-unset,
.hp-status-counts .hp-status-ok.hp-unset,
.hp-alerts-status-counts .hp-status-ok.hp-unset,
.hp-details-header .hp-status-ok.hp-unset,
.hp-master-list-item header .hp-status-ok.hp-unset,
.hp-master-full .hp-master-header .hp-status-ok.hp-unset,
.hp-virtual-appliance.hp-large .hp-status-ok.hp-unset,
.hp-application-context .hp-status-ok.hp-unset,
.hp-status-large .hp-status-ok.hp-unset,
#hp-welcome .hp-status-ok.hp-unset,
#hp-main-banner .hp-header-secondary .hp-status-ok.hp-unset {
background-position: -40px -40px; }
.hp-dashboard .hp-summary-status .hp-status-unknown,
.hp-status-counts .hp-status-unknown,
.hp-alerts-status-counts .hp-status-unknown,
.hp-details-header .hp-status-unknown,
.hp-master-list-item header .hp-status-unknown,
.hp-master-full .hp-master-header .hp-status-unknown,
.hp-virtual-appliance.hp-large .hp-status-unknown,
.hp-application-context .hp-status-unknown,
.hp-status-large .hp-status-unknown,
#hp-welcome .hp-status-unknown,
#hp-main-banner .hp-header-secondary .hp-status-unknown {
width: 19px;
height: 19px;
background-position: -60px 0px; }
.hp-dashboard .hp-summary-status .hp-status-unknown.hp-inactive,
.hp-status-counts .hp-status-unknown.hp-inactive,
.hp-alerts-status-counts .hp-status-unknown.hp-inactive,
.hp-details-header .hp-status-unknown.hp-inactive,
.hp-master-list-item header .hp-status-unknown.hp-inactive,
.hp-master-full .hp-master-header .hp-status-unknown.hp-inactive,
.hp-virtual-appliance.hp-large .hp-status-unknown.hp-inactive,
.hp-application-context .hp-status-unknown.hp-inactive,
.hp-status-large .hp-status-unknown.hp-inactive,
#hp-welcome .hp-status-unknown.hp-inactive,
#hp-main-banner .hp-header-secondary .hp-status-unknown.hp-inactive {
background-position: -60px -20px; }
.hp-dashboard .hp-summary-status .hp-status-unknown.hp-unset,
.hp-status-counts .hp-status-unknown.hp-unset,
.hp-alerts-status-counts .hp-status-unknown.hp-unset,
.hp-details-header .hp-status-unknown.hp-unset,
.hp-master-list-item header .hp-status-unknown.hp-unset,
.hp-master-full .hp-master-header .hp-status-unknown.hp-unset,
.hp-virtual-appliance.hp-large .hp-status-unknown.hp-unset,
.hp-application-context .hp-status-unknown.hp-unset,
.hp-status-large .hp-status-unknown.hp-unset,
#hp-welcome .hp-status-unknown.hp-unset,
#hp-main-banner .hp-header-secondary .hp-status-unknown.hp-unset {
background-position: -60px -40px; }
.hp-dashboard .hp-summary-status .hp-status-disabled,
.hp-status-counts .hp-status-disabled,
.hp-alerts-status-counts .hp-status-disabled,
.hp-details-header .hp-status-disabled,
.hp-master-list-item header .hp-status-disabled,
.hp-master-full .hp-master-header .hp-status-disabled,
.hp-virtual-appliance.hp-large .hp-status-disabled,
.hp-application-context .hp-status-disabled,
.hp-status-large .hp-status-disabled,
#hp-welcome .hp-status-disabled,
#hp-main-banner .hp-header-secondary .hp-status-disabled {
width: 19px;
height: 19px;
background-position: -80px 0px; }
.hp-dashboard .hp-summary-status .hp-status-disabled.hp-inactive,
.hp-status-counts .hp-status-disabled.hp-inactive,
.hp-alerts-status-counts .hp-status-disabled.hp-inactive,
.hp-details-header .hp-status-disabled.hp-inactive,
.hp-master-list-item header .hp-status-disabled.hp-inactive,
.hp-master-full .hp-master-header .hp-status-disabled.hp-inactive,
.hp-virtual-appliance.hp-large .hp-status-disabled.hp-inactive,
.hp-application-context .hp-status-disabled.hp-inactive,
.hp-status-large .hp-status-disabled.hp-inactive,
#hp-welcome .hp-status-disabled.hp-inactive,
#hp-main-banner .hp-header-secondary .hp-status-disabled.hp-inactive {
background-position: -80px -20px; }
.hp-dashboard .hp-summary-status .hp-status-disabled.hp-unset,
.hp-status-counts .hp-status-disabled.hp-unset,
.hp-alerts-status-counts .hp-status-disabled.hp-unset,
.hp-details-header .hp-status-disabled.hp-unset,
.hp-master-list-item header .hp-status-disabled.hp-unset,
.hp-master-full .hp-master-header .hp-status-disabled.hp-unset,
.hp-virtual-appliance.hp-large .hp-status-disabled.hp-unset,
.hp-application-context .hp-status-disabled.hp-unset,
.hp-status-large .hp-status-disabled.hp-unset,
#hp-welcome .hp-status-disabled.hp-unset,
#hp-main-banner .hp-header-secondary .hp-status-disabled.hp-unset {
background-position: -80px -40px; }
.hp-dashboard .hp-summary-status .hp-status-suspended,
.hp-status-counts .hp-status-suspended,
.hp-alerts-status-counts .hp-status-suspended,
.hp-details-header .hp-status-suspended,
.hp-master-list-item header .hp-status-suspended,
.hp-master-full .hp-master-header .hp-status-suspended,
.hp-virtual-appliance.hp-large .hp-status-suspended,
.hp-application-context .hp-status-suspended,
.hp-status-large .hp-status-suspended,
#hp-welcome .hp-status-suspended,
#hp-main-banner .hp-header-secondary .hp-status-suspended {
width: 19px;
height: 19px;
background-position: -100px 0px; }
.hp-dashboard .hp-summary-status .hp-status-suspended.hp-inactive,
.hp-status-counts .hp-status-suspended.hp-inactive,
.hp-alerts-status-counts .hp-status-suspended.hp-inactive,
.hp-details-header .hp-status-suspended.hp-inactive,
.hp-master-list-item header .hp-status-suspended.hp-inactive,
.hp-master-full .hp-master-header .hp-status-suspended.hp-inactive,
.hp-virtual-appliance.hp-large .hp-status-suspended.hp-inactive,
.hp-application-context .hp-status-suspended.hp-inactive,
.hp-status-large .hp-status-suspended.hp-inactive,
#hp-welcome .hp-status-suspended.hp-inactive,
#hp-main-banner .hp-header-secondary .hp-status-suspended.hp-inactive {
background-position: -100px -20px; }
.hp-dashboard .hp-summary-status .hp-status-suspended.hp-unset,
.hp-status-counts .hp-status-suspended.hp-unset,
.hp-alerts-status-counts .hp-status-suspended.hp-unset,
.hp-details-header .hp-status-suspended.hp-unset,
.hp-master-list-item header .hp-status-suspended.hp-unset,
.hp-master-full .hp-master-header .hp-status-suspended.hp-unset,
.hp-virtual-appliance.hp-large .hp-status-suspended.hp-unset,
.hp-application-context .hp-status-suspended.hp-unset,
.hp-status-large .hp-status-suspended.hp-unset,
#hp-welcome .hp-status-suspended.hp-unset,
#hp-main-banner .hp-header-secondary .hp-status-suspended.hp-unset {
background-position: -100px -40px; }
.hp-dashboard .hp-summary-status .hp-status,
.hp-status-counts .hp-status,
.hp-alerts-status-counts .hp-status,
.hp-details-header .hp-status,
.hp-master-list-item header .hp-status,
.hp-master-full .hp-master-header .hp-status,
.hp-virtual-appliance.hp-large .hp-status,
.hp-application-context .hp-status,
.hp-status-large .hp-status,
#hp-welcome .hp-status,
#hp-main-banner .hp-header-secondary .hp-status {
height: 19px; }
.hp-dashboard .hp-summary-status .hp-status.hp-changing,
.hp-status-counts .hp-status.hp-changing,
.hp-alerts-status-counts .hp-status.hp-changing,
.hp-details-header .hp-status.hp-changing,
.hp-master-list-item header .hp-status.hp-changing,
.hp-master-full .hp-master-header .hp-status.hp-changing,
.hp-virtual-appliance.hp-large .hp-status.hp-changing,
.hp-application-context .hp-status.hp-changing,
.hp-status-large .hp-status.hp-changing,
#hp-welcome .hp-status.hp-changing,
#hp-main-banner .hp-header-secondary .hp-status.hp-changing {
width: 42px; }
.hp-dashboard .hp-summary-status .hp-status.hp-changing .hp-status-value,
.hp-status-counts .hp-status.hp-changing .hp-status-value,
.hp-alerts-status-counts .hp-status.hp-changing .hp-status-value,
.hp-details-header .hp-status.hp-changing .hp-status-value,
.hp-master-list-item header .hp-status.hp-changing .hp-status-value,
.hp-master-full .hp-master-header .hp-status.hp-changing .hp-status-value,
.hp-virtual-appliance.hp-large .hp-status.hp-changing .hp-status-value,
.hp-application-context .hp-status.hp-changing .hp-status-value,
.hp-status-large .hp-status.hp-changing .hp-status-value,
#hp-welcome .hp-status.hp-changing .hp-status-value,
#hp-main-banner .hp-header-secondary .hp-status.hp-changing .hp-status-value {
vertical-align: top; }
.hp-dashboard .hp-summary-status .hp-status.hp-changing .hp-status-changing,
.hp-status-counts .hp-status.hp-changing .hp-status-changing,
.hp-alerts-status-counts .hp-status.hp-changing .hp-status-changing,
.hp-details-header .hp-status.hp-changing .hp-status-changing,
.hp-master-list-item header .hp-status.hp-changing .hp-status-changing,
.hp-master-full .hp-master-header .hp-status.hp-changing .hp-status-changing,
.hp-virtual-appliance.hp-large .hp-status.hp-changing .hp-status-changing,
.hp-application-context .hp-status.hp-changing .hp-status-changing,
.hp-status-large .hp-status.hp-changing .hp-status-changing,
#hp-welcome .hp-status.hp-changing .hp-status-changing,
#hp-main-banner .hp-header-secondary .hp-status.hp-changing .hp-status-changing {
vertical-align: top;
top: 0px;
margin-left: 5px;
height: 17px;
width: 17px;
background-position: -320px -80px; }
.hp-details-header .hp-status.hp-changing .hp-status-changing {
margin-left: 8px; }
.hp-primary.hp-status {
width: 38px;
height: 36px; }
.hp-primary.hp-status-error {
background-position: 0px -180px; }
.hp-primary.hp-status-warning {
background-position: 0px -240px; }
.hp-primary.hp-status-ok {
background-position: -60px -180px; }
.hp-primary.hp-status-unknown {
background-position: -60px -240px; }
.hp-master-list-item header > .hp-status {
top: -1px; }
.hp-master-list-item header > .hp-status.hp-status-error {
background-position: -0px 0px; }
.hp-master-list-item header > .hp-status.hp-status-warning {
background-position: -20px 0px; }
.hp-master-list-item header > .hp-status.hp-status-ok {
background-position: -40px 0px; }
.hp-master-list-item header > .hp-status.hp-status-unknown {
background-position: -60px 0px; }
.hp-master-list-item header > .hp-status.hp-status-disabled {
background-position: -80px 0px; }
.hp-master-list-item header > .hp-status.hp-status-suspended {
background-position: -100px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-error, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-error {
background-position: -0px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-warning, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-warning {
background-position: -20px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-ok, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-ok {
background-position: -40px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-unknown, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-unknown {
background-position: -60px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-disabled, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-disabled {
background-position: -80px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-suspended, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-suspended {
background-position: -100px 0px; }
table thead td .hp-status {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -60px -140px;
height: 14px;
width: 14px; }
.hp-status-counts {
margin-bottom: 0px; }
.hp-status-counts li {
display: inline-block;
margin-right: 15px;
line-height: 20px; }
.hp-status-counts li > * {
display: inline-block;
vertical-align: top; }
.hp-status-counts.hp-summary .hp-status-count {
font-size: 20px; }
.hp-status-counts.hp-summary .hp-status {
top: 0px; }
.hp-master-header .hp-status-counts li {
line-height: 30px; }
.hp-master-header .hp-status-counts .hp-status {
margin-top: -1px; }
.hp-master-header .hp-status-counts .hp-status-count {
font-size: 16px;
color: #999; }
ol.hp-summary-status > li {
display: inline-block;
margin-right: 10px; }
ol.hp-summary-status > li > * {
display: inline-block;
line-height: 17px;
vertical-align: bottom; }
ol.hp-summary-status > li a {
text-decoration: none; }
ol.hp-summary-status > li a:hover span.hp-count:hover {
text-decoration: underline; }
ol.hp-summary-status > li a span.hp-count {
text-decoration: underline; }
ol.hp-summary-status > li > a:hover {
text-decoration: none;
color: #333; }
ol.hp-summary-status > li > a.hp-inactive, ol.hp-summary-status > li > a.hp-inactive:hover {
color: #767676;
cursor: default; }
ol.hp-summary-status > li > a > * {
display: inline-block;
margin-right: 0px;
text-decoration: inherit; }
.hp-status-item .hp-status {
display: inline-block;
vertical-align: top; }
#hp-page-container {
position: absolute;
top: 60px;
left: 0px;
right: 0px;
bottom: 0px;
height: auto;
overflow: hidden;
-webkit-transition: top 0.5s, bottom 0.5s, right 0.5s;
-moz-transition: top 0.5s, bottom 0.5s, right 0.5s;
transition: top 0.5s, bottom 0.5s, right 0.5s;
}
#hp-page-container.hp-no-subnav .hp-master-details, #hp-page-container.hp-no-subnav .hp-details-full, #hp-page-container.hp-no-subnav .hp-master-full, #hp-page-container.hp-no-subnav .hp-page-contents {
top: 0px; }
#hp-page-container.hp-login-geometric {
top: 0px; }
body.hp-basic-layout #hp-page-container {
background-color: #fff; }
@media only screen and (max-width: 600px) {
#hp-body-div.hp-sidebar-open #hp-page-container {
display: none; } }
#hp-page-container .hp-spinner img {
margin-top: 100px; }
#hp-page-container #hp-unsupported-browser {
width: 100%;
height: 100%;
background-color: #fff;
color: #767676;
text-align: center; }
#hp-page-container #hp-unsupported-browser p {
font-style: italic;
text-align: left;
width: 400px;
font-size: 15px;
line-height: normal;
margin: 0px auto;
padding: 40px 0px; }
@media print {
#hp-page-container {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; }
#hp-page-container.hp-no-print {
display: none; } }
div.hp-page {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: auto;
margin: 0px;
overflow: hidden; }
@media print {
div.hp-page {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
div.hp-page.hp-text-page .hp-page-contents {
padding: 20px; }
div.hp-page.hp-empty {
background-color: #f3f3f3; }
div.hp-page .hp-page-contents {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #fff;
overflow-y: auto;
overflow-x: hidden; }
div.hp-full-page, div.hp-full-content {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: auto;
width: auto;
overflow: auto; }
#hp-body-div.hp-menu-open div.hp-full-page.hp-empty, #hp-body-div.hp-menu-open div.hp-full-content.hp-empty {
left: 280px; }
div.hp-full-page > .hp-prompt, div.hp-full-content > .hp-prompt {
max-width: 400px;
margin: 60px auto;
color: #767676;
font-size: 16px;
line-height: normal;
font-style: italic;
text-align: center; }
.hp-page-contents {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
bottom: 0px; }
@media print {
.hp-page-contents {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
#hp-body-div.hp-login-geometric #hp-page-container {
top: 0px; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-master-details, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-details-full, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-master-full, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-page-contents, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-filterbar-control, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-sub-nav {
left: 280px; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-page-spinner.hp-spinner {
margin-left: 120px; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-filterbar-control {
display: none; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-banner-container {
left: 280px;
min-width: 100px; }
#hp-sidebar {
position: absolute;
width: 0;
top: 100px;
bottom: 0px;
right: -200px;
background-color: #f3f3f3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: right 0.5s;
-moz-transition: right 0.5s;
transition: right 0.5s; }
#hp-sidebar.hp-sidebar-filter {
top: 61px; }
#hp-sidebar.hp-sidebar-filter .hp-master-filter {
background-color: #fff;
width: 200px; }
@media only screen and (max-width: 600px) {
#hp-sidebar.hp-sidebar-filter .hp-master-filter {
width: 100%; } }
#hp-sidebar.hp-sidebar-filter .hp-master-filter .hp-options li {
margin: 1px;
white-space: normal;
line-height: inherit;
height: inherit;
padding-top: 6px;
padding-bottom: 6px; }
#hp-sidebar.hp-sidebar-filter .hp-master-filter .ui-datepicker .ui-timepicker-div dl.hp-datetimepicker-select dd select:focus {
outline: 1px solid #00b388; }
@media only screen and (max-width: 600px) {
#hp-sidebar {
width: 100%;
top: 60px;
bottom: 0px;
right: -100%;
background-color: #fff; } }
body.hp-basic-layout #hp-sidebar {
top: 60px;
bottom: 0px; }
div.hp-sidebar-open #hp-sidebar {
right: 0px;
width: 200px; }
div.hp-sidebar-open #hp-sidebar.hp-wide {
width: 360px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-setup-flyout header {
height: 45px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-expander {
margin-left: 1px;
margin-bottom: 10px;
padding-left: 15px;
display: inline-block; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-expander:before {
content: "<< "; }
.hp-narrow div.hp-sidebar-open #hp-sidebar.hp-wide .hp-expander {
display: none; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-expander.hp-active:before {
content: ">> "; }
div.hp-sidebar-open #hp-sidebar.hp-wide.hp-inactive .hp-checklist-wrapper {
opacity: 0; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents {
padding: 15px;
max-height: 80%;
overflow-y: auto; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-check {
background-image: url(data:image/gif;base64,R0lGODlhDAAJALMAAAGpgoDUwSCzkUC+ob/p4GDJsZ/f0DG5ms/v5////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAMAAkAAAQiMMlJC6G4gIGnPhKCDQCYkMZ0lJMBAOlqtq/Adu7dJUiwRwA7);
background-repeat: no-repeat;
background-position: 3px 10px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-detail-steps h3 {
margin-top: 0px;
font-size: 18px;
font-weight: 600; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-links > * {
display: block; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-links a {
margin-bottom: 5px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls {
margin-top: 30px;
position: relative; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls {
position: absolute;
right: 15px;
cursor: pointer; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls > * {
display: inline-block; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls .hp-icon {
width: 20px;
height: 20px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls .hp-icon.hp-help {
background-position: -120px -20px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls .hp-icon.hp-help:hover {
background-position: -120px 0px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls .hp-icon.hp-video {
background-position: -580px -177px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-footer-controls .hp-setup-controls .hp-icon.hp-video:hover {
background-position: -580px -157px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper {
position: absolute;
right: 360px;
top: 0px;
padding: 15px 10px 15px 15px;
background-color: #f3f3f3;
width: 350px;
height: 100%;
display: none;
z-index: 1;
border-left: 1px solid #d9d9d9; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper.hp-active {
display: block; }
.hp-narrow div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper.hp-active {
display: none; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-details {
margin-bottom: 30px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-details > div {
padding-left: 20px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents {
overflow-y: auto;
height: 80%;
margin-bottom: 15px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-collapsible {
padding-left: 15px;
margin-left: 1px;
margin-right: 1px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-collapsible.hp-check {
background-position: 4px 4px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-name {
padding-left: 20px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-value {
display: none; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents ol {
margin-bottom: 0px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents ol li {
margin: 1px;
padding: 3px 0px 5px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents ol li > * {
display: inline-block; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents ol li.hp-selected {
background-color: #ccf0e7; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents ol li:hover {
background-color: #e6e6e6; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-collapsible > label {
margin-bottom: 5px;
position: relative; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-collapsible .hp-count {
position: absolute;
right: 15px; }
div.hp-sidebar-open #hp-sidebar.hp-wide .hp-flyout-contents .hp-checklist-wrapper .hp-checklist-contents .hp-collapsible > div ol {
margin-top: 0px; }
div.hp-sidebar-open #hp-sidebar.hp-wide ol li {
cursor: pointer;
line-height: 17px; }
.hp-narrow div.hp-sidebar-open #hp-sidebar.hp-wide {
width: 100%; }
@media only screen and (max-width: 600px) {
div.hp-sidebar-open #hp-sidebar {
right: 0px;
width: 100%; } }
body.hp-basic-layout div.hp-sidebar-open #hp-sidebar {
right: 0px;
width: 200px; }
#hp-sidebar.hp-inactive {
opacity: 0.7; }
@media only screen and (max-width: 600px) {
#hp-sidebar.hp-inactive {
opacity: 1.0; } }
#hp-body-div:not(.hp-sessioned) #hp-sidebar {
display: none; }
#hp-sidebar .hp-flyout-contents {
top: 60px;
background-color: #f3f3f3;
bottom: 40px; }
@media only screen and (max-width: 600px) {
#hp-sidebar .hp-flyout-contents {
background-color: #fff; } }
#hp-sidebar footer {
position: absolute;
width: 100%;
bottom: 0px; }
@media print {
#hp-sidebar {
display: none; } }
#hp-body-div.hp-sidebar-filter .hp-sidebar-control {
display: none; }
#hp-body-div.hp-sidebar-open.hp-sessioned #hp-overlay, #hp-body-div.hp-sidebar-open.hp-sessioned .hp-overlay {
right: 200px; }
body.hp-narrow #hp-body-div.hp-sidebar-open.hp-sessioned #hp-overlay, body.hp-narrow #hp-body-div.hp-sidebar-open.hp-sessioned .hp-overlay {
right: 0px; }
.hp-sub-nav, .hp-subtask-nav {
position: relative;
display: block;
height: 40px;
line-height: 39px;
white-space: nowrap;
background-color: #fff;
border-bottom: 1px solid #d9d9d9;
padding: 0px 43px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: Metric;
-webkit-font-smoothing: antialiased; }
body.hp-basic-layout .hp-sub-nav, body.hp-basic-layout .hp-subtask-nav {
padding: 0px 30px; }
.hp-sub-nav > *, .hp-subtask-nav > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-sub-nav .hp-filter, .hp-sub-nav .hp-filter-reset, .hp-sub-nav .hp-master-referrer, .hp-subtask-nav .hp-filter, .hp-subtask-nav .hp-filter-reset, .hp-subtask-nav .hp-master-referrer {
font-size: 16px;
vertical-align: top; }
.hp-sub-nav .hp-filter .hp-options li, .hp-sub-nav .hp-filter-reset .hp-options li, .hp-sub-nav .hp-master-referrer .hp-options li, .hp-subtask-nav .hp-filter .hp-options li, .hp-subtask-nav .hp-filter-reset .hp-options li, .hp-subtask-nav .hp-master-referrer .hp-options li {
padding-left: 10px; }
.hp-sub-nav .hp-filter.hp-multi-filter.hp-active > ol li, .hp-sub-nav .hp-filter-reset.hp-multi-filter.hp-active > ol li, .hp-sub-nav .hp-master-referrer.hp-multi-filter.hp-active > ol li, .hp-subtask-nav .hp-filter.hp-multi-filter.hp-active > ol li, .hp-subtask-nav .hp-filter-reset.hp-multi-filter.hp-active > ol li, .hp-subtask-nav .hp-master-referrer.hp-multi-filter.hp-active > ol li {
padding-left: 0px; }
.hp-sub-nav .hp-filter.hp-multi-filter.hp-active > ol li:first-child, .hp-sub-nav .hp-filter-reset.hp-multi-filter.hp-active > ol li:first-child, .hp-sub-nav .hp-master-referrer.hp-multi-filter.hp-active > ol li:first-child, .hp-subtask-nav .hp-filter.hp-multi-filter.hp-active > ol li:first-child, .hp-subtask-nav .hp-filter-reset.hp-multi-filter.hp-active > ol li:first-child, .hp-subtask-nav .hp-master-referrer.hp-multi-filter.hp-active > ol li:first-child {
padding-left: 10px; }
.hp-sub-nav .hp-filter.hp-multi-filter.hp-active > ol li > ol li, .hp-sub-nav .hp-filter-reset.hp-multi-filter.hp-active > ol li > ol li, .hp-sub-nav .hp-master-referrer.hp-multi-filter.hp-active > ol li > ol li, .hp-subtask-nav .hp-filter.hp-multi-filter.hp-active > ol li > ol li, .hp-subtask-nav .hp-filter-reset.hp-multi-filter.hp-active > ol li > ol li, .hp-subtask-nav .hp-master-referrer.hp-multi-filter.hp-active > ol li > ol li {
padding-left: 10px; }
.hp-sub-nav .hp-meta-filter, .hp-subtask-nav .hp-meta-filter {
margin-right: 15px; }
body.hp-narrow .hp-sub-nav .hp-filter, body.hp-narrow .hp-sub-nav .hp-filter-reset, body.hp-narrow .hp-sub-nav .hp-master-referrer, body.hp-narrow .hp-sub-nav .hp-meta-filter, body.hp-narrow .hp-subtask-nav .hp-filter, body.hp-narrow .hp-subtask-nav .hp-filter-reset, body.hp-narrow .hp-subtask-nav .hp-master-referrer, body.hp-narrow .hp-subtask-nav .hp-meta-filter {
display: none; }
.hp-sub-nav > label, .hp-subtask-nav > label {
padding-left: 10px; }
.hp-sub-nav > a, .hp-subtask-nav > a {
margin-top: 2px;
margin-left: 10px;
color: #333; }
.hp-sub-nav > a.hp-disabled, .hp-subtask-nav > a.hp-disabled {
color: #ccc;
pointer-events: none;
cursor: default; }
.hp-sub-nav div.hp-filterbar-control, .hp-subtask-nav div.hp-filterbar-control {
position: relative;
left: -5px;
top: 0px;
width: 35px;
height: 100%; }
.hp-sub-nav div.hp-filterbar-control div.hp-pin-left, .hp-subtask-nav div.hp-filterbar-control div.hp-pin-left {
position: relative;
top: 9px;
left: 0px; }
.hp-sub-nav div.hp-master-match-count, .hp-subtask-nav div.hp-master-match-count {
position: absolute;
top: 0px;
right: 40px;
height: 100%;
margin-right: 0px;
text-align: right;
color: #767676;
font-style: italic;
top: 2px; }
.hp-sub-nav div.hp-sidebar-control, .hp-subtask-nav div.hp-sidebar-control {
position: absolute;
top: 0px;
right: -4px;
width: 35px;
height: 100%;
margin-right: 0px; }
.hp-sub-nav div.hp-sidebar-control div.hp-pin-right, .hp-subtask-nav div.hp-sidebar-control div.hp-pin-right {
position: relative;
top: 8px;
left: 10px;
display: none; }
.hp-sub-nav .hp-page-label, .hp-subtask-nav .hp-page-label {
margin-right: 30px;
margin-left: 0px; }
.hp-sub-nav .hp-page-label h1, .hp-subtask-nav .hp-page-label h1 {
display: inline-block;
line-height: inherit;
margin: 0px;
font-size: 20px; }
.hp-sub-nav .hp-page-label .hp-page-item-count, .hp-subtask-nav .hp-page-label .hp-page-item-count {
display: inline-block;
margin-left: 5px;
color: #999;
font-size: 18px; }
.hp-sub-nav a, .hp-subtask-nav a {
cursor: pointer; }
.hp-sub-nav .hp-filter .hp-value, .hp-subtask-nav .hp-filter .hp-value {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px; }
.hp-sub-nav .hp-filter .hp-value.hp-down-arrow-padding, .hp-subtask-nav .hp-filter .hp-value.hp-down-arrow-padding {
padding-right: 15px; }
.hp-sub-nav .hp-filter-reset, .hp-subtask-nav .hp-filter-reset {
position: relative;
top: 1px;
margin-left: 15px;
margin-top: 0px; }
.hp-sub-nav .hp-filter-reset.hp-disabled, .hp-subtask-nav .hp-filter-reset.hp-disabled {
display: none; }
.hp-sub-nav .hp-master-referrer, .hp-subtask-nav .hp-master-referrer {
position: relative;
top: 1px;
margin-left: 15px;
margin-right: 5px; }
.hp-sub-nav .hp-master-referrer > label, .hp-subtask-nav .hp-master-referrer > label {
display: none; }
.hp-sub-nav .hp-master-referrer.hp-disabled, .hp-subtask-nav .hp-master-referrer.hp-disabled {
display: none; }
.hp-sub-nav .hp-master-referrer .hp-close, .hp-subtask-nav .hp-master-referrer .hp-close {
position: relative;
display: inline-block;
top: 5px;
margin-left: 5px;
cursor: pointer; }
.hp-sub-nav .hp-application-context, .hp-subtask-nav .hp-application-context {
margin-left: 20px;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
padding: 0px 40px 0px 20px;
background-color: #f3f3f3;
border-left: 1px solid #e6e6e6;
white-space: nowrap; }
.hp-sub-nav .hp-application-context .hp-status, .hp-subtask-nav .hp-application-context .hp-status {
display: inline-block;
top: 11px;
margin-right: 10px; }
.hp-sub-nav .hp-application-context h1, .hp-subtask-nav .hp-application-context h1 {
display: inline-block;
line-height: inherit;
padding-right: 10px;
margin: 0px;
font-size: 20px; }
.hp-sub-nav .hp-application-context a h1, .hp-subtask-nav .hp-application-context a h1 {
color: #333; }
.hp-sub-nav .hp-application-context a:hover, .hp-subtask-nav .hp-application-context a:hover {
color: #333; }
.hp-sub-nav .hp-application-context ol.hp-application-controls, .hp-subtask-nav .hp-application-context ol.hp-application-controls {
display: inline-block;
margin-bottom: 0px;
vertical-align: top; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li, .hp-subtask-nav .hp-application-context ol.hp-application-controls li {
display: inline-block;
margin-right: -4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 39px;
width: 36px;
padding: 12px 10px;
text-align: center;
cursor: pointer; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li:hover, .hp-subtask-nav .hp-application-context ol.hp-application-controls li:hover {
background-color: #fff; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-power, .hp-subtask-nav .hp-application-context ol.hp-application-controls li:hover .hp-power {
background-position: -380px -220px; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-uid, .hp-subtask-nav .hp-application-context ol.hp-application-controls li:hover .hp-uid {
position: absolute;
background-position: -399px -220px; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-console, .hp-subtask-nav .hp-application-context ol.hp-application-controls li:hover .hp-console {
background-position: -540px -220px; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-disc, .hp-subtask-nav .hp-application-context ol.hp-application-controls li:hover .hp-disc {
background-position: -560px -220px; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li.hp-selected, .hp-subtask-nav .hp-application-context ol.hp-application-controls li.hp-selected {
background-color: #ccf0e7; }
.hp-sub-nav .hp-application-context ol.hp-application-controls li a, .hp-subtask-nav .hp-application-context ol.hp-application-controls li a {
display: block; }
.hp-sub-nav .hp-responsive-filter-menu-control, .hp-subtask-nav .hp-responsive-filter-menu-control {
display: none; }
.hp-sub-nav .hp-responsive-filter-menu-control.hp-active, .hp-subtask-nav .hp-responsive-filter-menu-control.hp-active {
display: inline-block; }
.hp-sub-nav .hp-responsive-filter-menu-control.hp-active > *, .hp-subtask-nav .hp-responsive-filter-menu-control.hp-active > * {
display: inline-block; }
.hp-sub-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label, .hp-subtask-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label {
position: relative;
font-size: 14px; }
.hp-sub-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value, .hp-subtask-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
border: 1px solid transparent; }
.hp-sub-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:after, .hp-subtask-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:after {
display: inline-block;
content: '';
width: 20px;
height: 12px;
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: right -2px;
background-repeat: no-repeat; }
@media print {
.hp-sub-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:after, .hp-subtask-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:after {
display: none; } }
.hp-sub-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:hover:after, .hp-subtask-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:hover:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.hp-global .hp-sub-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:hover, .hp-global .hp-subtask-nav .hp-responsive-filter-menu-control .hp-responsive-filter-menu-label .hp-value:hover {
color: #666; }
@media print {
.hp-sub-nav, .hp-subtask-nav {
display: none; } }
.hp-sub-nav {
padding: 0px 43px 0px 20px; }
#hp-page-container.hp-no-subnav .hp-sub-nav {
display: none; }
.hp-narrow .hp-sub-nav {
padding-left: 15px; }
.hp-sub-nav > .hp-filters .hp-filter-scope ol.hp-options li.hp-first-inactive-scope {
border-top: 1px solid #d9d9d9; }
.hp-subtask-nav {
margin: 0px 20px 0px 75px;
border-top: 1px solid #d9d9d9;
border-bottom: 0px;
padding: 0px;
position: relative; }
.hp-subtask-nav .hp-subtask-match {
padding-top: 1px;
display: inline-block;
position: relative;
top: -2px; }
.hp-subtask-nav .hp-subtask-match .hp-subtask-match-label {
font-size: 13.5px;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-subtask-nav .hp-subtask-match .hp-subtask-match-count {
padding: 0px 15px 0px 5px;
font-size: 16px;
color: #999; }
.hp-subtask-nav .hp-task-details-summary {
position: absolute;
right: 20px; }
.hp-subtask-nav .hp-task-details-summary .hp-summary-error, .hp-subtask-nav .hp-task-details-summary .hp-summary-warning, .hp-subtask-nav .hp-task-details-summary .hp-summary-ok, .hp-subtask-nav .hp-task-details-summary .hp-status, .hp-subtask-nav .hp-task-details-summary .hp-count {
display: inline-block; }
.hp-subtask-nav .hp-task-details-summary .hp-count {
display: inline-block;
vertical-align: bottom;
height: 40px;
padding-right: 5px;
color: #333333; }
.hp-subtask-nav a.hp-filter-reset {
color: #333; }
.hp-subtask-nav a.hp-filter-reset.hp-disabled {
display: none; }
div.hp-pin-right, div.hp-pin-left {
width: 20px;
height: 20px;
background-color: transparent;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
cursor: pointer;
border: 1px solid transparent; }
@media only screen and (max-width: 600px) {
div.hp-pin-right, div.hp-pin-left {
border: none; } }
div.hp-pin-left {
background-position: -180px -20px; }
@media only screen and (max-width: 600px) {
div.hp-pin-left {
background-position: -180px -100px;
margin-left: 5px; } }
div.hp-filterbar-open div.hp-pin-left {
background-position: -180px -60px; }
@media only screen and (max-width: 600px) {
div.hp-filterbar-open div.hp-pin-left {
background-position: -180px -80px; } }
div.hp-pin-left:hover {
background-position: -180px 0px; }
@media only screen and (max-width: 600px) {
div.hp-pin-left:hover {
background-position: -180px -80px; } }
.hp-filterbar-open div.hp-pin-left:hover {
background-position: -180px -40px; }
@media only screen and (max-width: 600px) {
.hp-filterbar-open div.hp-pin-left:hover {
background-position: -180px -100px; } }
div.hp-pin-right {
background-position: -180px -60px; }
@media only screen and (max-width: 600px) {
div.hp-pin-right {
display: none; } }
div.hp-sidebar-open div.hp-pin-right {
background-position: -180px -20px; }
div.hp-pin-right:hover {
background-position: -180px -40px; }
div.hp-sidebar-open div.hp-pin-right:hover {
background-position: -180px 0px; }
.hp-unpin {
width: 20px;
height: 20px;
background-color: transparent;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -180px -80px;
background-repeat: no-repeat; }
.hp-unpin:hover {
background-position: -180px -60px; }
.hp-global .hp-unpin:hover {
background-position: -180px -100px; }
.hp-filterbar {
width: 200px;
position: absolute;
top: 0px;
bottom: 0px;
left: -200px;
overflow-y: auto;
background-color: #f3f3f3;
border-right: 1px solid #d9d9d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s; }
@media only screen and (max-width: 600px) {
.hp-filterbar {
width: 100%;
bottom: 0px;
left: -100%; } }
.hp-filterbar-open .hp-filterbar {
left: 0px; }
.hp-filterbar > header h1 {
white-space: nowrap;
margin-top: 25px;
margin-left: 0px;
margin-bottom: 22px;
padding-right: 20px; }
@media print {
.hp-filterbar {
display: none; } }
div.hp-master-filter {
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
top: 40px;
left: -200px;
bottom: 0px;
width: 200px;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s; }
@media only screen and (max-width: 600px) {
div.hp-master-filter {
width: 100%;
top: 40px;
bottom: 0px;
left: -100%;
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
#hp-body-div.hp-sidebar-filter div.hp-master-filter {
display: none; }
#hp-body-div.hp-sidebar-filter div.hp-master-filter.hp-sidebarred {
display: block; }
div.hp-filterbar-open div.hp-master-filter {
left: 0px; }
@media only screen and (max-width: 600px) {
div.hp-filterbar-open div.hp-master-filter {
left: 0px; } }
div.hp-master-filter > header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
color: #333;
font-family: Metric; }
div.hp-master-filter > header h1 {
display: inline-block;
font-size: 18px;
line-height: inherit;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0px 0px 5px 0px; }
div.hp-master-filter > header .hp-filter-reset {
position: absolute;
height: 25px;
font-size: 14px;
right: 30px; }
div.hp-master-filter > header .hp-filter-reset.hp-disabled {
display: none; }
div.hp-master-filter .hp-master-referrer {
margin: 10px 10px 20px 10px; }
div.hp-master-filter .hp-master-referrer > label {
margin-bottom: 10px;
margin-left: 0px;
display: block;
color: #767676; }
div.hp-master-filter .hp-master-referrer > label:after {
content: ':'; }
div.hp-master-filter .hp-master-referrer > a {
padding-left: 10px;
display: block;
width: auto;
margin-right: 20px;
word-break: break-all; }
div.hp-master-filter .hp-master-referrer .hp-close {
background-repeat: no-repeat;
display: inline-block;
margin-right: 0;
padding: 0;
position: absolute;
right: 10px;
top: 90px;
width: 14px; }
div.hp-master-filter .hp-filter {
margin: 10px 10px 20px 10px; }
div.hp-master-filter .hp-filter.hp-select.hp-pinned > label {
margin: 10px 0px;
position: relative;
border: 0px; }
div.hp-master-filter .hp-filter.hp-select.hp-pinned > label:after {
content: ':'; }
div.hp-master-filter > .hp-rich-filter {
display: inline-block;
white-space: nowrap; }
div.hp-master-filter > .hp-rich-filter .hp-rack {
display: block;
margin: 10px 15px 15px 10px;
cursor: pointer; }
div.hp-master-filter > .hp-rich-filter .hp-device {
cursor: pointer; }
div.hp-master-filter > .hp-rich-filter .hp-device:hover {
background-color: #f3f3f3; }
div.hp-master-filter > .hp-rich-filter .hp-device.hp-selected {
background-color: #ccf0e7; }
@media print {
div.hp-master-filter {
display: none; } }
div.hp-master-details {
position: absolute;
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-transition: left 0.5s, right 0.5s;
-moz-transition: left 0.5s, right 0.5s;
transition: left 0.5s, right 0.5s; }
@media only screen and (max-width: 600px) {
div.hp-master-details {
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
div.hp-filterbar-open div.hp-master-details {
left: 205px; }
@media only screen and (max-width: 600px) {
div.hp-filterbar-open div.hp-master-details {
display: none; } }
body.hp-basic-layout div.hp-master-details {
top: 55px;
left: 15px;
right: 15px;
bottom: 15px; }
#hp-body-div.hp-sidebar-open.hp-sessioned div.hp-master-details {
right: 200px; }
#hp-body-div.hp-sidebar-open.hp-wide.hp-sessioned div.hp-master-details {
right: 360px; }
div.hp-master-details div.hp-master-pane {
width: 170px;
background-color: #fff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
border-right: 1px solid #d9d9d9; }
@media only screen and (max-width: 600px) {
div.hp-master-details div.hp-master-pane {
width: 100%;
border: none; } }
body.hp-basic-layout div.hp-master-details div.hp-master-pane {
border-right: 1px solid #d9d9d9; }
div.hp-master-details div.hp-master-pane.hp-plain {
overflow: auto; }
div.hp-master-details div.hp-master-pane > .ui-resizable-e {
width: 6px;
right: -5px; }
@media print {
div.hp-master-details div.hp-master-pane {
display: none; } }
@media print {
div.hp-master-details {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
div.hp-master-full {
position: absolute;
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
padding: 0px 15px 10px 15px;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
-webkit-transition: left 0.5s, right 0.5s;
-moz-transition: left 0.5s, right 0.5s;
transition: left 0.5s, right 0.5s; }
@media only screen and (max-width: 600px) {
div.hp-master-full {
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
div.hp-filterbar-open div.hp-master-full {
left: 205px; }
@media only screen and (max-width: 600px) {
div.hp-filterbar-open div.hp-master-full {
display: none; } }
div.hp-master-full tr.hp-selected {
color: #000; }
div.hp-master-full tr.hp-selected.hp-not-found td {
color: #aaaaaa; }
#hp-body-div.hp-sidebar-open.hp-sessioned div.hp-master-full {
right: 200px; }
#hp-body-div.hp-sidebar-open.hp-wide.hp-sessioned div.hp-master-full {
right: 360px; }
div.hp-master-full #hp-master-top {
padding: 5px 0px 5px 15px; }
div.hp-master-full.hp-notify-open .hp-master-list, div.hp-master-full.hp-notify-open > div.dataTables_wrapper {
top: 140px; }
div.hp-master-full.hp-notify-open.hp-notify-disabled .hp-master-list, div.hp-master-full.hp-notify-open.hp-notify-disabled > div.dataTables_wrapper {
top: 90px; }
div.hp-master-full div.hp-master-pane {
right: 0px;
padding: 0px 15px 15px 15px; }
@media print {
div.hp-master-full {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
margin-top: 80px; } }
body.hp-grommet-style div.hp-master-pane [tabindex]:focus {
outline: 1px solid #00b388;
outline: 1px auto #00b388; }
div.hp-master-pane {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
overflow: visible;
padding: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
transition: width 0.5s; }
@media only screen and (max-width: 600px) {
div.hp-master-pane {
padding: 10px 0px; }
div.hp-master-details.hp-select-details div.hp-master-pane {
display: none; } }
div.hp-master-pane .hp-master-pane-summary {
position: absolute;
bottom: 0px;
left: 15px;
right: 15px;
padding: 15px 0px;
border-top: 1px solid #d9d9d9; }
div.hp-master-pane .hp-master-pane-summary .hp-summary label {
display: inline-block;
color: #767676;
margin-right: 10px; }
html.hp-high-contrast div.hp-master-pane .hp-master-pane-summary .hp-summary label {
color: #333; }
div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-value {
display: inline-block;
color: #333; }
html.hp-high-contrast div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-value {
color: #000; }
div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-utilization-meter {
margin-top: 10px;
width: 160px; }
table.hp-master-table {
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s; }
table.hp-master-table.hp-changing {
opacity: 0.2;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
table.hp-master-table a {
color: #333; }
table.hp-master-table > tbody > tr.hp-master-table-control a {
padding-right: 20px; }
table.hp-master-table > tbody > tr.hp-master-table-control.hp-master-load-more-above, table.hp-master-table > tbody > tr.hp-master-table-control.hp-master-load-more {
height: 50px; }
table.hp-master-table > tbody > tr.hp-row-details-row {
cursor: default; }
table.hp-master-table > tbody > tr.hp-row-details-row:hover > td {
background-color: inherit; }
div.hp-master-pane #hp-master-top {
padding: 5px 0px 5px 30px; }
div.hp-master-pane .dataTables_wrapper {
display: none; }
div.hp-master-pane .dataTables_wrapper.hp-active {
display: block; }
div.hp-master-pane .dataTables_wrapper.hp-empty {
display: none; }
body.hp-basic-layout div.hp-master-pane .dataTables_scrollBody {
border-bottom: none; }
div.hp-master-pane .dataTables_scrollBody:focus {
outline: none; }
div.hp-master-pane .hp-master-table:focus {
outline: none; }
div.hp-master-pane .hp-master-table > thead th, div.hp-master-pane .hp-master-table > thead td {
white-space: nowrap;
padding: 3px 20px 3px 10px;
font-family: Metric;
font-weight: 600; }
div.hp-master-pane .hp-master-table > thead th:first-child, div.hp-master-pane .hp-master-table > thead td:first-child {
padding-left: 30px;
padding-bottom: 7px; }
div.hp-master-pane .hp-master-table > tbody > tr > td {
height: 14px;
line-height: 19px;
padding: 3px 10px 5px 10px;
word-break: break-all;
word-break: break-word;
color: #333; }
div.hp-master-pane .hp-master-table > tbody > tr > td:first-child {
padding-left: 30px; }
div.hp-master-pane .hp-master-table > tbody > tr > td > * {
height: 14px; }
div.hp-master-pane .hp-master-table > tbody > tr > td a:hover {
text-decoration: none; }
div.hp-master-pane .hp-master-table > tbody > tr > td.hp-icon {
padding-top: 0px;
padding-bottom: 0px; }
div.hp-master-pane .hp-master-table > tbody > tr > td.hp-icon > .hp-status {
position: relative;
top: 10px; }
div.hp-master-pane .hp-master-table > tbody > tr > td > .hp-status {
top: 6px; }
div.hp-master-pane .hp-master-table > tbody > tr > td > .hp-status .hp-status-changing {
top: -2px; }
div.hp-master-pane .hp-master-table > tbody > tr > td > .hp-status .hp-status-value {
vertical-align: top; }
div.hp-master-pane .hp-master-table > tbody > tr {
cursor: pointer;
color: #333; }
div.hp-master-pane .hp-master-table > tbody > tr:hover {
color: #333; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-selected {
color: #000; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-selected.hp-not-found td {
color: #aaaaaa; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-selected.hp-deleted div.hp-status-changing {
display: none; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-expanded {
background-color: #fff; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control {
background-image: none; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control > td {
padding-top: 15px;
padding-bottom: 15px; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control > td:hover {
background-color: inherit; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control div.hp-help .hp-add-help {
color: #767676; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control div.hp-help .hp-add-action-link {
margin: 10px 0px; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control a:not(.hp-disabled) {
color: #333; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row {
cursor: auto;
background: none; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row > td > * {
height: auto; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row .hp-row-details-cell {
padding: 0px 20px 20px 50px;
border-top-style: none;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row .hp-row-details-cell a:not(.hp-disabled) {
color: #333; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row form:last-of-type {
padding-bottom: 0px; }
div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row form, div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row ol {
margin-bottom: 0px; }
div.hp-master-pane > .hp-master-table {
width: 100%;
overflow: auto; }
div.hp-master-full > div.hp-master-message {
padding-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
max-width: 1000px; }
div.hp-master-full > div.hp-master-message + div.dataTables_wrapper {
position: relative;
top: inherit; }
div.hp-master-full > div.dataTables_wrapper {
position: absolute;
top: 85px;
left: 15px;
right: 15px;
bottom: 0px; }
div.hp-master-full .dataTables_scrollBody:focus {
outline: none; }
div.hp-master-full .hp-master-table > thead th, div.hp-master-full .hp-master-table > thead td {
font-family: Metric;
font-weight: 600; }
div.hp-master-full .hp-master-table > tbody > td {
height: inherit;
line-height: inherit;
padding: 13px 10px; }
div.hp-master-full .hp-master-table > tbody > td.hp-icon {
height: 30px; }
div.hp-master-full .hp-master-table > tbody tr.hp-master-table-control div.hp-help .hp-add-help {
color: #767676; }
div.hp-master-full .hp-master-table > tbody tr.hp-master-table-control div.hp-help .hp-add-action-link {
margin: 10px 0px; }
div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td.hp-row-details-cell, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td.hp-row-details-cell {
border-bottom-color: #d9d9d9; }
div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td:last-child, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td:last-child {
border-right: 1px solid #d9d9d9;
padding-right: 9px; }
div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td:last-child:after, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td:last-child:after {
content: '';
display: none; }
.hp-master-grid {
overflow-y: auto;
overflow-x: hidden;
margin: 0px;
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s; }
.hp-master-grid:focus {
outline: none; }
.hp-master-grid.hp-changing {
opacity: 0.2;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.hp-master-grid .hp-master-grid-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
margin: 5px 0px 5px 20px;
min-width: 130px;
color: #767676;
background-color: #fcfcfc;
border: 1px solid #e6e6e6;
cursor: pointer; }
html.hp-high-contrast .hp-master-grid .hp-master-grid-item {
color: #333; }
.hp-master-grid .hp-master-grid-item:hover {
background-color: #fff;
color: #333;
border-color: #999999; }
html.hp-high-contrast .hp-master-grid .hp-master-grid-item:hover {
color: #000; }
.hp-master-grid .hp-master-grid-item:hover > header {
background-color: #fff; }
.hp-master-grid .hp-master-grid-item.hp-selected {
border: 1px solid #999999;
color: #333; }
.hp-master-grid .hp-master-grid-item.hp-selected.hp-not-found .hp-master-item-name {
color: #aaaaaa; }
.hp-master-grid .hp-master-grid-item.hp-selected.hp-deleted div.hp-status-changing {
display: none; }
html.hp-high-contrast .hp-master-grid .hp-master-grid-item.hp-selected {
color: #000; }
.hp-master-grid .hp-master-grid-item.hp-selected > header {
background-color: #ccf0e7; }
.hp-master-grid .hp-master-grid-item.hp-selected .hp-master-item-summary {
background-color: #fff; }
.hp-master-grid .hp-master-grid-item > header {
padding: 5px 10px;
color: #000; }
.hp-master-grid .hp-master-grid-item > header > * {
display: inline-block;
vertical-align: baseline; }
.hp-master-grid .hp-master-grid-item > header > .hp-status {
position: relative;
top: 5px; }
.hp-master-grid .hp-master-grid-item > header .hp-master-item-name {
word-break: break-all;
word-break: break-word; }
.hp-master-grid .hp-master-grid-item label {
color: #767676; }
html.hp-high-contrast .hp-master-grid .hp-master-grid-item label {
color: #333; }
.hp-master-grid .hp-master-grid-item .hp-master-item-summary, .hp-master-grid .hp-master-grid-item .hp-master-item-details {
position: relative;
padding: 10px; }
.hp-master-grid .hp-master-grid-item .hp-master-item-summary .hp-column-form, .hp-master-grid .hp-master-grid-item .hp-master-item-details .hp-column-form {
width: auto;
display: inline-block;
vertical-align: top;
margin-right: 80px; }
.hp-master-grid .hp-master-grid-item .hp-master-item-summary {
background-color: #e6e6e6; }
.hp-master-grid .hp-master-grid-item .hp-master-item-summary .hp-master-item-summary-items li {
max-width: 150px;
word-wrap: break-word;
word-break: break-word;
margin-bottom: 5px; }
.hp-master-grid .hp-master-grid-item .hp-master-item-details {
display: none; }
.hp-master-grid #hp-master-load-more, .hp-master-grid #hp-master-load-more-above {
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
color: #333; }
.hp-master-grid .hp-master-grid-control {
padding: 15px 15px; }
.hp-master-grid .hp-master-grid-control .hp-master-grid-empty {
margin-bottom: 15px; }
html.hp-high-contrast .hp-master-grid .hp-master-grid-control .hp-master-grid-empty {
color: #333; }
.hp-master-grid .hp-master-grid-control a:not(.hp-disabled) {
color: #333;
display: block;
margin-top: 10px; }
div.hp-master-pane #hp-master-grid-top {
padding: 0px 0px 5px 20px; }
div.hp-master-pane .hp-master-grid {
display: none; }
div.hp-master-pane .hp-master-grid.hp-active {
display: inline-block; }
div.hp-master-pane .hp-master-grid.hp-empty {
display: none; }
div.hp-master-full .hp-master-grid {
margin-top: 10px;
margin-bottom: 10px; }
div.hp-master-full #hp-master-list-top {
position: absolute;
top: 70px;
left: 20px; }
div.hp-master-full .hp-master-list {
position: absolute;
top: 100px;
left: 15px;
right: 15px;
bottom: 0px;
overflow-y: auto;
overflow-x: hidden;
margin-bottom: 0px;
opacity: 1;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s; }
div.hp-master-full .hp-master-list:focus {
border: none;
outline: none; }
div.hp-master-full .hp-master-list.hp-changing {
opacity: 0.2;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
div.hp-master-full .hp-master-list > li.hp-pending {
background-color: #f3f3f3; }
@media print {
div.hp-master-full .hp-master-list > li.hp-pending {
display: none; } }
div.hp-master-full .hp-master-list li.hp-master-list-item {
position: relative;
border-top: 3px solid #ccc;
margin-bottom: 10px;
padding: 0px; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item {
border-top: none;
margin-bottom: 0px; } }
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-selected .hp-master-list-item-primary header {
background-color: #ccf0e7; }
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-selected.hp-not-found .hp-master-item-name {
color: #aaaaaa; }
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-selected.hp-deleted div.hp-status-changing {
display: none; }
div.hp-master-full .hp-master-list li.hp-master-list-item:hover a {
text-decoration: underline; }
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-collapsed .hp-master-item-detail {
display: none; }
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-expanded .hp-master-item-summary {
display: none; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-expanded {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6; }
div.hp-master-full .hp-master-list li.hp-master-list-item.hp-expanded .hp-master-list-item-secondary {
display: block; } }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary {
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left bottom;
background-repeat: repeat-x;
padding-bottom: 1px; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary {
background: none; } }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > * {
padding-top: 10px;
margin: 0px 30px; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > * {
margin: 0px 5px; } }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header {
line-height: 18px;
padding: 10px;
margin: 0px;
cursor: pointer; }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header > * {
display: inline-block;
vertical-align: top; }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-collapser {
width: 20px; }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-master-item-name {
font-size: 16px;
margin-left: 5px;
margin-right: 20px; }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-summary {
color: #767676;
margin-right: 20px; }
html.hp-high-contrast div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-summary {
color: #333; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header > .hp-master-item-summary {
display: none; } }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header form {
margin-bottom: 0px;
width: auto; }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header form .hp-form-content {
white-space: nowrap; }
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-secondary {
padding: 10px 0px;
margin-left: 30px; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-secondary {
display: none;
margin-left: 5px; } }
div.hp-master-full .hp-master-list li.hp-master-list-item form {
display: inline-block;
width: 45%;
min-width: 180px; }
div.hp-master-full .hp-master-list li.hp-master-list-item form.hp-show-form {
vertical-align: top; }
@media only screen and (max-width: 600px) {
div.hp-master-full .hp-master-list li.hp-master-list-item form {
width: 100%; } }
div.hp-master-full .hp-master-list #hp-master-load-more, div.hp-master-full .hp-master-list #hp-master-load-more-above {
display: inline-block;
margin: 10px 0px 20px 15px;
color: #333; }
div.hp-master-full .hp-master-list .hp-master-list-splash {
max-width: 300px;
margin: 40px auto;
text-align: left; }
div.hp-master-full .hp-master-list .hp-master-list-splash .hp-master-list-empty {
margin-bottom: 20px; }
html.hp-high-contrast div.hp-master-full .hp-master-list .hp-master-list-splash .hp-master-list-empty {
color: #333; }
div.hp-master-full .hp-master-list .hp-master-list-splash div.hp-help {
margin: 10px 0px; }
div.hp-master-full .hp-master-list .hp-master-list-splash div.hp-help .hp-add-help {
color: #767676; }
div.hp-master-full .hp-master-list .hp-master-list-splash div.hp-help .hp-add-help, div.hp-master-full .hp-master-list .hp-master-list-splash div.hp-help .hp-add-action-link {
margin: 10px 0px; }
div.hp-master-full .hp-master-list .hp-master-list-splash .hp-add-link {
margin: 40px 0px; }
div.hp-master-full .hp-master-list .hp-master-list-splash a {
display: inline-block; }
@media print {
div.hp-master-full .hp-master-list .hp-master-list-control {
display: none; } }
@media print {
div.hp-master-full .hp-master-list {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.hp-master-header {
position: relative;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: Metric; }
.hp-master-header h1 {
position: relative;
padding: 0px 0px;
font-size: 16px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
line-height: 24px;
margin: 0px; }
.hp-master-header h1 .hp-status {
display: inline-block; }
.hp-master-header .hp-page-resource-info {
display: none;
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px; }
#hp-page-container.hp-no-subnav .hp-master-header .hp-page-resource-info {
display: block; }
#hp-page-container.hp-no-subnav .hp-master-full .hp-master-header .hp-page-resource-info {
display: inline-block; }
.hp-master-header .hp-page-resource-info .hp-master-match-count {
text-align: left;
color: #767676;
font-style: italic; }
.hp-master-header .hp-page-resource-info .hp-page-label > h1 {
display: inline-block;
font-size: 20px; }
.hp-master-header .hp-page-resource-info .hp-page-label > .hp-page-item-count {
margin-left: 5px;
color: #999;
font-size: 18px; }
.hp-master-header .hp-master-add {
display: inline-block;
margin-right: 10px;
margin-left: 20px; }
@media only screen and (max-width: 600px) {
.hp-master-header .hp-master-add {
margin-left: 10px; } }
.hp-master-header .hp-master-add a {
display: block;
height: 35px;
line-height: 24px;
font-size: 19px;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: none;
padding: 4px 18px 28px 33px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpi/P//PwMSgHEYYQJMDAQAQQUsSMZis4o4Exhp60iAAAMAkrIHEIgP5wUAAAAASUVORK5CYII=);
background-position: 10px 12px;
background-repeat: no-repeat;
background-color: #00b388;
margin-bottom: 10px; }
.hp-master-header .hp-master-add a:hover {
padding: 4px 18px 28px 33px;
line-height: 24px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpi/P//PwMSgHEYYQJMDAQAQQUsSMZis4o4Exhp60iAAAMAkrIHEIgP5wUAAAAASUVORK5CYII=);
box-shadow: 0 0 0 2px #00b388; }
.hp-master-header .hp-master-add a:last-child {
margin-bottom: inherit; }
.hp-master-header .hp-master-grid-sort {
display: inline-block;
font-weight: normal;
line-height: 30px;
margin-left: 20px; }
.hp-master-header .hp-master-grid-sort .hp-sort {
display: inline-block; }
.hp-master-header:hover .hp-close {
display: block; }
div.hp-master-pane .hp-master-header {
margin-bottom: 20px;
margin-top: 21px; }
div.hp-master-pane .hp-master-header:after {
content: '';
height: 0px;
clear: both;
visibility: hidden; }
div.hp-master-pane .hp-master-header .hp-master-view {
display: none;
float: right;
vertical-align: top;
font-size: 0px;
margin-top: 5px;
margin-right: 12px; }
div.hp-master-pane .hp-master-header .hp-master-view.hp-active {
display: block; }
div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view {
display: inline-block;
vertical-align: top;
position: relative;
width: 25px;
height: 25px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
cursor: pointer; }
div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view:hover {
background-color: #e6e6e6; }
div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view {
border-right: 1px solid #e6e6e6;
background-position: -212px -11px; }
div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view.hp-active {
background-position: -212px 9px; }
div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view {
background-position: -212px -51px; }
div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view.hp-active {
background-position: -212px -31px; }
div.hp-master-full .hp-master-header {
height: 30px;
line-height: 30px;
margin: 35px 0px 25px 0px;
z-index: 50; }
div.hp-master-full .hp-master-header > * {
display: inline-block;
vertical-align: top; }
div.hp-master-full .hp-master-header .hp-master-title {
display: none; }
div.hp-master-full .hp-master-header > .hp-status {
position: relative;
top: 3px;
left: 0px;
margin-right: 5px; }
div.hp-master-full .hp-master-header h1 {
padding-left: 0px;
line-height: inherit;
margin: 0px; }
div.hp-master-full .hp-master-header .hp-status-counts {
margin-right: 20px; }
div.hp-master-full .hp-master-header .hp-header-sort > * {
display: inline-block;
vertical-align: top; }
div.hp-master-full .hp-master-header .hp-header-sort .hp-sort {
height: 28px;
line-height: 28px; }
div.hp-master-full .hp-master-header .hp-header-controls .hp-details-actions {
height: 28px;
line-height: 28px;
border-left: none; }
.hp-grommet-style div.hp-master-full .hp-master-header .hp-header-controls .hp-details-actions {
height: 36px;
line-height: 36px; }
.hp-grommet-style div.hp-master-full .hp-master-header .hp-header-controls .hp-details-actions:focus {
outline: 1px solid #00b388;
outline-offset: 2px; }
div.hp-master-details div.hp-master-pane .hp-master-header {
min-height: 35px; }
div.hp-master-details div.hp-master-pane .hp-master-header .hp-master-title {
display: inline-block;
max-width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
div.hp-master-details div.hp-master-pane .hp-master-header .hp-master-title a {
max-width: 120px; }
div.hp-details-pane {
position: absolute;
top: 0px;
bottom: 0px;
left: 171px;
right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
min-width: 200px;
padding: 20px 20px 20px;
overflow: hidden;
background-color: #fff;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s; }
@media only screen and (max-width: 600px) {
div.hp-details-pane {
top: -40px;
left: 0px;
padding: 10px;
-webkit-transition: none;
-moz-transition: none;
transition: none; }
div.hp-master-details div.hp-details-pane {
display: none; }
div.hp-master-details.hp-select-details div.hp-details-pane {
display: block; } }
div.hp-details-pane.hp-plain {
overflow: auto; }
div.hp-details-pane .hp-not-exist-message {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -50px;
color: #767676;
font-style: italic;
font-size: 18px; }
div.hp-details-pane.hp-empty {
background-color: #f3f3f3; }
div.hp-details-pane.hp-empty > * {
visibility: hidden; }
div.hp-details-pane.hp-empty > .hp-empty-message {
display: block;
visibility: visible;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -50px;
color: #767676;
font-style: italic;
font-size: 18px; }
div.hp-details-pane.hp-empty > #hp-no-details {
display: block;
visibility: visible; }
@media print {
div.hp-details-pane {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
left: 0px !important;
padding: 0px; } }
div.hp-details-full {
position: absolute;
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 15px 15px 15px;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
-webkit-transition: left 0.5s, right 0.5s;
-moz-transition: left 0.5s, right 0.5s;
transition: left 0.5s, right 0.5s; }
@media only screen and (max-width: 600px) {
div.hp-details-full {
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
-webkit-transition: none;
-moz-transition: none;
transition: none; } }
div.hp-full-page div.hp-details-full {
top: 15px;
bottom: 15px;
left: 15px;
right: 15px; }
body.hp-basic-layout div.hp-full-page div.hp-details-full {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px; }
#hp-body-div.hp-sidebar-open.hp-sessioned div.hp-details-full {
right: 200px; }
#hp-body-div.hp-sidebar-open.hp-wide.hp-sessioned div.hp-details-full {
right: 360px; }
div.hp-details-full div.hp-remote-console {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #333;
color: #fff;
font-family: monospace;
padding: 10px; }
.hp-details-show-section {
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px; }
@media only screen and (max-width: 600px) {
.hp-details-show-section {
top: 10px;
bottom: 10px;
left: 10px;
right: 10px; } }
.hp-details-show-section .hp-details-show-view {
position: absolute;
top: 60px;
bottom: 0px;
left: 0px;
right: 0px;
overflow-y: auto;
overflow-x: hidden;
color: #666; }
@media only screen and (max-width: 600px) {
.hp-details-show-section .hp-details-show-view {
top: 50px; } }
.hp-details-show-section .hp-details-show-view a:not(.hp-disabled) {
color: #333; }
.hp-details-show-section .hp-details-show-view a:not(.hp-disabled):hover {
color: #000; }
.hp-details-show-section .hp-details-show-view h2 a:not(.hp-disabled), .hp-details-show-section .hp-details-show-view h3 a:not(.hp-disabled), .hp-details-show-section .hp-details-show-view h4 a:not(.hp-disabled) {
color: #000;
text-decoration: none; }
@media print {
.hp-details-show-section .hp-details-show-view {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.hp-details-show-section.hp-notify-open .hp-details-show-view {
top: 125px; }
.hp-details-show-section.hp-notify-open.hp-notify-disabled .hp-details-show-view {
top: 60px; }
@media print {
.hp-details-show-section {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.hp-show-view-multi {
margin: 20px 0px; }
.hp-details-edit-section, .hp-details-add-section {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px; }
.hp-details-edit-section.hp-empty, .hp-details-add-section.hp-empty {
background-color: #f3f3f3; }
.hp-details-edit-section.hp-empty .hp-panel-selector, .hp-details-edit-section.hp-empty .hp-form-contents, .hp-details-edit-section.hp-empty .hp-stacked-panels, .hp-details-edit-section.hp-empty .hp-form-controls input, .hp-details-add-section.hp-empty .hp-panel-selector, .hp-details-add-section.hp-empty .hp-form-contents, .hp-details-add-section.hp-empty .hp-stacked-panels, .hp-details-add-section.hp-empty .hp-form-controls input {
visibility: hidden; }
.hp-details-edit-section.hp-empty > .hp-empty-message, .hp-details-add-section.hp-empty > .hp-empty-message {
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -50px;
color: #767676;
font-style: italic;
font-size: 18px; }
.hp-details-edit-section.hp-empty > #hp-no-details, .hp-details-add-section.hp-empty > #hp-no-details {
display: block;
visibility: visible; }
.hp-details-edit-section .hp-edit-form, .hp-details-edit-section .hp-add-form, .hp-details-add-section .hp-edit-form, .hp-details-add-section .hp-add-form {
position: absolute;
top: 60px;
bottom: 0px;
padding-bottom: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-details-edit-section .hp-edit-form > .hp-form-contents, .hp-details-edit-section .hp-add-form > .hp-form-contents, .hp-details-add-section .hp-edit-form > .hp-form-contents, .hp-details-add-section .hp-add-form > .hp-form-contents {
height: 100%;
padding: 20px 15px;
margin-bottom: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: auto; }
.hp-details-edit-section .hp-edit-form > .hp-form-contents > .hp-dialog-variable-contents, .hp-details-edit-section .hp-add-form > .hp-form-contents > .hp-dialog-variable-contents, .hp-details-add-section .hp-edit-form > .hp-form-contents > .hp-dialog-variable-contents, .hp-details-add-section .hp-add-form > .hp-form-contents > .hp-dialog-variable-contents {
padding: 0px 15px 15px 15px; }
.hp-details-edit-section .hp-edit-form > .hp-form-contents > .hp-dialog-variable-contents p, .hp-details-edit-section .hp-add-form > .hp-form-contents > .hp-dialog-variable-contents p, .hp-details-add-section .hp-edit-form > .hp-form-contents > .hp-dialog-variable-contents p, .hp-details-add-section .hp-add-form > .hp-form-contents > .hp-dialog-variable-contents p {
max-width: 600px; }
.hp-details-edit-section .hp-edit-form > .hp-stacked-panels, .hp-details-edit-section .hp-add-form > .hp-stacked-panels, .hp-details-add-section .hp-edit-form > .hp-stacked-panels, .hp-details-add-section .hp-add-form > .hp-stacked-panels {
height: 100%;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-details-edit-section .hp-edit-form > .hp-footer, .hp-details-edit-section .hp-add-form > .hp-footer, .hp-details-add-section .hp-edit-form > .hp-footer, .hp-details-add-section .hp-add-form > .hp-footer {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 60px; }
@media print {
.hp-details-edit-section .hp-edit-form > .hp-footer, .hp-details-edit-section .hp-add-form > .hp-footer, .hp-details-add-section .hp-edit-form > .hp-footer, .hp-details-add-section .hp-add-form > .hp-footer {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
position: relative; } }
@media print {
.hp-details-edit-section .hp-edit-form, .hp-details-edit-section .hp-add-form, .hp-details-add-section .hp-edit-form, .hp-details-add-section .hp-add-form {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
@media print {
.hp-details-edit-section, .hp-details-add-section {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.hp-details-more-section, .hp-details-contents {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px; }
.hp-details-more-section.hp-has-nav, .hp-details-contents.hp-has-nav {
top: 50px; }
.hp-details-more-section .hp-stacked-panels, .hp-details-contents .hp-stacked-panels {
height: 100%;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
@media print {
.hp-details-more-section, .hp-details-contents {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.hp-details-contents {
overflow: auto; }
#hp-hardware-setup-page .hp-details-show-view {
margin-top: 0px; }
#hp-hardware-setup-page .hp-details-show-view .hp-grid-panels {
top: 0px;
left: 0px;
right: 0px; }
.hp-header-controls, .hp-details-header-controls {
position: absolute;
right: 0px;
top: 0px; }
.hp-header-controls > *, .hp-details-header-controls > * {
display: inline-block;
vertical-align: top; }
.hp-header-controls.hp-dashboard-edit .hp-drop-menu, .hp-details-header-controls.hp-dashboard-edit .hp-drop-menu {
top: -9px;
left: 10px; }
.hp-header-controls .hp-details-actions.hp-active > label:after, .hp-header-controls .hp-header-actions.hp-active > label:after, .hp-details-header-controls .hp-details-actions.hp-active > label:after, .hp-details-header-controls .hp-header-actions.hp-active > label:after {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.hp-header-controls .hp-details-actions > label, .hp-header-controls .hp-header-actions > label, .hp-details-header-controls .hp-details-actions > label, .hp-details-header-controls .hp-header-actions > label {
height: 25px;
font-size: 19px;
line-height: 24px;
font-family: Metric;
color: #fff;
border: 1px solid #00b388;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color: #00b388; }
.hp-header-controls .hp-details-actions > label:after, .hp-header-controls .hp-header-actions > label:after, .hp-details-header-controls .hp-details-actions > label:after, .hp-details-header-controls .hp-header-actions > label:after {
display: inline-block;
vertical-align: top;
content: '';
width: 20px;
height: 25px;
margin-left: 18px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC);
background-position: -4px 3px;
background-repeat: no-repeat;
border-left: 0px; }
.hp-header-controls .hp-details-actions > label:hover, .hp-header-controls .hp-header-actions > label:hover, .hp-details-header-controls .hp-details-actions > label:hover, .hp-details-header-controls .hp-header-actions > label:hover {
border-color: #00b388;
box-shadow: 0 0 0 2px #00b388; }
@media only screen and (max-width: 600px) {
.hp-header-controls .hp-details-actions > label, .hp-header-controls .hp-header-actions > label, .hp-details-header-controls .hp-details-actions > label, .hp-details-header-controls .hp-header-actions > label {
position: relative;
top: 9px;
color: transparent;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -280px -90px;
background-color: transparent;
border: none; }
.hp-header-controls .hp-details-actions > label:hover, .hp-header-controls .hp-header-actions > label:hover, .hp-details-header-controls .hp-details-actions > label:hover, .hp-details-header-controls .hp-header-actions > label:hover {
background-position: -280px -60px;
box-shadow: none; }
.hp-header-controls .hp-details-actions > label:after, .hp-header-controls .hp-header-actions > label:after, .hp-details-header-controls .hp-details-actions > label:after, .hp-details-header-controls .hp-header-actions > label:after {
content: '';
display: none; } }
.hp-header-controls .hp-details-actions:hover > label:after, .hp-header-controls .hp-header-actions:hover > label:after, .hp-details-header-controls .hp-details-actions:hover > label:after, .hp-details-header-controls .hp-header-actions:hover > label:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC); }
.hp-header-controls .hp-details-actions.hp-active > label, .hp-header-controls .hp-header-actions.hp-active > label, .hp-details-header-controls .hp-details-actions.hp-active > label, .hp-details-header-controls .hp-header-actions.hp-active > label {
border-color: transparent;
border-bottom: transparent;
background-color: transparent;
color: #017b5f;
box-shadow: none; }
.hp-narrow .hp-header-controls .hp-details-actions.hp-active > label, .hp-narrow .hp-header-controls .hp-header-actions.hp-active > label, .hp-narrow .hp-details-header-controls .hp-details-actions.hp-active > label, .hp-narrow .hp-details-header-controls .hp-header-actions.hp-active > label {
color: transparent; }
.hp-header-controls .hp-details-actions.hp-active:hover > label:after, .hp-header-controls .hp-header-actions.hp-active:hover > label:after, .hp-details-header-controls .hp-details-actions.hp-active:hover > label:after, .hp-details-header-controls .hp-header-actions.hp-active:hover > label:after {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.hp-header-controls .hp-details-actions .hp-details-actions-button, .hp-header-controls .hp-details-actions .hp-header-actions-button, .hp-header-controls .hp-header-actions .hp-details-actions-button, .hp-header-controls .hp-header-actions .hp-header-actions-button, .hp-details-header-controls .hp-details-actions .hp-details-actions-button, .hp-details-header-controls .hp-details-actions .hp-header-actions-button, .hp-details-header-controls .hp-header-actions .hp-details-actions-button, .hp-details-header-controls .hp-header-actions .hp-header-actions-button {
border: none; }
.hp-header-controls .hp-details-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-details-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-details-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-details-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-header-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-header-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-header-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-header-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-header-actions-button .hp-header-actions-button-label {
display: inline-block;
white-space: nowrap; }
.hp-grommet-style .hp-header-controls .hp-details-actions, .hp-grommet-style .hp-header-controls .hp-header-actions, .hp-grommet-style .hp-details-header-controls .hp-details-actions, .hp-grommet-style .hp-details-header-controls .hp-header-actions {
height: 36px;
line-height: 36px; }
.hp-grommet-style .hp-header-controls .hp-details-actions:focus, .hp-grommet-style .hp-header-controls .hp-header-actions:focus, .hp-grommet-style .hp-details-header-controls .hp-details-actions:focus, .hp-grommet-style .hp-details-header-controls .hp-header-actions:focus {
outline: 1px solid #00b388;
outline-offset: 2px; }
.hp-header-controls .hp-drop-menu label, .hp-details-header-controls .hp-drop-menu label {
text-align: right;
padding: 4px 0px 5px 15px; }
.hp-header-controls .hp-header-selection, .hp-details-header-controls .hp-header-selection {
color: #767676;
font-style: italic;
vertical-align: baseline;
margin: 0px 10px; }
html.hp-high-contrast .hp-header-controls .hp-header-selection, html.hp-high-contrast .hp-details-header-controls .hp-header-selection {
color: #333; }
.hp-header-controls .hp-header-select-all, .hp-details-header-controls .hp-header-select-all {
margin: 0px 10px;
cursor: pointer; }
@media print {
.hp-header-controls, .hp-details-header-controls {
display: none !important; } }
.hp-details-header, .hp-full-header {
position: relative;
height: 40px;
line-height: 38px;
margin-bottom: 20px;
white-space: nowrap;
z-index: 50;
font-family: Metric; }
@media only screen and (max-width: 600px) {
.hp-details-header, .hp-full-header {
margin-bottom: 10px; } }
.hp-details-header > .hp-master-control, .hp-full-header > .hp-master-control {
display: none; }
@media only screen and (max-width: 600px) {
.hp-details-header > .hp-master-control, .hp-full-header > .hp-master-control {
display: inline-block;
position: relative;
top: 10px;
width: 20px;
height: 20px;
background-color: transparent;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -600px -20px;
margin-right: 10px;
cursor: pointer; }
.hp-details-header > .hp-master-control:hover, .hp-full-header > .hp-master-control:hover {
background-position: -600px 0px; } }
.hp-details-header.hp-header-narrow, .hp-full-header.hp-header-narrow {
display: inline-block;
width: 100%; }
.hp-details-header.hp-header-narrow .hp-uid-big, .hp-full-header.hp-header-narrow .hp-uid-big {
margin-right: 5px; }
.hp-details-header.hp-header-narrow h1, .hp-full-header.hp-header-narrow h1 {
min-width: 35px;
position: relative; }
.hp-details-header.hp-header-narrow .hp-details-header-controls, .hp-full-header.hp-header-narrow .hp-details-header-controls {
position: absolute;
margin-left: 5px;
top: 6px; }
.hp-details-header.hp-header-narrow .hp-details-header-controls .hp-drop-menu label, .hp-full-header.hp-header-narrow .hp-details-header-controls .hp-drop-menu label {
padding-left: 0px; }
.hp-details-header.hp-header-narrow .hp-details-actions > label, .hp-details-header.hp-header-narrow .hp-header-actions > label, .hp-full-header.hp-header-narrow .hp-details-actions > label, .hp-full-header.hp-header-narrow .hp-header-actions > label {
position: relative;
top: 9px;
color: transparent;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -280px -90px;
background-color: transparent;
border: none;
margin-left: 8px; }
.hp-details-header.hp-header-narrow .hp-details-actions > label:hover, .hp-details-header.hp-header-narrow .hp-header-actions > label:hover, .hp-full-header.hp-header-narrow .hp-details-actions > label:hover, .hp-full-header.hp-header-narrow .hp-header-actions > label:hover {
background-position: -280px -60px;
box-shadow: none; }
.hp-details-header.hp-header-narrow .hp-details-actions > label:after, .hp-details-header.hp-header-narrow .hp-header-actions > label:after, .hp-full-header.hp-header-narrow .hp-details-actions > label:after, .hp-full-header.hp-header-narrow .hp-header-actions > label:after {
content: '';
display: none; }
.hp-details-header.hp-header-narrow .hp-panel-selector, .hp-full-header.hp-header-narrow .hp-panel-selector {
border: none; }
.hp-details-header.hp-header-narrow .hp-panel-selector > .hp-value, .hp-full-header.hp-header-narrow .hp-panel-selector > .hp-value {
max-width: none;
display: inline-block;
position: relative;
top: 4px;
left: 0px;
padding: 0px;
color: transparent;
width: 19px;
height: 19px;
overflow: hidden;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -479px -20px; }
.hp-details-header.hp-header-narrow .hp-panel-selector > .hp-value:after, .hp-full-header.hp-header-narrow .hp-panel-selector > .hp-value:after {
content: '';
display: none; }
.hp-details-header.hp-header-narrow .hp-panel-selector:hover > .hp-value, .hp-full-header.hp-header-narrow .hp-panel-selector:hover > .hp-value {
padding: 0px;
background-position: -479px 0px;
color: transparent; }
.hp-details-header.hp-header-narrow .hp-panel-selector.hp-active > .hp-label, .hp-full-header.hp-header-narrow .hp-panel-selector.hp-active > .hp-label {
width: auto;
background-color: transparent; }
.hp-details-header.hp-header-narrow > .hp-map-control, .hp-details-header.hp-header-narrow .hp-related-control, .hp-full-header.hp-header-narrow > .hp-map-control, .hp-full-header.hp-header-narrow .hp-related-control {
display: none; }
.hp-details-header > *, .hp-full-header > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-details-header > *:last-child, .hp-full-header > *:last-child {
margin-right: 0px; }
.hp-details-header > .hp-status, .hp-full-header > .hp-status {
position: relative;
top: 11px;
margin-right: 10px; }
.hp-details-header div.hp-context, .hp-full-header div.hp-context {
position: absolute;
top: 2px;
font-size: 14px;
line-height: normal;
color: #aaa; }
.hp-details-header h1, .hp-full-header h1 {
margin: 0px;
padding-left: 0px;
padding-right: 10px;
line-height: 38px;
font-weight: 600;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
@media only screen and (max-width: 600px) {
.hp-details-header h1, .hp-full-header h1 {
position: relative; } }
.hp-details-header h1 .hp-annotation, .hp-full-header h1 .hp-annotation {
color: #999; }
html.hp-high-contrast .hp-details-header h1 .hp-annotation, html.hp-high-contrast .hp-full-header h1 .hp-annotation {
color: #333; }
.hp-details-header .hp-panel-selector, .hp-full-header .hp-panel-selector {
font-size: 22px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
color: #767676;
font-family: Metric; }
.hp-details-header .hp-panel-selector.hp-active, .hp-full-header .hp-panel-selector.hp-active {
border-left: transparent; }
.hp-details-header .hp-panel-selector > label, .hp-full-header .hp-panel-selector > label {
line-height: 40px;
height: 41px;
border-top: 1px solid #ccc; }
.hp-details-header .hp-panel-selector > .hp-value, .hp-full-header .hp-panel-selector > .hp-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: Metric, Arial, sans-serif;
padding-right: 30px; }
.hp-details-header .hp-panel-selector > .hp-value:after, .hp-full-header .hp-panel-selector > .hp-value:after {
content: '';
width: 30px;
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: 9px -4px;
position: absolute;
right: 0px;
top: 15px; }
@media only screen and (max-width: 600px) {
.hp-details-header .hp-panel-selector, .hp-full-header .hp-panel-selector {
border: none; }
.hp-details-header .hp-panel-selector > label, .hp-full-header .hp-panel-selector > label {
height: 30px;
line-height: 30px; }
.hp-details-header .hp-panel-selector > .hp-value, .hp-full-header .hp-panel-selector > .hp-value {
display: inline-block;
position: relative;
top: 5px;
left: 5px;
padding: 0px;
color: transparent;
width: 19px;
height: 19px;
overflow: hidden;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -479px -20px; }
.hp-details-header .hp-panel-selector > .hp-value:after, .hp-full-header .hp-panel-selector > .hp-value:after {
content: '';
display: none; }
.hp-details-header .hp-panel-selector:hover > .hp-value, .hp-full-header .hp-panel-selector:hover > .hp-value {
padding: 0px;
background-position: -479px 0px; } }
@media only screen and (max-width: 600px) {
.hp-details-header .hp-panel-selector.hp-active > .hp-label, .hp-full-header .hp-panel-selector.hp-active > .hp-label {
width: auto;
background-color: transparent; } }
.hp-details-header .hp-panel-selector .hp-options li, .hp-full-header .hp-panel-selector .hp-options li {
height: 36px;
line-height: 36px; }
.hp-details-header .hp-panel-selector .hp-options li.hp-sub-options, .hp-full-header .hp-panel-selector .hp-options li.hp-sub-options {
height: auto; }
.hp-details-header .hp-panel-selector:hover > .hp-value, .hp-full-header .hp-panel-selector:hover > .hp-value {
color: #000; }
.hp-details-header .hp-panel-selector:hover > .hp-value:after, .hp-full-header .hp-panel-selector:hover > .hp-value:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
background-position: 6px -4px; }
@media only screen and (max-width: 600px) {
.hp-details-header .hp-panel-selector:hover > .hp-value, .hp-full-header .hp-panel-selector:hover > .hp-value {
color: transparent; } }
.hp-details-header .hp-panel-selector-title, .hp-full-header .hp-panel-selector-title {
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 30px;
white-space: nowrap;
padding: 0px 15px;
border-left: 1px solid #e6e6e6; }
.hp-details-header.hp-nameless .hp-panel-selector, .hp-full-header.hp-nameless .hp-panel-selector {
border-left: none;
margin-left: -10px; }
.hp-details-header .hp-map-control, .hp-details-header .hp-related-control, .hp-full-header .hp-map-control, .hp-full-header .hp-related-control {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
width: 42px;
border-right: 1px solid #d9d9d9;
display: inline-block; }
@media only screen and (max-width: 600px) {
.hp-details-header .hp-map-control, .hp-details-header .hp-related-control, .hp-full-header .hp-map-control, .hp-full-header .hp-related-control {
display: none;
width: 0px; } }
.hp-details-header .hp-map-control:after, .hp-details-header .hp-related-control:after, .hp-full-header .hp-map-control:after, .hp-full-header .hp-related-control:after {
position: absolute;
top: 13px;
left: 16px;
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -260px -20px;
background-repeat: no-repeat; }
.hp-details-header .hp-map-control:hover:after, .hp-details-header .hp-map-control.hp-active:after, .hp-details-header .hp-related-control:hover:after, .hp-details-header .hp-related-control.hp-active:after, .hp-full-header .hp-map-control:hover:after, .hp-full-header .hp-map-control.hp-active:after, .hp-full-header .hp-related-control:hover:after, .hp-full-header .hp-related-control.hp-active:after {
content: '';
background-position: -260px 0px; }
.hp-details-header .hp-details-header-controls, .hp-details-header .hp-header-controls, .hp-full-header .hp-details-header-controls, .hp-full-header .hp-header-controls {
top: 2px; }
@media print {
.hp-details-header, .hp-full-header {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
height: 80px; } }
body.hp-wcag-focus-visible .hp-details-header.hp-header-narrow .hp-panel-selector > .hp-value:focus, body.hp-wcag-focus-visible .hp-full-header.hp-header-narrow .hp-panel-selector > .hp-value:focus, #hp-body-div.hp-wcag-focus-visible .hp-details-header.hp-header-narrow .hp-panel-selector > .hp-value:focus, #hp-body-div.hp-wcag-focus-visible .hp-full-header.hp-header-narrow .hp-panel-selector > .hp-value:focus {
outline: 1px solid #00b388; }
body.hp-wcag-focus-visible .hp-details-header .hp-panel-selector:not(.hp-active):focus > .hp-value, body.hp-wcag-focus-visible .hp-full-header .hp-panel-selector:not(.hp-active):focus > .hp-value, #hp-body-div.hp-wcag-focus-visible .hp-details-header .hp-panel-selector:not(.hp-active):focus > .hp-value, #hp-body-div.hp-wcag-focus-visible .hp-full-header .hp-panel-selector:not(.hp-active):focus > .hp-value {
outline: 1px solid #00b388; }
.hp-details-header h1 {
position: relative;
left: -3px; }
.hp-details-header .hp-page-resource-info .hp-page-label h1 {
font-size: 20px;
left: 0px; }
.hp-details-nav {
height: 40px;
line-height: 38px;
margin-bottom: 10px;
white-space: nowrap;
z-index: 50;
border-top: 1px solid #e6e6e6; }
.hp-details-nav > * {
display: inline-block;
vertical-align: top; }
.hp-details-nav .hp-search {
position: relative;
height: 100%;
width: 20px; }
.hp-details-nav .hp-search:after {
position: absolute;
top: 0px;
right: 0px;
width: 15px;
height: 16px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -420px -60px;
background-repeat: no-repeat;
cursor: pointer; }
.hp-details-nav .hp-search:after:hover {
background-position: -420px -40px; }
.hp-details-sub-header {
min-height: 32px;
margin-bottom: 20px;
padding-bottom: 5px; }
.hp-details-sub-header .hp-breadcrumbs {
display: inline-block;
margin: 10px 20px 5px 0px;
font-size: 16px; }
.hp-details-sub-header .hp-breadcrumbs li {
display: inline-block; }
.hp-details-sub-header .hp-breadcrumbs li:after {
content: ' > '; }
.hp-details-sub-header .hp-breadcrumbs li:last-child:after {
content: ''; }
.hp-details-sub-header .hp-controls {
float: right;
display: block;
margin: 2px 0px 5px 20px; }
.hp-details-sub-header .hp-controls li {
display: inline-block;
padding: 5px 5px 5px 7px;
border-left: 1px solid #ccc; }
.hp-details-sub-header .hp-controls li:first-child {
border: none; }
.hp-details-header-controls label {
vertical-align: baseline; }
.hp-index .hp-filters {
min-height: 40px;
line-height: 38px;
margin-bottom: 10px;
width: 100%; }
.hp-index .hp-filters .hp-filter, .hp-index .hp-filters .hp-filter-reset {
display: inline-block;
vertical-align: top; }
.hp-grommet-style .hp-index .hp-filters .hp-filter, .hp-grommet-style .hp-index .hp-filters .hp-filter-reset {
margin: 1px; }
.hp-index .hp-filters .hp-filter .hp-value {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis; }
.hp-index .hp-filters .hp-filter-reset {
margin-left: 10px; }
.hp-index .hp-filters .hp-filter-reset.hp-disabled {
display: none; }
.hp-index .hp-subtask-nav .hp-filters {
width: inherit; }
.hp-index .hp-index-table-control td {
padding: 10px; }
.hp-index .hp-index-table-control .hp-index-show-more, .hp-index .hp-index-table-control .hp-index-show-more-above, .hp-index .hp-index-table-control .hp-index-show-top {
display: inline-block;
padding: 0px 5px;
color: #333; }
.hp-toolbar {
margin-top: 20px;
border-top: 1px solid #d9d9d9;
padding-top: 15px; }
@media print {
.hp-toolbar {
display: none; } }
.hp-toolbar > * {
vertical-align: baseline; }
.hp-toolbar .hp-align-right {
text-align: right; }
body.hp-grommet-style .hp-help-current:focus {
outline: none;
border: 1px solid #00b388; }
#hp-overlay, #hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay, #hp-empty-overlay {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none; }
#hp-overlay.hp-active, #hp-dialog-overlay.hp-active, .ui-widget-overlay.hp-active, .hp-dialog-overlay.hp-active, #hp-empty-overlay.hp-active {
display: block; }
@media print {
#hp-overlay.hp-active, #hp-dialog-overlay.hp-active, .ui-widget-overlay.hp-active, .hp-dialog-overlay.hp-active, #hp-empty-overlay.hp-active {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
#hp-empty-overlay.hp-active {
background-color: white;
z-index: 400;
opacity: 0.6;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: empty-overlay;
-moz-animation-name: empty-overlay;
-ms-animation-name: empty-overlay;
-o-animation-name: empty-overlay;
animation-name: empty-overlay;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s; }
@media print {
#hp-empty-overlay.hp-active {
background-color: transparent; } }
#hp-overlay, .hp-overlay {
background-color: rgba(255, 255, 255, 0.6);
z-index: 399; }
.hp-sidebar-open.hp-wide #hp-overlay, .hp-sidebar-open.hp-wide .hp-overlay {
z-index: 400; }
#hp-overlay.hp-changing, .hp-overlay.hp-changing {
background-color: rgba(0, 0, 0, 0.6); }
body.hp-basic-layout #hp-overlay.hp-changing, body.hp-basic-layout .hp-overlay.hp-changing {
background-color: rgba(208, 208, 208, 0.6); }
@media print {
#hp-overlay, .hp-overlay {
background-color: transparent; } }
#hp-body-div.hp-sidebar-open.hp-wide.hp-sessioned #hp-overlay, #hp-body-div.hp-sidebar-open.hp-wide.hp-sessioned .hp-overlay {
right: 360px; }
#hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
background-color: rgba(0, 0, 0, 0.6);
z-index: 499; }
@media print {
#hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
background-color: transparent; } }
.ui-widget-overlay {
display: block; }
.hp-modal-overlay {
background: #ffffff none repeat scroll 0 0;
display: none;
height: 100%;
left: 0;
filter: alpha(opacity=50);
opacity: 0.5;
top: 0;
width: 100%;
z-index: 499;
display: none;
position: fixed; }
.hp-modal {
position: absolute;
left: 20%;
right: 20%;
top: 20%;
margin-left: auto;
margin-right: auto;
z-index: 500; }
.hp-modal > * {
margin: 0px auto; }
#hp-change-page-container-wrapper {
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px; }
body.hp-basic-layout #hp-change-page-container-wrapper {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px; }
@media only screen and (max-width: 600px) {
#hp-change-page-container-wrapper {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px; } }
@media print {
#hp-change-page-container-wrapper {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
#hp-dialog-container-wrapper, .hp-dialog-container-wrapper {
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
text-align: center; }
@media print {
#hp-dialog-container-wrapper, .hp-dialog-container-wrapper {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
#hp-dialog-container, .hp-dialog-container {
max-width: 920px;
min-width: 300px;
margin: 0px auto;
background-color: #fff;
color: #333;
z-index: 500;
display: none;
text-align: left; }
#hp-dialog-container.hp-active, .hp-dialog-container.hp-active {
display: inline-block; }
@media print {
#hp-dialog-container.hp-active, .hp-dialog-container.hp-active {
display: block; } }
#hp-dialog-container.hp-wide, .hp-dialog-container.hp-wide {
max-width: none; }
@media print {
#hp-dialog-container, .hp-dialog-container {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
border-left: 20px solid #f3f3f3;
border-right: 20px solid #f3f3f3; } }
.hp-dialog {
position: relative;
padding-top: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden; }
.hp-dialog > header {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 60px;
line-height: 60px;
white-space: nowrap;
font-family: Metric;
background-color: #f3f3f3;
border-bottom: 1px solid #d9d9d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-dialog > header > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-dialog > header > *:last-child {
margin-right: 0px; }
.hp-dialog > header h1 {
font-size: 24px;
font-weight: normal;
line-height: 60px;
margin: 0px 10px 0px 30px;
padding-right: 0px;
overflow-x: hidden;
text-overflow: ellipsis;
font-family: Metric; }
@media only screen and (max-width: 600px) {
.hp-dialog > header h1 {
margin-left: 10px; } }
.hp-dialog > header h1 span {
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
white-space: nowrap;
height: 48px;
line-height: 38px;
margin-top: 12px; }
.hp-dialog > header h1 span.hp-action {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-dialog > header h1 .hp-name {
font-family: Metric, Arial, sans-serif;
padding-left: 6px; }
.hp-dialog > header .hp-panel-selector {
position: relative;
top: 9px;
font-size: 22px;
height: 42px;
line-height: 42px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
color: #767676;
font-family: Metric; }
@media only screen and (max-width: 600px) {
.hp-dialog > header .hp-panel-selector {
border-left: none;
border-right: none; } }
.hp-dialog > header .hp-panel-selector > label {
line-height: 40px;
height: 40px;
right: 0px;
left: 0px; }
.hp-dialog > header .hp-panel-selector > .hp-value {
font-family: Metric, Arial, sans-serif;
padding-right: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
@media only screen and (max-width: 600px) {
.hp-dialog > header .hp-panel-selector > .hp-value {
padding-right: 0px; } }
.hp-dialog > header .hp-panel-selector > .hp-value:after {
right: -5px;
top: 17px; }
.hp-dialog > header .hp-panel-selector .hp-options li {
height: 36px;
line-height: 36px; }
.hp-dialog > header .hp-panel-selector .hp-options li.hp-sub-options {
height: auto; }
.hp-dialog > header .hp-panel-selector:hover > .hp-value {
color: #000; }
@media only screen and (max-width: 600px) {
.hp-dialog > header .hp-panel-selector:hover > .hp-value {
color: transparent; } }
.hp-dialog > header .hp-panel-selector:hover > .hp-value:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
.hp-dialog > header > .hp-controls, .hp-dialog > header > .hp-details-header-controls {
position: absolute;
top: 0px;
right: 0px;
height: 100%; }
.hp-dialog > header > .hp-controls .hp-help-current, .hp-dialog > header > .hp-details-header-controls .hp-help-current {
position: relative;
display: inline-block;
cursor: pointer;
width: 49px;
height: 100%;
line-height: 49px; }
.hp-dialog > header > .hp-controls .hp-help-current:focus, .hp-dialog > header > .hp-details-header-controls .hp-help-current:focus {
outline: none;
border: 1px solid #00b388; }
.hp-dialog > header > .hp-controls .hp-help-current .hp-icon, .hp-dialog > header > .hp-details-header-controls .hp-help-current .hp-icon {
position: relative;
top: 20px;
left: 18px;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -120px -20px; }
.hp-dialog > header > .hp-controls .hp-help-current:hover, .hp-dialog > header > .hp-details-header-controls .hp-help-current:hover {
background-color: #fff; }
.hp-dialog.hp-no-footer {
padding-bottom: 0px; }
.hp-dialog footer, .hp-dialog div.hp-footer {
position: relative;
bottom: 0px;
left: 0px;
right: 0px;
height: 60px;
line-height: 60px;
border-top: 1px solid #d9d9d9;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-dialog footer .hp-spinner, .hp-dialog div.hp-footer .hp-spinner {
position: absolute;
left: 0px;
top: 0px;
display: inline-block;
width: auto;
margin: 7px 10px; }
.hp-dialog footer .hp-spinner .hp-spinner-image, .hp-dialog div.hp-footer .hp-spinner .hp-spinner-image {
margin: 0px; }
.hp-dialog footer .hp-control-message, .hp-dialog div.hp-footer .hp-control-message {
display: block;
vertical-align: top;
color: #767676;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
padding: 0px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-dialog footer .hp-control-message.hp-error, .hp-dialog div.hp-footer .hp-control-message.hp-error {
background-color: #ffD042;
border-right: 1px solid #d9d9d9; }
.hp-dialog footer .hp-controls, .hp-dialog div.hp-footer .hp-controls {
position: absolute;
right: 0px;
top: 0px;
padding: 0px 30px;
white-space: nowrap; }
.hp-dialog footer .hp-controls > *, .hp-dialog div.hp-footer .hp-controls > * {
margin-left: 5px; }
.hp-dialog .hp-dialog-variable-contents {
margin: 0px;
padding: 15px 30px 20px 30px;
overflow-y: auto;
overflow-x: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-dialog .hp-dialog-variable-contents .hp-dialog-notification:last-child {
margin-bottom: 0px; }
.hp-dialog .hp-dialog-variable-contents.hp-stacked-panels {
padding: 0px; }
.hp-dialog .hp-dialog-variable-contents.hp-stacked-panels > .hp-stacked-panel > label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 30px;
color: #000;
border-color: #e6e6e6; }
@media only screen and (max-width: 600px) {
.hp-dialog .hp-dialog-variable-contents.hp-stacked-panels > .hp-stacked-panel > label {
padding-left: 10px; } }
@media print {
.hp-dialog .hp-dialog-variable-contents.hp-stacked-panels {
max-height: none !important;
overflow: visible !important;
height: auto !important; } }
.hp-dialog > .hp-dialog-notification {
margin: 15px 30px 20px 30px; }
.hp-dialog > .hp-dialog-notification > * {
max-width: 600px; }
.hp-dialog .hp-prompt {
margin: 10px 0px 10px 0px;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-dialog > .hp-prompt {
margin: 10px 30px 20px 30px; }
.hp-dialog p, .hp-dialog .hp-bullet li {
max-width: 600px; }
.hp-dialog .hp-notify {
display: block;
margin: 0px auto 20px auto;
height: auto;
width: auto;
color: #333; }
.hp-dialog .hp-collapsible label span:first-child {
font-size: 14px; }
.hp-dialog .hp-dependencies {
line-height: 16px;
margin-bottom: 0px;
margin-left: 15px;
max-height: 200px;
overflow-y: auto; }
.hp-dialog .hp-stacked-panel > label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 30px;
color: #000;
border-color: #e6e6e6; }
@media only screen and (max-width: 600px) {
.hp-dialog .hp-stacked-panel > label {
padding-left: 10px; } }
@media print {
.hp-dialog .hp-stacked-panel {
height: auto !important;
padding-top: 10px !important; } }
.hp-dialog .hp-filters {
position: relative; }
.hp-dialog .hp-filters .hp-search {
width: 100%;
padding-right: 30px; }
.hp-dialog .hp-filters .hp-search-icon, .hp-dialog .hp-filters .hp-close {
position: absolute; }
.hp-dialog .hp-filters .hp-close {
top: 10px;
right: 7px;
display: none; }
.hp-dialog .hp-filters .hp-search-icon {
top: 8px;
right: 7px;
width: 15px;
height: 16px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -420px -59px;
background-repeat: no-repeat; }
.hp-dialog .hp-column-form {
min-width: 600px; }
#hp-change-page-container {
position: relative;
top: 0px;
bottom: 0px;
height: 100%;
max-width: 960px;
min-width: 400px;
margin: 0px auto;
background-color: #fff;
color: #333;
z-index: 400;
display: none;
overflow: hidden; }
@media only screen and (max-width: 600px) {
#hp-change-page-container {
min-width: 0px; } }
#hp-change-page-container.hp-active {
display: block; }
#hp-change-page-container.hp-active.hp-short {
height: 95%; }
#hp-change-page-container .hp-details-header {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
height: 60px;
line-height: 60px;
white-space: nowrap;
font-family: Metric;
background-color: #f3f3f3;
border-bottom: 1px solid #d9d9d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
#hp-change-page-container .hp-details-header > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
#hp-change-page-container .hp-details-header > *:last-child {
margin-right: 0px; }
#hp-change-page-container .hp-details-header h1 {
font-size: 24px;
font-weight: normal;
line-height: 60px;
margin: 0px 10px 0px 30px;
padding-right: 0px;
overflow-x: hidden;
text-overflow: ellipsis;
font-family: Metric; }
@media only screen and (max-width: 600px) {
#hp-change-page-container .hp-details-header h1 {
margin-left: 10px; } }
#hp-change-page-container .hp-details-header h1 span {
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
white-space: nowrap;
height: 48px;
line-height: 38px;
margin-top: 12px; }
#hp-change-page-container .hp-details-header h1 span.hp-action {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
#hp-change-page-container .hp-details-header h1 .hp-name {
font-family: Metric, Arial, sans-serif;
padding-left: 6px; }
#hp-change-page-container .hp-details-header .hp-panel-selector {
position: relative;
top: 9px;
font-size: 22px;
height: 42px;
line-height: 42px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
color: #767676;
font-family: Metric; }
@media only screen and (max-width: 600px) {
#hp-change-page-container .hp-details-header .hp-panel-selector {
border-left: none;
border-right: none; } }
#hp-change-page-container .hp-details-header .hp-panel-selector > label {
line-height: 40px;
height: 40px;
right: 0px;
left: 0px; }
#hp-change-page-container .hp-details-header .hp-panel-selector > .hp-value {
font-family: Metric, Arial, sans-serif;
padding-right: 25px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
@media only screen and (max-width: 600px) {
#hp-change-page-container .hp-details-header .hp-panel-selector > .hp-value {
padding-right: 0px; } }
#hp-change-page-container .hp-details-header .hp-panel-selector > .hp-value:after {
right: -5px;
top: 17px; }
#hp-change-page-container .hp-details-header .hp-panel-selector .hp-options li {
height: 36px;
line-height: 36px; }
#hp-change-page-container .hp-details-header .hp-panel-selector .hp-options li.hp-sub-options {
height: auto; }
#hp-change-page-container .hp-details-header .hp-panel-selector:hover > .hp-value {
color: #000; }
@media only screen and (max-width: 600px) {
#hp-change-page-container .hp-details-header .hp-panel-selector:hover > .hp-value {
color: transparent; } }
#hp-change-page-container .hp-details-header .hp-panel-selector:hover > .hp-value:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=); }
#hp-change-page-container .hp-details-header > .hp-controls, #hp-change-page-container .hp-details-header > .hp-details-header-controls {
position: absolute;
top: 0px;
right: 0px;
height: 100%; }
#hp-change-page-container .hp-details-header > .hp-controls .hp-help-current, #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current {
position: relative;
display: inline-block;
cursor: pointer;
width: 49px;
height: 100%;
line-height: 49px; }
#hp-change-page-container .hp-details-header > .hp-controls .hp-help-current:focus, #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current:focus {
outline: none;
border: 1px solid #00b388; }
#hp-change-page-container .hp-details-header > .hp-controls .hp-help-current .hp-icon, #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current .hp-icon {
position: relative;
top: 20px;
left: 18px;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -120px -20px; }
#hp-change-page-container .hp-details-header > .hp-controls .hp-help-current:hover, #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current:hover {
background-color: #fff; }
#hp-change-page-container .hp-stacked-panel > label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 30px;
color: #000;
border-color: #e6e6e6; }
@media only screen and (max-width: 600px) {
#hp-change-page-container .hp-stacked-panel > label {
padding-left: 10px; } }
@media print {
#hp-change-page-container .hp-stacked-panel {
height: auto !important;
padding-top: 10px !important; } }
@media print {
#hp-change-page-container {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
.ui-dialog {
background-color: #fff;
color: #333;
-webkit-box-shadow: 3px 3px 12px 0px #999;
-moz-box-shadow: 3px 3px 12px 0px #999;
box-shadow: 3px 3px 12px 0px #999;
padding: 0px;
max-width: 600px;
border: none;
border-radius: 0px;
overflow: visible; }
html.hp-high-contrast .ui-dialog {
color: #000; }
.ui-dialog .ui-dialog-titlebar {
position: relative;
background-color: #f3f3f3;
border-bottom: 1px solid #d9d9d9;
padding: 10px 20px;
font-size: 16px; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
position: absolute;
top: 7px;
right: 7px;
width: 11px;
height: 11px;
margin: 0px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -160px -20px;
background-repeat: no-repeat; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
background-position: -160px 0px; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
display: none; }
.ui-dialog.hp-response-dialog .ui-dialog-titlebar-close {
display: none; }
.ui-dialog .ui-dialog-content {
margin: 0px;
padding: 30px 30px 70px;
background-color: inherit; }
.ui-dialog .ui-dialog-content .hp-progress {
width: 100%; }
.ui-dialog .ui-dialog-content > * {
margin: 15px 0px; }
.ui-dialog .ui-dialog-content > *:first-of-type {
margin-top: 0px; }
.ui-dialog .ui-dialog-content > *:last-of-type {
margin-bottom: 0px; }
.ui-dialog.hp-simple-dialog .ui-dialog-titlebar {
display: none; }
.ui-dialog.hp-simple-dialog .ui-dialog-content {
margin: 20px 0px; }
.ui-dialog.hp-simple-dialog .hp-controls {
margin-top: 20px;
text-align: right;
position: absolute;
right: 10px; }
.ui-dialog.hp-splash-dialog .ui-dialog-titlebar {
display: none; }
.ui-dialog.hp-splash-dialog .ui-dialog-content {
margin: 40px; }
.ui-dialog .ui-dialog-buttonpane {
padding: 10px;
padding-bottom: 15px; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
text-align: right; }
.ui-dialog .ui-dialog-buttonpane button {
margin-left: 10px; }
.hp-dialog-button-stack {
margin-bottom: 0px; }
.hp-dialog-button-stack li {
display: table;
margin-bottom: 15px; }
.hp-dialog-button-stack li:last-of-type {
margin-bottom: 0px; }
.hp-dialog-button-stack li > * {
display: table-cell; }
.hp-dialog-button-stack li button {
width: 220px;
cursor: pointer; }
.hp-dialog-button-stack li label {
padding-left: 20px; }
.hp-dialog-remote-console-verification .float-left-div {
line-height: 28px;
float: left; }
.hp-dialog-remote-console-verification .float-right-div {
float: right; }
.hp-dialog-remote-console-verification .centered-text-div {
text-align: center; }
#hp-body-div.hp-session-timeout .hp-dialog-overlay {
z-index: 10000; }
.hp-simple-page, #hp-error-page {
background-color: #fff; }
.hp-simple-page.hp-simple-fullpage-content .hp-logo, #hp-error-page.hp-simple-fullpage-content .hp-logo {
display: block;
background-position: 0px -81px;
width: 120px;
height: 50px;
position: fixed;
bottom: 48px;
right: 48px;
z-index: 50; }
.hp-narrow .hp-simple-page.hp-simple-fullpage-content .hp-logo, .hp-narrow #hp-error-page.hp-simple-fullpage-content .hp-logo {
left: 20px; }
.hp-simple-page.hp-simple-fullpage-content .hp-simple-pane, #hp-error-page.hp-simple-fullpage-content .hp-simple-pane {
height: 550px;
max-width: 600px;
overflow-y: auto;
margin: 20px auto 0px;
padding: 20px; }
.hp-simple-page.hp-simple-fullpage-content .hp-simple-pane .hp-secondary p, #hp-error-page.hp-simple-fullpage-content .hp-simple-pane .hp-secondary p {
margin-bottom: 20px; }
.hp-narrow .hp-simple-page.hp-simple-fullpage-content .hp-simple-pane, .hp-narrow #hp-error-page.hp-simple-fullpage-content .hp-simple-pane {
max-height: 450px; }
.hp-simple-page .hp-simple-pane, #hp-error-page .hp-simple-pane {
margin: 50px auto;
max-width: 400px;
overflow-y: auto; }
.hp-simple-page .hp-simple-pane .hp-name, #hp-error-page .hp-simple-pane .hp-name {
font-size: 35px;
line-height: 35px; }
.hp-simple-page .hp-simple-pane .hp-progress-details, #hp-error-page .hp-simple-pane .hp-progress-details {
margin-top: 20px;
position: relative; }
.hp-simple-page .hp-simple-pane .hp-progress-details > *, #hp-error-page .hp-simple-pane .hp-progress-details > * {
display: inline-block;
vertical-align: middle; }
.hp-simple-page .hp-simple-pane .hp-progress-details .hp-progress, #hp-error-page .hp-simple-pane .hp-progress-details .hp-progress {
width: 120px;
margin: 0px 10px 0px 0px; }
.hp-simple-page .hp-simple-pane .hp-progress-details a, #hp-error-page .hp-simple-pane .hp-progress-details a {
position: absolute;
right: 0px; }
.hp-simple-page .hp-simple-pane .hp-uploadfile-info, #hp-error-page .hp-simple-pane .hp-uploadfile-info {
margin-top: 10px; }
.hp-simple-page .hp-simple-pane .hp-uploadfile-info a, #hp-error-page .hp-simple-pane .hp-uploadfile-info a {
float: right; }
.hp-simple-page .hp-simple-pane .hp-eula-message, #hp-error-page .hp-simple-pane .hp-eula-message {
margin: 30px 0px; }
.hp-simple-page .hp-simple-pane .hp-secondary, #hp-error-page .hp-simple-pane .hp-secondary {
color: #999999;
margin: 30px 0px; }
.hp-simple-page .hp-simple-pane .hp-secondary p, #hp-error-page .hp-simple-pane .hp-secondary p {
margin-bottom: 0px; }
.hp-simple-page .hp-simple-pane .hp-show-form, #hp-error-page .hp-simple-pane .hp-show-form {
margin-bottom: 0px;
margin-top: 20px; }
.hp-simple-page .hp-simple-pane .hp-show-form ol, #hp-error-page .hp-simple-pane .hp-show-form ol {
margin-bottom: 0px; }
.hp-simple-page .hp-simple-pane .hp-edit-form, #hp-error-page .hp-simple-pane .hp-edit-form {
position: absolute;
min-width: 420px;
width: auto; }
.hp-simple-page .hp-simple-pane .hp-edit-form fieldset, #hp-error-page .hp-simple-pane .hp-edit-form fieldset {
min-width: 400px; }
.hp-simple-page .hp-simple-pane .hp-edit-form fieldset:last-of-type, #hp-error-page .hp-simple-pane .hp-edit-form fieldset:last-of-type {
margin-bottom: 0px; }
.hp-simple-page .hp-simple-pane .hp-edit-form fieldset ol:last-child, #hp-error-page .hp-simple-pane .hp-edit-form fieldset ol:last-child {
margin-bottom: 0px; }
.hp-simple-page .hp-simple-pane .hp-edit-form li.hp-form-item .hp-form-content, #hp-error-page .hp-simple-pane .hp-edit-form li.hp-form-item .hp-form-content {
width: 100%; }
.hp-simple-page .hp-simple-pane .hp-edit-form li.hp-form-item .hp-form-content label.hp-error, #hp-error-page .hp-simple-pane .hp-edit-form li.hp-form-item .hp-form-content label.hp-error {
z-index: 51; }
.hp-simple-page .hp-simple-pane .hp-edit-form .hp-footer, #hp-error-page .hp-simple-pane .hp-edit-form .hp-footer {
border-top: none;
position: absolute;
right: 0px; }
.hp-simple-page .hp-simple-pane .hp-edit-form .hp-footer .hp-form-controls, #hp-error-page .hp-simple-pane .hp-edit-form .hp-footer .hp-form-controls {
left: 0px;
padding-left: 0px; }
.hp-simple-page .hp-state, #hp-error-page .hp-state {
margin-top: 8%;
text-align: center;
line-height: normal; }
.hp-simple-page .hp-state.hp-full-error, #hp-error-page .hp-state.hp-full-error {
max-width: 600px;
margin: 8% auto; }
.hp-narrow .hp-simple-page .hp-state.hp-full-error, .hp-narrow #hp-error-page .hp-state.hp-full-error {
padding: 0px 10px; }
.hp-simple-page .hp-state.hp-full-error .hp-status.hp-status-error, #hp-error-page .hp-state.hp-full-error .hp-status.hp-status-error {
background-position: 0px -180px;
margin-right: 15px;
margin-bottom: 20px;
height: 42px;
width: 42px;
top: -1px; }
.hp-simple-page .hp-state.hp-full-error .hp-status.hp-status-changing, #hp-error-page .hp-state.hp-full-error .hp-status.hp-status-changing {
height: 14px;
margin-right: 5px;
top: 3px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-wrapper, #hp-error-page .hp-state.hp-full-error .hp-details-wrapper {
text-align: left;
margin-bottom: 10px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible > label, #hp-error-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible > label {
margin-bottom: 5px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible > div, #hp-error-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible > div {
max-height: 400px;
overflow-y: auto;
margin-left: 20px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible h5, #hp-error-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible h5 {
margin-bottom: 0px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible .hp-message-wrapper, #hp-error-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible .hp-message-wrapper {
margin-bottom: 20px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible .hp-message-wrapper p, #hp-error-page .hp-state.hp-full-error .hp-details-wrapper .hp-collapsible .hp-message-wrapper p {
margin-bottom: 0px; }
.hp-simple-page .hp-state.hp-full-error .hp-details-container, #hp-error-page .hp-state.hp-full-error .hp-details-container {
text-align: left; }
.hp-simple-page .hp-state.hp-full-error .hp-resolution-container h3, #hp-error-page .hp-state.hp-full-error .hp-resolution-container h3 {
display: inline;
font-size: 16px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-right: 10px; }
.hp-simple-page .hp-state.hp-attention, #hp-error-page .hp-state.hp-attention {
width: 400px;
margin: 8% auto;
padding: 20px;
text-align: left;
background-color: #ffD042; }
.hp-simple-page .hp-state.hp-attention .hp-details-container, #hp-error-page .hp-state.hp-attention .hp-details-container {
margin-left: 34px; }
.hp-simple-page .hp-state.hp-attention .hp-name, #hp-error-page .hp-state.hp-attention .hp-name {
font-size: 29px;
line-height: 29px; }
.hp-simple-page .hp-state.hp-attention .hp-resolution-container, #hp-error-page .hp-state.hp-attention .hp-resolution-container {
max-width: 400px; }
.hp-simple-page .hp-state.hp-attention .hp-resolution-container h3, #hp-error-page .hp-state.hp-attention .hp-resolution-container h3 {
display: inline;
font-size: 16px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-right: 10px; }
.hp-simple-page .hp-state.hp-attention .hp-resolution-container .hp-resolution p, #hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution p {
display: inline; }
.hp-simple-page .hp-state.hp-attention .hp-status, #hp-error-page .hp-state.hp-attention .hp-status {
height: 14px;
margin-right: 5px;
top: 5px; }
.hp-simple-page .hp-state.hp-attention .hp-status.hp-medium, #hp-error-page .hp-state.hp-attention .hp-status.hp-medium {
margin-right: 10px;
top: 6px;
height: 19px;
width: 19px; }
.hp-simple-page .hp-state.hp-attention .hp-status.hp-medium.hp-status-error, #hp-error-page .hp-state.hp-attention .hp-status.hp-medium.hp-status-error {
background-position: 0px 0px; }
.hp-simple-page .hp-state.hp-attention .hp-status.hp-status-changing, #hp-error-page .hp-state.hp-attention .hp-status.hp-status-changing {
top: 2px; }
.hp-simple-page .hp-state .hp-spinner, .hp-simple-page .hp-state .hp-status, .hp-simple-page .hp-state .hp-name, #hp-error-page .hp-state .hp-spinner, #hp-error-page .hp-state .hp-status, #hp-error-page .hp-state .hp-name {
display: inline-block; }
.hp-simple-page .hp-state .hp-spinner, #hp-error-page .hp-state .hp-spinner {
width: 35px;
height: 35px;
margin-right: 20px; }
.hp-simple-page .hp-state .hp-spinner .hp-spinner-image, #hp-error-page .hp-state .hp-spinner .hp-spinner-image {
margin: 0px;
margin-top: 5px; }
.hp-simple-page .hp-state .hp-status, #hp-error-page .hp-state .hp-status {
position: relative;
top: 6px;
margin-right: 20px;
height: 38px; }
.hp-simple-page .hp-state .hp-name, #hp-error-page .hp-state .hp-name {
font-size: 35px;
line-height: 35px; }
.hp-simple-page .hp-state .hp-progress, #hp-error-page .hp-state .hp-progress {
margin: 20px auto; }
.hp-simple-page .hp-state .hp-details, #hp-error-page .hp-state .hp-details {
max-width: 400px;
margin: 20px auto; }
.hp-simple-page .hp-state .hp-details.hp-suggestions, #hp-error-page .hp-state .hp-details.hp-suggestions {
max-width: 600px; }
.hp-simple-page .hp-state .hp-actions, #hp-error-page .hp-state .hp-actions {
margin-top: 15px;
margin-bottom: 0px; }
.hp-simple-page .hp-state .hp-actions li, #hp-error-page .hp-state .hp-actions li {
display: inline-block;
margin-right: 10px; }
.hp-page-splash {
max-width: 300px;
margin: 40px auto;
text-align: left; }
.hp-page-splash .hp-page-empty {
font-size: 18px;
color: #767676;
margin-bottom: 20px; }
html.hp-high-contrast .hp-page-splash .hp-page-empty {
color: #333; }
.hp-page-splash div.hp-help {
margin: 10px 0px; }
.hp-page-splash div.hp-help .hp-add-help {
color: #767676; }
.hp-page-splash div.hp-help .hp-add-help, .hp-page-splash div.hp-help .hp-add-action-link {
margin: 10px 0px; }
.hp-page-splash .hp-add-link {
margin: 40px 0px; }
.hp-page-splash a {
display: inline-block; }
#hp-tutorial-container {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 9999; }
#hp-tutorial-container > canvas {
position: absolute;
z-index: 10;
pointer-events: none; }
#hp-tutorial-overlay {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border-color: rgba(255, 255, 255, 0.7);
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
@media print {
#hp-tutorial-overlay {
background-color: transparent; } }
.hp-tutorial-image-overlay {
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-color: rgba(255, 255, 255, 0.6);
border-style: solid; }
.hp-tutorial-image-focus {
width: 100%;
height: 100%;
border: 2px solid #00b388;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.1); }
#hp-tutorial-focus {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 2px solid #00b388;
background-color: rgba(255, 255, 255, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; }
#hp-tutorial-step {
position: absolute;
display: block;
left: 30%;
top: 30%;
width: auto;
padding: 20px;
background-color: #00b388;
color: #fff;
font-size: 20px;
line-height: normal;
border-radius: 5px;
z-index: 20;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
#hp-tutorial-step:after {
content: '';
position: absolute;
top: -5px;
left: -5px;
bottom: -5px;
right: -5px;
border: 5px solid #fff;
border-radius: 5px;
pointer-events: none; }
#hp-tutorial-step:before {
content: '';
position: absolute;
top: -10px;
left: -10px;
bottom: -10px;
right: -10px;
border: 5px solid #ccc;
border-radius: 5px; }
#hp-tutorial-step > h2 {
margin-bottom: 10px;
color: #fff; }
#hp-tutorial-step #hp-tutorial-footer {
position: relative;
height: 18px;
min-width: 200px;
margin: 0px;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
#hp-tutorial-step #hp-tutorial-footer > li {
display: inline-block;
vertical-align: top;
font-size: 16px;
color: #eee;
padding: 0px 10px;
border-left: 1px solid #ccc; }
#hp-tutorial-step #hp-tutorial-footer > li:not(.hp-disabled) {
cursor: pointer; }
#hp-tutorial-step #hp-tutorial-footer > li:first-child {
border-left: none;
padding-left: 0px; }
#hp-tutorial-step #hp-tutorial-footer > li:last-child {
padding-right: 0px; }
#hp-tutorial-step #hp-tutorial-footer > li:hover {
color: #fff; }
#hp-tutorial-step #hp-tutorial-footer > li.hp-disabled {
color: #ccc; }
#hp-tutorial-step #hp-tutorial-footer > li.hp-disabled:hover {
color: #ccc; }
#hp-tutorial-step #hp-tutorial-footer #hp-tutorial-next {
font-weight: 600;
font-family: Metric, Arial, sans-serif;
color: #fff; }
#hp-tutorial-step #hp-tutorial-footer #hp-tutorial-next:after {
content: ' >'; }
#hp-tutorial-step #hp-tutorial-footer #hp-tutorial-next.hp-disabled {
font-weight: normal;
color: #ccc; }
#hp-tutorial-step #hp-tutorial-footer #hp-tutorial-previous:before {
content: '< '; }
.hp-responsive-filter-menu {
z-index: 500;
line-height: normal;
font-family: 'HPRegular', Arial, Helvetica, sans-serif;
position: absolute;
top: 0px;
left: 180px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
border-top: 1px solid #e6e6e6;
display: none; }
.hp-responsive-filter-menu.hp-active {
display: block; }
.hp-responsive-filter-menu header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
height: 40px;
cursor: pointer; }
.hp-responsive-filter-menu header h2 {
display: inline-block;
font-size: 18px;
line-height: inherit;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0px; }
.hp-responsive-filter-menu header .hp-filter-reset {
position: absolute;
height: 25px;
font-size: 14px;
margin-top: 3px;
right: 10px; }
.hp-responsive-filter-menu header .hp-filter-reset.hp-disabled {
display: none; }
.hp-responsive-filter-menu .hp-master-referrer {
display: block;
margin: 10px; }
.hp-responsive-filter-menu .hp-master-referrer > label {
margin-bottom: 10px;
margin-left: 0px;
display: block;
color: #767676; }
.hp-responsive-filter-menu .hp-master-referrer > label:after {
content: ':'; }
.hp-responsive-filter-menu .hp-master-referrer > a {
padding-left: 10px;
display: block;
width: auto;
margin-right: 20px;
word-break: break-all; }
.hp-responsive-filter-menu .hp-master-referrer .hp-close {
background-repeat: no-repeat;
display: inline-block;
margin-right: 0;
padding: 0;
position: absolute;
right: 10px;
top: 77px;
width: 14px; }
.hp-responsive-filter-menu .hp-responsive-filters {
overflow: auto; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-filter {
margin: 10px 10px 20px 10px;
display: block; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-filter.hp-editable-filter .hp-editable-filter-form {
margin-top: 10px;
padding-left: 20px; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-filter.hp-editable-filter .hp-editable-filter-form label {
padding-top: 5px;
width: 125px;
word-wrap: break-word; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-filter.hp-editable-filter .hp-editable-filter-form .hp-editable-filter-equal-value {
margin-top: 5px;
display: block;
width: 125px; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-filter.hp-editable-filter .hp-editable-filter-form input[type="checkbox"] {
vertical-align: text-top;
margin-top: 8px; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-filter.hp-select.hp-pinned > label {
margin: 10px 0px;
position: relative;
border: 0px; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-select div.hp-date-range > div.hp-date {
display: block; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-select div.hp-date-range-from {
border: none;
padding-right: 0px;
margin-left: -10px; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-select div.hp-date-range-to {
padding-left: 0px;
margin-left: -10px; }
.hp-responsive-filter-menu .hp-responsive-filters .hp-select .hp-value {
display: none; }
.hp-responsive-filter-menu .hp-filter, .hp-responsive-filter-menu .hp-filter-reset, .hp-responsive-filter-menu .hp-master-referrer {
font-size: 14px;
vertical-align: top; }
div.hp-dashboard div.hp-details-full {
padding: 0px; }
@media print {
div.hp-dashboard div.hp-details-full {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
div.hp-dashboard div.hp-grid-panels, div.hp-dashboard div.hp-grid-panels.hp-grid-float {
top: 25px;
bottom: 30px;
left: 20px;
right: 20px; }
@media print {
div.hp-dashboard div.hp-grid-panels, div.hp-dashboard div.hp-grid-panels.hp-grid-float {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
div.hp-dashboard div.hp-grid-panels.hp-grid-narrow div.hp-grid-row, div.hp-dashboard div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-row {
margin-left: 15px;
margin-top: 15px; }
div.hp-dashboard div.hp-grid-panels.hp-grid-narrow .hp-panel-contents-container, div.hp-dashboard div.hp-grid-panels.hp-grid-float.hp-grid-narrow .hp-panel-contents-container {
margin-bottom: 15px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel .hp-panel-contents-container > header a .hp-count, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel .hp-panel-contents-container > header a .hp-count {
padding-left: 5px;
color: #999; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel .hp-panel-contents-container > header a:hover .hp-count, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel .hp-panel-contents-container > header a:hover .hp-count {
color: #333; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel .hp-panel-contents-container > header .hp-count, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel .hp-panel-contents-container > header .hp-count {
padding-left: 5px;
color: #999; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-summary, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-summary {
padding-bottom: 20px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-summary > *, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-summary > * {
display: inline-block; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-summary .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-summary .hp-status {
margin-right: 15px;
top: 3px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 {
margin: 10px 0; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4:first-child, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4:first-child {
margin-top: 0px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a .hp-count, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a .hp-count {
padding-left: 5px;
color: #999; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a .hp-name, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a .hp-name {
color: #000;
text-decoration: none; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:after, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:after {
content: ' >';
color: #333; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:hover, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:hover {
text-decoration: none;
color: #333; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:hover .hp-name, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:hover .hp-count, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:hover .hp-name, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents > h4 a:hover .hp-count {
color: #333; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification {
padding: 10px 10px 10px 0px;
cursor: pointer; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification:hover, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification:hover, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active {
padding-top: 9px;
padding-bottom: 9px;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification:hover div.hp-timeago, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active div.hp-timeago, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification:hover div.hp-timeago, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active div.hp-timeago {
opacity: 1; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-message, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-message {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-source-timestamp-container > *, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-source-timestamp-container > * {
word-break: break-all; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-template, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-template {
display: none; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-status {
padding-right: 5px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-message p, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-message p {
margin-bottom: 0px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary {
line-height: 24px;
margin-bottom: 15px;
height: auto;
font-family: Metric, Arial, sans-serif; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-status {
vertical-align: top; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source {
position: relative; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-status {
top: 3px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-collapser, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-status, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-message, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-timestamp, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-collapser, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-message, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-timestamp {
vertical-align: top;
line-height: 17px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-collapser, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-collapser {
margin-right: 20px;
height: 14px;
width: 14px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-timestamp, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-category, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-timestamp, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-category {
color: #767676; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container {
right: 0;
position: absolute;
width: 230px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container .hp-source-container, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container .hp-timestamp, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container .hp-source-container, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container .hp-timestamp {
display: inline-block;
padding-left: 5px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container .hp-source-container, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-notification-summary .hp-source-timestamp-container .hp-source-container {
width: 80px;
line-height: 17px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-full, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-full {
display: none;
padding-left: 61px;
padding-right: 10px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-full .hp-details-container, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-full .hp-details-container {
padding-top: 5px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-full .hp-details-container .hp-resolution-container > h3, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification .hp-full .hp-details-container .hp-resolution-container > h3 {
font-size: inherit;
vertical-align: top;
display: inline;
margin-right: 5px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-notification-summary .hp-message > p, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-notification-summary .hp-message > p {
text-overflow: inherit;
white-space: normal; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-full, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-panel-contents .hp-notification.hp-active .hp-full {
display: block; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify {
padding: 3px 0px 15px 0px;
margin-top: 0px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-status, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-summary, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-details, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-summary, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-details {
display: inline-block; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-status {
top: 4px;
padding-right: 5px;
vertical-align: baseline; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-status.hp-status-changing, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-status.hp-status-changing {
top: 2px;
padding-right: 0px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-summary, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-summary {
padding-left: 10px;
padding-bottom: 0px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-details, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify .hp-details {
padding-left: 20px;
color: #333; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error {
background-color: #f04953;
color: #fff; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error .hp-details, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error .hp-details {
color: #fff; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error a, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error h3, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error a, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error h3 {
color: #fff; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error .hp-status-error, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-error .hp-status-error {
background-position: 0px -160px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-warning, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-warning {
background-color: #ffD042; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-warning .hp-status-warning, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-warning .hp-status-warning {
background-position: -20px -160px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-ok, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-ok {
background-color: #e0e0e0; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-ok .hp-status-ok, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-ok .hp-status-ok {
background-position: -40px -160px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown {
background-color: #ccc; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown .hp-status-unknown, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown .hp-status-unknown {
background-position: -60px -160px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown .hp-status .hp-status-changing, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown .hp-status.hp-status-changing, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown .hp-status .hp-status-changing, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-unknown .hp-status.hp-status-changing {
background-position: -320px -140px;
top: 1px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-info, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-info {
background-color: #ccc; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-info .hp-status .hp-status-changing, div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-info .hp-status.hp-status-changing, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-info .hp-status .hp-status-changing, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-info .hp-status.hp-status-changing {
background-position: -320px -140px;
top: 1px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-disabled, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-disabled {
background-color: #e0e0e0; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-disabled .hp-status-disabled, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel.hp-hwsetup-panel .hp-notify.hp-notify-disabled .hp-status-disabled {
background-position: -80px -160px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel ol.hp-summary-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel ol.hp-summary-status {
font-size: 16px;
white-space: nowrap; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel ol.hp-summary-status .hp-status, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel ol.hp-summary-status .hp-status {
top: 0px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel ol.hp-utilization-summary li, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel ol.hp-utilization-summary li {
margin-right: 20px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel .hp-pie, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel .hp-pie {
width: 120px;
height: 120px; }
div.hp-dashboard div.hp-grid-panels div.hp-grid-row div.hp-grid-panel .hp-pie-summary, div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-row div.hp-grid-panel .hp-pie-summary {
margin-bottom: 10px; }
div.hp-dashboard div.hp-grid-panels.hp-grid-float {
bottom: 25px; }
div.hp-dashboard div.hp-grid-panels.hp-grid-float div.hp-grid-panel ol.hp-summary-status .hp-status {
top: 0px; }
body.hp-narrow div.hp-dashboard div.hp-grid-panels.hp-grid-float {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px; }
#hp-page-container.hp-no-subnav #hp-dashboard-panels {
top: 50px; }
.hp-dashboard {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: auto;
width: auto;
overflow: auto;
padding: 0px; }
.hp-dashboard .hp-details-edit-section {
position: absolute;
top: 0px;
right: 0px;
left: 200px;
bottom: 0px;
height: auto;
width: auto;
min-width: 200px;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
padding: 10px 24px 0px 24px; }
@media print {
.hp-dashboard .hp-details-edit-section {
position: relative;
left: 0px !important; } }
.hp-dashboard .hp-grid-panels .hp-aggregate-panel {
text-align: center; }
.hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-panel-contents-container > header {
text-align: left; }
.hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-panel-contents-container .hp-aspects {
text-align: center; }
.hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-panel-contents-container > ol, .hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-panel-contents-container > table {
margin: 40px auto; }
.hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-panel-contents-container > table {
margin-top: 30px; }
section.hp-dashboard-panels {
position: absolute;
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
padding: 30px;
background-color: #fff; }
ol.hp-dashboard-primary {
height: 50%;
width: 100%;
overflow: hidden;
text-align: center;
margin: 0px; }
ol.hp-dashboard-secondary {
height: 34%;
width: 100%;
overflow: hidden;
text-align: center;
margin: 0px; }
ol.hp-dashboard-indicators {
height: 16%;
width: 100%;
border-top: 5px solid #e6e6e6;
margin: 0px; }
div.hp-dashboard-tertiary {
background-color: #f3f3f3; }
div.hp-dashboard-notify {
position: relative;
background-color: #ffD042;
color: #000;
font-size: 20px;
font-family: Metric; }
div.hp-dashboard-notify .hp-status.hp-primary {
float: left;
margin-right: 20px;
margin-bottom: 20px; }
li.hp-dashboard-panel {
display: inline-block;
vertical-align: top;
text-align: left;
border-top: 5px solid #e6e6e6;
margin-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 30px;
height: 100%;
overflow: hidden; }
li.hp-dashboard-panel:last-child {
margin-right: 0px; }
li.hp-dashboard-panel header h2 {
font-size: 18px;
color: #000;
margin-bottom: 20px;
font-family: Metric;
font-weight: 600; }
html.hp-high-contrast li.hp-dashboard-panel header h2 {
color: #333; }
li.hp-dashboard-panel header h2 .hp-count {
color: #999;
font-family: Metric;
padding-left: 10px; }
li.hp-dashboard-panel header h2 .hp-count:after {
content: ' >'; }
html.hp-high-contrast li.hp-dashboard-panel header h2 .hp-count {
color: #666; }
li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li {
min-width: 60px;
padding-right: 0px;
margin-right: 20px; }
li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li:last-of-type {
margin-right: 0px; }
li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status {
display: inline-block;
margin: 0px 2px; }
li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta {
display: inline-block;
height: 14px;
font-size: 15px;
padding-top: 4px;
text-align: center; }
li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count:after, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta:after {
content: ' '; }
li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count {
display: none; }
li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-count {
display: inline-block; }
li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-delta {
display: none; }
li.hp-dashboard-panel table {
margin: 15px 0px; }
li.hp-dashboard-panel table td, li.hp-dashboard-panel table th {
padding: 5px; }
li.hp-dashboard-panel table thead td, li.hp-dashboard-panel table thead th {
background-color: #fff;
color: #ccc;
border-left: none; }
html.hp-high-contrast li.hp-dashboard-panel table thead td, html.hp-high-contrast li.hp-dashboard-panel table thead th {
color: #666; }
.hp-indicator {
display: inline-block;
padding: 15px 0px; }
.hp-indicator .hp-value {
display: inline-block;
font-size: 36px;
line-height: 42px;
color: #666;
font-family: Metric, Arial, sans-serif; }
html.hp-high-contrast .hp-indicator .hp-value {
color: #333; }
.hp-indicator .hp-value:hover {
color: #333;
text-decoration: none; }
.hp-indicator .hp-delta {
display: inline-block; }
.hp-indicator label {
display: block;
margin-top: 5px;
color: #767676; }
html.hp-high-contrast .hp-indicator label {
color: #333; }
.hp-indicator.hp-changed .hp-value, .hp-indicator.hp-changed label {
color: #333; }
html.hp-high-contrast .hp-indicator.hp-changed .hp-value, html.hp-high-contrast .hp-indicator.hp-changed label {
color: #000; }
.hp-dashboard-activity h1 {
font-size: 18px;
line-height: 18px;
color: #333;
font-weight: normal;
margin-bottom: 20px; }
html.hp-high-contrast .hp-dashboard-activity h1 {
color: #333; }
.hp-dashboard-activity h1 .hp-activity-count {
color: #767676; }
.hp-dashboard-activity h1 .hp-activity-count:before {
content: "("; }
.hp-dashboard-activity h1 .hp-activity-count:after {
content: ")"; }
html.hp-high-contrast .hp-dashboard-activity h1 .hp-activity-count {
color: #333; }
.hp-dashboard-activity .hp-summary > li {
display: inline-block;
vertical-align: top;
margin-right: 16px; }
.hp-dashboard-activity .hp-summary > li .hp-status, .hp-dashboard-activity .hp-summary > li .hp-user {
margin-bottom: 5px;
margin-right: 0px; }
.hp-dashboard-activity .hp-summary > li .hp-user {
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -140px -100px;
background-repeat: no-repeat;
width: 19px;
height: 19px; }
.hp-dashboard-activity .hp-summary > li .hp-user.hp-unset {
background-position: -140px -120px; }
.hp-dashboard-value {
position: relative;
display: inline-block;
line-height: 24px;
padding-bottom: 20px;
margin-top: 10px;
margin-right: 30px; }
.hp-grid-panels .hp-grid-panel .hp-panel-contents .hp-dashboard-value {
width: auto;
vertical-align: top;
min-width: 200px; }
.hp-dashboard-value > * {
display: inline-block;
vertical-align: top; }
.hp-dashboard-value h3 {
display: block; }
.hp-dashboard-value .hp-value-graph {
margin-right: 15px;
margin-bottom: 15px; }
.hp-dashboard-value .hp-status {
float: left;
top: 10px;
margin-right: 15px; }
.hp-dashboard-value .hp-value {
font-size: 32px;
line-height: normal;
color: #666;
font-family: Metric, Arial, sans-serif; }
.hp-dashboard-value .hp-value .hp-unavailable {
display: inline-block;
height: 28px; }
.hp-dashboard-value .hp-value .hp-units-details {
display: block;
font-size: 18px; }
ol.hp-dashboard-controls li {
margin-bottom: 10px; }
.hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph {
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0px 5px;
width: 125px; }
.hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph .hp-graph {
width: 120px;
height: 120px; }
div.hp-dashboard div.hp-value.hp-primary {
color: inherit;
font-family: Metric;
font-size: 36px;
line-height: normal;
margin-bottom: 30px; }
div.hp-dashboard div.hp-value.hp-primary.hp-notify {
background-color: #ffD042;
padding: 15px; }
div.hp-dashboard div.hp-value.hp-primary.hp-notify .hp-status {
margin-top: 0px;
margin-left: 0px; }
div.hp-dashboard div.hp-value.hp-primary > .hp-status {
display: inline-block; }
div.hp-dashboard div.hp-value.hp-primary .hp-summary {
display: inline-block; }
div.hp-dashboard div.hp-value.hp-primary .hp-units-details {
display: block;
margin-top: 10px;
font-family: Metric, Arial, sans-serif;
font-size: 20px; }
div.hp-dashboard div.hp-value.hp-primary .hp-guidance {
padding: 15px 0px;
font-family: Metric, Arial, sans-serif;
font-size: 16px;
color: #000; }
div.hp-dashboard div.hp-graphed-value {
width: 200px;
margin: 30px auto; }
div.hp-dashboard div.hp-grid-panel > div:last-child {
margin-bottom: 0px; }
div.hp-dashboard div.hp-dashboard-chart ol.hp-plot-legend {
margin-bottom: 0px; }
div.hp-dashboard .hp-parent-page-label a {
color: #333;
text-decoration: none; }
div.hp-dashboard .hp-parent-page-label a:before {
content: '< ';
color: #333;
cursor: pointer; }
div.hp-dashboard .hp-parent-page-label a:hover {
color: #333;
text-decoration: none; }
div.hp-dashboard .hp-parent-page-label span {
padding-left: 30px; }
div.hp-dashboard .hp-details-full .hp-page-resource-info {
margin-left: 0px; }
div.hp-dashboard .hp-details-full .hp-page-resource-info .hp-page-label span {
padding-left: 20px; }
div.hp-dashboard .hp-page-resource-info .hp-page-label a {
color: #333;
text-decoration: none; }
div.hp-dashboard .hp-page-resource-info .hp-page-label a:before {
content: '< ';
color: #333;
cursor: pointer; }
div.hp-dashboard .hp-page-resource-info .hp-page-label a:hover {
color: #333;
text-decoration: none; }
div.hp-dashboard .hp-page-resource-info .hp-page-label span {
padding-left: 10px; }
div.hp-dashboard .hp-page-resource-info .hp-page-label span.hp-page-item-count {
padding-left: 0px; }
div.hp-dashboard .hp-details-show-view {
margin-top: 10px; }
#hp-welcome {
max-width: 800px;
margin: 40px auto;
text-align: center;
overflow-y: auto;
}
#hp-welcome header h1 {
margin: 0px;
font-size: 22px; }
#hp-welcome .hp-virtual-appliance {
margin: 60px 20px; }
form.hp-show-form {
width: 100%;
margin-bottom: 20px; }
form.hp-show-form fieldset {
margin: 20px 0px 0px 0px;
border: none; }
form.hp-show-form fieldset:first-of-type {
margin-top: 0px; }
form.hp-show-form fieldset > legend {
color: #333;
font-size: 18px;
padding-bottom: 15px;
font-family: Metric; }
html.hp-high-contrast form.hp-show-form fieldset > legend {
color: #333; }
form.hp-show-form li.hp-form-item {
font-size: 0px;
list-style-position: inside; }
form.hp-show-form li.hp-form-item:last-of-type {
margin-bottom: 0px; }
form.hp-show-form li.hp-form-item .hp-action {
margin-left: 20px; }
form.hp-show-form li.hp-form-item.hp-unretrievable:hover div.hp-form-content span:last-child {
font-style: italic;
color: #767676;
padding-left: 10px;
display: inline-block; }
form.hp-show-form li.hp-form-item.hp-unretrievable div.hp-form-content:before {
content: '!';
color: #767676; }
form.hp-show-form li.hp-form-item.hp-unretrievable div.hp-form-content > * {
display: none; }
form.hp-show-form li.hp-form-item > * {
vertical-align: top;
display: inline-block;
font-size: 16px;
line-height: 19px; }
form.hp-show-form li.hp-form-item > label:first-of-type {
max-width: 170px;
min-width: 110px;
width: 33%;
margin-bottom: 5px;
color: #767676;
padding-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
text-indent: -10px; }
.hp-wrap-form-label form.hp-show-form li.hp-form-item > label:first-of-type {
word-break: break-all;
min-width: 0; }
form.hp-show-form li.hp-form-item > label:first-of-type.hp-condensed {
width: auto; }
form.hp-show-form li.hp-form-item > .hp-form-content {
width: 66%;
margin-bottom: 5px;
font-size: 16px;
color: #000;
word-break: break-all;
word-break: break-word; }
form.hp-show-form li.hp-form-item > .hp-form-content.hp-ellipsis {
width: 66%; }
form.hp-show-form li.hp-form-item > .hp-form-content > label {
word-break: break-all;
display: inline-block; }
form.hp-show-form li.hp-form-item > .hp-form-content.hp-unset {
color: #767676; }
form.hp-show-form li.hp-form-item > .hp-form-content.hp-multi-column > div {
margin-right: 30px;
display: inline-block;
vertical-align: top; }
form.hp-show-form li.hp-form-item > .hp-form-content.hp-multi-column > div:first-of-type {
max-width: 200px; }
form.hp-show-form li.hp-form-item > .hp-form-content.hp-multi-column > div span {
display: block;
margin-bottom: 5px; }
form.hp-show-form li.hp-form-item .hp-help, form.hp-show-form li.hp-form-item .hp-error, form.hp-show-form li.hp-form-item .hp-optional, form.hp-show-form li.hp-form-item .hp-important {
display: inline-block;
margin: 0px;
min-width: 80px;
max-width: 33%;
color: #767676; }
form.hp-show-form li.hp-form-item .hp-utilization-meter .hp-value-bar.hp-error, form.hp-show-form li.hp-form-item .hp-allocation-meter .hp-value-bar.hp-error {
min-width: 0px;
max-width: none; }
form.hp-show-form li.hp-form-item .hp-status {
display: inline-block;
top: 6px; }
form.hp-show-form li.hp-form-item .hp-close {
display: inline-block;
position: relative;
top: 6px;
margin-left: 5px; }
form.hp-show-form li.hp-form-item .hp-close:hover {
cursor: pointer; }
form.hp-show-form li.hp-form-item .hp-important {
position: relative;
top: -5px;
background-color: #ffD042;
color: #333;
padding: 5px; }
form.hp-show-form li.hp-form-item .hp-ellipsis {
display: inline-block;
max-width: 430px;
width: 80%; }
form.hp-show-form li.hp-form-item label {
color: #767676;
white-space: normal; }
html.hp-high-contrast form.hp-show-form li.hp-form-item label {
color: #333; }
form.hp-show-form li.hp-form-item label.hp-value {
color: #000;
margin-right: 10px;
width: auto; }
html.hp-high-contrast form.hp-show-form li.hp-form-item label.hp-value {
color: #000; }
form.hp-show-form li.hp-form-item label.hp-error {
color: #f04953; }
form.hp-show-form.hp-alignment .hp-form-content {
white-space: nowrap; }
form.hp-show-form.hp-alignment .hp-form-content > div.hp-lock {
vertical-align: top;
top: 3px; }
form.hp-show-form.hp-alignment .hp-form-content > .hp-unavailable {
vertical-align: top; }
form.hp-show-form.hp-alignment .hp-form-content > * {
display: inline-block;
vertical-align: baseline;
white-space: normal; }
form.hp-edit-form, form.hp-add-form {
position: relative;
width: 100%;
min-width: 800px; }
form.hp-edit-form .hp-form-contents fieldset, form.hp-add-form .hp-form-contents fieldset {
padding-left: 15px;
padding-right: 15px; }
form.hp-edit-form .hp-form-contents iframe, form.hp-add-form .hp-form-contents iframe {
margin-bottom: 20px; }
.hp-sidebar-open #hp-dialog-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open .hp-dialog-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open #hp-change-page-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open #hp-dialog-container:not(.hp-wide) form.hp-add-form, .hp-sidebar-open .hp-dialog-container:not(.hp-wide) form.hp-add-form, .hp-sidebar-open #hp-change-page-container:not(.hp-wide) form.hp-add-form {
min-width: 600px; }
@media only screen and (min-width: 601px) and (max-width: 800px) {
.hp-sidebar-open #hp-dialog-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open .hp-dialog-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open #hp-change-page-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open #hp-dialog-container:not(.hp-wide) form.hp-add-form, .hp-sidebar-open .hp-dialog-container:not(.hp-wide) form.hp-add-form, .hp-sidebar-open #hp-change-page-container:not(.hp-wide) form.hp-add-form {
min-width: 400px; } }
@media only screen and (max-width: 600px) {
.hp-sidebar-open #hp-dialog-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open .hp-dialog-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open #hp-change-page-container:not(.hp-wide) form.hp-edit-form, .hp-sidebar-open #hp-dialog-container:not(.hp-wide) form.hp-add-form, .hp-sidebar-open .hp-dialog-container:not(.hp-wide) form.hp-add-form, .hp-sidebar-open #hp-change-page-container:not(.hp-wide) form.hp-add-form {
min-width: 0px; } }
@media only screen and (min-width: 601px) and (max-width: 800px) {
form.hp-edit-form, form.hp-add-form {
min-width: 400px; } }
@media only screen and (max-width: 600px) {
form.hp-edit-form, form.hp-add-form {
min-width: 0px; } }
body.hp-narrow form.hp-edit-form, body.hp-narrow form.hp-add-form {
min-width: 340px; }
@media only screen and (max-width: 600px) {
body.hp-narrow form.hp-edit-form, body.hp-narrow form.hp-add-form {
min-width: 0px; } }
form.hp-edit-form ol.hp-stacked-panels fieldset, form.hp-add-form ol.hp-stacked-panels fieldset {
padding-left: 30px;
padding-right: 30px; }
form.hp-edit-form ol.hp-stacked-panels fieldset p, form.hp-add-form ol.hp-stacked-panels fieldset p {
line-height: 17px; }
form.hp-edit-form ol.hp-stacked-panels fieldset p:last-of-type, form.hp-add-form ol.hp-stacked-panels fieldset p:last-of-type {
margin-bottom: 0px; }
@media only screen and (max-width: 600px) {
form.hp-edit-form ol.hp-stacked-panels fieldset, form.hp-add-form ol.hp-stacked-panels fieldset {
padding-left: 10px;
padding-right: 10px; } }
form.hp-edit-form fieldset, form.hp-add-form fieldset {
position: relative;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0px 0px;
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left top;
background-repeat: repeat-x;
margin: 20px 0px;
min-width: 630px; }
@media only screen and (min-width: 601px) and (max-width: 800px) {
form.hp-edit-form fieldset, form.hp-add-form fieldset {
min-width: 380px; } }
@media only screen and (max-width: 600px) {
form.hp-edit-form fieldset, form.hp-add-form fieldset {
min-width: 0px; } }
form.hp-edit-form fieldset:first-of-type, form.hp-add-form fieldset:first-of-type {
background-image: none;
margin-top: 0px;
padding-top: 0px; }
form.hp-edit-form fieldset > ol:last-child, form.hp-add-form fieldset > ol:last-child {
margin-bottom: 0px; }
form.hp-edit-form fieldset > legend, form.hp-add-form fieldset > legend {
float: left;
width: 100%; }
form.hp-edit-form fieldset > legend span, form.hp-add-form fieldset > legend span {
display: block;
color: #767676;
font-size: 16px;
padding: 10px 0px 20px 0px; }
html.hp-high-contrast form.hp-edit-form fieldset > legend span, html.hp-high-contrast form.hp-add-form fieldset > legend span {
color: #333; }
form.hp-edit-form fieldset.hp-collapsible.hp-collapsed > label, form.hp-add-form fieldset.hp-collapsible.hp-collapsed > label {
background-position: -407px -577px; }
form.hp-edit-form fieldset.hp-collapsible.hp-collapsed > label:hover, form.hp-add-form fieldset.hp-collapsible.hp-collapsed > label:hover {
background-position: -407px -537px; }
form.hp-edit-form fieldset.hp-collapsible > label, form.hp-add-form fieldset.hp-collapsible > label {
position: relative;
top: -10px;
width: 100%;
height: 20px;
font-size: 16px;
margin: 0px;
padding: 0px 0px 0px 15px;
background-position: -405px -455px; }
form.hp-edit-form fieldset.hp-collapsible > label:hover, form.hp-add-form fieldset.hp-collapsible > label:hover {
background-position: -405px -415px; }
form.hp-edit-form fieldset table.hp-column, form.hp-add-form fieldset table.hp-column {
margin-top: 4px; }
form.hp-edit-form fieldset table.hp-column .hp-close, form.hp-add-form fieldset table.hp-column .hp-close {
position: relative;
top: 5px;
cursor: pointer; }
form.hp-edit-form fieldset table input, form.hp-edit-form fieldset table .selectBox, form.hp-edit-form fieldset table .hp-search-combo, form.hp-add-form fieldset table input, form.hp-add-form fieldset table .selectBox, form.hp-add-form fieldset table .hp-search-combo {
margin-bottom: 0px; }
form.hp-edit-form fieldset table thead th .hp-lockable, form.hp-edit-form fieldset table thead th .hp-no-lockable, form.hp-edit-form fieldset table thead td .hp-lockable, form.hp-edit-form fieldset table thead td .hp-no-lockable, form.hp-add-form fieldset table thead th .hp-lockable, form.hp-add-form fieldset table thead th .hp-no-lockable, form.hp-add-form fieldset table thead td .hp-lockable, form.hp-add-form fieldset table thead td .hp-no-lockable {
margin-bottom: -5px; }
form.hp-edit-form fieldset table tbody td, form.hp-add-form fieldset table tbody td {
color: #333; }
form.hp-edit-form fieldset table tbody td .hp-lockable, form.hp-edit-form fieldset table tbody td .hp-no-lockable, form.hp-add-form fieldset table tbody td .hp-lockable, form.hp-add-form fieldset table tbody td .hp-no-lockable {
margin-top: 0px; }
form.hp-edit-form fieldset table tbody td.hp-unset, form.hp-add-form fieldset table tbody td.hp-unset {
color: #767676; }
form.hp-edit-form fieldset .hp-table-controls, form.hp-add-form fieldset .hp-table-controls {
margin-top: 15px; }
form.hp-edit-form fieldset .hp-table-controls > *, form.hp-add-form fieldset .hp-table-controls > * {
display: inline-block;
margin-right: 6px; }
form.hp-edit-form fieldset .hp-table-controls .hp-lockable, form.hp-edit-form fieldset .hp-table-controls .hp-not-lockable-spacer, form.hp-add-form fieldset .hp-table-controls .hp-lockable, form.hp-add-form fieldset .hp-table-controls .hp-not-lockable-spacer {
margin-bottom: -4px; }
form.hp-edit-form fieldset .hp-table-controls .hp-message, form.hp-add-form fieldset .hp-table-controls .hp-message {
color: #767676; }
form.hp-edit-form .hp-sticky-message, form.hp-add-form .hp-sticky-message {
padding: 30px 30px 20px 30px;
border-top: 1px dashed #e6e6e6; }
form.hp-edit-form .hp-sticky-message > *, form.hp-add-form .hp-sticky-message > * {
display: block;
max-width: 95%;
margin-bottom: 20px; }
form.hp-edit-form .hp-sticky-message > *:last-of-type, form.hp-add-form .hp-sticky-message > *:last-of-type {
margin-bottom: 0px;
font-weight: bold; }
form.hp-edit-form .hp-sticky-message > ul, form.hp-add-form .hp-sticky-message > ul {
max-width: 100%; }
form.hp-edit-form .hp-sticky-message > ul:last-of-type, form.hp-add-form .hp-sticky-message > ul:last-of-type {
font-weight: normal; }
form.hp-edit-form .hp-sticky-message > ul li, form.hp-add-form .hp-sticky-message > ul li {
max-width: 95%;
margin-bottom: 10px; }
form.hp-edit-form .hp-sticky-message > ul li:last-of-type, form.hp-add-form .hp-sticky-message > ul li:last-of-type {
margin-bottom: 0px;
font-weight: bold; }
form.hp-edit-form .hp-lockable, form.hp-edit-form .hp-not-lockable-spacer, form.hp-add-form .hp-lockable, form.hp-add-form .hp-not-lockable-spacer {
margin: 7px 10px 7px 0px;
height: 19px; }
form.hp-edit-form .hp-lockable:hover, form.hp-edit-form .hp-not-lockable-spacer:hover, form.hp-add-form .hp-lockable:hover, form.hp-add-form .hp-not-lockable-spacer:hover {
border-color: #999; }
form.hp-edit-form.hp-single-message .hp-dialog-variable-contents > :first-child, form.hp-add-form.hp-single-message .hp-dialog-variable-contents > :first-child {
position: absolute;
top: 35%; }
form.hp-edit-form li.hp-form-item, form.hp-add-form li.hp-form-item {
margin-bottom: 10px;
font-size: 0px; }
form.hp-edit-form li.hp-form-item.hp-text-wrap, form.hp-add-form li.hp-form-item.hp-text-wrap {
white-space: nowrap; }
form.hp-edit-form li.hp-form-item.hp-text-wrap .hp-form-content label, form.hp-add-form li.hp-form-item.hp-text-wrap .hp-form-content label {
white-space: normal; }
form.hp-edit-form li.hp-form-item.hp-no-label .hp-form-content, form.hp-add-form li.hp-form-item.hp-no-label .hp-form-content {
width: 95%; }
form.hp-edit-form li.hp-form-item.hp-show-item, form.hp-add-form li.hp-form-item.hp-show-item {
margin-bottom: 0px; }
form.hp-edit-form li.hp-form-item.hp-show-item .hp-form-content, form.hp-add-form li.hp-form-item.hp-show-item .hp-form-content {
margin-bottom: 5px; }
form.hp-edit-form li.hp-form-item.hp-show-item .hp-form-content > *, form.hp-add-form li.hp-form-item.hp-show-item .hp-form-content > * {
vertical-align: bottom; }
form.hp-edit-form li.hp-form-item.hp-show-item > label, form.hp-add-form li.hp-form-item.hp-show-item > label {
padding-top: 4px; }
form.hp-edit-form li.hp-form-item.hp-show-item label:first-child, form.hp-add-form li.hp-form-item.hp-show-item label:first-child {
margin-bottom: 0px;
margin-top: 5px; }
form.hp-edit-form li.hp-form-item.hp-show-item label, form.hp-add-form li.hp-form-item.hp-show-item label {
margin-bottom: 0px;
margin-top: 5px; }
@media print {
form.hp-edit-form li.hp-form-item.hp-show-item > label, form.hp-add-form li.hp-form-item.hp-show-item > label {
padding-top: 0px;
padding-bottom: 9px;
vertical-align: bottom; } }
body.hp-narrow form.hp-edit-form li.hp-form-item, body.hp-narrow form.hp-add-form li.hp-form-item {
margin-bottom: 15px; }
form.hp-edit-form li.hp-form-item:last-of-type, form.hp-add-form li.hp-form-item:last-of-type {
margin-bottom: 0px; }
form.hp-edit-form li.hp-form-item > *, form.hp-add-form li.hp-form-item > * {
vertical-align: top;
display: inline-block;
font-size: 16px; }
form.hp-edit-form li.hp-form-item > label, form.hp-add-form li.hp-form-item > label {
line-height: 17px;
margin: 10px 0px; }
form.hp-edit-form li.hp-form-item > label:first-child, form.hp-add-form li.hp-form-item > label:first-child {
text-align: right;
min-width: 150px;
width: 23%;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #767676; }
body.hp-narrow form.hp-edit-form li.hp-form-item > label:first-child, body.hp-narrow form.hp-add-form li.hp-form-item > label:first-child {
display: block;
text-align: left; }
form.hp-edit-form li.hp-form-item .hp-form-content-nested .hp-form-item label, form.hp-add-form li.hp-form-item .hp-form-content-nested .hp-form-item label {
text-align: left;
word-break: break-all;
word-break: break-word; }
form.hp-edit-form li.hp-form-item .hp-form-item-group, form.hp-add-form li.hp-form-item .hp-form-item-group {
display: inline-block; }
form.hp-edit-form li.hp-form-item > input, form.hp-edit-form li.hp-form-item > .hp-search-combo, form.hp-edit-form li.hp-form-item > .selectBox, form.hp-add-form li.hp-form-item > input, form.hp-add-form li.hp-form-item > .hp-search-combo, form.hp-add-form li.hp-form-item > .selectBox {
margin: 2px 15px 2px 0px;
color: #333; }
form.hp-edit-form li.hp-form-item > input[type="radio"], form.hp-add-form li.hp-form-item > input[type="radio"] {
margin: 10px 10px 10px 0px; }
form.hp-edit-form li.hp-form-item > input[type="checkbox"], form.hp-add-form li.hp-form-item > input[type="checkbox"] {
margin: 11.5px 10px 8.5px 0px;
position: relative;
overflow: hidden; }
form.hp-edit-form li.hp-form-item > .hp-toggle, form.hp-add-form li.hp-form-item > .hp-toggle {
margin: 4px 10px 4px 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content, form.hp-edit-form li.hp-form-item .hp-form-content-nested, form.hp-add-form li.hp-form-item .hp-form-content, form.hp-add-form li.hp-form-item .hp-form-content-nested {
min-width: 390px;
width: 73%; }
form.hp-edit-form li.hp-form-item .hp-form-content, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group, form.hp-add-form li.hp-form-item .hp-form-content, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group {
position: relative;
margin-right: 0px;
font-size: 16px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-spacer-bottom, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-spacer-bottom, form.hp-add-form li.hp-form-item .hp-form-content .hp-spacer-bottom, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-spacer-bottom {
margin-bottom: 10px; }
body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group {
min-width: 340px; }
@media only screen and (max-width: 600px) {
body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group {
min-width: 0px; } }
@media only screen and (max-width: 600px) {
form.hp-edit-form li.hp-form-item .hp-form-content, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group, form.hp-add-form li.hp-form-item .hp-form-content, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group {
min-width: 0px;
width: auto; } }
form.hp-edit-form li.hp-form-item .hp-form-content > *, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > *, form.hp-add-form li.hp-form-item .hp-form-content > *, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > * {
vertical-align: top;
font-size: 16px; }
form.hp-edit-form li.hp-form-item .hp-form-content > a.hp-close, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > a.hp-close, form.hp-add-form li.hp-form-item .hp-form-content > a.hp-close, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > a.hp-close {
display: inline-block;
margin-right: 23px;
margin-top: 10px;
width: 10px;
height: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content > a.hp-close:focus, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > a.hp-close:focus, form.hp-add-form li.hp-form-item .hp-form-content > a.hp-close:focus, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > a.hp-close:focus {
outline-color: #ccf0e7;
outline-width: 1px;
outline-style: solid; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-initialize input, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-initialize input, form.hp-add-form li.hp-form-item .hp-form-content.hp-initialize input, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-initialize input {
border: 1px dashed #ccc; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-initialize input:focus, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-initialize input:focus, form.hp-add-form li.hp-form-item .hp-form-content.hp-initialize input:focus, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-initialize input:focus {
border-color: #ccf0e7; }
form.hp-edit-form li.hp-form-item .hp-form-content > label, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > label, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content > label, form.hp-add-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > label, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-table-error {
display: inline-block;
margin: 6.5px 20px 6.5px 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-warning input[type="radio"].hp-warning-control + label,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-warning input[type="checkbox"].hp-warning-control + label, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-warning input[type="radio"].hp-warning-control + label,
form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-warning input[type="checkbox"].hp-warning-control + label, form.hp-add-form li.hp-form-item .hp-form-content.hp-warning input[type="radio"].hp-warning-control + label,
form.hp-add-form li.hp-form-item .hp-form-content.hp-warning input[type="checkbox"].hp-warning-control + label, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-warning input[type="radio"].hp-warning-control + label,
form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group.hp-warning input[type="checkbox"].hp-warning-control + label {
padding-left: 29px;
padding-right: 10px;
border: 1px solid #ff9900;
margin: 5.5px 9px 7.5px -30px; }
form.hp-edit-form li.hp-form-item .hp-form-content label.hp-help ul li, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-error ul li, form.hp-edit-form li.hp-form-item .hp-form-content label.hp-optional ul li, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-help ul li, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-error ul li, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-optional ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-help ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-error ul li, form.hp-add-form li.hp-form-item .hp-form-content label.hp-optional ul li, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-help ul li, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-error ul li, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-optional ul li {
list-style: disc inside none; }
form.hp-edit-form li.hp-form-item .hp-form-content label.hp-important, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-important {
margin: 2px 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content label.hp-disabled, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-disabled, form.hp-add-form li.hp-form-item .hp-form-content label.hp-disabled, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group label.hp-disabled {
color: #767676; }
form.hp-edit-form li.hp-form-item .hp-form-content > input, form.hp-edit-form li.hp-form-item .hp-form-content > textarea, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-search-combo, form.hp-edit-form li.hp-form-item .hp-form-content > .hp-select-form, form.hp-edit-form li.hp-form-item .hp-form-content > .selectBox, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > input, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > textarea, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-search-combo, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-select-form, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .selectBox, form.hp-add-form li.hp-form-item .hp-form-content > input, form.hp-add-form li.hp-form-item .hp-form-content > textarea, form.hp-add-form li.hp-form-item .hp-form-content > .hp-search-combo, form.hp-add-form li.hp-form-item .hp-form-content > .hp-select-form, form.hp-add-form li.hp-form-item .hp-form-content > .selectBox, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > input, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > textarea, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-search-combo, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-select-form, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .selectBox {
margin: 2px 15px 2px 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-error .hp-search-combo-input, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-error .hp-search-combo-input, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-error .hp-search-combo-input, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-error .hp-search-combo-input {
border-color: #f04953; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-error .hp-search-combo-input:focus, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-error .hp-search-combo-input:focus, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-error .hp-search-combo-input:focus, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-error .hp-search-combo-input:focus {
border-color: #ccf0e7; }
form.hp-edit-form li.hp-form-item .hp-form-content > input[type="radio"], form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > input[type="radio"], form.hp-add-form li.hp-form-item .hp-form-content > input[type="radio"], form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > input[type="radio"] {
margin: 11.5px 8px 8.5px 0px;
width: 13px;
height: 17px;
position: relative;
top: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content > input[type="checkbox"], form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > input[type="checkbox"], form.hp-add-form li.hp-form-item .hp-form-content > input[type="checkbox"], form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > input[type="checkbox"] {
margin: 11.5px 8px 8.5px 0px;
width: 13px;
height: 15px;
position: relative;
top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
form.hp-edit-form li.hp-form-item .hp-form-content > .hp-toggle, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-toggle, form.hp-add-form li.hp-form-item .hp-form-content > .hp-toggle, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-toggle {
margin: 2px 10px 2px 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content > .hp-select-form .hp-select, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-select-form .hp-select, form.hp-add-form li.hp-form-item .hp-form-content > .hp-select-form .hp-select, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-select-form .hp-select {
margin-bottom: 0; }
form.hp-edit-form li.hp-form-item .hp-form-content > table, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > table, form.hp-add-form li.hp-form-item .hp-form-content > table, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > table {
display: inline-block;
margin-top: 5px; }
form.hp-edit-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content > .hp-table-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group > .hp-table-error {
max-width: 30%;
color: #f04953;
margin-left: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-select.hp-active .hp-options, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-select.hp-active .hp-options, form.hp-add-form li.hp-form-item .hp-form-content .hp-select.hp-active .hp-options, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-select.hp-active .hp-options {
z-index: 3003; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active .hp-search-combo-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active .hp-search-combo-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active .hp-search-combo-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active .hp-search-combo-spacer {
z-index: 3003; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active:hover .hp-help, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active.hp-active .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active:hover .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active.hp-active .hp-help {
border-left: none;
background: transparent;
padding: 0px;
right: 0px;
position: relative;
margin: 0px;
opacity: 1;
-webkit-animation: 0 none;
-moz-animation: 0 none;
-ms-animation: 0 none;
-o-animation: 0 none;
animation: 0 none;
word-break: break-all; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active:hover .hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active.hp-active .hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active:hover .hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active.hp-active .hp-help:before {
border-width: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active:hover .hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active.hp-active .hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active:hover .hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-search-combo.hp-active.hp-active .hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active:hover .hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-search-combo.hp-active.hp-active .hp-help:after {
border: none; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-token-text.hp-active .hp-token-text-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-token-text.hp-active .hp-token-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-token-text.hp-active .hp-scope-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-token-builder.hp-active .hp-token-text-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-token-builder.hp-active .hp-token-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-token-builder.hp-active .hp-scope-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-scope-builder.hp-active .hp-token-text-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-scope-builder.hp-active .hp-token-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-scope-builder.hp-active .hp-scope-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-text.hp-active .hp-token-text-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-text.hp-active .hp-token-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-text.hp-active .hp-scope-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-builder.hp-active .hp-token-text-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-builder.hp-active .hp-token-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-builder.hp-active .hp-scope-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-scope-builder.hp-active .hp-token-text-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-scope-builder.hp-active .hp-token-menu-spacer, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-scope-builder.hp-active .hp-scope-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-token-text.hp-active .hp-token-text-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-token-text.hp-active .hp-token-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-token-text.hp-active .hp-scope-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-token-builder.hp-active .hp-token-text-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-token-builder.hp-active .hp-token-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-token-builder.hp-active .hp-scope-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-scope-builder.hp-active .hp-token-text-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-scope-builder.hp-active .hp-token-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-scope-builder.hp-active .hp-scope-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-text.hp-active .hp-token-text-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-text.hp-active .hp-token-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-text.hp-active .hp-scope-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-builder.hp-active .hp-token-text-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-builder.hp-active .hp-token-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-token-builder.hp-active .hp-scope-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-scope-builder.hp-active .hp-token-text-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-scope-builder.hp-active .hp-token-menu-spacer, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-scope-builder.hp-active .hp-scope-menu-spacer {
z-index: 3003; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-checkbox-controls, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls, form.hp-add-form li.hp-form-item .hp-form-content .hp-checkbox-controls, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls {
max-width: 550px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-checkbox-controls label, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls label, form.hp-add-form li.hp-form-item .hp-form-content .hp-checkbox-controls label, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls label {
margin: 5px 15px 10px 0px;
display: inline-block; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-checkbox-controls input, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls input, form.hp-add-form li.hp-form-item .hp-form-content .hp-checkbox-controls input, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls input {
margin: 11px 8px 10px 0px;
vertical-align: top; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-checkbox-controls div, form.hp-edit-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls div, form.hp-add-form li.hp-form-item .hp-form-content .hp-checkbox-controls div, form.hp-add-form li.hp-form-item .hp-form-content .hp-form-item-group .hp-checkbox-controls div {
display: inline-block;
min-width: 120px; }
form.hp-edit-form li.hp-form-item .hp-ghost-text-input-group, form.hp-add-form li.hp-form-item .hp-ghost-text-input-group {
width: 73%; }
form.hp-edit-form li.hp-form-item .hp-ghost-text-input-group .hp-form-content, form.hp-add-form li.hp-form-item .hp-ghost-text-input-group .hp-form-content {
width: 100%;
margin-bottom: 5px; }
.hp-form-content fieldset ol:last-of-type, .hp-form-content fieldset p:last-of-type {
margin-bottom: 0px; }
.hp-break-word {
word-break: break-all;
word-break: break-word; }
form.hp-edit-form li.hp-form-item .hp-form-content p, form.hp-edit-form li.hp-alert-event-property p, form.hp-edit-form .hp-alert-notes-container p, form.hp-add-form li.hp-form-item .hp-form-content p, form.hp-add-form li.hp-alert-event-property p, form.hp-add-form .hp-alert-notes-container p, ol.hp-alert-event-properties li.hp-form-item .hp-form-content p, ol.hp-alert-event-properties li.hp-alert-event-property p, ol.hp-alert-event-properties .hp-alert-notes-container p, .hp-alert-details li.hp-form-item .hp-form-content p, .hp-alert-details li.hp-alert-event-property p, .hp-alert-details .hp-alert-notes-container p {
max-width: 460px;
margin-bottom: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help,
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-edit-form li.hp-alert-event-property > label.hp-optional, form.hp-edit-form li.hp-alert-event-property > label.hp-help,
form.hp-edit-form li.hp-alert-event-property > label.hp-error, form.hp-edit-form li.hp-alert-event-property .hp-message-container, form.hp-edit-form .hp-alert-notes-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container > label.hp-help,
form.hp-edit-form .hp-alert-notes-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help,
form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-alert-event-property > label.hp-optional, form.hp-add-form li.hp-alert-event-property > label.hp-help,
form.hp-add-form li.hp-alert-event-property > label.hp-error, form.hp-add-form li.hp-alert-event-property .hp-message-container, form.hp-add-form .hp-alert-notes-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container > label.hp-help,
form.hp-add-form .hp-alert-notes-container > label.hp-error, form.hp-add-form .hp-alert-notes-container .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help,
ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help,
ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help,
.hp-alert-details li.hp-form-item .hp-form-content > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container, .hp-alert-details li.hp-alert-event-property > label.hp-optional, .hp-alert-details li.hp-alert-event-property > label.hp-help,
.hp-alert-details li.hp-alert-event-property > label.hp-error, .hp-alert-details li.hp-alert-event-property .hp-message-container, .hp-alert-details .hp-alert-notes-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container > label.hp-help,
.hp-alert-details .hp-alert-notes-container > label.hp-error, .hp-alert-details .hp-alert-notes-container .hp-message-container {
display: inline-block;
margin: 10px;
max-width: 350px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-edit-form li.hp-alert-event-property > label.hp-optional, form.hp-edit-form li.hp-alert-event-property > label.hp-error, form.hp-edit-form li.hp-alert-event-property .hp-message-container, form.hp-edit-form .hp-alert-notes-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-alert-event-property > label.hp-optional, form.hp-add-form li.hp-alert-event-property > label.hp-error, form.hp-add-form li.hp-alert-event-property .hp-message-container, form.hp-add-form .hp-alert-notes-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container > label.hp-error, form.hp-add-form .hp-alert-notes-container .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container, .hp-alert-details li.hp-alert-event-property > label.hp-optional, .hp-alert-details li.hp-alert-event-property > label.hp-error, .hp-alert-details li.hp-alert-event-property .hp-message-container, .hp-alert-details .hp-alert-notes-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container > label.hp-error, .hp-alert-details .hp-alert-notes-container .hp-message-container {
opacity: 1;
max-height: 24px;
line-height: 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition-property: max-height;
-moz-transition-property: max-height;
transition-property: max-height; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-edit-form li.hp-alert-event-property > label.hp-help, form.hp-edit-form .hp-alert-notes-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-add-form li.hp-alert-event-property > label.hp-help, form.hp-add-form .hp-alert-notes-container > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help, .hp-alert-details li.hp-alert-event-property > label.hp-help, .hp-alert-details .hp-alert-notes-container > label.hp-help {
opacity: 0;
max-height: 0;
overflow: hidden;
-webkit-transition-property: opacity, max-height;
-moz-transition-property: opacity, max-height;
transition-property: opacity, max-height;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-alert-event-property > label.hp-optional, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-add-form li.hp-alert-event-property > label.hp-optional, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, .hp-alert-details li.hp-alert-event-property > label.hp-optional, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-optional {
-webkit-transition-property: opacity, max-width, max-height, margin-left, margin-right, margin-top, margin-bottom;
-moz-transition-property: opacity, max-width, max-height, margin-left, margin-right, margin-top, margin-bottom;
transition-property: opacity, max-width, max-height, margin-left, margin-right, margin-top, margin-bottom;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.7s, 0s, 0s, 0s;
-moz-transition-duration: 0.7s, 0s, 0s, 0s;
transition-duration: 0.7s, 0s, 0s, 0s; }
form.hp-edit-form li.hp-form-item .hp-form-content td .hp-message-container, form.hp-edit-form li.hp-alert-event-property td .hp-message-container, form.hp-edit-form .hp-alert-notes-container td .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content td .hp-message-container, form.hp-add-form li.hp-alert-event-property td .hp-message-container, form.hp-add-form .hp-alert-notes-container td .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content td .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property td .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container td .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content td .hp-message-container, .hp-alert-details li.hp-alert-event-property td .hp-message-container, .hp-alert-details .hp-alert-notes-container td .hp-message-container {
margin-left: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-edit-form li.hp-alert-event-property > label.hp-help, form.hp-edit-form li.hp-alert-event-property > label.hp-error, form.hp-edit-form li.hp-alert-event-property > label.hp-optional, form.hp-edit-form li.hp-alert-event-property .hp-message-container, form.hp-edit-form .hp-alert-notes-container > label.hp-help, form.hp-edit-form .hp-alert-notes-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-alert-event-property > label.hp-help, form.hp-add-form li.hp-alert-event-property > label.hp-error, form.hp-add-form li.hp-alert-event-property > label.hp-optional, form.hp-add-form li.hp-alert-event-property .hp-message-container, form.hp-add-form .hp-alert-notes-container > label.hp-help, form.hp-add-form .hp-alert-notes-container > label.hp-error, form.hp-add-form .hp-alert-notes-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container, .hp-alert-details li.hp-alert-event-property > label.hp-help, .hp-alert-details li.hp-alert-event-property > label.hp-error, .hp-alert-details li.hp-alert-event-property > label.hp-optional, .hp-alert-details li.hp-alert-event-property .hp-message-container, .hp-alert-details .hp-alert-notes-container > label.hp-help, .hp-alert-details .hp-alert-notes-container > label.hp-error, .hp-alert-details .hp-alert-notes-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container .hp-message-container {
position: absolute;
margin: -10px 3px 3px 0;
padding: 20px 20px 17px;
background-color: transparent; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional:before, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:before, form.hp-edit-form li.hp-alert-event-property > label.hp-help:before, form.hp-edit-form li.hp-alert-event-property > label.hp-error:before, form.hp-edit-form li.hp-alert-event-property > label.hp-optional:before, form.hp-edit-form li.hp-alert-event-property .hp-message-container:before, form.hp-edit-form .hp-alert-notes-container > label.hp-help:before, form.hp-edit-form .hp-alert-notes-container > label.hp-error:before, form.hp-edit-form .hp-alert-notes-container > label.hp-optional:before, form.hp-edit-form .hp-alert-notes-container .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional:before, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:before, form.hp-add-form li.hp-alert-event-property > label.hp-help:before, form.hp-add-form li.hp-alert-event-property > label.hp-error:before, form.hp-add-form li.hp-alert-event-property > label.hp-optional:before, form.hp-add-form li.hp-alert-event-property .hp-message-container:before, form.hp-add-form .hp-alert-notes-container > label.hp-help:before, form.hp-add-form .hp-alert-notes-container > label.hp-error:before, form.hp-add-form .hp-alert-notes-container > label.hp-optional:before, form.hp-add-form .hp-alert-notes-container .hp-message-container:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container:before, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help:before, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error:before, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional:before, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container:before, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help:before, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error:before, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional:before, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container:before, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help:before, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error:before, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional:before, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container:before, .hp-alert-details li.hp-alert-event-property > label.hp-help:before, .hp-alert-details li.hp-alert-event-property > label.hp-error:before, .hp-alert-details li.hp-alert-event-property > label.hp-optional:before, .hp-alert-details li.hp-alert-event-property .hp-message-container:before, .hp-alert-details .hp-alert-notes-container > label.hp-help:before, .hp-alert-details .hp-alert-notes-container > label.hp-error:before, .hp-alert-details .hp-alert-notes-container > label.hp-optional:before, .hp-alert-details .hp-alert-notes-container .hp-message-container:before {
content: '';
opacity: 0;
position: absolute;
top: 0px;
left: 6px;
display: block;
width: 16px;
height: 100%;
border-left: 1px solid #bfbfbf;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional:after, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:after, form.hp-edit-form li.hp-alert-event-property > label.hp-help:after, form.hp-edit-form li.hp-alert-event-property > label.hp-error:after, form.hp-edit-form li.hp-alert-event-property > label.hp-optional:after, form.hp-edit-form li.hp-alert-event-property .hp-message-container:after, form.hp-edit-form .hp-alert-notes-container > label.hp-help:after, form.hp-edit-form .hp-alert-notes-container > label.hp-error:after, form.hp-edit-form .hp-alert-notes-container > label.hp-optional:after, form.hp-edit-form .hp-alert-notes-container .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional:after, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:after, form.hp-add-form li.hp-alert-event-property > label.hp-help:after, form.hp-add-form li.hp-alert-event-property > label.hp-error:after, form.hp-add-form li.hp-alert-event-property > label.hp-optional:after, form.hp-add-form li.hp-alert-event-property .hp-message-container:after, form.hp-add-form .hp-alert-notes-container > label.hp-help:after, form.hp-add-form .hp-alert-notes-container > label.hp-error:after, form.hp-add-form .hp-alert-notes-container > label.hp-optional:after, form.hp-add-form .hp-alert-notes-container .hp-message-container:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container:after, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help:after, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error:after, ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional:after, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container:after, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help:after, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error:after, ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional:after, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container:after, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help:after, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error:after, .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional:after, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container:after, .hp-alert-details li.hp-alert-event-property > label.hp-help:after, .hp-alert-details li.hp-alert-event-property > label.hp-error:after, .hp-alert-details li.hp-alert-event-property > label.hp-optional:after, .hp-alert-details li.hp-alert-event-property .hp-message-container:after, .hp-alert-details .hp-alert-notes-container > label.hp-help:after, .hp-alert-details .hp-alert-notes-container > label.hp-error:after, .hp-alert-details .hp-alert-notes-container > label.hp-optional:after, .hp-alert-details .hp-alert-notes-container .hp-message-container:after {
content: '';
opacity: 0;
position: absolute;
top: 24px;
left: 0px;
display: block;
width: 7px;
height: 13px;
background-image: url(data:image/gif;base64,R0lGODlhBwANAJEDAL+/v+fn5////////yH5BAEAAAMALAAAAAAHAA0AAAIYnB1wk3EtEAgiwnrrrDzbXUlUJJLiwgAFADs=);
background-repeat: no-repeat;
z-index: 10;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container.hp-empty, form.hp-edit-form li.hp-alert-event-property .hp-message-container.hp-empty, form.hp-edit-form .hp-alert-notes-container .hp-message-container.hp-empty, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container.hp-empty, form.hp-add-form li.hp-alert-event-property .hp-message-container.hp-empty, form.hp-add-form .hp-alert-notes-container .hp-message-container.hp-empty, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container.hp-empty, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container.hp-empty, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container.hp-empty, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container.hp-empty, .hp-alert-details li.hp-alert-event-property .hp-message-container.hp-empty, .hp-alert-details .hp-alert-notes-container .hp-message-container.hp-empty {
display: none; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-important, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-error, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-help, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-important, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-help, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-important, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-error, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-help, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-optional, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-important, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-error, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-help, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-important, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-important, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-important, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-important, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-important, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-error, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-help, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-optional, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-important, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-error, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-help, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-important {
display: block;
margin-bottom: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container .hp-help, form.hp-edit-form li.hp-alert-event-property .hp-message-container .hp-help, form.hp-edit-form .hp-alert-notes-container .hp-message-container .hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container .hp-help, form.hp-add-form li.hp-alert-event-property .hp-message-container .hp-help, form.hp-add-form .hp-alert-notes-container .hp-message-container .hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container .hp-help, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container .hp-help, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container .hp-help, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container .hp-help, .hp-alert-details li.hp-alert-event-property .hp-message-container .hp-help, .hp-alert-details .hp-alert-notes-container .hp-message-container .hp-help {
opacity: 0;
display: block;
position: relative;
text-overflow: clip;
white-space: normal;
overflow: visible;
margin: 0px;
padding: 0px 20px 0px 0px;
max-height: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container .hp-help:last-child, form.hp-edit-form li.hp-alert-event-property .hp-message-container .hp-help:last-child, form.hp-edit-form .hp-alert-notes-container .hp-message-container .hp-help:last-child, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container .hp-help:last-child, form.hp-add-form li.hp-alert-event-property .hp-message-container .hp-help:last-child, form.hp-add-form .hp-alert-notes-container .hp-message-container .hp-help:last-child, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container .hp-help:last-child, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container .hp-help:last-child, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container .hp-help:last-child, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container .hp-help:last-child, .hp-alert-details li.hp-alert-event-property .hp-message-container .hp-help:last-child, .hp-alert-details .hp-alert-notes-container .hp-message-container .hp-help:last-child {
margin-bottom: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-error, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-error, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-error, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-error {
opacity: 1;
max-height: 24px;
line-height: 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition-property: max-height;
-moz-transition-property: max-height;
transition-property: max-height; }
form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-edit-form li.hp-alert-event-property .hp-message-container > label.hp-help, form.hp-edit-form .hp-alert-notes-container .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, form.hp-add-form li.hp-alert-event-property .hp-message-container > label.hp-help, form.hp-add-form .hp-alert-notes-container .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container > label.hp-help, .hp-alert-details li.hp-alert-event-property .hp-message-container > label.hp-help, .hp-alert-details .hp-alert-notes-container .hp-message-container > label.hp-help {
opacity: 0;
max-height: 0;
overflow: hidden;
-webkit-transition-property: opacity, max-height;
-moz-transition-property: opacity, max-height;
transition-property: opacity, max-height;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content label.hp-important, form.hp-edit-form li.hp-alert-event-property label.hp-important, form.hp-edit-form .hp-alert-notes-container label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content label.hp-important, form.hp-add-form li.hp-alert-event-property label.hp-important, form.hp-add-form .hp-alert-notes-container label.hp-important, ol.hp-alert-event-properties li.hp-form-item .hp-form-content label.hp-important, ol.hp-alert-event-properties li.hp-alert-event-property label.hp-important, ol.hp-alert-event-properties .hp-alert-notes-container label.hp-important, .hp-alert-details li.hp-form-item .hp-form-content label.hp-important, .hp-alert-details li.hp-alert-event-property label.hp-important, .hp-alert-details .hp-alert-notes-container label.hp-important {
background-color: #ffD042;
color: #333;
padding: 8px 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-important, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container,
form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-important, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container,
form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-important, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-optional, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-error, form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container,
form.hp-edit-form li.hp-alert-event-property:hover > label.hp-important, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container,
form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-important, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-optional, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-error, form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container,
form.hp-edit-form .hp-alert-notes-container:hover > label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container,
form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-important, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container,
form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-important, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container,
form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-important, form.hp-add-form li.hp-alert-event-property:hover > label.hp-optional, form.hp-add-form li.hp-alert-event-property:hover > label.hp-error, form.hp-add-form li.hp-alert-event-property:hover .hp-message-container,
form.hp-add-form li.hp-alert-event-property:hover > label.hp-important, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container,
form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-important, form.hp-add-form .hp-alert-notes-container:hover > label.hp-optional, form.hp-add-form .hp-alert-notes-container:hover > label.hp-error, form.hp-add-form .hp-alert-notes-container:hover .hp-message-container,
form.hp-add-form .hp-alert-notes-container:hover > label.hp-important, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-important, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-important, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container,
ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-important, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container,
ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-important, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container,
ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-important, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container,
ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-important, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container,
.hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-important, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container,
.hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-important, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container,
.hp-alert-details li.hp-alert-event-property.hp-active > label.hp-important, .hp-alert-details li.hp-alert-event-property:hover > label.hp-optional, .hp-alert-details li.hp-alert-event-property:hover > label.hp-error, .hp-alert-details li.hp-alert-event-property:hover .hp-message-container,
.hp-alert-details li.hp-alert-event-property:hover > label.hp-important, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container,
.hp-alert-details .hp-alert-notes-container.hp-active > label.hp-important, .hp-alert-details .hp-alert-notes-container:hover > label.hp-optional, .hp-alert-details .hp-alert-notes-container:hover > label.hp-error, .hp-alert-details .hp-alert-notes-container:hover .hp-message-container,
.hp-alert-details .hp-alert-notes-container:hover > label.hp-important {
max-height: 300px;
white-space: normal;
text-overflow: clip; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-help, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-error, form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-help, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-error, form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container, form.hp-add-form li.hp-alert-event-property:hover > label.hp-help, form.hp-add-form li.hp-alert-event-property:hover > label.hp-error, form.hp-add-form li.hp-alert-event-property:hover .hp-message-container, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container, form.hp-add-form .hp-alert-notes-container:hover > label.hp-help, form.hp-add-form .hp-alert-notes-container:hover > label.hp-error, form.hp-add-form .hp-alert-notes-container:hover .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container, .hp-alert-details li.hp-alert-event-property:hover > label.hp-help, .hp-alert-details li.hp-alert-event-property:hover > label.hp-error, .hp-alert-details li.hp-alert-event-property:hover .hp-message-container, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container, .hp-alert-details .hp-alert-notes-container:hover > label.hp-help, .hp-alert-details .hp-alert-notes-container:hover > label.hp-error, .hp-alert-details .hp-alert-notes-container:hover .hp-message-container {
z-index: 2995;
background-color: rgba(255, 255, 255, 0.85); }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-help:before, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-help:after, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-error:before, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-error:after, form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container:before, form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container:after, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-help:before, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-help:after, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-error:before, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-error:after, form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container:before, form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container:after, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-help:before, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-help:after, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-error:before, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-error:after, form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container:before, form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container:after, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-help:before, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-help:after, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-error:before, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-error:after, form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container:before, form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-help:before, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-help:after, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-error:before, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-error:after, form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container:before, form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container:after, form.hp-add-form li.hp-alert-event-property:hover > label.hp-help:before, form.hp-add-form li.hp-alert-event-property:hover > label.hp-help:after, form.hp-add-form li.hp-alert-event-property:hover > label.hp-error:before, form.hp-add-form li.hp-alert-event-property:hover > label.hp-error:after, form.hp-add-form li.hp-alert-event-property:hover .hp-message-container:before, form.hp-add-form li.hp-alert-event-property:hover .hp-message-container:after, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-help:before, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-help:after, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-error:before, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-error:after, form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container:before, form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container:after, form.hp-add-form .hp-alert-notes-container:hover > label.hp-help:before, form.hp-add-form .hp-alert-notes-container:hover > label.hp-help:after, form.hp-add-form .hp-alert-notes-container:hover > label.hp-error:before, form.hp-add-form .hp-alert-notes-container:hover > label.hp-error:after, form.hp-add-form .hp-alert-notes-container:hover .hp-message-container:before, form.hp-add-form .hp-alert-notes-container:hover .hp-message-container:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-help:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-help:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-error:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-error:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-help:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-help:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-error:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-error:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container:after, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-help:before, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-help:after, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-error:before, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-error:after, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container:before, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container:after, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-help:before, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-help:after, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-error:before, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-error:after, ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container:before, ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container:after, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-help:before, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-help:after, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-error:before, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-error:after, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container:before, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container:after, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-help:before, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-help:after, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-error:before, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-error:after, ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container:before, ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container:after, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-help:before, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-help:after, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-error:before, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-error:after, .hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, .hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-help:before, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-help:after, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-error:before, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-error:after, .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container:before, .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container:after, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-help:before, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-help:after, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-error:before, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-error:after, .hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container:before, .hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container:after, .hp-alert-details li.hp-alert-event-property:hover > label.hp-help:before, .hp-alert-details li.hp-alert-event-property:hover > label.hp-help:after, .hp-alert-details li.hp-alert-event-property:hover > label.hp-error:before, .hp-alert-details li.hp-alert-event-property:hover > label.hp-error:after, .hp-alert-details li.hp-alert-event-property:hover .hp-message-container:before, .hp-alert-details li.hp-alert-event-property:hover .hp-message-container:after, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-help:before, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-help:after, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-error:before, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-error:after, .hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container:before, .hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container:after, .hp-alert-details .hp-alert-notes-container:hover > label.hp-help:before, .hp-alert-details .hp-alert-notes-container:hover > label.hp-help:after, .hp-alert-details .hp-alert-notes-container:hover > label.hp-error:before, .hp-alert-details .hp-alert-notes-container:hover > label.hp-error:after, .hp-alert-details .hp-alert-notes-container:hover .hp-message-container:before, .hp-alert-details .hp-alert-notes-container:hover .hp-message-container:after {
content: '';
opacity: 1;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
transition-delay: 0.7s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-help, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-help, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-help, form.hp-add-form li.hp-alert-event-property:hover > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-help, form.hp-add-form .hp-alert-notes-container:hover > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-help, .hp-alert-details li.hp-alert-event-property:hover > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-help, .hp-alert-details .hp-alert-notes-container:hover > label.hp-help {
opacity: 1;
max-height: 300px;
overflow: visible;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
transition-delay: 0.7s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container label.hp-help, form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container label.hp-help, form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container label.hp-help, form.hp-add-form li.hp-alert-event-property:hover .hp-message-container label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container label.hp-help, form.hp-add-form .hp-alert-notes-container:hover .hp-message-container label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container label.hp-help, .hp-alert-details li.hp-alert-event-property:hover .hp-message-container label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container label.hp-help, .hp-alert-details .hp-alert-notes-container:hover .hp-message-container label.hp-help {
opacity: 1;
max-height: 300px;
overflow: visible;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
transition-delay: 0.7s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-optional.hp-has-help,
form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-optional.hp-has-help,
form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container > label.hp-optional.hp-has-help, form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-optional.hp-has-help,
form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-optional.hp-has-help,
form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-optional.hp-has-help,
form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-alert-event-property:hover > label.hp-optional.hp-has-help,
form.hp-add-form li.hp-alert-event-property:hover .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-optional.hp-has-help,
form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container > label.hp-optional.hp-has-help, form.hp-add-form .hp-alert-notes-container:hover > label.hp-optional.hp-has-help,
form.hp-add-form .hp-alert-notes-container:hover .hp-message-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-optional.hp-has-help,
ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-optional.hp-has-help,
ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-optional.hp-has-help,
ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-optional.hp-has-help,
ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container > label.hp-optional.hp-has-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
.hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
.hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-optional.hp-has-help,
.hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container > label.hp-optional.hp-has-help, .hp-alert-details li.hp-alert-event-property:hover > label.hp-optional.hp-has-help,
.hp-alert-details li.hp-alert-event-property:hover .hp-message-container > label.hp-optional.hp-has-help, .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-optional.hp-has-help,
.hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container > label.hp-optional.hp-has-help, .hp-alert-details .hp-alert-notes-container:hover > label.hp-optional.hp-has-help,
.hp-alert-details .hp-alert-notes-container:hover .hp-message-container > label.hp-optional.hp-has-help {
opacity: 0;
max-height: 0px;
max-width: 0px;
margin: 0px;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s; }
form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-help, form.hp-edit-form li.hp-alert-event-property:hover > label.hp-error, form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-help, form.hp-edit-form .hp-alert-notes-container:hover > label.hp-error, form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-add-form li.hp-alert-event-property:hover > label.hp-help, form.hp-add-form li.hp-alert-event-property:hover > label.hp-error, form.hp-add-form li.hp-alert-event-property:hover .hp-message-container, form.hp-add-form .hp-alert-notes-container:hover > label.hp-help, form.hp-add-form .hp-alert-notes-container:hover > label.hp-error, form.hp-add-form .hp-alert-notes-container:hover .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container, .hp-alert-details li.hp-alert-event-property:hover > label.hp-help, .hp-alert-details li.hp-alert-event-property:hover > label.hp-error, .hp-alert-details li.hp-alert-event-property:hover .hp-message-container, .hp-alert-details .hp-alert-notes-container:hover > label.hp-help, .hp-alert-details .hp-alert-notes-container:hover > label.hp-error, .hp-alert-details .hp-alert-notes-container:hover .hp-message-container {
z-index: 3000; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-has-error > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-has-error > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-has-error > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-has-error > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-has-error > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-has-error > label.hp-help {
opacity: 0;
max-height: 0px;
max-width: 0px;
margin: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-has-error label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-has-error label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-has-error label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-has-error label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-has-error label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-has-error label.hp-optional {
opacity: 0;
max-height: 0px;
max-width: 0px;
margin: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-error {
max-height: 300px;
white-space: normal;
text-overflow: clip; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-help {
opacity: 1;
max-height: 300px;
overflow: visible;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
transition-delay: 0.7s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error.hp-active .hp-message-container > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error:hover .hp-message-container > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-has-error.hp-active .hp-message-container > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-has-error:hover .hp-message-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-has-error.hp-active .hp-message-container > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-has-error:hover .hp-message-container > label.hp-optional {
opacity: 0;
max-height: 0px;
max-width: 0px;
margin: 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide p, form.hp-edit-form li.hp-alert-event-property.hp-wide p, form.hp-edit-form .hp-alert-notes-container.hp-wide p, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide p, form.hp-add-form li.hp-alert-event-property.hp-wide p, form.hp-add-form .hp-alert-notes-container.hp-wide p, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide p, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide p, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide p, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide p, .hp-alert-details li.hp-alert-event-property.hp-wide p, .hp-alert-details .hp-alert-notes-container.hp-wide p {
max-width: 600px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide-control > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide-control > label.hp-help,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide-control > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide-control .hp-message-container, form.hp-edit-form li.hp-alert-event-property.hp-wide-control > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-wide-control > label.hp-help,
form.hp-edit-form li.hp-alert-event-property.hp-wide-control > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-wide-control .hp-message-container, form.hp-edit-form .hp-alert-notes-container.hp-wide-control > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-wide-control > label.hp-help,
form.hp-edit-form .hp-alert-notes-container.hp-wide-control > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-wide-control .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide-control > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide-control > label.hp-help,
form.hp-add-form li.hp-form-item .hp-form-content.hp-wide-control > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide-control .hp-message-container, form.hp-add-form li.hp-alert-event-property.hp-wide-control > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-wide-control > label.hp-help,
form.hp-add-form li.hp-alert-event-property.hp-wide-control > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-wide-control .hp-message-container, form.hp-add-form .hp-alert-notes-container.hp-wide-control > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-wide-control > label.hp-help,
form.hp-add-form .hp-alert-notes-container.hp-wide-control > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-wide-control .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide-control > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide-control > label.hp-help,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide-control > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide-control .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide-control > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide-control > label.hp-help,
ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide-control > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide-control .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide-control > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide-control > label.hp-help,
ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide-control > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide-control .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide-control > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide-control > label.hp-help,
.hp-alert-details li.hp-form-item .hp-form-content.hp-wide-control > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide-control .hp-message-container, .hp-alert-details li.hp-alert-event-property.hp-wide-control > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-wide-control > label.hp-help,
.hp-alert-details li.hp-alert-event-property.hp-wide-control > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-wide-control .hp-message-container, .hp-alert-details .hp-alert-notes-container.hp-wide-control > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-wide-control > label.hp-help,
.hp-alert-details .hp-alert-notes-container.hp-wide-control > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-wide-control .hp-message-container {
max-width: 290px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide textarea, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content textarea, form.hp-edit-form li.hp-alert-event-property.hp-wide textarea, body.hp-narrow form.hp-edit-form li.hp-alert-event-property textarea, form.hp-edit-form .hp-alert-notes-container.hp-wide textarea, body.hp-narrow form.hp-edit-form .hp-alert-notes-container textarea, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide textarea, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content textarea, form.hp-add-form li.hp-alert-event-property.hp-wide textarea, body.hp-narrow form.hp-add-form li.hp-alert-event-property textarea, form.hp-add-form .hp-alert-notes-container.hp-wide textarea, body.hp-narrow form.hp-add-form .hp-alert-notes-container textarea, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide textarea, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content textarea, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide textarea, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property textarea, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide textarea, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container textarea, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide textarea, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content textarea, .hp-alert-details li.hp-alert-event-property.hp-wide textarea, body.hp-narrow .hp-alert-details li.hp-alert-event-property textarea, .hp-alert-details .hp-alert-notes-container.hp-wide textarea, body.hp-narrow .hp-alert-details .hp-alert-notes-container textarea {
display: block; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-fullwidth label.hp-error:last-child, form.hp-edit-form li.hp-alert-event-property.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow form.hp-edit-form li.hp-alert-event-property .hp-fullwidth label.hp-error:last-child, form.hp-edit-form .hp-alert-notes-container.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow form.hp-edit-form .hp-alert-notes-container .hp-fullwidth label.hp-error:last-child, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-fullwidth label.hp-error:last-child, form.hp-add-form li.hp-alert-event-property.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow form.hp-add-form li.hp-alert-event-property .hp-fullwidth label.hp-error:last-child, form.hp-add-form .hp-alert-notes-container.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow form.hp-add-form .hp-alert-notes-container .hp-fullwidth label.hp-error:last-child, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-fullwidth label.hp-error:last-child, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property .hp-fullwidth label.hp-error:last-child, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container .hp-fullwidth label.hp-error:last-child, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content .hp-fullwidth label.hp-error:last-child, .hp-alert-details li.hp-alert-event-property.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow .hp-alert-details li.hp-alert-event-property .hp-fullwidth label.hp-error:last-child, .hp-alert-details .hp-alert-notes-container.hp-wide .hp-fullwidth label.hp-error:last-child, body.hp-narrow .hp-alert-details .hp-alert-notes-container .hp-fullwidth label.hp-error:last-child {
margin-bottom: 20px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-important,
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-important,
body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-important,
form.hp-edit-form li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-important,
body.hp-narrow form.hp-edit-form li.hp-alert-event-property .hp-message-container, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-important,
form.hp-edit-form .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-error, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-optional, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-important,
body.hp-narrow form.hp-edit-form .hp-alert-notes-container .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-important,
form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-important,
body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-important,
form.hp-add-form li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-error, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-important,
body.hp-narrow form.hp-add-form li.hp-alert-event-property .hp-message-container, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-important,
form.hp-add-form .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-error, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-optional, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-important,
body.hp-narrow form.hp-add-form .hp-alert-notes-container .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-important,
ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-important,
body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-important,
ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-important,
body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-important,
ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-important,
body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-important,
.hp-alert-details li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-important,
body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-important,
.hp-alert-details li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-error, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-important,
body.hp-narrow .hp-alert-details li.hp-alert-event-property .hp-message-container, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-important,
.hp-alert-details .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-error, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-optional, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-important,
body.hp-narrow .hp-alert-details .hp-alert-notes-container .hp-message-container {
display: block;
opacity: 1;
max-height: 24px;
line-height: 17px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition-property: max-height;
-moz-transition-property: max-height;
transition-property: max-height; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-help, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-help, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-help, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-help, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-help, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-help, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-help, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-help {
display: block;
opacity: 0;
max-height: 0;
overflow: hidden;
-webkit-transition-property: opacity, max-height;
-moz-transition-property: opacity, max-height;
transition-property: opacity, max-height;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-optional.hp-has-help, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-optional.hp-has-help, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-optional.hp-has-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-optional.hp-has-help, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-optional.hp-has-help, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-optional.hp-has-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-optional.hp-has-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-optional.hp-has-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-optional.hp-has-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-optional.hp-has-help, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-optional.hp-has-help, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-optional.hp-has-help, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-optional.hp-has-help {
opacity: 1;
max-height: 300px;
max-width: 100px;
margin: 10px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-alert-event-property .hp-message-container, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-help, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-error, body.hp-narrow form.hp-edit-form .hp-alert-notes-container .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-help, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-error, body.hp-narrow form.hp-add-form li.hp-alert-event-property .hp-message-container, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-help, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-error, body.hp-narrow form.hp-add-form .hp-alert-notes-container .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide .hp-message-container, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-wide .hp-message-container, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-help, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-error, body.hp-narrow .hp-alert-details li.hp-alert-event-property .hp-message-container, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-wide .hp-message-container, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-help, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-error, body.hp-narrow .hp-alert-details .hp-alert-notes-container .hp-message-container {
position: relative;
padding: 0px;
border: none;
border-radius: 0px;
margin: 5px 10px 0px 0px; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:after, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:before, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:after, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:before, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-help:after, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:before, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content > label.hp-error:after, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:before, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:after, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-help:before, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-help:after, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-error:before, form.hp-edit-form li.hp-alert-event-property.hp-wide > label.hp-error:after, form.hp-edit-form li.hp-alert-event-property.hp-wide .hp-message-container:before, form.hp-edit-form li.hp-alert-event-property.hp-wide .hp-message-container:after, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-help:before, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-help:after, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-error:before, body.hp-narrow form.hp-edit-form li.hp-alert-event-property > label.hp-error:after, body.hp-narrow form.hp-edit-form li.hp-alert-event-property .hp-message-container:before, body.hp-narrow form.hp-edit-form li.hp-alert-event-property .hp-message-container:after, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-help:before, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-help:after, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-error:before, form.hp-edit-form .hp-alert-notes-container.hp-wide > label.hp-error:after, form.hp-edit-form .hp-alert-notes-container.hp-wide .hp-message-container:before, form.hp-edit-form .hp-alert-notes-container.hp-wide .hp-message-container:after, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-help:before, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-help:after, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-error:before, body.hp-narrow form.hp-edit-form .hp-alert-notes-container > label.hp-error:after, body.hp-narrow form.hp-edit-form .hp-alert-notes-container .hp-message-container:before, body.hp-narrow form.hp-edit-form .hp-alert-notes-container .hp-message-container:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-help:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide > label.hp-error:after, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:before, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container:after, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:before, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-help:after, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:before, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content > label.hp-error:after, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:before, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:after, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-help:before, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-help:after, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-error:before, form.hp-add-form li.hp-alert-event-property.hp-wide > label.hp-error:after, form.hp-add-form li.hp-alert-event-property.hp-wide .hp-message-container:before, form.hp-add-form li.hp-alert-event-property.hp-wide .hp-message-container:after, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-help:before, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-help:after, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-error:before, body.hp-narrow form.hp-add-form li.hp-alert-event-property > label.hp-error:after, body.hp-narrow form.hp-add-form li.hp-alert-event-property .hp-message-container:before, body.hp-narrow form.hp-add-form li.hp-alert-event-property .hp-message-container:after, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-help:before, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-help:after, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-error:before, form.hp-add-form .hp-alert-notes-container.hp-wide > label.hp-error:after, form.hp-add-form .hp-alert-notes-container.hp-wide .hp-message-container:before, form.hp-add-form .hp-alert-notes-container.hp-wide .hp-message-container:after, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-help:before, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-help:after, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-error:before, body.hp-narrow form.hp-add-form .hp-alert-notes-container > label.hp-error:after, body.hp-narrow form.hp-add-form .hp-alert-notes-container .hp-message-container:before, body.hp-narrow form.hp-add-form .hp-alert-notes-container .hp-message-container:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-help:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-help:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-error:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide > label.hp-error:after, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide .hp-message-container:before, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide .hp-message-container:after, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help:before, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-help:after, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error:before, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content > label.hp-error:after, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container:before, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container:after, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-help:before, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-help:after, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-error:before, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide > label.hp-error:after, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide .hp-message-container:before, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide .hp-message-container:after, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help:before, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-help:after, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error:before, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property > label.hp-error:after, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container:before, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container:after, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-help:before, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-help:after, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-error:before, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide > label.hp-error:after, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide .hp-message-container:before, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide .hp-message-container:after, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help:before, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-help:after, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error:before, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container > label.hp-error:after, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container:before, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container:after, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-help:before, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-help:after, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-error:before, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide > label.hp-error:after, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide .hp-message-container:before, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide .hp-message-container:after, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help:before, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-help:after, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error:before, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content > label.hp-error:after, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container:before, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container:after, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-help:before, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-help:after, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-error:before, .hp-alert-details li.hp-alert-event-property.hp-wide > label.hp-error:after, .hp-alert-details li.hp-alert-event-property.hp-wide .hp-message-container:before, .hp-alert-details li.hp-alert-event-property.hp-wide .hp-message-container:after, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-help:before, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-help:after, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-error:before, body.hp-narrow .hp-alert-details li.hp-alert-event-property > label.hp-error:after, body.hp-narrow .hp-alert-details li.hp-alert-event-property .hp-message-container:before, body.hp-narrow .hp-alert-details li.hp-alert-event-property .hp-message-container:after, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-help:before, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-help:after, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-error:before, .hp-alert-details .hp-alert-notes-container.hp-wide > label.hp-error:after, .hp-alert-details .hp-alert-notes-container.hp-wide .hp-message-container:before, .hp-alert-details .hp-alert-notes-container.hp-wide .hp-message-container:after, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-help:before, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-help:after, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-error:before, body.hp-narrow .hp-alert-details .hp-alert-notes-container > label.hp-error:after, body.hp-narrow .hp-alert-details .hp-alert-notes-container .hp-message-container:before, body.hp-narrow .hp-alert-details .hp-alert-notes-container .hp-message-container:after {
content: '';
display: none; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active .hp-message-container, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-error, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-edit-form li.hp-alert-event-property.hp-wide.hp-active > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-wide.hp-active > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-wide.hp-active .hp-message-container, form.hp-edit-form li.hp-alert-event-property.hp-wide:hover > label.hp-error, form.hp-edit-form li.hp-alert-event-property.hp-wide:hover > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-alert-event-property.hp-active .hp-message-container, body.hp-narrow form.hp-edit-form li.hp-alert-event-property:hover > label.hp-error, body.hp-narrow form.hp-edit-form li.hp-alert-event-property:hover > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-alert-event-property:hover .hp-message-container, form.hp-edit-form .hp-alert-notes-container.hp-wide.hp-active > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-wide.hp-active > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-wide.hp-active .hp-message-container, form.hp-edit-form .hp-alert-notes-container.hp-wide:hover > label.hp-error, form.hp-edit-form .hp-alert-notes-container.hp-wide:hover > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-error, body.hp-narrow form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-optional, body.hp-narrow form.hp-edit-form .hp-alert-notes-container.hp-active .hp-message-container, body.hp-narrow form.hp-edit-form .hp-alert-notes-container:hover > label.hp-error, body.hp-narrow form.hp-edit-form .hp-alert-notes-container:hover > label.hp-optional, body.hp-narrow form.hp-edit-form .hp-alert-notes-container:hover .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active .hp-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-error, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-error, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container, form.hp-add-form li.hp-alert-event-property.hp-wide.hp-active > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-wide.hp-active > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-wide.hp-active .hp-message-container, form.hp-add-form li.hp-alert-event-property.hp-wide:hover > label.hp-error, form.hp-add-form li.hp-alert-event-property.hp-wide:hover > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-error, body.hp-narrow form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-alert-event-property.hp-active .hp-message-container, body.hp-narrow form.hp-add-form li.hp-alert-event-property:hover > label.hp-error, body.hp-narrow form.hp-add-form li.hp-alert-event-property:hover > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-alert-event-property:hover .hp-message-container, form.hp-add-form .hp-alert-notes-container.hp-wide.hp-active > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-wide.hp-active > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-wide.hp-active .hp-message-container, form.hp-add-form .hp-alert-notes-container.hp-wide:hover > label.hp-error, form.hp-add-form .hp-alert-notes-container.hp-wide:hover > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-wide:hover .hp-message-container, body.hp-narrow form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-error, body.hp-narrow form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-optional, body.hp-narrow form.hp-add-form .hp-alert-notes-container.hp-active .hp-message-container, body.hp-narrow form.hp-add-form .hp-alert-notes-container:hover > label.hp-error, body.hp-narrow form.hp-add-form .hp-alert-notes-container:hover > label.hp-optional, body.hp-narrow form.hp-add-form .hp-alert-notes-container:hover .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide.hp-active .hp-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-error, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide:hover .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide.hp-active > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide.hp-active > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide.hp-active .hp-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide:hover > label.hp-error, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide:hover > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide:hover .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property.hp-active .hp-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-error, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property:hover .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide.hp-active > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide.hp-active > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide.hp-active .hp-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide:hover > label.hp-error, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide:hover > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide:hover .hp-message-container, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-error, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container.hp-active .hp-message-container, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-error, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container:hover .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide.hp-active .hp-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-error, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide:hover .hp-message-container, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-error, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content.hp-active .hp-message-container, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-error, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content:hover .hp-message-container, .hp-alert-details li.hp-alert-event-property.hp-wide.hp-active > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-wide.hp-active > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-wide.hp-active .hp-message-container, .hp-alert-details li.hp-alert-event-property.hp-wide:hover > label.hp-error, .hp-alert-details li.hp-alert-event-property.hp-wide:hover > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-wide:hover .hp-message-container, body.hp-narrow .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-error, body.hp-narrow .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-alert-event-property.hp-active .hp-message-container, body.hp-narrow .hp-alert-details li.hp-alert-event-property:hover > label.hp-error, body.hp-narrow .hp-alert-details li.hp-alert-event-property:hover > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-alert-event-property:hover .hp-message-container, .hp-alert-details .hp-alert-notes-container.hp-wide.hp-active > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-wide.hp-active > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-wide.hp-active .hp-message-container, .hp-alert-details .hp-alert-notes-container.hp-wide:hover > label.hp-error, .hp-alert-details .hp-alert-notes-container.hp-wide:hover > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-wide:hover .hp-message-container, body.hp-narrow .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-error, body.hp-narrow .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-optional, body.hp-narrow .hp-alert-details .hp-alert-notes-container.hp-active .hp-message-container, body.hp-narrow .hp-alert-details .hp-alert-notes-container:hover > label.hp-error, body.hp-narrow .hp-alert-details .hp-alert-notes-container:hover > label.hp-optional, body.hp-narrow .hp-alert-details .hp-alert-notes-container:hover .hp-message-container {
max-height: 300px;
white-space: normal;
text-overflow: clip; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-help, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-wide.hp-active > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-alert-event-property.hp-active > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-alert-event-property:hover > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-wide.hp-active > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-edit-form .hp-alert-notes-container.hp-active > label.hp-help, body.hp-narrow form.hp-edit-form .hp-alert-notes-container:hover > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-wide.hp-active > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-add-form li.hp-alert-event-property.hp-active > label.hp-help, body.hp-narrow form.hp-add-form li.hp-alert-event-property:hover > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-wide.hp-active > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-wide:hover > label.hp-help, body.hp-narrow form.hp-add-form .hp-alert-notes-container.hp-active > label.hp-help, body.hp-narrow form.hp-add-form .hp-alert-notes-container:hover > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-active > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content:hover > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide.hp-active > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide:hover > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property.hp-active > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property:hover > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide.hp-active > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide:hover > label.hp-help, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container.hp-active > label.hp-help, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container:hover > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide.hp-active > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide:hover > label.hp-help, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content.hp-active > label.hp-help, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content:hover > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-wide.hp-active > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-wide:hover > label.hp-help, body.hp-narrow .hp-alert-details li.hp-alert-event-property.hp-active > label.hp-help, body.hp-narrow .hp-alert-details li.hp-alert-event-property:hover > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-wide.hp-active > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-wide:hover > label.hp-help, body.hp-narrow .hp-alert-details .hp-alert-notes-container.hp-active > label.hp-help, body.hp-narrow .hp-alert-details .hp-alert-notes-container:hover > label.hp-help {
max-width: 400px;
opacity: 1;
max-height: 300px;
overflow: visible;
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
transition-delay: 0.7s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container.hp-last-message-container, form.hp-edit-form li.hp-alert-event-property.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow form.hp-edit-form li.hp-alert-event-property .hp-message-container.hp-last-message-container, form.hp-edit-form .hp-alert-notes-container.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow form.hp-edit-form .hp-alert-notes-container .hp-message-container.hp-last-message-container, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container.hp-last-message-container, form.hp-add-form li.hp-alert-event-property.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow form.hp-add-form li.hp-alert-event-property .hp-message-container.hp-last-message-container, form.hp-add-form .hp-alert-notes-container.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow form.hp-add-form .hp-alert-notes-container .hp-message-container.hp-last-message-container, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content .hp-message-container.hp-last-message-container, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container.hp-last-message-container, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container .hp-message-container.hp-last-message-container, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content .hp-message-container.hp-last-message-container, .hp-alert-details li.hp-alert-event-property.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow .hp-alert-details li.hp-alert-event-property .hp-message-container.hp-last-message-container, .hp-alert-details .hp-alert-notes-container.hp-wide .hp-message-container.hp-last-message-container, body.hp-narrow .hp-alert-details .hp-alert-notes-container .hp-message-container.hp-last-message-container {
position: absolute; }
form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-optional, form.hp-edit-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, form.hp-edit-form li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-optional, form.hp-edit-form li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-edit-form li.hp-alert-event-property.hp-has-error > label.hp-optional, body.hp-narrow form.hp-edit-form li.hp-alert-event-property.hp-has-error > label.hp-help, form.hp-edit-form .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-optional, form.hp-edit-form .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-edit-form .hp-alert-notes-container.hp-has-error > label.hp-optional, body.hp-narrow form.hp-edit-form .hp-alert-notes-container.hp-has-error > label.hp-help, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-optional, form.hp-add-form li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, form.hp-add-form li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-optional, form.hp-add-form li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-add-form li.hp-alert-event-property.hp-has-error > label.hp-optional, body.hp-narrow form.hp-add-form li.hp-alert-event-property.hp-has-error > label.hp-help, form.hp-add-form .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-optional, form.hp-add-form .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-help, body.hp-narrow form.hp-add-form .hp-alert-notes-container.hp-has-error > label.hp-optional, body.hp-narrow form.hp-add-form .hp-alert-notes-container.hp-has-error > label.hp-help, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-optional, ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-optional, ol.hp-alert-event-properties li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-help, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties li.hp-alert-event-property.hp-has-error > label.hp-help, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-optional, ol.hp-alert-event-properties .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-help, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error > label.hp-optional, body.hp-narrow ol.hp-alert-event-properties .hp-alert-notes-container.hp-has-error > label.hp-help, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-optional, .hp-alert-details li.hp-form-item .hp-form-content.hp-wide.hp-has-error > label.hp-help, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-form-item .hp-form-content.hp-has-error > label.hp-help, .hp-alert-details li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-optional, .hp-alert-details li.hp-alert-event-property.hp-wide.hp-has-error > label.hp-help, body.hp-narrow .hp-alert-details li.hp-alert-event-property.hp-has-error > label.hp-optional, body.hp-narrow .hp-alert-details li.hp-alert-event-property.hp-has-error > label.hp-help, .hp-alert-details .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-optional, .hp-alert-details .hp-alert-notes-container.hp-wide.hp-has-error > label.hp-help, body.hp-narrow .hp-alert-details .hp-alert-notes-container.hp-has-error > label.hp-optional, body.hp-narrow .hp-alert-details .hp-alert-notes-container.hp-has-error > label.hp-help {
opacity: 0;
max-height: 0px;
max-width: 0px;
margin: 0px; }
form.hp-edit-form .hp-section-errors, form.hp-add-form .hp-section-errors, ol.hp-alert-event-properties .hp-section-errors, .hp-alert-details .hp-section-errors {
border: 2px solid #f04953; }
form.hp-edit-form .hp-section-warnings, form.hp-add-form .hp-section-warnings, ol.hp-alert-event-properties .hp-section-warnings, .hp-alert-details .hp-section-warnings {
background-color: #ffD042; }
form.hp-edit-form .hp-section-warnings > *, form.hp-add-form .hp-section-warnings > *, ol.hp-alert-event-properties .hp-section-warnings > *, .hp-alert-details .hp-section-warnings > * {
max-width: 600px; }
form.hp-edit-form .hp-section-errors, form.hp-edit-form .hp-section-warnings, form.hp-add-form .hp-section-errors, form.hp-add-form .hp-section-warnings, ol.hp-alert-event-properties .hp-section-errors, ol.hp-alert-event-properties .hp-section-warnings, .hp-alert-details .hp-section-errors, .hp-alert-details .hp-section-warnings {
display: block;
padding: 20px;
margin-bottom: 20px; }
form.hp-edit-form .hp-section-errors header > .hp-status, form.hp-edit-form .hp-section-warnings header > .hp-status, form.hp-add-form .hp-section-errors header > .hp-status, form.hp-add-form .hp-section-warnings header > .hp-status, ol.hp-alert-event-properties .hp-section-errors header > .hp-status, ol.hp-alert-event-properties .hp-section-warnings header > .hp-status, .hp-alert-details .hp-section-errors header > .hp-status, .hp-alert-details .hp-section-warnings header > .hp-status {
display: inline-block;
position: relative;
top: 4px; }
form.hp-edit-form .hp-section-errors h2, form.hp-edit-form .hp-section-warnings h2, form.hp-add-form .hp-section-errors h2, form.hp-add-form .hp-section-warnings h2, ol.hp-alert-event-properties .hp-section-errors h2, ol.hp-alert-event-properties .hp-section-warnings h2, .hp-alert-details .hp-section-errors h2, .hp-alert-details .hp-section-warnings h2 {
margin-top: 0px;
font-size: 16px;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
form.hp-edit-form .hp-section-errors .hp-form-message-summary, form.hp-edit-form .hp-section-warnings .hp-form-message-summary, form.hp-add-form .hp-section-errors .hp-form-message-summary, form.hp-add-form .hp-section-warnings .hp-form-message-summary, ol.hp-alert-event-properties .hp-section-errors .hp-form-message-summary, ol.hp-alert-event-properties .hp-section-warnings .hp-form-message-summary, .hp-alert-details .hp-section-errors .hp-form-message-summary, .hp-alert-details .hp-section-warnings .hp-form-message-summary {
padding-top: 20px; }
form.hp-edit-form .hp-section-errors .hp-form-message-summary:first-child, form.hp-edit-form .hp-section-warnings .hp-form-message-summary:first-child, form.hp-add-form .hp-section-errors .hp-form-message-summary:first-child, form.hp-add-form .hp-section-warnings .hp-form-message-summary:first-child, ol.hp-alert-event-properties .hp-section-errors .hp-form-message-summary:first-child, ol.hp-alert-event-properties .hp-section-warnings .hp-form-message-summary:first-child, .hp-alert-details .hp-section-errors .hp-form-message-summary:first-child, .hp-alert-details .hp-section-warnings .hp-form-message-summary:first-child {
padding-top: 0px; }
form.hp-edit-form .hp-section-errors .hp-form-message-summary .hp-form-message-text, form.hp-edit-form .hp-section-warnings .hp-form-message-summary .hp-form-message-text, form.hp-add-form .hp-section-errors .hp-form-message-summary .hp-form-message-text, form.hp-add-form .hp-section-warnings .hp-form-message-summary .hp-form-message-text, ol.hp-alert-event-properties .hp-section-errors .hp-form-message-summary .hp-form-message-text, ol.hp-alert-event-properties .hp-section-warnings .hp-form-message-summary .hp-form-message-text, .hp-alert-details .hp-section-errors .hp-form-message-summary .hp-form-message-text, .hp-alert-details .hp-section-warnings .hp-form-message-summary .hp-form-message-text {
display: inline-block;
padding: 0px 0px 15px; }
form.hp-edit-form .hp-section-errors .hp-notification-details, form.hp-edit-form .hp-section-warnings .hp-notification-details, form.hp-add-form .hp-section-errors .hp-notification-details, form.hp-add-form .hp-section-warnings .hp-notification-details, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details, .hp-alert-details .hp-section-errors .hp-notification-details, .hp-alert-details .hp-section-warnings .hp-notification-details {
margin-bottom: 20px; }
form.hp-edit-form .hp-section-errors .hp-notification-details:last-child, form.hp-edit-form .hp-section-warnings .hp-notification-details:last-child, form.hp-add-form .hp-section-errors .hp-notification-details:last-child, form.hp-add-form .hp-section-warnings .hp-notification-details:last-child, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details:last-child, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details:last-child, .hp-alert-details .hp-section-errors .hp-notification-details:last-child, .hp-alert-details .hp-section-warnings .hp-notification-details:last-child {
margin-bottom: 0px; }
form.hp-edit-form .hp-section-errors .hp-notification-details .hp-details p, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-details p, form.hp-add-form .hp-section-errors .hp-notification-details .hp-details p, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-details p, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-details p, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-details p, .hp-alert-details .hp-section-errors .hp-notification-details .hp-details p, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-details p {
margin-bottom: 5px;
max-width: 600px; }
form.hp-edit-form .hp-section-errors .hp-notification-details .hp-resolution-container, form.hp-edit-form .hp-section-errors .hp-notification-details .hp-details-container, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-resolution-container, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-details-container, form.hp-add-form .hp-section-errors .hp-notification-details .hp-resolution-container, form.hp-add-form .hp-section-errors .hp-notification-details .hp-details-container, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-resolution-container, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-details-container, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-resolution-container, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-details-container, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-resolution-container, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-details-container, .hp-alert-details .hp-section-errors .hp-notification-details .hp-resolution-container, .hp-alert-details .hp-section-errors .hp-notification-details .hp-details-container, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-resolution-container, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-details-container {
max-width: 600px; }
form.hp-edit-form .hp-section-errors .hp-notification-details .hp-resolution-container h3, form.hp-edit-form .hp-section-errors .hp-notification-details .hp-details-container h3, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-resolution-container h3, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-details-container h3, form.hp-add-form .hp-section-errors .hp-notification-details .hp-resolution-container h3, form.hp-add-form .hp-section-errors .hp-notification-details .hp-details-container h3, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-resolution-container h3, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-details-container h3, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-resolution-container h3, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-details-container h3, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-resolution-container h3, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-details-container h3, .hp-alert-details .hp-section-errors .hp-notification-details .hp-resolution-container h3, .hp-alert-details .hp-section-errors .hp-notification-details .hp-details-container h3, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-resolution-container h3, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-details-container h3 {
display: inline;
font-size: 16px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-right: 10px; }
form.hp-edit-form .hp-section-errors .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-edit-form .hp-section-errors .hp-notification-details .hp-details-container .hp-resolution p, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-edit-form .hp-section-warnings .hp-notification-details .hp-details-container .hp-resolution p, form.hp-add-form .hp-section-errors .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-add-form .hp-section-errors .hp-notification-details .hp-details-container .hp-resolution p, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-add-form .hp-section-warnings .hp-notification-details .hp-details-container .hp-resolution p, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-resolution-container .hp-resolution p, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details .hp-details-container .hp-resolution p, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-resolution-container .hp-resolution p, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details .hp-details-container .hp-resolution p, .hp-alert-details .hp-section-errors .hp-notification-details .hp-resolution-container .hp-resolution p, .hp-alert-details .hp-section-errors .hp-notification-details .hp-details-container .hp-resolution p, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-resolution-container .hp-resolution p, .hp-alert-details .hp-section-warnings .hp-notification-details .hp-details-container .hp-resolution p {
display: inline; }
form.hp-edit-form .hp-section-errors .hp-notification-details.hp-sub-details, form.hp-edit-form .hp-section-warnings .hp-notification-details.hp-sub-details, form.hp-add-form .hp-section-errors .hp-notification-details.hp-sub-details, form.hp-add-form .hp-section-warnings .hp-notification-details.hp-sub-details, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details.hp-sub-details, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details.hp-sub-details, .hp-alert-details .hp-section-errors .hp-notification-details.hp-sub-details, .hp-alert-details .hp-section-warnings .hp-notification-details.hp-sub-details {
position: relative;
padding-left: 30px; }
form.hp-edit-form .hp-section-errors .hp-notification-details.hp-sub-details:before, form.hp-edit-form .hp-section-warnings .hp-notification-details.hp-sub-details:before, form.hp-add-form .hp-section-errors .hp-notification-details.hp-sub-details:before, form.hp-add-form .hp-section-warnings .hp-notification-details.hp-sub-details:before, ol.hp-alert-event-properties .hp-section-errors .hp-notification-details.hp-sub-details:before, ol.hp-alert-event-properties .hp-section-warnings .hp-notification-details.hp-sub-details:before, .hp-alert-details .hp-section-errors .hp-notification-details.hp-sub-details:before, .hp-alert-details .hp-section-warnings .hp-notification-details.hp-sub-details:before {
display: block;
content: '-';
position: absolute;
top: 0px;
left: 18px; }
form.hp-edit-form .hp-expandable, form.hp-add-form .hp-expandable, ol.hp-alert-event-properties .hp-expandable, .hp-alert-details .hp-expandable {
width: 100%; }
form.hp-edit-form .hp-expandable .hp-expanded, form.hp-add-form .hp-expandable .hp-expanded, ol.hp-alert-event-properties .hp-expandable .hp-expanded, .hp-alert-details .hp-expandable .hp-expanded {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
form.hp-edit-form .hp-expandable .hp-row-expanded > td, form.hp-add-form .hp-expandable .hp-row-expanded > td, ol.hp-alert-event-properties .hp-expandable .hp-row-expanded > td, .hp-alert-details .hp-expandable .hp-row-expanded > td {
border-color: #e6e6e6;
border-style: none none solid;
border-width: 0px 0px 1px;
padding: 10px 0px 30px 65px; }
ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container {
margin: -19px 10px 10px;
padding: 20px 20px 17px;
z-index: -10;
background-color: transparent; }
ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container:before {
content: '';
opacity: 0;
position: absolute;
top: 0px;
left: 6px;
display: block;
width: 16px;
height: 100%;
border-left: 1px solid #bfbfbf;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
ol.hp-alert-event-properties li.hp-alert-event-property .hp-message-container:after {
content: '';
opacity: 0;
position: absolute;
top: 24px;
left: 0px;
display: block;
width: 7px;
height: 13px;
background-image: url(data:image/gif;base64,R0lGODlhBwANAJEDAL+/v+fn5////////yH5BAEAAAMALAAAAAAHAA0AAAIYnB1wk3EtEAgiwnrrrDzbXUlUJJLiwgAFADs=);
background-repeat: no-repeat;
z-index: 10;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
transition-timing-function: linear; }
body.hp-thin .hp-alert-details .hp-alert-notes-container label.hp-error {
white-space: normal;
max-height: none; }
form.hp-edit-form > .hp-footer, form.hp-add-form > .hp-footer {
width: 100%;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #bfbfbf;
z-index: 49; }
form.hp-edit-form > .hp-footer .hp-form-controls, form.hp-add-form > .hp-footer .hp-form-controls {
position: absolute;
padding: 15px;
top: 0px;
right: 4px;
bottom: 0px;
height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff; }
@media only screen and (max-width: 600px) {
form.hp-edit-form > .hp-footer .hp-form-controls, form.hp-add-form > .hp-footer .hp-form-controls {
padding: 15px 5px; } }
form.hp-edit-form > .hp-footer .hp-form-controls > *, form.hp-edit-form > .hp-footer .hp-form-controls input, form.hp-add-form > .hp-footer .hp-form-controls > *, form.hp-add-form > .hp-footer .hp-form-controls input {
vertical-align: top;
margin-right: 11px; }
form.hp-edit-form > .hp-footer .hp-form-state, form.hp-add-form > .hp-footer .hp-form-state {
position: relative;
height: 60px;
line-height: 60px;
white-space: nowrap; }
@media only screen and (max-width: 600px) {
form.hp-edit-form > .hp-footer .hp-form-state, form.hp-add-form > .hp-footer .hp-form-state {
display: none; } }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message {
position: absolute;
left: 60px;
bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 1px solid #fff;
-webkit-transition: background-color 0.2s, max-height 0.8s;
-moz-transition: background-color 0.2s, max-height 0.8s;
transition: background-color 0.2s, max-height 0.8s;
max-height: 60px; }
html.hp-high-contrast form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message, html.hp-high-contrast form.hp-add-form > .hp-footer .hp-form-state .hp-form-message {
color: #000; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary {
position: relative;
padding: 0px 20px;
height: 60px;
white-space: nowrap; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary > *, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary > * {
display: inline-block;
vertical-align: top; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary > .hp-status, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary > .hp-status {
position: relative;
top: 26px;
left: 0px;
line-height: 14px;
margin-right: 0px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary > .hp-status .hp-status-changing, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary > .hp-status .hp-status-changing {
top: -3px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary .hp-form-message-text, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message .hp-form-message-summary .hp-form-message-text {
overflow: hidden;
width: 95%;
white-space: nowrap;
text-overflow: ellipsis; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
max-height: 360px;
line-height: normal;
padding: 0px 20px 20px 20px;
white-space: normal;
overflow: auto;
display: none; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details {
margin-bottom: 20px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details:last-child, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details:last-child {
margin-bottom: 0px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details p, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details p {
margin-bottom: 5px;
max-width: 600px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container, form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details-container, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details-container {
max-width: 600px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container h3, form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details-container h3, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container h3, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details-container h3 {
display: inline;
font-size: 16px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-right: 10px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details-container .hp-resolution p, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-resolution-container .hp-resolution p, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details .hp-details-container .hp-resolution p {
display: inline; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details {
position: relative;
padding-left: 30px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details:before, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message > .hp-form-message-details .hp-notification-details.hp-sub-details:before {
display: block;
content: '-';
position: absolute;
top: 0px;
left: 18px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable {
border-top-width: 0px;
border-bottom-width: 0px;
border-left-color: #bfbfbf;
border-right-color: #bfbfbf;
cursor: pointer; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable .hp-form-message-summary:hover, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable .hp-form-message-summary:hover {
color: #333; }
html.hp-high-contrast form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable .hp-form-message-summary:hover, html.hp-high-contrast form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable .hp-form-message-summary:hover {
color: #000; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-active .hp-form-message-text, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-active .hp-form-message-text {
padding-top: 15px;
padding-bottom: 10px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error {
background-color: #f04953;
color: #fff; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error .hp-form-message-summary:hover, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error .hp-form-message-summary:hover {
color: #fff; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error a, form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error h3, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error a, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error h3 {
color: #fff; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error .hp-status-error, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-error .hp-status-error {
background-position: 0px -160px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-warning, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-warning {
background-color: #ffD042; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-warning .hp-status-warning, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-warning .hp-status-warning {
background-position: -20px -160px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-ok, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-ok {
background-color: #e0e0e0; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-ok .hp-status-ok, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-ok .hp-status-ok {
background-position: -40px -160px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown {
background-color: #ccc; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown .hp-status-unknown, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown .hp-status-unknown {
background-position: -60px -160px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown .hp-status .hp-status-changing, form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown .hp-status.hp-status-changing, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown .hp-status .hp-status-changing, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-unknown .hp-status.hp-status-changing {
background-position: -320px -140px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-info, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-info {
background-color: #ccc; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-info .hp-status .hp-status-changing, form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-info .hp-status.hp-status-changing, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-info .hp-status .hp-status-changing, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-info .hp-status.hp-status-changing {
background-position: -320px -140px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-normal, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-normal {
background-color: #fff;
border: 0px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-normal.hp-active, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-normal.hp-active {
border: 1px solid #bfbfbf;
border-bottom-width: 0px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-disabled, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-disabled {
background-color: #e0e0e0; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-disabled .hp-status-disabled, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-activateable.hp-notify-disabled .hp-status-disabled {
background-position: -80px -160px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-active, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-active {
max-height: 400px;
color: #333;
border: 1px solid transparent;
z-index: 60;
line-height: normal; }
html.hp-high-contrast form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-active, html.hp-high-contrast form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-active {
color: #000; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-summary, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-summary {
height: auto; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-summary > .hp-status, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-summary > .hp-status {
top: 21px; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-text, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-text {
line-height: normal;
white-space: normal;
text-overflow: clip;
word-wrap: break-word; }
form.hp-edit-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-details, form.hp-add-form > .hp-footer .hp-form-state .hp-form-message.hp-active .hp-form-message-details {
display: block; }
form.hp-edit-form > .hp-footer .hp-form-changes, form.hp-add-form > .hp-footer .hp-form-changes {
position: absolute;
left: 0px;
bottom: 0px;
height: 60px; }
form.hp-edit-form > .hp-footer .hp-form-changes .hp-form-changes-control, form.hp-add-form > .hp-footer .hp-form-changes .hp-form-changes-control {
position: relative;
display: inline-block;
color: #767676;
height: 58px;
width: 60px;
cursor: pointer;
-webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
transition: background-color 0.1s; }
html.hp-high-contrast form.hp-edit-form > .hp-footer .hp-form-changes .hp-form-changes-control, html.hp-high-contrast form.hp-add-form > .hp-footer .hp-form-changes .hp-form-changes-control {
color: #333; }
form.hp-edit-form > .hp-footer .hp-form-changes .hp-form-changes-control .hp-icon, form.hp-add-form > .hp-footer .hp-form-changes .hp-form-changes-control .hp-icon {
position: relative;
top: 15px;
left: 15px;
width: 24px;
height: 24px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -280px 0px;
background-repeat: no-repeat;
vertical-align: middle; }
form.hp-edit-form > .hp-footer .hp-form-changes .hp-form-changes-control .hp-count, form.hp-add-form > .hp-footer .hp-form-changes .hp-form-changes-control .hp-count {
position: absolute;
top: 25px;
right: 18px;
height: 17px;
width: 20px;
padding-top: 3px;
text-align: center;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: -500px -20px;
font-size: 11px;
line-height: 14px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
color: #000; }
form.hp-edit-form > .hp-footer .hp-form-changes .hp-form-changes-control:hover, form.hp-add-form > .hp-footer .hp-form-changes .hp-form-changes-control:hover {
z-index: 50; }
form.hp-edit-form > .hp-footer .hp-form-changes .hp-form-changes-control:hover .hp-icon, form.hp-add-form > .hp-footer .hp-form-changes .hp-form-changes-control:hover .hp-icon {
background-position: -280px -30px; }
form.hp-edit-form > .hp-footer .hp-form-changes ol, form.hp-add-form > .hp-footer .hp-form-changes ol {
position: absolute;
bottom: 60px;
min-width: 80px;
max-width: 200px;
max-height: 400px;
line-height: 17px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
color: #333;
z-index: 200;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
border-top: 0px solid #00b388;
border-bottom: 1px solid #ccc;
margin-bottom: 0px;
overflow: auto;
display: none; }
html.hp-high-contrast form.hp-edit-form > .hp-footer .hp-form-changes ol, html.hp-high-contrast form.hp-add-form > .hp-footer .hp-form-changes ol {
color: #000; }
form.hp-edit-form > .hp-footer .hp-form-changes ol li, form.hp-add-form > .hp-footer .hp-form-changes ol li {
padding: 15px;
border-top: 1px solid #d9d9d9; }
form.hp-edit-form > .hp-footer .hp-form-changes ol li:first-of-type, form.hp-add-form > .hp-footer .hp-form-changes ol li:first-of-type {
border-top: none; }
form.hp-edit-form > .hp-footer .hp-form-changes ol li .hp-form-change-label, form.hp-add-form > .hp-footer .hp-form-changes ol li .hp-form-change-label {
color: #767676; }
html.hp-high-contrast form.hp-edit-form > .hp-footer .hp-form-changes ol li .hp-form-change-label, html.hp-high-contrast form.hp-add-form > .hp-footer .hp-form-changes ol li .hp-form-change-label {
color: #333; }
form.hp-edit-form > .hp-footer .hp-form-changes ol li .hp-form-change-value, form.hp-edit-form > .hp-footer .hp-form-changes ol li .hp-form-change-label, form.hp-add-form > .hp-footer .hp-form-changes ol li .hp-form-change-value, form.hp-add-form > .hp-footer .hp-form-changes ol li .hp-form-change-label {
white-space: nowrap;
overflow: hidden;
max-width: 200px;
text-overflow: ellipsis; }
form.hp-edit-form > .hp-footer .hp-form-changes.hp-active .hp-form-changes-control, form.hp-add-form > .hp-footer .hp-form-changes.hp-active .hp-form-changes-control {
background-color: #fff; }
form.hp-edit-form > .hp-footer .hp-form-changes.hp-active .hp-form-changes-control .hp-icon, form.hp-add-form > .hp-footer .hp-form-changes.hp-active .hp-form-changes-control .hp-icon {
background-position: -280px 0px; }
form.hp-edit-form > .hp-footer .hp-form-changes.hp-active .hp-form-changes-control .hp-count, form.hp-add-form > .hp-footer .hp-form-changes.hp-active .hp-form-changes-control .hp-count {
background-position: -500px -20px; }
form.hp-edit-form > .hp-footer .hp-form-changes.hp-active ol, form.hp-add-form > .hp-footer .hp-form-changes.hp-active ol {
display: block; }
form.hp-edit-form > .hp-footer .hp-form-confirmation, form.hp-add-form > .hp-footer .hp-form-confirmation {
width: 352px;
position: absolute;
bottom: -3px;
right: 0px;
padding: 19px;
background-color: #fff;
border: 1px solid #ccc;
line-height: 15px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-wide, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-wide {
width: auto; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-wide p, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-wide p {
max-width: 600px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential {
width: 500px; }
@media only screen and (max-width: 600px) {
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential {
min-width: 0px;
left: 0px;
width: 95%;
padding-left: 30px; } }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential p, form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential div, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential p, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential div {
margin-top: inherit; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential fieldset, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential fieldset {
margin-top: 0px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > label, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > label {
display: inline-block;
width: 100px;
min-width: 100px;
white-space: normal; }
@media only screen and (max-width: 600px) {
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > label, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > label {
display: block;
margin-left: 0px; } }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > .hp-form-content p, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > .hp-form-content p {
max-width: 310px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > .hp-form-content input, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > .hp-form-content input {
max-width: 150px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > div .hp-message-container, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > div .hp-message-container {
width: 200px;
margin: -10px 3px 3px 0; }
@media only screen and (max-width: 600px) {
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > div .hp-message-container, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item > div .hp-message-container {
margin: 0px; } }
form.hp-edit-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item .hp-error, form.hp-add-form > .hp-footer .hp-form-confirmation.hp-form-credential li.hp-form-item .hp-error {
margin: 0px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-element-hidden, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-element-hidden {
visibility: hidden; }
form.hp-edit-form > .hp-footer .hp-form-confirmation > :first-child, form.hp-add-form > .hp-footer .hp-form-confirmation > :first-child {
margin-top: 0px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation > :nth-last-child(2), form.hp-add-form > .hp-footer .hp-form-confirmation > :nth-last-child(2) {
margin-bottom: 20px;
margin-top: 15px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification {
padding: 20px;
margin-top: 0px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification > :first-child, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification > :first-child {
margin-top: 0px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification .hp-resolution-container, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification .hp-resolution-container {
margin-top: 20px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification > .hp-full .hp-contents, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-confirm-dialog-notification .hp-dialog-notification > .hp-full .hp-contents {
overflow: visible; }
form.hp-edit-form > .hp-footer .hp-form-confirmation p, form.hp-edit-form > .hp-footer .hp-form-confirmation div, form.hp-add-form > .hp-footer .hp-form-confirmation p, form.hp-add-form > .hp-footer .hp-form-confirmation div {
white-space: normal;
margin-bottom: 0px;
margin-top: 20px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation p > input[type="checkbox"], form.hp-edit-form > .hp-footer .hp-form-confirmation div > input[type="checkbox"], form.hp-add-form > .hp-footer .hp-form-confirmation p > input[type="checkbox"], form.hp-add-form > .hp-footer .hp-form-confirmation div > input[type="checkbox"] {
margin-right: 10px;
margin-top: 0px;
margin-left: 0px;
float: left; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-error, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-error {
clear: both;
margin: 10px 0px 0px 24px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation label, form.hp-add-form > .hp-footer .hp-form-confirmation label {
display: block;
margin-left: 25px; }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls {
text-align: right;
white-space: nowrap; }
@media only screen and (max-width: 600px) {
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls {
width: 95%; } }
form.hp-edit-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls > *, form.hp-add-form > .hp-footer .hp-form-confirmation .hp-form-confirmation-controls > * {
margin-right: 11px; }
@media print {
form.hp-edit-form > .hp-footer, form.hp-add-form > .hp-footer {
display: none; } }
.hp-column-form {
width: 100%;
padding-bottom: 20px;
overflow: hidden; }
.hp-column-form fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
width: 100%;
margin-top: 10px;
padding-bottom: 10px; }
.hp-column-form fieldset:first-of-type {
margin-top: 0px; }
.hp-column-form fieldset:last-of-type {
border-bottom: none;
padding-bottom: 0px; }
.hp-column-form fieldset:hover a.hp-button {
text-decoration: none; }
.hp-column-form fieldset > legend {
color: #767676;
font-size: 16px;
padding-bottom: 20px; }
html.hp-high-contrast .hp-column-form fieldset > legend {
color: #333; }
.hp-column-form fieldset > ol > li {
margin-bottom: 10px;
list-style-position: inside; }
.hp-column-form fieldset > ol > li > label:first-of-type {
display: inline-block;
width: 33%;
padding-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
max-width: 170px;
padding-left: 10px;
text-indent: -10px; }
.hp-column-form fieldset > ol > li > label:first-of-type.hp-condensed {
width: auto;
margin-right: 10px; }
.hp-column-form fieldset > ol > li > .hp-form-content {
width: 66%; }
.hp-column-form fieldset > ol > li div.hp-help, .hp-column-form fieldset > ol > li div.hp-error, .hp-column-form fieldset > ol > li div.hp-optional, .hp-column-form fieldset > ol > li div.hp-important, .hp-column-form fieldset > ol > li span.hp-help, .hp-column-form fieldset > ol > li span.hp-error, .hp-column-form fieldset > ol > li span.hp-optional, .hp-column-form fieldset > ol > li span.hp-important, .hp-column-form fieldset > ol > li label.hp-help, .hp-column-form fieldset > ol > li label.hp-error, .hp-column-form fieldset > ol > li label.hp-optional, .hp-column-form fieldset > ol > li label.hp-important {
display: inline-block;
margin: 0px;
padding: 10px 0px;
min-width: 200px;
max-width: 33%;
line-height: 15px; }
.hp-column-form fieldset > ol > li div.hp-important, .hp-column-form fieldset > ol > li span.hp-important, .hp-column-form fieldset > ol > li label.hp-important {
position: relative;
top: -5px;
background-color: #ffD042;
color: #333;
padding: 5px; }
.hp-column-form fieldset > ol > li .hp-details-notify {
max-width: 800px; }
.hp-column-form fieldset label {
color: #767676;
white-space: normal;
margin-bottom: 5px; }
html.hp-high-contrast .hp-column-form fieldset label {
color: #333; }
.hp-column-form fieldset label.hp-value {
color: #333;
margin-right: 10px;
width: auto; }
html.hp-high-contrast .hp-column-form fieldset label.hp-value {
color: #000; }
.hp-column-form fieldset label.hp-error {
color: #f04953; }
.hp-column-form fieldset .hp-form-label {
float: left;
width: 170px;
margin: 0;
padding: 20px 0;
line-height: 24px; }
.hp-column-form fieldset .hp-form-content {
display: inline-block; }
.hp-column-form fieldset .hp-form-input {
position: relative;
display: inline-block;
vertical-align: baseline; }
.hp-column-form fieldset .hp-form-input.hp-form-input-large {
vertical-align: text-top;
top: -7px; }
.hp-column-form fieldset .hp-form-input > input {
margin-left: 15px; }
.hp-column-form fieldset .hp-form-input > input:first-of-type {
margin-left: 0px; }
.hp-column-form fieldset .hp-form-input .hp-help, .hp-column-form fieldset .hp-form-input .hp-error, .hp-column-form fieldset .hp-form-input table {
display: inline-block; }
.hp-column-form fieldset .hp-form-input .hp-table-help, .hp-column-form fieldset .hp-form-input .hp-table-error {
position: relative;
display: inline-block;
vertical-align: top;
top: 5px;
margin-left: 15px; }
.hp-column-form fieldset .hp-form-input .hp-table-help {
color: #767676; }
html.hp-high-contrast .hp-column-form fieldset .hp-form-input .hp-table-help {
color: #333; }
.hp-column-form fieldset .hp-form-input .hp-table-error {
color: #f04953; }
.hp-column-form fieldset .hp-form-input .hp-form-table-toolbar > * {
margin-bottom: 0px; }
.hp-column-form fieldset > table {
margin-top: 10px; }
.hp-column-form fieldset .hp-table-controls {
margin-top: 10px; }
.hp-column-form fieldset .hp-table-controls > * {
display: inline-block;
margin-right: 6px; }
.hp-column-form fieldset .hp-table-controls .hp-message {
color: #767676; }
.hp-column-form .hp-form-content-divider {
padding: 20px 0 20px 0;
border-bottom: solid 1px #d9d9d9; }
.hp-column-form .hp-form-item {
padding: 15px 0 15px 0;
border-top: solid 1px #d9d9d9; }
.hp-column-form .hp-form-item:last-of-type {
border-bottom: solid 1px #d9d9d9; }
.hp-column-form .hp-form-item > .hp-form-item-controls {
float: right; }
.hp-column-form .hp-form-item > .hp-form-item-controls > * {
display: inline-block;
margin-left: 10px; }
.hp-column-form .hp-form-item > .hp-form-item-controls .hp-close {
position: relative;
top: 5px;
cursor: pointer; }
.hp-filter-pane .hp-column-form fieldset > ol > li {
white-space: normal; }
.hp-filter-pane .hp-column-form fieldset > ol > li > label {
float: left;
width: 80px; }
.hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider {
position: relative;
margin-top: 10px;
width: 160px; }
.hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-max {
position: absolute;
top: 0px;
right: 0px; }
.hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider {
margin-top: 10px;
margin-bottom: 20px;
height: 2px;
background: none;
background-color: #eee; }
.hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-range {
background: none;
background-color: #bbb; }
.hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-handle {
width: 10px;
background: #ccc;
border: none;
border-radius: 0px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
outline: none; }
.hp-filter-pane .hp-column-form fieldset > ol > li .hp-slider .hp-slider-slider .ui-slider-handle:after {
content: "";
position: absolute;
top: -5px;
border-width: 0 5px 5px;
border-color: #ccc transparent;
border-style: solid;
display: block;
width: 0; }
#cic-additemslist-items-table {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
table {
border-collapse: separate;
border: 0px;
border-spacing: 0px;
outline: none; }
table > thead > tr td, table > thead > tr th {
background-color: #fff;
color: #7d7d7d;
padding: 5px 10px;
font-weight: normal;
text-align: left;
vertical-align: bottom;
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left bottom;
background-repeat: repeat-x;
line-height: 17px; }
html.hp-high-contrast table > thead > tr td, html.hp-high-contrast table > thead > tr th {
color: #333; }
table > thead > tr td:focus, table > thead > tr th:focus {
outline: none; }
table > thead > tr td:first-of-type, table > thead > tr th:first-of-type {
border-left: none; }
table > thead > tr td:last-of-type, table > thead > tr th:last-of-type {
border-right: none; }
table > thead > tr td.sorting, table > thead > tr td.sorting_asc, table > thead > tr td.sorting_desc, table > thead > tr td.sort, table > thead > tr th.sorting, table > thead > tr th.sorting_asc, table > thead > tr th.sorting_desc, table > thead > tr th.sort {
cursor: pointer; }
table > thead > tr td.sorting:hover, table > thead > tr td.sorting_asc:hover, table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort:hover, table > thead > tr th.sorting:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort:hover {
color: #000; }
table > thead > tr td.sorting_asc, table > thead > tr td.sort_asc, table > thead > tr th.sorting_asc, table > thead > tr th.sort_asc {
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
background-position: left bottom, right bottom 2px;
background-repeat: repeat-x, no-repeat;
padding-right: 20px; }
table > thead > tr td.sorting_asc:hover, table > thead > tr td.sort_asc:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sort_asc:hover {
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
table > thead > tr td.sorting_desc, table > thead > tr td.sort_desc, table > thead > tr th.sorting_desc, table > thead > tr th.sort_desc {
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
background-position: left bottom, right bottom 2px;
background-repeat: repeat-x, no-repeat;
padding-right: 20px; }
table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort_desc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort_desc:hover {
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
table > thead > tr td:active, table > thead > tr th:active {
background-color: #fff;
color: #000; }
table > thead > tr td > .hp-status, table > thead > tr th > .hp-status {
position: relative;
top: 4px;
width: 10px; }
@media print {
table > thead > tr td, table > thead > tr th {
padding-left: 0px;
border-left: none; } }
table > tfoot > tr > td {
padding: 5px 10px; }
table > tbody > tr:first-child > td {
padding-top: 10px; }
table > tbody > tr:first-child > td.hp-aligncontrol {
padding-top: 5px; }
table > tbody > tr:first-child > td.hp-aligntext {
padding-top: 13px; }
table > tbody > tr:first-child > td.hp-index {
background-position-y: 13px; }
table > tbody > tr > td {
padding: 5px 10px;
vertical-align: top;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #000;
line-height: 17px; }
table > tbody > tr > td .hp-status {
top: 4px; }
table > tbody > tr > td h3, table > tbody > tr > td h4, table > tbody > tr > td h5 {
margin-top: 15px; }
table > tbody > tr > td .hp-message-container label.hp-error {
margin-top: 0px; }
table > tbody > tr > td label.hp-error {
display: block;
margin: 10px 0px; }
table > tbody > tr > td.hp-aligncontrol {
padding-top: 0px; }
table > tbody > tr > td.hp-aligntext {
padding-top: 8px; }
table > tbody > tr > td.hp-identifier {
min-width: 120px; }
table > tbody > tr > td.hp-icon.hp-numeric {
padding-right: 0px;
padding-left: 15px; }
table > tbody > tr > td.hp-icon .hp-close, table > tbody > tr > td.hp-icon .hp-delete {
position: relative;
top: 8px;
cursor: pointer; }
table > tbody > tr > td.hp-icon .hp-edit {
position: relative;
top: 5px;
cursor: pointer; }
table > tbody > tr > td.hp-icon > .hp-status {
position: relative;
top: 2px;
width: 10px; }
table > tbody > tr > td.hp-icon > .hp-status.hp-status-changing {
width: 14px; }
table > tbody > tr > td.hp-index {
color: #767676;
padding-left: 25px;
background-image: url(data:image/gif;base64,R0lGODlhBwANAKIAAP////f39+/v79bW1s7OzrW1ta2trZycnCH5BAEHAAAALAAAAAAHAA0AAAMiCCAXquaUR44dy2oR9TGK9gDiU3aawXgCMGjEU3xjcLRAAgA7);
background-position: 5px 8px;
background-repeat: no-repeat; }
table > tbody > tr > td.hp-index:hover {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
background-image: url(data:image/gif;base64,R0lGODlhBwANALMAAP///+/v79bW1qWlpZycnHNzc1paWkJCQjExMQAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAAALAAAAAAHAA0AAAQkEABxgpQGlUuQH5PnHUImIoYkXsB6uaZoUKcADCJxFSgbkJIIADs=); }
html.hp-high-contrast table > tbody > tr > td.hp-index {
color: #333; }
table > tbody > tr > td.hp-editing {
padding: 4px 0px; }
table > tbody > tr > td.hp-editing input {
margin: 0px;
padding: 7px 9px; }
table > tbody > tr > td > .hp-collapser {
margin: -9px;
background-position: 9px 7px;
width: 35px;
height: 35px; }
.hp-grommet-style table > tbody > tr > td > .hp-collapser:focus {
outline: 1px solid #00b388;
outline-offset: -5px; }
@media print {
table > tbody > tr > td {
padding-left: 0px; } }
table > tbody > tr.hp-unretrievable:hover td span:last-child {
font-style: italic;
color: #767676;
padding-left: 10px;
display: inline-block; }
table > tbody > tr.hp-unretrievable td:before {
content: '!';
color: #767676; }
table > tbody > tr.hp-unretrievable td > * {
display: none; }
table tr.hp-row-details-row {
background-image: none; }
table td.hp-break-all {
word-break: break-all; }
table td.hp-row-details-cell {
padding: 0px 20px 10px 50px;
border-bottom: 1px solid #d9d9d9; }
table td.hp-row-details-cell > .hp-full {
margin: 0px -9px -10px -50px; }
table td.hp-row-details-cell > .hp-full table {
margin: 0px; }
table td.hp-row-details-cell table, table td.hp-row-details-cell .hp-show-form {
margin: 15px 0px 20px 0px; }
table td.hp-row-details-cell > table, table td.hp-row-details-cell > div > table {
width: 100%; }
table td.hp-row-details-cell .hp-statistic {
display: inline-block;
vertical-align: top;
margin-right: 40px;
margin-bottom: 40px; }
table td.hp-row-details-cell .hp-statistic > label {
color: #767676;
font-size: 16px; }
table td.hp-row-details-cell .hp-statistic .hp-plot {
width: 300px;
height: 200px; }
table.hp-outer-table {
width: 90%; }
table .hp-row-details {
padding-top: 10px;
position: relative;
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left top;
background-repeat: repeat-x; }
table .hp-row-details .hp-comments-section {
position: relative;
text-align: left;
min-width: 440px;
display: inline-block; }
table .hp-row-details .hp-show-form {
display: inline-block;
width: 45%; }
table .hp-row-controls {
margin-bottom: 0px;
white-space: nowrap; }
table .hp-row-controls li {
display: inline-block;
margin-right: 10px; }
table .hp-row-controls li .hp-close {
background-position: -160px -18px; }
table .hp-row-controls li .hp-close:hover {
background-position: -160px 2px; }
table .hp-row-controls li .hp-close, table .hp-row-controls li .hp-edit {
cursor: pointer; }
@media only screen and (max-width: 600px) {
table .hp-row-controls li {
margin-right: 18px; } }
table .hp-row-controls li.hp-delete {
position: relative;
top: 1px; }
table tr.hp-selected .hp-row-controls {
display: block; }
table.hp-simple-table thead {
display: none; }
table.hp-simple-table tr {
background: none; }
table.hp-simple-table tbody tr td {
padding: 5px 10px; }
table.hp-simple-table tbody tr td:first-of-type {
padding-left: 0px; }
table.hp-simple-table tbody tr td > .hp-status {
top: 3px; }
table.hp-simple-table tbody tr td > .hp-usage {
margin-right: 10px; }
.dataTables_wrapper div.dataTables_filter {
text-align: right; }
.dataTables_filter input[type="text"] {
background: url("../../img/hp-piano/search.png?v=11a20444adfa2a636b664ff3e011a51e58a28846") center right no-repeat;
background: url("../../img/hp-piano/search.png?v=11a20444adfa2a636b664ff3e011a51e58a28846") center right no-repeat; }
html.hp-high-contrast .dataTables_empty {
color: #333; }
table.hp-selectable {
margin: 0px;
}
table.hp-selectable > tbody > tr {
cursor: pointer; }
table.hp-selectable > tbody > tr td {
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s; }
table.hp-selectable > tbody > tr:hover > td {
background-color: #e6e6e6; }
table.hp-selectable > tbody > tr.hp-selected > td, table.hp-selectable > tbody > tr.hp-selected:hover > td {
background-color: #ccf0e7; }
table.hp-selectable > tbody > tr.hp-selected.hp-row-details-row > td, table.hp-selectable > tbody > tr.hp-selected:hover.hp-row-details-row > td {
border-top: none; }
table.hp-selectable > tbody > tr.hp-expanded, table.hp-selectable > tbody > tr.hp-expanded:hover {
background-image: none; }
table.hp-selectable > tbody > tr.hp-expanded > td, table.hp-selectable > tbody > tr.hp-expanded:hover > td {
border-top: 1px solid #e6e6e6;
border-bottom-style: none; }
table.hp-selectable > tbody > tr.hp-expanded > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:first-child {
border-left: 1px solid #e6e6e6;
padding-left: 9px; }
table.hp-selectable > tbody > tr.hp-expanded > td:last-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:last-child {
border-right: 1px solid #e6e6e6; }
table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td {
border-top-color: #d9d9d9; }
table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td:first-child {
border-left: none;
padding-left: 10px; }
table.hp-selectable .hp-comments-summary {
width: 38px;
height: 24px;
margin: -4px -3px;
border-style: solid;
border-width: 1px;
border-color: transparent;
border-radius: 3px; }
table.hp-selectable .hp-comments-summary:hover {
border-color: #eee; }
table.hp-selectable .hp-selected .hp-comments-summary {
border-color: #ccf0e7; }
table.hp-selectable .hp-selected .hp-comments-summary.hp-empty {
opacity: 0.9; }
table.hp-selectable .hp-selected .hp-comments-summary:hover {
border-color: #000;
opacity: 1.0; }
table.hp-selectable tr.hp-row-details-row td.hp-row-details-cell {
border-left: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-top: none; }
table.hp-selectable tr.hp-row-details-row.hp-selected td.hp-row-details-cell {
background-color: inherit;
border-color: #d9d9d9; }
.hp-activities .hp-row-details {
padding-left: 50px; }
.hp-activities .hp-row-details-row.hp-selected .hp-row-details {
padding-left: 51px; }
#hp-report-summaries .hp-chart-placeholder {
font-size: 24px;
border: solid;
border-width: 0px 0px 1px 1px;
height: 150px;
width: 400px;
vertical-align: middle;
text-align: center;
line-height: 150px;
margin-left: 20px;
border-color: #d9d9d9;
color: #d9d9d9; }
#hp-report-summaries .hp-chart-placeholder.hp-chart-error {
font-size: 36px; }
#hp-report-summaries .hp-chart label .hp-value {
position: absolute;
width: 100px;
text-align: center;
font-size: 24px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
top: 75px;
left: 50px; }
#hp-report-summaries .hp-chart .pieLabel .hp-pie-placeholder-label {
color: #d9d9d9; }
#hp-report-show-view {
overflow-x: auto; }
#hp-report-table-title .hp-count {
color: #999;
margin-left: 10px; }
#hp-report-resources-container {
min-width: 600px; }
#hp-report-resources {
width: 100%;
table-layout: fixed; }
#hp-report-resources thead tr td {
color: #7d7d7d;
width: 80px;
word-break: normal; }
#hp-report-resources thead tr td:hover {
color: #000;
cursor: pointer; }
#hp-report-resources td {
word-break: break-all; }
#hp-report-resources ul {
margin-bottom: 0px; }
#hp-report-resources ul li {
margin-bottom: 10px; }
#hp-report-summaries > li {
margin: 40px 0px; }
#hp-report-summaries p {
line-height: 17px; }
#hp-report-summaries div.hp-chart {
width: 400px;
height: 400px; }
#hp-report-summaries div.hp-chart .legend > div {
display: none; }
#hp-report-summaries div.hp-chart .legend table {
left: 210px; }
#hp-report-summaries div.hp-chart .legend table td.hp-count {
padding-right: 0px;
text-align: right;
color: #767676;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
font-family: Metric, Arial, sans-serif; }
#hp-report-summaries div.hp-chart .legend table td.legendLabel {
padding-left: 0px;
color: #767676; }
#hp-report-summaries div.hp-chart .legend table td.legendColorBox > div {
width: 12px;
border: 1px solid #fff; }
#hp-report-summaries div.hp-chart .legend table td.legendColorBox > div > div {
border-width: 5px; }
.hp-comments {
margin-bottom: 20px; }
.hp-comments .hp-comment {
background-image: none; }
.hp-comments .hp-comment td {
background: none;
padding-top: 4px;
padding-bottom: 4px; }
.hp-comments .hp-comment td.hp-icon {
padding-top: 0px;
padding-bottom: 0px;
height: 20px; }
.hp-comments .hp-comment td.hp-icon .hp-delete {
top: 7px; }
.hp-comments .hp-comment .hp-comment-text {
padding-right: 20px;
max-width: 500px;
line-height: normal;
word-break: break-all; }
.hp-comments .hp-comment .hp-timestamp {
padding-right: 10px;
padding-left: 0px; }
.hp-comments .hp-comment .hp-comment-user {
padding-right: 10px;
color: #767676; }
html.hp-high-contrast .hp-comments .hp-comment .hp-comment-user {
color: #333; }
.hp-comments .hp-comment .hp-comment-delete {
margin-left: 20px; }
.hp-comment-form > * {
display: inline-block;
vertical-align: top; }
.hp-comment-form textarea {
width: 300px;
height: 30px;
margin-right: 20px; }
.hp-comment-form button {
display: none; }
table.hp-heading-property-table {
display: block;
max-width: 600px;
width: 90%;
padding-bottom: 20px; }
table.hp-heading-property-table > caption {
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left bottom;
background-repeat: repeat-x;
color: #767676;
text-align: left;
display: inline-block;
white-space: nowrap;
width: 100%; }
table.hp-heading-property-table > caption h3 {
display: inline-block;
font-size: inherit;
margin-right: 10px;
white-space: normal;
width: 60%; }
table.hp-heading-property-table > caption h3.hp-value {
color: #333; }
table.hp-heading-property-table > caption .hp-table-view-controls {
list-style-type: none;
font-size: 0px;
padding: 10px 0px 5px 0px;
display: inline-block;
text-align: right;
vertical-align: top;
white-space: nowrap;
width: 40%; }
table.hp-heading-property-table > caption .hp-table-view-controls li {
display: inline-block;
font-size: 16px;
margin: 0px 5px 0px 0px;
padding: 0px 15px 0px 10px;
border-right: 1px solid #e6e6e6;
cursor: pointer; }
table.hp-heading-property-table > caption .hp-table-view-controls li:last-child {
border-right: none;
padding-right: 10px; }
table.hp-heading-property-table > caption .hp-table-view-controls li:hover {
color: #333; }
table.hp-heading-property-table > caption .hp-table-view-controls li.hp-selected {
color: #333;
background-image: url(data:image/gif;base64,R0lGODlhBAABAIAAAEKm1P///yH5BAAHAP8ALAAAAAAEAAEAAAIChFEAOw==);
background-position: left top;
background-repeat: repeat-y; }
table.hp-heading-property-table > tbody > tr {
background-image: none; }
table.hp-heading-property-table > tbody > tr.hp-header:first-of-type > th {
padding-top: 10px; }
table.hp-heading-property-table > tbody > tr > th {
padding-top: 20px;
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: normal;
color: #767676;
text-align: left; }
table.hp-heading-property-table > tbody > tr > th .hp-secondary {
margin-left: 20px;
color: #ccc; }
table.hp-heading-property-table > tbody > tr > td {
padding-left: 0px;
padding-right: 20px;
width: 50%; }
table.hp-heading-property-table > tbody > tr > td:first-child {
color: #767676; }
table.hp-heading-property-table > tbody > tr > td > span.hp-secondary:first-child {
margin-left: 0px; }
table.hp-heading-property-table > tbody > tr > td .selectBox {
position: relative;
top: -3px;
margin-bottom: 0px; }
table.hp-heading-property-table > tbody > tr.hp-active td {
border-top: 1px solid #e6e6e6; }
table.hp-heading-property-table > tbody > tr.hp-active .selectBox {
margin-bottom: 0px; }
table.hp-heading-property-table > tbody > tr.hp-details td {
border-bottom: 1px solid #e6e6e6;
padding-top: 0px; }
table.hp-heading-property-table > tbody > tr.hp-details td pre.hp-help {
font-family: Metric, Arial, sans-serif;
white-space: pre-wrap; }
table.hp-heading-property-table.hp-expandable > tbody > tr > td {
cursor: pointer; }
table.hp-heading-property-table.hp-expandable > tbody > tr:hover > td:first-child {
color: #333; }
table.hp-heading-property-table.hp-expandable > tbody > tr:hover.hp-details > td {
color: #767676; }
table.hp-heading-property-table.hp-expandable > tbody > tr.hp-active > td {
color: #333;
cursor: auto; }
table.hp-heading-property-table.hp-expandable > tbody > tr.hp-details > td {
cursor: auto; }
@media print {
.dataTables_scrollBody {
height: auto !important; } }
#hp-page-notifications {
position: relative;
opacity: 0;
top: -45px;
color: #000;
height: 51px;
margin-bottom: 10px;
margin-left: -25px;
margin-right: -25px;
padding: 0px 24px;
overflow: hidden;
background-repeat: no-repeat;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
white-space: nowrap;
cursor: default; }
#hp-page-notifications .hp-notification .hp-full .hp-timestamp {
display: none; }
#hp-page-notifications.hp-available {
cursor: pointer; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-step span {
display: inline-block; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-step a {
padding-left: 2px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-aside {
padding-left: 5px; }
#hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-owner, #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-source-name, #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-state, #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-step {
display: none; }
#hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-aside .hp-timestamp {
display: none; }
#hp-page-notifications.hp-notify-narrow .hp-notification .hp-full .hp-timestamp {
display: block;
margin-top: 14px; }
#hp-page-notifications.hp-notify-narrow .hp-controls {
display: none; }
#hp-page-notifications.hp-notify-narrow.hp-active .hp-notification .hp-notification-summary .hp-message p {
margin-right: 10px; }
#hp-page-notifications.hp-notify-narrow:after {
right: 7px; }
#hp-page-notifications.hp-notify-narrow.hp-has-controls:after {
right: 25px; }
#hp-page-notifications.hp-has-controls .hp-aside {
right: 0px; }
.hp-notify-disabled #hp-page-notifications {
display: none;
top: -40px; }
#hp-page-notifications:after {
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: -2px 3px;
background-repeat: no-repeat;
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 25px;
top: 13px; }
#hp-page-notifications:hover {
margin: 0px -25px 10px -25px;
padding: 0px 24px;
border-color: #f3f3f3;
box-shadow: 0 0 0 2px #f3f3f3; }
#hp-page-notifications:hover:after {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
background-position: -5px 3px; }
#hp-page-notifications:focus {
outline: none; }
#hp-page-notifications.hp-available {
opacity: 1;
top: 0px; }
#hp-page-notifications.hp-active {
max-height: 80%;
height: auto;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-top-width: 1px;
border-top-style: solid;
border-top-color: #f3f3f3;
border-bottom-color: rgba(0, 0, 0, 0.3);
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
margin: -1px -25px;
padding: 0px 24px;
z-index: 100; }
#hp-page-notifications.hp-active:hover {
border-bottom: none; }
#hp-page-notifications.hp-active .hp-controls {
border-top-color: transparent; }
#hp-page-notifications.hp-active .hp-notification .hp-full, #hp-page-notifications.hp-active .hp-controls .hp-selector {
display: block;
overflow-y: auto;
overflow-x: hidden; }
#hp-page-notifications.hp-active .hp-notification {
border-top-color: transparent;
overflow-y: auto; }
#hp-page-notifications.hp-active .hp-notification .hp-full .hp-details-container {
margin-bottom: 15px; }
#hp-page-notifications.hp-active .hp-notification .hp-full .hp-details-container .hp-details > p:first-child {
margin-top: 10px; }
#hp-page-notifications.hp-active .hp-notification .hp-full .hp-details-container .hp-details > p:last-child {
margin-bottom: 0px; }
#hp-page-notifications.hp-active .hp-notification .hp-full .hp-resolution-container {
margin: 10px 20px; }
#hp-page-notifications.hp-active .hp-notification .hp-full .hp-activity-details {
display: inline-block;
margin-top: 10px; }
#hp-page-notifications.hp-active .hp-notification > header {
height: auto; }
#hp-page-notifications.hp-active .hp-notification > header .hp-message {
margin-top: 6px;
line-height: 23px;
white-space: normal;
word-break: normal;
word-break: break-word; }
#hp-page-notifications.hp-active .hp-notification > header .hp-message > p {
overflow: visible;
text-overflow: clip;
white-space: normal;
margin-bottom: 0px; }
html.hp-high-contrast #hp-page-notifications {
color: #333; }
#hp-page-notifications a {
color: #333; }
#hp-page-notifications a:hover {
text-decoration: underline; }
@media print {
#hp-page-notifications {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
display: none; } }
#hp-page-notifications .hp-notification {
position: relative;
display: inline-block;
vertical-align: top;
padding: 6px 0px 10px;
color: #333;
font-size: 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 0px;
border-top: 0px;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
overflow: hidden;
white-space: nowrap; }
#hp-page-notifications .hp-notification > header {
vertical-align: top;
height: 35px;
line-height: 35px; }
#hp-page-notifications .hp-notification > header > .hp-status {
top: 14px;
left: 4px;
line-height: 14px;
margin-right: 10px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-state {
color: #333;
font-size: 19px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-state .hp-duration {
color: #333;
font-size: 19px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-state .hp-progress {
margin-top: 15px; }
#hp-page-notifications .hp-notification .hp-notification-summary div.hp-aside {
color: #333;
font-size: 19px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-status-error {
background-position: 0px -160px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-status-warning {
background-position: -20px -160px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-status-ok {
background-position: -40px -160px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-status-unknown {
background-position: -60px -160px; }
#hp-page-notifications .hp-notification .hp-notification-summary .hp-status-disabled {
background-position: -80px -160px; }
#hp-page-notifications .hp-notification .hp-source, #hp-page-notifications .hp-notification .hp-source-name {
display: none; }
#hp-page-notifications .hp-notification .hp-full {
display: none;
position: relative;
margin: 0px 0px 20px 0px;
padding: 0px 28px;
white-space: normal; }
#hp-page-notifications .hp-notification .hp-full p, #hp-page-notifications .hp-notification .hp-full ul, #hp-page-notifications .hp-notification .hp-full ol {
margin: 10px 0px 0px; }
#hp-page-notifications .hp-notification .hp-full h3 {
color: #333;
font-size: 19px; }
#hp-page-notifications .hp-notification .hp-full div.hp-unset {
color: #333;
font-size: 19px; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol:first-child.hp-bullet li, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul:first-child.hp-bullet li {
padding-left: 0px; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol:first-child.hp-bullet li:before, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul:first-child.hp-bullet li:before {
content: none; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol.hp-bullet li, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul.hp-bullet li {
padding-left: 12px; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol.hp-bullet li:before, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul.hp-bullet li:before {
left: 0px; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container > h3 {
display: inline;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin: 2px 3px 0px -18px;
vertical-align: top; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-resolution {
display: inline-block; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-resolution > p:not(:first-child) {
margin-top: 0px; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-actions {
margin-top: 15px; }
#hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-actions > li {
color: #333;
display: inline-block;
margin-right: 20px; }
#hp-page-notifications .hp-notification:hover div.hp-timeago {
opacity: 1; }
#hp-page-notifications .hp-notification a {
font-size: 19px; }
#hp-page-notifications .hp-notification .hp-timestamp {
color: #333;
font-size: 19px; }
#hp-page-notifications .hp-controls {
display: inline-block;
vertical-align: top;
width: 200px;
margin-left: -5px;
padding: 8px 0px;
background-color: #f3f3f3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
#hp-page-notifications .hp-controls > header {
height: 35px;
line-height: 35px;
padding: 0px 10px; }
#hp-page-notifications .hp-controls > header .hp-view-all {
display: inline-block;
margin-right: 10px; }
#hp-page-notifications .hp-controls > header ol {
display: inline-block; }
#hp-page-notifications .hp-controls > header ol > li {
display: inline-block;
margin-right: 10px; }
#hp-page-notifications .hp-controls > header ol > li > * {
display: inline-block; }
#hp-page-notifications .hp-controls > header ol .hp-status {
top: 13px;
left: 2px; }
#hp-page-notifications .hp-controls .hp-selector {
display: none;
height: 0px;
margin-bottom: 0px;
overflow-y: auto; }
#hp-page-notifications .hp-controls .hp-selector li {
padding: 5px 10px;
background-color: #f3f3f3; }
#hp-page-notifications .hp-controls .hp-selector li.hp-selected {
background-color: #ccf0e7; }
#hp-page-notifications .hp-controls .hp-selector li:hover {
background-color: #e6e6e6; }
#hp-page-notifications .hp-controls .hp-selector li .hp-status {
display: inline-block;
top: 7px; }
#hp-page-notifications .hp-controls .hp-selector li .hp-message {
display: inline-block;
width: 160px; }
#hp-page-notifications .hp-controls .hp-selector li .hp-message > p {
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 151px; }
#hp-page-notifications .hp-controls .hp-selector li .hp-timestamp {
margin-left: 19px; }
body.hp-grommet-style #hp-page-notifications .hp-controls {
margin-left: 1px; }
#hp-page-notifications.hp-notify-error {
background-color: #f04953; }
#hp-page-notifications.hp-notify-error:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC);
right: 28px; }
#hp-page-notifications.hp-notify-error.hp-notify-narrow:after {
right: 7px; }
#hp-page-notifications.hp-notify-error:hover:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC);
background-position: -2px 3px; }
#hp-page-notifications.hp-notify-error:hover:not(.hp-active):not(.hp-has-controls) {
box-shadow: 0 0 0 2px #f04953; }
#hp-page-notifications.hp-notify-error.hp-has-controls:after {
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
right: 25px; }
#hp-page-notifications.hp-notify-error.hp-has-controls:hover:after {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
background-position: -5px 3px; }
#hp-page-notifications.hp-notify-error .hp-notification {
color: #fff; }
#hp-page-notifications.hp-notify-error .hp-notification a, #hp-page-notifications.hp-notify-error .hp-notification h3, #hp-page-notifications.hp-notify-error .hp-notification .hp-timestamp, #hp-page-notifications.hp-notify-error .hp-notification div.hp-aside, #hp-page-notifications.hp-notify-error .hp-notification div.hp-unset {
color: #fff; }
#hp-page-notifications.hp-notify-error .hp-notification .hp-notification-summary .hp-state, #hp-page-notifications.hp-notify-error .hp-notification .hp-notification-summary .hp-duration {
color: #fff; }
#hp-page-notifications.hp-notify-warning {
background-color: #ffD042; }
#hp-page-notifications.hp-notify-warning:hover:not(.hp-active):not(.hp-has-controls) {
box-shadow: 0 0 0 2px #ffD042; }
#hp-page-notifications.hp-notify-ok {
background-color: #e0e0e0; }
#hp-page-notifications.hp-notify-ok:hover:not(.hp-active):not(.hp-has-controls) {
box-shadow: 0 0 0 2px #e0e0e0; }
#hp-page-notifications.hp-notify-unknown {
background-color: #ccc; }
#hp-page-notifications.hp-notify-unknown:hover:not(.hp-active):not(.hp-has-controls) {
box-shadow: 0 0 0 2px #ccc; }
#hp-page-notifications.hp-notify-unknown .hp-status .hp-status-changing, #hp-page-notifications.hp-notify-unknown .hp-status.hp-status-changing {
background-position: -320px -140px; }
#hp-page-notifications.hp-notify-disabled {
background-color: #e0e0e0; }
#hp-page-notifications.hp-notify-disabled:hover:not(.hp-active):not(.hp-has-controls) {
box-shadow: 0 0 0 2px #e0e0e0; }
#hp-page-notifications.hp-notify-suspended {
background-color: #ccc; }
#hp-page-notifications.hp-notify-suspended:hover:not(.hp-active):not(.hp-has-controls) {
box-shadow: 0 0 0 2px #e0e0e0; }
@media print {
#hp-page-notifications {
display: block;
margin-bottom: 10px; } }
body.hp-wcag-focus-visible #hp-page-notifications {
display: none; }
body.hp-wcag-focus-visible #hp-page-notifications .hp-down-arrow {
background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
background-position: 2px 1px;
background-repeat: no-repeat;
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 25px;
top: 13px; }
body.hp-wcag-focus-visible #hp-page-notifications .hp-down-arrow:focus {
outline: 1px solid #00b388; }
body.hp-wcag-focus-visible #hp-page-notifications .hp-down-arrow:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
background-position: -1px 1px; }
body.hp-wcag-focus-visible #hp-page-notifications .hp-selector:focus {
outline: none; }
body.hp-wcag-focus-visible #hp-page-notifications a {
margin: 1px; }
body.hp-wcag-focus-visible #hp-page-notifications a:focus {
outline: 1px solid #00b388; }
body.hp-wcag-focus-visible #hp-page-notifications a.hp-view-all {
margin-right: 10px; }
body.hp-wcag-focus-visible #hp-page-notifications.hp-notify-error:not(.hp-has-controls) .hp-down-arrow {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC);
background-position: -1px 0px;
right: 28px; }
body.hp-wcag-focus-visible #hp-page-notifications.hp-available {
display: block; }
body.hp-wcag-focus-visible #hp-page-notifications.hp-active {
padding: 0px 20px; }
body.hp-wcag-focus-visible #hp-page-notifications.hp-active .hp-controls header {
height: 37px; }
body.hp-wcag-focus-visible #hp-page-notifications:after {
background-image: none;
content: "";
width: 0px;
height: 0px; }
body.hp-narrow #hp-page-notifications.hp-notify-narrow:not(.hp-has-controls):after {
right: 9px; }
.hp-notification-summary > * {
display: inline-block;
vertical-align: top;
margin-right: 10px; }
.hp-notification-summary .hp-status {
margin-right: 0px; }
.hp-notification-summary .hp-state {
color: #767676; }
.hp-notification-summary .hp-state .hp-progress {
width: 100px;
margin: 12px 10px 1px 10px; }
.hp-notification-summary .hp-state .hp-duration {
display: inline-block;
margin-left: 10px;
min-width: 40px;
color: #767676; }
.hp-notification-summary .hp-message {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.hp-notification-summary .hp-message > p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.hp-notification-summary .hp-aside {
position: absolute;
right: 65px;
color: #767676; }
.hp-notification-summary .hp-aside > * {
display: inline-block;
white-space: nowrap; }
.hp-notification-summary .hp-aside .hp-owner {
margin-right: 15px; }
.hp-notification-summary .hp-close {
position: relative;
top: 8px;
width: 20px;
height: 20px;
background-position: -156px -16px;
margin-left: 10px;
display: none; }
.hp-notification-summary .hp-close:hover {
background-position: -156px 4px; }
.hp-notification-summary .hp-close.hp-active {
display: inline-block; }
.hp-details-error {
display: none;
padding: 20px;
margin-bottom: 20px; }
.hp-details-notify, .hp-notify {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0px 15px 0px;
padding: 20px;
background-color: #ffD042;
color: #000;
white-space: normal;
display: none; }
html.hp-high-contrast .hp-details-notify, html.hp-high-contrast .hp-notify {
color: #333; }
.hp-details-notify.hp-active, .hp-notify.hp-active {
display: block; }
.hp-details-notify.hp-notify-heavy, .hp-notify.hp-notify-heavy {
height: auto;
width: auto;
margin: 10px auto; }
.hp-details-pane .hp-details-show-section .hp-details-notify, .hp-details-pane .hp-details-show-section .hp-notify {
margin-right: -15px; }
.hp-details-notify .hp-status, .hp-notify .hp-status {
margin-top: 12px;
margin-left: 12px; }
.hp-details-notify .hp-notify-message, .hp-notify .hp-notify-message {
padding: 8px 0px; }
@media print {
.hp-details-notify, .hp-notify {
padding: 15px 0px;
display: none; } }
.hp-details-notify a, .hp-notify a {
cursor: pointer; }
.hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
position: absolute;
top: 8px;
right: 12px; }
.hp-details-notify .hp-details-notify-controls li, .hp-details-notify .hp-notify-controls li, .hp-notify .hp-details-notify-controls li, .hp-notify .hp-notify-controls li {
display: inline-block;
margin-left: 8px; }
.hp-details-notify .hp-details-notify-controls li a, .hp-details-notify .hp-notify-controls li a, .hp-notify .hp-details-notify-controls li a, .hp-notify .hp-notify-controls li a {
font-weight: 600;
font-family: Metric, Arial, sans-serif;
color: #767676; }
@media print {
.hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
display: none; } }
.hp-form-content .hp-notify {
padding: 14px;
margin: 10px 0px 1px 0px;
max-width: 460px; }
.hp-form-content .hp-notify h3 {
display: inline;
font-size: 19px;
font-family: Metric, Arial, sans-serif;
font-weight: 600; }
.hp-dialog-notification {
position: relative;
background-color: #ffD042;
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 30px;
margin-bottom: 15px;
overflow: auto; }
html.hp-high-contrast .hp-dialog-notification {
color: #333; }
.hp-dialog-notification > * {
display: inline-block;
vertical-align: top;
max-width: 600px; }
.hp-dialog-notification > .hp-status {
display: none;
top: 2px;
height: 12px; }
.hp-dialog-notification > .hp-message {
display: inline-block; }
.hp-dialog-notification > .hp-full, .hp-dialog-notification .hp-details {
display: block;
margin-top: 10px; }
.hp-dialog-notification > .hp-full.hp-no-summary, .hp-dialog-notification .hp-details.hp-no-summary {
margin-top: 0px; }
.hp-dialog-notification > .hp-full > *, .hp-dialog-notification .hp-details > * {
max-width: 600px; }
.hp-dialog-notification > .hp-full .hp-contents, .hp-dialog-notification .hp-details .hp-contents {
overflow: auto; }
.hp-dialog-notification > .hp-full p, .hp-dialog-notification > .hp-full ul, .hp-dialog-notification > .hp-full ol, .hp-dialog-notification .hp-details p, .hp-dialog-notification .hp-details ul, .hp-dialog-notification .hp-details ol {
margin: 10px 0px; }
.hp-dialog-notification > .hp-full .hp-notification-details.hp-sub-details, .hp-dialog-notification .hp-details .hp-notification-details.hp-sub-details {
position: relative;
padding-left: 15px; }
.hp-dialog-notification > .hp-full .hp-notification-details.hp-sub-details:before, .hp-dialog-notification .hp-details .hp-notification-details.hp-sub-details:before {
display: block;
content: '-';
position: absolute;
top: 0px;
left: 0px; }
.hp-dialog-notification > .hp-full .hp-resolution-container > h3, .hp-dialog-notification .hp-details .hp-resolution-container > h3 {
display: inline;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
font-size: inherit;
margin-right: 5px;
vertical-align: top; }
.hp-dialog-notification > .hp-full .hp-resolution-container .hp-resolution, .hp-dialog-notification .hp-details .hp-resolution-container .hp-resolution {
display: inline-block; }
.hp-dialog-notification > .hp-full .hp-resolution-container .hp-resolution > p, .hp-dialog-notification .hp-details .hp-resolution-container .hp-resolution > p {
display: inline; }
.hp-dialog-notification > .hp-full .hp-resolution-container .hp-actions, .hp-dialog-notification .hp-details .hp-resolution-container .hp-actions {
margin-top: 15px; }
.hp-dialog-notification > .hp-full .hp-resolution-container .hp-actions > li, .hp-dialog-notification .hp-details .hp-resolution-container .hp-actions > li {
color: #333;
display: inline-block;
margin-right: 20px; }
.hp-dialog-notification > .hp-full .hp-actions, .hp-dialog-notification .hp-details .hp-actions {
margin-top: 15px;
margin-bottom: 0px; }
.hp-dialog-notification > .hp-full .hp-actions > li, .hp-dialog-notification .hp-details .hp-actions > li {
color: #333;
display: inline-block;
margin-right: 10px; }
.hp-details-pane .hp-notify {
width: auto;
margin: 0px 0px 20px 0px; }
.hp-temporary-status {
clear: both; }
.hp-error-section {
background-color: inherit; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-error-page {
left: 280px; }
#hp-error-page .hp-notify, .hp-error-section .hp-notify {
max-width: 600px;
height: auto;
margin: 0px auto;
background-color: #fff;
color: #000;
text-align: left;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc; }
#hp-error-page .hp-notify h1, .hp-error-section .hp-notify h1 {
display: block;
font-weight: 600;
font-size: 14px;
margin-bottom: 15px; }
#hp-error-page .hp-notify label, .hp-error-section .hp-notify label {
display: block;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-bottom: 5px; }
#hp-error-page .hp-notify a, .hp-error-section .hp-notify a {
text-decoration: underline; }
#hp-error-page .hp-notify footer, .hp-error-section .hp-notify footer {
width: 100%;
text-align: right; }
#hp-error-page .hp-notify .hp-spinner, .hp-error-section .hp-notify .hp-spinner {
width: 400px;
background-color: #fff;
color: #000;
padding: 20px 10px 50px 10px;
margin: 0px auto;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc; }
.hp-sessioned .hp-error-section {
background-color: inherit; }
.hp-sessioned .hp-error-section .hp-notify {
width: 400px;
margin: 0px auto;
background-color: #fff;
color: #000;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc; }
.hp-sessioned .hp-error-section .hp-notify-autowidth {
width: auto; }
.hp-unauthorized-page {
width: 400px;
margin: 40px auto;
padding: 10px;
background-color: #bce2ee;
color: #000; }
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container,
#hp-flyout-activities .hp-activity .hp-resolution-container,
#hp-activities .hp-resolution-container,
#hp-activity-resource-view .hp-resolution-container,
#hp-error-page .hp-state.hp-attention .hp-resolution-container,
.hp-hwsetup-panel .hp-resolution-container {
margin-bottom: 20px;
margin-left: 10px; }
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container p, #hp-page-notifications.hp-active .hp-notification .hp-resolution-container ul,
#hp-flyout-activities .hp-activity .hp-resolution-container p,
#hp-flyout-activities .hp-activity .hp-resolution-container ul,
#hp-activities .hp-resolution-container p,
#hp-activities .hp-resolution-container ul,
#hp-activity-resource-view .hp-resolution-container p,
#hp-activity-resource-view .hp-resolution-container ul,
#hp-error-page .hp-state.hp-attention .hp-resolution-container p,
#hp-error-page .hp-state.hp-attention .hp-resolution-container ul,
.hp-hwsetup-panel .hp-resolution-container p,
.hp-hwsetup-panel .hp-resolution-container ul {
margin-bottom: 0px; }
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container h3,
#hp-flyout-activities .hp-activity .hp-resolution-container h3,
#hp-activities .hp-resolution-container h3,
#hp-activity-resource-view .hp-resolution-container h3,
#hp-error-page .hp-state.hp-attention .hp-resolution-container h3,
.hp-hwsetup-panel .hp-resolution-container h3 {
font-size: 19px;
font-family: Metric, Arial, sans-serif;
margin: 2px 3px 0px -10px;
display: inline; }
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution,
#hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution,
#hp-activities .hp-resolution-container .hp-resolution,
#hp-activity-resource-view .hp-resolution-container .hp-resolution,
#hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution,
.hp-hwsetup-panel .hp-resolution-container .hp-resolution {
display: inline; }
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > p:first-child,
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > ul:first-child,
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
#hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > div:first-child,
#hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > p:first-child,
#hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > ul:first-child,
#hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
#hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > div:first-child,
#hp-activities .hp-resolution-container .hp-resolution > p:first-child,
#hp-activities .hp-resolution-container .hp-resolution > ul:first-child,
#hp-activities .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
#hp-activities .hp-resolution-container .hp-resolution > div:first-child,
#hp-activity-resource-view .hp-resolution-container .hp-resolution > p:first-child,
#hp-activity-resource-view .hp-resolution-container .hp-resolution > ul:first-child,
#hp-activity-resource-view .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
#hp-activity-resource-view .hp-resolution-container .hp-resolution > div:first-child,
#hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > p:first-child,
#hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > ul:first-child,
#hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
#hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > div:first-child,
.hp-hwsetup-panel .hp-resolution-container .hp-resolution > p:first-child,
.hp-hwsetup-panel .hp-resolution-container .hp-resolution > ul:first-child,
.hp-hwsetup-panel .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
.hp-hwsetup-panel .hp-resolution-container .hp-resolution > div:first-child {
display: inline; }
#hp-flyout-activities .hp-activity .hp-details > ol.hp-bullet li, #hp-flyout-activities .hp-activity .hp-details > ul.hp-bullet li {
padding-left: 0px; }
#hp-flyout-activities .hp-activity .hp-details > ol.hp-bullet li:before, #hp-flyout-activities .hp-activity .hp-details > ul.hp-bullet li:before {
content: none; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation {
margin-bottom: 20px; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation p, #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation ul {
margin-bottom: 0px; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution-container h3,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details-container h3 {
font-size: 16px;
font-family: Metric, Arial, sans-serif;
margin: 2px 3px 0px -10px;
display: inline; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details-container {
margin-bottom: 0px;
margin-left: 10px; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution-container {
margin-top: 0px;
margin-bottom: 20px;
margin-left: 10px; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details {
display: inline; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > p:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul:first-child > li:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > div:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > p:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul:first-child > li:first-child,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > div:first-child {
display: inline; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ol.hp-bullet li, #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul.hp-bullet li,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ol.hp-bullet li,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul.hp-bullet li {
padding-left: 0px; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ol.hp-bullet li:before, #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul.hp-bullet li:before,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ol.hp-bullet li:before,
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul.hp-bullet li:before {
content: none; }
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > p:not(:first-child),
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > p:not(:first-child) {
margin-top: 0px; }
@media print {
#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation {
max-width: 580px; } }
#hp-page-notifications.hp-active .hp-notification .hp-details,
#hp-flyout-activities .hp-activity .hp-details {
margin-bottom: 20px; }
#hp-error-page .hp-state.hp-attention .hp-details-correlations-container {
margin-top: 20px;
max-width: 400px; }
.hp-dialog-variable-contents .dataTable td.hp-name .hp-details-correlations-container {
margin-top: 20px; }
body.hp-grommet-style.hp-wcag-focus-visible #hp-dashboard-actions:focus {
outline: none;
border: 1px solid #00b388; }
body.hp-grommet-style.hp-wcag-focus-visible div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel a:focus, body.hp-grommet-style.hp-wcag-focus-visible div.hp-grid-panels#hp-settings-panels .hp-grid-panel a:focus, body.hp-grommet-style.hp-wcag-focus-visible div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel a:focus, body.hp-grommet-style.hp-wcag-focus-visible div.hp-grid-panels.hp-grid-float#hp-settings-panels .hp-grid-panel a:focus {
outline: none;
border: 1px solid #00b388; }
div.hp-grid-panels, div.hp-grid-panels.hp-grid-float {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
margin-top: 5px; }
div.hp-grid-panels.hp-dashboard-panels, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels {
outline: none; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel {
text-align: center; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container {
border-top: 0px; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header {
white-space: nowrap;
margin-bottom: 20px; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header h2, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header h2 {
margin: 0px;
font-family: "Work Sans", Arial, sans-serif;
font-weight: 100;
font-size: 1.5rem; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header h2 a.hp-name-link:after, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header h2 a.hp-name-link:after {
content: none; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header h2 a .hp-count, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container header h2 a .hp-count {
font-family: "Work Sans", Arial, sans-serif;
font-size: 1.4rem;
color: #000; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container .hp-utilization-summary.hp-utilization-ring, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container .hp-utilization-summary.hp-utilization-ring {
padding-right: 30px; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex {
display: flex;
flex-direction: column; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents {
display: flex;
height: 100%;
max-height: 100%;
width: 100%;
max-width: 100%;
overflow: auto;
justify-content: center;
align-items: flex-start; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary {
margin-bottom: 0px; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container {
display: flex;
justify-content: center;
flex-direction: column; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-summary, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-summary {
font-family: "Work Sans", Arial, sans-serif;
font-size: 1.5rem;
display: flex;
justify-content: space-between; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-summary > div, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-summary > div {
display: flex;
font-weight: 600; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-summary .hp-label, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-summary .hp-label {
font-size: 1.1875rem; }
div.hp-grid-panels.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-meter-series, div.hp-grid-panels.hp-grid-float.hp-dashboard-panels .hp-grid-panel .hp-panel-contents-container.hp-flex .hp-panel-contents .hp-utilization-summary .hp-donut-container .hp-meter-series {
width: 200px; }
div.hp-grid-panels div.hp-grid-row, div.hp-grid-panels.hp-grid-float div.hp-grid-row {
white-space: nowrap;
overflow: visible;
font-size: 0px; }
div.hp-grid-panels div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels div.hp-grid-row > div.hp-grid-column, div.hp-grid-panels.hp-grid-float div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels.hp-grid-float div.hp-grid-row > div.hp-grid-column {
display: inline-block;
vertical-align: top;
white-space: normal;
font-size: 16px;
margin: 0px; }
div.hp-grid-panels div.hp-grid-column, div.hp-grid-panels.hp-grid-float div.hp-grid-column {
white-space: normal;
overflow: visible;
display: inline-block; }
div.hp-grid-panels div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels div.hp-grid-column > div.hp-grid-row, div.hp-grid-panels.hp-grid-float div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels.hp-grid-float div.hp-grid-column > div.hp-grid-row {
display: block; }
div.hp-grid-panels div.hp-grid-panel, div.hp-grid-panels.hp-grid-float div.hp-grid-panel {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 15px 30px;
-moz-background-clip: padding-box !important;
-webkit-background-clip: padding-box !important;
-ms-background-clip: padding-box !important;
-o-background-clip: padding-box !important;
background-clip: padding-box !important;
overflow: hidden; }
div.hp-grid-panels div.hp-grid-panel.hp-secondary, div.hp-grid-panels.hp-grid-float div.hp-grid-panel.hp-secondary {
background-color: #f3f3f3; }
div.hp-grid-panels div.hp-grid-panel header, div.hp-grid-panels div.hp-grid-panel .hp-panel-header, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header {
position: relative;
margin: 17px 0px;
padding: 0px;
height: 30px;
line-height: 28px;
color: #000;
font-family: Metric;
-webkit-transition: border-color 0.2s;
-moz-transition: border-color 0.2s;
transition: border-color 0.2s; }
div.hp-grid-panels div.hp-grid-panel header:first-child, div.hp-grid-panels div.hp-grid-panel .hp-panel-header:first-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header:first-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header:first-child {
margin-top: 0px; }
div.hp-grid-panels div.hp-grid-panel header > *, div.hp-grid-panels div.hp-grid-panel .hp-panel-header > *, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header > *, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header > * {
display: inline-block;
vertical-align: baseline; }
div.hp-grid-panels div.hp-grid-panel header h2, div.hp-grid-panels div.hp-grid-panel .hp-panel-header h2, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header h2, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header h2 {
margin: 0px 20px 0px 0px;
padding: 0px;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 18px; }
div.hp-grid-panels div.hp-grid-panel header h2 a, div.hp-grid-panels div.hp-grid-panel .hp-panel-header h2 a, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header h2 a, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header h2 a {
color: #000;
text-decoration: none; }
div.hp-grid-panels div.hp-grid-panel header h2 a:after, div.hp-grid-panels div.hp-grid-panel .hp-panel-header h2 a:after, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header h2 a:after, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header h2 a:after {
content: ' >';
color: #333;
cursor: pointer; }
div.hp-grid-panels div.hp-grid-panel header h2 a:hover, div.hp-grid-panels div.hp-grid-panel .hp-panel-header h2 a:hover, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header h2 a:hover, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header h2 a:hover {
color: #333;
text-decoration: none; }
div.hp-grid-panels div.hp-grid-panel header h2 a:hover:after, div.hp-grid-panels div.hp-grid-panel .hp-panel-header h2 a:hover:after, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header h2 a:hover:after, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header h2 a:hover:after {
content: ' >';
color: #333; }
div.hp-grid-panels div.hp-grid-panel header h2 a .hp-count, div.hp-grid-panels div.hp-grid-panel .hp-panel-header h2 a .hp-count, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header h2 a .hp-count, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header h2 a .hp-count {
color: #767676;
padding-left: 3px;
font-family: Metric; }
div.hp-grid-panels div.hp-grid-panel header .hp-panel-edit, div.hp-grid-panels div.hp-grid-panel .hp-panel-header .hp-panel-edit, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header .hp-panel-edit, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header .hp-panel-edit {
padding-left: 20px;
margin-left: 20px;
vertical-align: top;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xNoyYpgoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAu0lEQVQokZXQMU7CYBgG4Kc/JlzAkdHJyMQFCHF10x7CC5iYdKETB4CNxbHxCI0h4Qg4OjpyAZbWpTV/ArTwLe/0fO+XL6nrWteEIh/jAy9Vmv1AuAB8YYhNKPI7SM41ReAXEyzxhOlJFIESj1jjHd84HKEIfOIVD1HjCLPQBao0q5vtZQuqNNuFLhCKPMGqOXFWpdnu/3s94DkGMJjfD64CbdNVoEW3WFwK4KbJUShyeOsDMdo2ue8D8AeAfmuVNPonSQAAAABJRU5ErkJggg==);
background-position: 1px 6px;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
div.hp-grid-panels div.hp-grid-panel header .hp-panel-edit:hover, div.hp-grid-panels div.hp-grid-panel .hp-panel-header .hp-panel-edit:hover, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header .hp-panel-edit:hover, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header .hp-panel-edit:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xNoyYpgoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAdUlEQVQokZXPsQ3DMAwEwHMmcZHWG2TAbKARMo46T5DOQ9CNZCgpZKl4EHjiQFBE6AUbMp5XNwAO7PhWOAIyHkgV3oFPme8Cd+QeSFj+Lh7YuqB0S3Nx+/mpA1ILLjQDym4OVDQFKgqso6BFL6wjoEU1tyAinCgtHfQUI4IwAAAAAElFTkSuQmCC);
background-position: 1px 6px; }
div.hp-grid-panels div.hp-grid-panel header .hp-panel-edit:focus, div.hp-grid-panels div.hp-grid-panel .hp-panel-header .hp-panel-edit:focus, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header .hp-panel-edit:focus, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header .hp-panel-edit:focus {
opacity: 1; }
html.touch div.hp-grid-panels div.hp-grid-panel header .hp-panel-edit, html.touch div.hp-grid-panels div.hp-grid-panel .hp-panel-header .hp-panel-edit, html.touch div.hp-grid-panels.hp-grid-float div.hp-grid-panel header .hp-panel-edit, html.touch div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header .hp-panel-edit {
display: none; }
html.touch #hp-settings-show-overview div.hp-grid-panels div.hp-grid-panel header .hp-panel-edit, html.touch #hp-settings-show-overview div.hp-grid-panels div.hp-grid-panel .hp-panel-header .hp-panel-edit, html.touch #hp-settings-show-overview div.hp-grid-panels.hp-grid-float div.hp-grid-panel header .hp-panel-edit, html.touch #hp-settings-show-overview div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header .hp-panel-edit {
display: inline-block;
opacity: 1; }
div.hp-grid-panels div.hp-grid-panel header .hp-resource-summary, div.hp-grid-panels div.hp-grid-panel .hp-panel-header .hp-resource-summary, div.hp-grid-panels.hp-grid-float div.hp-grid-panel header .hp-resource-summary, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header .hp-resource-summary {
margin-left: 5px;
font-size: 18px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-header, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header {
line-height: 28px;
height: auto; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-header ol.hp-panel-links, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header ol.hp-panel-links {
vertical-align: top;
margin-bottom: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-header ol.hp-panel-links li, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-header ol.hp-panel-links li {
display: inline-block;
padding: 0px 20px 0px 0px;
vertical-align: middle;
white-space: normal;
line-height: 16px; }
div.hp-grid-panels div.hp-grid-panel:hover > header, div.hp-grid-panels.hp-grid-float div.hp-grid-panel:hover > header {
border-color: #b3b3b3; }
div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit, div.hp-grid-panels.hp-grid-float div.hp-grid-panel:hover .hp-panel-edit {
opacity: 1; }
div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit.hp-unauthorized, div.hp-grid-panels.hp-grid-float div.hp-grid-panel:hover .hp-panel-edit.hp-unauthorized {
display: none; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-top: 3px solid #e6e6e6;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
height: 100%; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container:hover, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container:hover {
border-color: #b3b3b3; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents ol.hp-utilization-summary li, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents ol.hp-utilization-summary li {
display: inline-block; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents > *:last-child, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-show-form > fieldset > ol:last-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents > *:last-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-show-form > fieldset > ol:last-child {
margin-bottom: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-pie-summary, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-contents .hp-pie-summary {
text-align: center; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container header h2 .hp-status, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-header h2 .hp-status, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container header h2 .hp-status, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-header h2 .hp-status {
display: none; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container header h2 .hp-status.hp-active.hp-status-error, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-header h2 .hp-status.hp-active.hp-status-error, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container header h2 .hp-status.hp-active.hp-status-error, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-header h2 .hp-status.hp-active.hp-status-error {
display: inline-block;
height: 19px;
width: 19px;
top: 6px;
margin-right: 7px;
background-position: -0px 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container header h2 .hp-status.hp-active.hp-status-warning, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container .hp-panel-header h2 .hp-status.hp-active.hp-status-warning, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container header h2 .hp-status.hp-active.hp-status-warning, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents-container .hp-panel-header h2 .hp-status.hp-active.hp-status-warning {
display: inline-block;
height: 19px;
width: 19px;
top: 6px;
margin-right: 7px;
background-position: -20px 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-panel-table table {
width: 100%; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table td:first-of-type, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-panel-table table th:first-of-type, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-panel-table table td:first-of-type, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-panel-table table th:first-of-type {
padding-left: 20px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents > *, div.hp-grid-panels div.hp-grid-panel .hp-panel-contents table, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents > *, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents table {
max-width: 100%; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents .hp-column-form, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents .hp-column-form {
float: none;
padding-bottom: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents .hp-section, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents .hp-section {
margin-bottom: 10px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-column {
width: 100%;
position: relative; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel {
padding: 15px 0px;
overflow: visible;
width: 100%; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel:first-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel:first-child {
padding-top: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel:last-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel:last-child {
padding-bottom: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel > *:last-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-column > .hp-grid-panel > *:last-child {
margin-bottom: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-row {
width: 100%;
height: 100%; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel {
padding: 0px 15px;
overflow: visible;
height: 100%; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel:first-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel:first-child {
padding-left: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel:last-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel:last-child {
padding-right: 0px; }
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel > *:last-child, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents.hp-grid-row > .hp-grid-panel > *:last-child {
margin-bottom: 0px; }
@media print {
div.hp-grid-panels div.hp-grid-panel .hp-panel-contents, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents {
position: static;
margin: 0px;
width: auto !important;
height: auto !important; } }
div.hp-grid-panels div.hp-grid-panel .hp-panel-controls, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-controls {
position: absolute;
left: 15px;
right: 15px;
bottom: 0px;
background-color: #fff;
margin-bottom: 0px;
padding-bottom: 15px; }
@media print {
div.hp-grid-panels div.hp-grid-panel, div.hp-grid-panels.hp-grid-float div.hp-grid-panel {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
display: block !important;
width: auto !important;
height: auto !important;
background-image: none; } }
div.hp-grid-panels.hp-grid-narrow, div.hp-grid-panels.hp-grid-float.hp-grid-narrow {
position: static;
overflow: auto; }
div.hp-grid-panels.hp-grid-narrow .hp-grid-row, div.hp-grid-panels.hp-grid-narrow .hp-grid-column, div.hp-grid-panels.hp-grid-narrow .hp-grid-panel, div.hp-grid-panels.hp-grid-float.hp-grid-narrow .hp-grid-row, div.hp-grid-panels.hp-grid-float.hp-grid-narrow .hp-grid-column, div.hp-grid-panels.hp-grid-float.hp-grid-narrow .hp-grid-panel {
display: block;
width: 100%;
white-space: normal; }
div.hp-grid-panels.hp-grid-narrow .hp-grid-panel, div.hp-grid-panels.hp-grid-float.hp-grid-narrow .hp-grid-panel {
padding-left: 0px;
padding-right: 0px; }
div.hp-grid-panels.hp-grid-narrow div.hp-grid-row, div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-row {
display: block;
width: 100%;
white-space: normal;
overflow: auto; }
div.hp-grid-panels.hp-grid-narrow div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels.hp-grid-narrow div.hp-grid-row > div.hp-grid-column, div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-row > div.hp-grid-panel, div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-row > div.hp-grid-column {
display: block;
vertical-align: baseline;
white-space: normal;
margin-left: 0px; }
div.hp-grid-panels.hp-grid-narrow div.hp-grid-column, div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-column {
display: block;
width: 100%;
white-space: normal;
overflow: auto; }
div.hp-grid-panels.hp-grid-narrow div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels.hp-grid-narrow div.hp-grid-column > div.hp-grid-row, div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-column > div.hp-grid-panel, div.hp-grid-panels.hp-grid-float.hp-grid-narrow div.hp-grid-column > div.hp-grid-row {
display: block; }
div.hp-grid-panels.hp-grid-narrow .hp-panel-contents, div.hp-grid-panels.hp-grid-float.hp-grid-narrow .hp-panel-contents {
position: static; }
div.hp-grid-panels > canvas, div.hp-grid-panels.hp-grid-float > canvas {
position: absolute;
top: 0px;
left: 0px;
opacity: 0.5;
pointer-events: none; }
@media print {
div.hp-grid-panels, div.hp-grid-panels.hp-grid-float {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible; } }
div.hp-grid-panels.hp-grid-float {
font-size: 0px; }
div.hp-grid-panels.hp-grid-float.hp-horizontal {
white-space: nowrap;
overflow-x: auto; }
div.hp-grid-panels.hp-grid-float.hp-horizontal div.hp-grid-panel form.hp-show-form {
max-width: 600px; }
div.hp-grid-panels.hp-grid-float.hp-vertical {
overflow-y: auto; }
div.hp-grid-panels.hp-grid-float div.hp-grid-panel {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
white-space: normal;
margin: 0px; }
div.hp-grid-panels.hp-grid-float div.hp-grid-panel header {
box-sizing: border-box; }
div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-contents, div.hp-grid-panels.hp-grid-float div.hp-grid-panel .hp-panel-edit {
font-size: 16px; }
.hp-secondary-panel {
background-color: #f3f3f3; }
div.hp-related > canvas {
position: absolute; }
ol.hp-buckets li.hp-bucket {
position: relative;
background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
background-position: left bottom;
background-repeat: repeat-x;
padding: 10px 0px; }
ol.hp-buckets li.hp-bucket:last-of-type {
background: none; }
ol.hp-buckets li.hp-bucket > label {
position: absolute;
right: 10px;
top: 19px;
width: 76px;
color: #767676;
white-space: normal;
text-align: right; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items {
position: relative;
white-space: nowrap;
margin-right: 100px;
overflow: hidden;
text-align: center; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item {
position: relative;
display: inline-block;
margin-right: 5px;
background-color: #fff;
padding: 8px;
min-width: 140px;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
overflow: visible;
z-index: 2; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item:hover {
z-index: 10; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-disabled {
cursor: default; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-disabled a {
cursor: default;
text-decoration: none; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-selected {
background-color: #ccf0e7; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-selection-related {
border-color: #2ad2c9; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item.hp-highlight {
border-color: #666;
z-index: 5; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-status {
position: relative;
display: inline-block;
height: 14px;
top: 8px; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-name {
display: inline-block;
vertical-align: top;
color: #000;
max-width: 200px; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-alias {
display: inline-block;
vertical-align: top;
color: #767676;
padding-left: 5px;
max-width: 200px; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-model {
color: #767676;
padding-left: 18px;
padding-right: 20px; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-jump {
position: absolute;
bottom: 0px;
right: 0px;
display: none; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-category-name {
color: #000;
margin-bottom: 3px; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item .hp-summary-status .hp-status {
top: 4px; }
ol.hp-buckets li.hp-bucket ol.hp-bucket-items li.hp-bucket-item:hover {
border-color: #676767; }
ol.hp-buckets.hp-has-highlight .hp-bucket-item, ol.hp-buckets.hp-disabled .hp-bucket-item {
opacity: 0.4; }
ol.hp-buckets.hp-has-highlight .hp-bucket-item.hp-highlight, ol.hp-buckets.hp-disabled .hp-bucket-item.hp-highlight {
opacity: 1.0; }
ol.hp-stacked-panels {
height: 100%;
overflow: auto; }
ol.hp-stacked-panels > li.hp-stacked-panel {
margin-bottom: 20px; }
ol.hp-stacked-panels > li.hp-stacked-panel:first-child > label {
border-top: none;
border-bottom: 1px solid #d9d9d9; }
ol.hp-stacked-panels > li.hp-stacked-panel:last-child {
margin-bottom: 0px; }
ol.hp-stacked-panels > li.hp-stacked-panel:only-child {
height: 100%; }
ol.hp-stacked-panels > li.hp-stacked-panel:hover > label .hp-panel-edit {
opacity: 1; }
ol.hp-stacked-panels > li.hp-stacked-panel:hover > label .hp-panel-edit.hp-unauthorized {
display: none; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-active {
padding-top: 56px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-active > label {
position: absolute;
left: 0px;
right: 0px;
border-top: none;
border-bottom: 1px solid #e6e6e6; }
@media print {
ol.hp-stacked-panels > li.hp-stacked-panel.hp-active > label {
position: relative;
border-top: 1px solid #e6e6e6;
border-bottom: none; } }
ol.hp-stacked-panels > li.hp-stacked-panel > label {
position: relative;
display: block;
font-size: 21px;
color: #333;
top: 0px;
z-index: 45;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
border-top: 1px solid #e6e6e6;
font-family: Metric;
font-weight: 600;
line-height: 22px; }
html.hp-high-contrast ol.hp-stacked-panels > li.hp-stacked-panel > label {
color: #333; }
ol.hp-stacked-panels > li.hp-stacked-panel > label .hp-panel-edit {
padding-left: 20px;
margin-left: 20px;
font-family: Metric;
font-weight: normal;
font-size: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xNoyYpgoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAu0lEQVQokZXQMU7CYBgG4Kc/JlzAkdHJyMQFCHF10x7CC5iYdKETB4CNxbHxCI0h4Qg4OjpyAZbWpTV/ArTwLe/0fO+XL6nrWteEIh/jAy9Vmv1AuAB8YYhNKPI7SM41ReAXEyzxhOlJFIESj1jjHd84HKEIfOIVD1HjCLPQBao0q5vtZQuqNNuFLhCKPMGqOXFWpdnu/3s94DkGMJjfD64CbdNVoEW3WFwK4KbJUShyeOsDMdo2ue8D8AeAfmuVNPonSQAAAABJRU5ErkJggg==);
background-position: 1px 3px;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
ol.hp-stacked-panels > li.hp-stacked-panel > label .hp-panel-edit:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xNoyYpgoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAdUlEQVQokZXPsQ3DMAwEwHMmcZHWG2TAbKARMo46T5DOQ9CNZCgpZKl4EHjiQFBE6AUbMp5XNwAO7PhWOAIyHkgV3oFPme8Cd+QeSFj+Lh7YuqB0S3Nx+/mpA1ILLjQDym4OVDQFKgqso6BFL6wjoEU1tyAinCgtHfQUI4IwAAAAAElFTkSuQmCC);
background-position: 1px 3px; }
ol.hp-stacked-panels > li.hp-stacked-panel > label .hp-panel-edit:focus {
opacity: 1; }
ol.hp-stacked-panels > li.hp-stacked-panel > label .hp-panel-count {
position: absolute;
right: 0px;
bottom: 7px;
margin-right: 20px;
color: #767676;
font-size: 13px;
font-style: italic;
font-family: Metric; }
ol.hp-stacked-panels > li.hp-stacked-panel > ol, ol.hp-stacked-panels > li.hp-stacked-panel > ul {
margin-bottom: 20px; }
ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-column-form {
display: inline-block;
width: auto;
vertical-align: top; }
ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside {
display: inline-block;
vertical-align: top;
margin: 0px 20px 0px 60px;
padding: 20px;
background: #f8f8f8;
border-left: 3px solid #eee;
border-radius: 3px; }
ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside .hp-column-form {
padding: 0px; }
ol.hp-stacked-panels > li.hp-stacked-panel > .hp-panel-contents > .hp-panel-aside .hp-column-form fieldset:last-of-type {
margin-bottom: 0px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-stacked-panel-notification.hp-active {
padding-top: 0px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-stacked-panel-notification > label {
padding: 0px;
margin: 0px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-stacked-panel-notification > .hp-dialog-notification {
margin: 0px 30px 30px 30px;
top: 15px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-migration-panel .hp-controls {
margin-bottom: 20px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-migration-panel .hp-controls label {
display: inline-block;
max-width: 600px; }
@media only screen and (max-width: 600px) {
ol.hp-stacked-panels > li.hp-stacked-panel.hp-migration-panel .hp-controls label {
margin-top: 10px; } }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-migration-panel p {
max-width: 600px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-migration-panel .hp-acknowledgement li.hp-form-item {
margin-bottom: 0px; }
ol.hp-stacked-panels > li.hp-stacked-panel.hp-migration-panel .hp-acknowledgement li.hp-form-item .hp-checkbox-label {
display: inline-block;
max-width: 85%;
margin-bottom: 0px; }
@media print {
ol.hp-stacked-panels > li.hp-stacked-panel {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
height: auto !important; } }
@-moz-document url-prefix() {
ol.hp-stacked-panels.hp-wrap-contents > li.hp-stacked-panel fieldset {
display: table-cell;
margin-bottom: 0px; } }
@media print {
ol.hp-stacked-panels {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
height: auto;
width: auto;
overflow: visible;
height: auto !important; } }
.hp-rich-enumeration > li > * {
padding-left: 20px; }
.hp-rich-enumeration > li > table td:first-of-type {
padding-left: 20px; }
.hp-rich-enumeration > li > h2 {
border-top: 1px solid #d9d9d9;
padding: 7px 20px;
color: #767676; }
html.hp-high-contrast .hp-rich-enumeration > li > h2 {
color: #333; }
.hp-device, .hp-logical {
padding: 5px 15px;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px; }
.hp-device.hp-placeholder, .hp-logical.hp-placeholder {
background-image: none;
border-color: #eee; }
.hp-device .hp-status, .hp-device .hp-device-name, .hp-logical .hp-status, .hp-logical .hp-device-name {
display: inline-block;
vertical-align: bottom;
top: 2px; }
.hp-device .hp-status .hp-status, .hp-logical .hp-status .hp-status {
top: 0px;
left: 0px; }
.hp-device .hp-device-model, .hp-device .hp-secondary, .hp-device .hp-context, .hp-logical .hp-device-model, .hp-logical .hp-secondary, .hp-logical .hp-context {
display: block;
margin-top: 3px;
padding-left: 18px;
color: #767676; }
.hp-device .hp-context, .hp-logical .hp-context {
font-size: 15px;
margin-bottom: 10px; }
.hp-filter-pane .hp-device, .hp-filter-pane .hp-rack .hp-device, .hp-filter-pane .hp-logical, .hp-filter-pane .hp-rack .hp-logical {
background: none;
padding: 5px; }
.hp-device a, .hp-logical a {
color: #333; }
.hp-device a.selectBox-dropdown, .hp-logical a.selectBox-dropdown {
color: #333; }
.hp-device {
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px; }
.hp-card {
padding: 5px 10px;
background-color: #fff; }
.hp-path-cable {
position: relative;
top: 12px;
width: 20px;
height: 13px;
background: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -200px -140px;
background-repeat: no-repeat; }
.hp-usage {
position: relative;
margin: 2px 65px 0px 10px;
height: 10px;
width: 40px; }
.hp-usage label {
position: absolute;
top: -2px;
left: 50px;
color: #767676; }
.hp-up-ports > li:last-of-type, .hp-down-ports > li:last-of-type {
margin-bottom: 0px; }
.hp-up-port, .hp-down-port {
margin-bottom: 5px;
padding: 5px 10px;
min-width: 44px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-up-port > *, .hp-down-port > * {
display: inline-block;
vertical-align: top; }
.hp-up-port label, .hp-down-port label {
margin-right: 5px; }
.hp-up-port .hp-status, .hp-down-port .hp-status {
top: 2px;
height: 14px;
width: 14px; }
.hp-up-port {
border-top: 1px solid #ccc; }
.hp-up-port:first-child {
border-top: none; }
.hp-down-port {
border-top: 1px solid #ccc; }
.hp-down-port:first-child {
border-top: none; }
.hp-nic > *, .hp-switch > * {
display: table-cell;
vertical-align: top; }
.hp-nic .hp-up-ports, .hp-switch .hp-up-ports {
margin-left: -4px;
border-left: 1px solid #ccc;
padding: 0px 5px; }
.hp-nic .hp-down-ports, .hp-switch .hp-down-ports {
margin-right: -4px;
border-right: 1px solid #ccc; }
.hp-nic .hp-card, .hp-switch .hp-card {
border: 2px solid #ccc; }
.hp-nic .hp-card > label, .hp-switch .hp-card > label {
display: block;
margin-left: 8px; }
.hp-nic .hp-card > ol, .hp-switch .hp-card > ol {
margin: 5px 0px; }
.hp-nic .hp-card .hp-port, .hp-switch .hp-card .hp-port {
padding-bottom: 5px;
padding-left: 8px;
padding: 5px 10px;
border-bottom: 1px solid #ccc; }
.hp-nic .hp-card .hp-port:last-child, .hp-switch .hp-card .hp-port:last-child {
border-bottom: none;
margin-bottom: 0px; }
.hp-nic .hp-card .hp-port > *, .hp-switch .hp-card .hp-port > * {
display: inline-block;
vertical-align: top;
margin-right: 5px; }
.hp-nic .hp-card .hp-port .hp-status, .hp-switch .hp-card .hp-port .hp-status {
display: inline-block; }
.hp-form-section {
position: relative; }
.hp-form-section > * {
vertical-align: top;
margin-right: 40px; }
.hp-form-section .hp-graphic-aside {
margin-right: 0px; }
.hp-graphic-aside {
position: absolute;
top: 0px;
right: 0px;
background-color: #fff;
-webkit-box-shadow: 3px 3px 8px 0px #666;
-moz-box-shadow: 3px 3px 8px 0px #666;
box-shadow: 3px 3px 8px 0px #666;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
background-image: url("../../img/hp-piano/close.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: 98% 4%;
background-repeat: no-repeat; }
.hp-graphic-aside.hp-thumbnail {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-o-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-o-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right; }
.hp-appliance-faces {
position: relative;
display: inline-block;
border: 1px solid #d9d9d9;
padding: 20px 40px 40px 40px;
border-radius: 3px; }
.hp-appliance-faces > canvas {
position: absolute;
top: 69px;
z-index: 100; }
.hp-appliance-faces > label {
display: block;
text-align: center;
margin-top: -10px;
font-size: 16px;
color: #767676; }
.hp-appliance-faces .hp-appliance-node {
position: relative;
margin: 30px 0px 20px 0px; }
.hp-appliance-faces .hp-appliance-node > label {
position: relative;
top: -5px;
color: #767676; }
.hp-appliance-faces .hp-appliance-ports {
background-color: #f3f3f3;
padding: 20px;
border: 1px solid #ccc;
border-radius: 3px;
background-image: url("../../img/hp-piano/card-pin.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"), url("../../img/hp-piano/card-pin.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: top left, top right;
background-repeat: repeat-y, repeat-y; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port-spacer {
display: inline-block;
width: 20px; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port {
position: relative;
display: inline-block;
border: 3px solid #999;
background-color: #fff;
margin: 15px 2px;
width: 40px;
height: 26px;
border-bottom: 6px dashed #999; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-warning {
border-color: #ffd144; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-error {
border-color: #f04953; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-ok {
border-color: #90A3B2; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port > label {
display: block;
position: absolute;
top: -20px;
width: 40px;
text-align: center;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
.hp-appliance-faces .hp-appliance-ports .hp-appliance-port > .hp-appliance-port-use {
display: block;
position: absolute;
bottom: -24px;
color: #767676;
font-size: 12px;
width: 40px;
text-align: center; }
.hp-virtual-appliance {
display: inline-block;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px; }
.hp-virtual-appliance label {
text-align: center;
display: block;
color: #767676;
padding: 5px 0px 0px 0px;
font-family: Metric; }
html.hp-high-contrast .hp-virtual-appliance label {
color: #333; }
.hp-virtual-appliance .hp-aspects {
margin: 30px 0px 0px 30px;
text-align: left; }
.hp-virtual-appliance .hp-aspects .hp-aspect {
display: inline-block;
vertical-align: top;
text-align: left;
margin-right: 30px;
margin-bottom: 30px;
width: 130px;
font-size: 16px; }
.hp-virtual-appliance .hp-aspects .hp-aspect h2 {
font-size: 18px;
color: #767676;
margin: 0px 0px 20px 0px;
font-family: Metric; }
html.hp-high-contrast .hp-virtual-appliance .hp-aspects .hp-aspect h2 {
color: #333; }
.hp-virtual-appliance .hp-aspects .hp-aspect .hp-status, .hp-virtual-appliance .hp-aspects .hp-aspect .hp-value {
display: inline-block;
line-height: 20px; }
.hp-virtual-appliance .hp-aspects .hp-aspect .hp-status {
top: 1px; }
.hp-virtual-appliance .hp-aspects .hp-aspect .hp-value {
margin-left: 8px; }
.hp-virtual-appliance .hp-aspects .hp-aspect .hp-error {
display: inline-block;
margin-top: 10px;
padding: 10px;
background-color: #ffD042; }
.hp-virtual-appliance .hp-aspects.hp-summary .hp-aspect .hp-value {
font-size: 20px; }
.hp-virtual-appliance.hp-small > label {
display: none; }
.hp-virtual-appliance.hp-small .hp-aspects {
margin: 10px 0px 0px 10px; }
.hp-virtual-appliance.hp-small .hp-aspects .hp-aspect {
margin-right: 10px;
margin-bottom: 10px;
width: 100px;
font-size: inherit; }
.hp-virtual-appliance.hp-small .hp-aspects .hp-aspect h2 {
font-size: 13px;
margin: 0px 0px 5px 0px; }
.hp-virtual-appliance.hp-small .hp-aspects .hp-aspect .hp-status {
top: 4px; }
.hp-virtual-appliance.hp-small .hp-aspects .hp-aspect .hp-value {
margin-left: -2px; }
.hp-enclosure {
display: inline-block;
position: relative;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
background-image: none; }
.hp-enclosure.hp-highlighted .hp-bay > label {
opacity: 0.2; }
.hp-enclosure.hp-highlighted .hp-bay > .hp-device > *, .hp-enclosure.hp-highlighted .hp-bay > .hp-empty > * {
opacity: 0.2; }
.hp-enclosure.hp-highlighted .hp-bay.hp-highlight {
border: 1px solid #676767; }
.hp-enclosure.hp-highlighted .hp-bay.hp-highlight > label {
opacity: 1; }
.hp-enclosure.hp-highlighted .hp-bay.hp-highlight > .hp-device > *, .hp-enclosure.hp-highlighted .hp-bay.hp-highlight > .hp-empty > * {
opacity: 1; }
.hp-enclosure > .hp-bays {
white-space: nowrap;
font-size: 0px;
margin: 0px;
padding: 0px; }
.hp-enclosure > .hp-bays.hp-io-bays label {
display: none; }
.hp-enclosure > .hp-bays.hp-io-bays .hp-switch.hp-device > *, .hp-enclosure > .hp-bays.hp-io-bays .hp-io-content > * {
display: inline-block; }
.hp-enclosure > .hp-bays.hp-io-bays .hp-io-content > :first-child {
margin-right: 15px; }
.hp-enclosure > .hp-bays > li {
display: inline-block;
font-size: 16px;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: 24px; }
.hp-enclosure > .hp-bays > .hp-bay {
position: relative;
border: 1px solid #ccc; }
.hp-enclosure > .hp-bays > .hp-bay.hp-faceplate {
background-color: #ccc; }
.hp-enclosure > .hp-bays > .hp-bay.hp-has-flyout > label {
opacity: 0.4; }
.hp-enclosure > .hp-bays > .hp-bay.hp-has-flyout > .hp-device > *, .hp-enclosure > .hp-bays > .hp-bay.hp-has-flyout > .hp-empty > * {
opacity: 0.4; }
.hp-enclosure > .hp-bays > .hp-bay.hp-empty {
text-align: right;
min-height: 24px;
color: #767676;
background-color: #f3f3f3; }
.hp-enclosure > .hp-bays > .hp-bay.hp-empty .hp-empty {
padding-right: 5px;
padding-top: 0px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-double-high, .hp-enclosure > .hp-bays > .hp-bay.hp-double-wide, .hp-enclosure > .hp-bays > .hp-bay.hp-double-wide-right-eclipsed {
overflow: visible; }
.hp-enclosure > .hp-bays > .hp-bay.hp-double-high > label, .hp-enclosure > .hp-bays > .hp-bay.hp-double-wide > label, .hp-enclosure > .hp-bays > .hp-bay.hp-double-wide-right-eclipsed > label {
z-index: 11; }
.hp-enclosure > .hp-bays > .hp-bay.hp-double-high > .hp-device, .hp-enclosure > .hp-bays > .hp-bay.hp-double-wide > .hp-device, .hp-enclosure > .hp-bays > .hp-bay.hp-double-wide-right-eclipsed > .hp-device {
position: relative;
background-color: #fff;
z-index: 10; }
.hp-enclosure > .hp-bays > .hp-bay.hp-double-high.hp-empty > .hp-empty {
background-color: #f3f3f3; }
.hp-enclosure > .hp-bays > .hp-bay > label {
position: absolute;
top: 1px;
left: 10px;
color: #767676; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device {
padding-left: 30px;
padding-right: 30px;
border: none;
background-image: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device > label {
position: absolute;
top: 35px; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device > .hp-device-name, .hp-enclosure > .hp-bays > .hp-bay > .hp-device > .hp-device-model {
max-width: 200px; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device > .hp-uid {
position: absolute;
top: 5px;
right: 5px; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device.hp-power:before {
content: '';
position: absolute;
top: 3px;
right: 5px;
width: 13px;
height: 20px;
background-image: url("../../img/hp-piano/hp-piano-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -580px -20px;
background-repeat: no-repeat; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device.hp-fan:before {
content: '';
position: absolute;
top: 2px;
right: 5px;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -580px -60px;
pointer-events: none; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device.hp-switch {
padding: 5px 15px 5px 30px; }
.hp-enclosure > .hp-bays > .hp-bay > .hp-device.hp-drive .hp-device-model {
display: inline-block;
padding-left: 0px;
margin-top: 0px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical .hp-faceplate {
min-height: 30px;
background-color: #ccc; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical.hp-short > .hp-device {
padding-top: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 0;
background-color: #fff; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical.hp-double-wide > .hp-device > .hp-device-name {
max-width: 200px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-short {
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device {
padding: 30px 5px 30px 10px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-changing {
white-space: normal;
height: auto; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-name {
margin: 7px 0px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-device-name, .hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-device-model, .hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-name {
display: block;
white-space: normal;
word-break: break-all;
word-break: break-word;
overflow: hidden;
max-width: 90px;
padding-left: 0px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-device-name.hp-wide {
min-width: 90px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-icon.hp-power {
display: block;
margin-top: 5px; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-uid {
top: auto;
bottom: 5px;
right: auto;
left: 10px;
background-color: #fff; }
.hp-enclosure > .hp-bays > .hp-bay.hp-vertical.hp-empty > .hp-empty {
display: block;
padding-left: 10px;
padding-right: 5px;
padding-top: 30px;
text-align: left; }
.hp-enclosure.hp-horizontal {
white-space: nowrap;
font-size: 0px; }
.hp-enclosure.hp-horizontal > .hp-bays {
display: inline-block;
white-space: normal;
font-size: 16px;
vertical-align: top; }
.hp-enclosure.hp-horizontal > .hp-bays > li {
display: block; }
.hp-enclosure.hp-small > .hp-bays.hp-io-bays > .hp-bay .hp-switch.hp-device:after {
top: 12px; }
.hp-enclosure.hp-small > .hp-bays.hp-io-bays .hp-switch.hp-device .hp-io-content {
display: none; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-empty {
min-height: 20px;
padding-right: 0px;
padding-top: 0px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-empty .hp-faceplate {
display: block; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-fan {
padding-right: 25px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-fan:before {
content: '';
right: 2px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-power {
padding-right: 15px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-power:before {
content: '';
right: 2px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-switch {
padding: 5px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-switch:after {
content: '';
position: absolute;
top: 10px;
left: 40px;
width: 30%;
height: 5px;
background-image: url(data:image/gif;base64,R0lGODlhCgAFAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAKAAUAAAILhC2ZhyoM3GMSygIAOw==);
background-position: left center;
background-repeat: repeat-x; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-drive {
min-width: 55px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay > .hp-device.hp-drive .hp-device-model {
display: none; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical {
min-height: 65px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical .hp-faceplate {
min-height: 20px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical.hp-empty > .hp-device {
border-top-right-radius: 0px;
border-bottom-left-radius: 0px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical.hp-empty > .hp-device:before {
background-image: none; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device {
padding-top: 10px;
padding-left: 5px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device:before {
content: '';
position: absolute;
top: 50px;
left: 7px;
width: 5px;
height: 28%;
background-image: url(data:image/gif;base64,R0lGODlhDwAGAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAPAAYAAAIMhI+pa+IPo5y02lgAADs=);
background-position: center top;
background-repeat: repeat-y;
pointer-events: none; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-status.hp-changing {
width: auto; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-status.hp-changing > .hp-status-changing {
display: block;
left: -2px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-status:not(.hp-changing) {
margin-bottom: 17px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-device-name, .hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-device-model, .hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-name {
display: none; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical > .hp-device > .hp-uid {
left: 5px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical.hp-short > .hp-device:after {
content: '';
background-image: url(data:image/gif;base64,R0lGODlhDwAGAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAPAAYAAAIMhI+pa+IPo5y02lgAADs=);
height: 10%;
top: 75px; }
.hp-enclosure.hp-small > .hp-bays > .hp-bay.hp-vertical.hp-double-high > .hp-device:before {
content: '';
height: 45%; }
.hp-enclosure.hp-small .hp-device > *, .hp-enclosure.hp-small .hp-empty > * {
display: none; }
.hp-enclosure.hp-small .hp-device > .hp-status, .hp-enclosure.hp-small .hp-device > .hp-uid, .hp-enclosure.hp-small .hp-empty > .hp-status, .hp-enclosure.hp-small .hp-empty > .hp-uid {
display: block; }
.hp-enclosure.hp-small .hp-bay > label {
display: none; }
.hp-enclosure.hp-small .hp-bay .hp-device {
padding: 5px; }
.hp-enclosure1 {
display: inline-block;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
-webkit-transition: -webkit-transform 1.5s ease-in-out 0s;
-moz-transition: -webkit-transform 1.5s ease-in-out 0s;
transition: -webkit-transform 1.5s ease-in-out 0s;
-webkit-transition: -moz-transform 1.5s ease-in-out 0s;
-moz-transition: -moz-transform 1.5s ease-in-out 0s;
transition: -moz-transform 1.5s ease-in-out 0s; }
.hp-enclosure1 a {
cursor: pointer; }
.hp-enclosure1 > label {
display: inline-block;
padding: 7px 10px; }
.hp-enclosure1 > .hp-status {
display: inline-block;
margin-left: 10px;
top: 5px; }
.hp-enclosure1 .hp-device-views {
float: right;
margin: 5px 14px 0px 5px; }
.hp-enclosure1 .hp-device-views > li {
display: inline-block;
padding: 0px 5px;
border-left: 1px solid #d9d9d9; }
.hp-enclosure1 .hp-device-views > li:first-of-type {
border-left: none; }
.hp-enclosure1 .hp-device-views > li a {
cursor: pointer; }
.hp-enclosure1.hp-vertical .hp-bays-set {
margin: 5px 10px;
white-space: nowrap; }
.hp-enclosure1.hp-vertical .hp-bays-set > li {
position: relative;
left: 0px;
display: inline-block;
margin-right: 10px;
-webkit-transition: left 1s ease-in-out 1.5s;
-moz-transition: left 1s ease-in-out 1.5s;
transition: left 1s ease-in-out 1.5s; }
.hp-enclosure1.hp-vertical .hp-bay {
display: block;
white-space: nowrap; }
.hp-enclosure1.hp-vertical .hp-bay > * {
display: inline-block; }
.hp-enclosure1.hp-vertical .hp-bay .hp-device {
background-image: none; }
.hp-enclosure1.hp-vertical .hp-bay.hp-full-height:after {
content: '';
position: absolute;
right: -14px;
top: -1px;
height: 37px;
width: 14px;
border-top: 3px solid #ccc;
border-bottom: 3px solid #ccc; }
.hp-enclosure1.hp-vertical .hp-bay.hp-full-height .hp-device {
width: 561px;
margin-right: -321px; }
.hp-enclosure1.hp-horizontal .hp-bays-set > * {
display: block;
margin-bottom: 8px; }
.hp-enclosure1.hp-horizontal .hp-bays {
white-space: nowrap;
font-size: 0px; }
.hp-enclosure1.hp-horizontal .hp-bay {
display: inline-block;
font-size: 16px; }
.hp-enclosure1.hp-horizontal .hp-bay > * {
display: block; }
.hp-enclosure1.hp-horizontal .hp-bay .hp-status {
left: 3px; }
.hp-enclosure1.hp-horizontal .hp-bay .hp-status.hp-changing {
height: 30px;
width: 14px; }
.hp-enclosure1.hp-horizontal .hp-bay .hp-status.hp-changing > * {
display: block; }
.hp-enclosure1.hp-horizontal .hp-bay .hp-status.hp-changing .hp-status-changing {
top: 0px;
left: -3px; }
.hp-enclosure1.hp-horizontal .hp-bay.hp-full-height:after {
content: '';
position: absolute;
bottom: -14px;
left: -1px;
height: 14px;
width: 41px;
border-left: 3px solid #ccc;
border-right: 3px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-enclosure1.hp-horizontal .hp-bay.hp-full-height .hp-device {
width: 20px;
margin-right: 0px; }
.hp-enclosure1.hp-physical {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 630px;
height: 630px; }
.hp-enclosure1.hp-physical .hp-bays-set {
position: relative; }
.hp-enclosure1.hp-physical .hp-bays-set > li:first-of-type {
position: relative;
left: 315px; }
.hp-enclosure1.hp-physical .hp-bays-set > li:last-of-type {
position: relative;
left: -315px; }
.hp-enclosure1.hp-physical .hp-bay.hp-full-height:after {
content: '';
display: none; }
.hp-enclosure1.hp-physical .hp-bay.hp-full-height .hp-device {
width: 240px;
margin-right: 0px; }
.hp-enclosure1 .hp-bay {
position: relative;
height: 42px;
border-top: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-enclosure1 .hp-bay:first-of-type {
border-top: none; }
.hp-enclosure1 .hp-bay > label {
text-align: right;
width: 20px;
color: #767676;
padding: 5px 8px 5px 5px;
margin-bottom: 3px; }
.hp-enclosure1 .hp-bay.hp-eclipsed > label {
color: #fff; }
.hp-enclosure1 .hp-device {
position: relative;
padding: 10px 15px;
width: 240px;
border: none; }
.hp-enclosure1 .hp-device .hp-device-model {
position: absolute;
top: 10px;
right: 15px;
color: #767676;
margin-top: 0px;
max-width: 120px;
text-overflow: ellipsis;
overflow: hidden; }
.hp-enclosure1 .hp-empty {
padding: 10px 15px 10px 38px;
width: 217px;
height: 22px;
color: #767676;
font-style: italic; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay {
width: 80px;
height: 28px;
border-top: 1px solid #ccc;
border-left: none; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay:first-of-type {
border-top: none; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay > * {
display: inline-block;
vertical-align: top; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay:hover .hp-device, .hp-enclosure1.hp-small.hp-vertical .hp-bay.hp-hover .hp-device, .hp-enclosure1.hp-small.hp-vertical .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure1.hp-small.hp-vertical .hp-bay.hp-full-height.hp-hover .hp-device {
left: 32px;
top: -6px;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay .hp-device {
width: 30px;
height: 17px; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay.hp-full-height:after {
content: '';
right: -14px;
height: 23px;
width: 14px; }
.hp-enclosure1.hp-small.hp-vertical .hp-bay.hp-full-height .hp-device {
width: 124px;
margin-right: -70px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bays {
height: 70px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay {
width: 31px;
height: 70px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay:first-of-type {
border-left: none; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay:last-of-type {
margin-right: 0px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay:hover .hp-device, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device {
left: -6px;
top: 22px;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing {
height: 14px;
width: 30px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing > *, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing > * {
display: inline-block; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing .hp-status-value {
margin-left: 0px;
margin-bottom: 0px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height:after {
content: '';
bottom: -8px;
height: 8px;
width: 32px; }
.hp-enclosure1.hp-small.hp-horizontal .hp-bay.hp-full-height .hp-device {
width: 20px;
margin-right: 0px; }
.hp-rack .hp-enclosure1.hp-small > label {
padding: 7px 11px; }
.hp-rack .hp-enclosure1.hp-small .hp-bays-set {
padding: 0px 4px; }
.hp-rack .hp-enclosure1.hp-small .hp-bays {
border: none; }
.hp-rack .hp-enclosure1.hp-small .hp-bay {
width: 22px; }
.hp-rack .hp-enclosure1.hp-small .hp-bay:first-of-type {
border-left: none; }
.hp-rack .hp-enclosure1.hp-small .hp-bay label {
padding: 4px 0px; }
.hp-rack .hp-enclosure1.hp-small .hp-bay .hp-device {
padding: 0px; }
.hp-rack .hp-enclosure1.hp-small .hp-bay .hp-empty {
width: 20px; }
.hp-enclosure1.hp-small .hp-bay {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-top: none;
border-left: 1px solid #ccc;
vertical-align: top; }
.hp-enclosure1.hp-small .hp-bay > * {
text-align: center; }
.hp-enclosure1.hp-small .hp-bay:hover, .hp-enclosure1.hp-small .hp-bay.hp-hover, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover {
background-color: #eee; }
.hp-enclosure1.hp-small .hp-bay:hover .hp-device, .hp-enclosure1.hp-small .hp-bay.hp-hover .hp-device, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover .hp-device {
position: absolute;
width: auto;
height: 40px;
background: #fff;
z-index: 2;
border: 1px solid #ccc;
padding: 10px;
text-align: left;
-webkit-animation: 0.3s ease;
-moz-animation: 0.3s ease;
-ms-animation: 0.3s ease;
-o-animation: 0.3s ease;
animation: 0.3s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both; }
.hp-enclosure1.hp-small .hp-bay:hover .hp-device:after, .hp-enclosure1.hp-small .hp-bay.hp-hover .hp-device:after, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover .hp-device:after, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover .hp-device:after {
content: "";
position: absolute;
top: -15px;
left: 10px;
right: auto;
border-width: 0 7px 7px;
border-color: #fff transparent;
border-style: solid;
display: block;
width: 0; }
.hp-enclosure1.hp-small .hp-bay:hover .hp-device .hp-status, .hp-enclosure1.hp-small .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure1.hp-small .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-status, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
display: inline-block; }
.hp-enclosure1.hp-small .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
padding-left: 2px; }
.hp-enclosure1.hp-small .hp-bay:hover .hp-device .hp-device-model, .hp-enclosure1.hp-small .hp-bay.hp-hover .hp-device .hp-device-model, .hp-enclosure1.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-model, .hp-enclosure1.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-model {
display: block;
float: none;
position: static;
padding-left: 20px;
margin-top: 5px;
max-width: none; }
.hp-enclosure1.hp-small .hp-device {
width: 20px;
height: 50px;
padding: 5px;
background: none;
overflow: hidden; }
.hp-enclosure1.hp-small .hp-device .hp-device-name, .hp-enclosure1.hp-small .hp-device .hp-device-model {
display: none; }
.hp-enclosure1.hp-small .hp-empty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
width: 32px;
height: 32px; }
.hp-enclosure1.hp-small .hp-empty .hp-unset {
display: none; }
.hp-enclosure-front, .hp-enclosure-back {
display: inline-block;
position: relative;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
margin-bottom: 30px; }
.hp-enclosure-front .hp-uid, .hp-enclosure-back .hp-uid {
position: absolute;
right: 3px; }
.hp-enclosure-front:before, .hp-enclosure-front:after, .hp-enclosure-back:before, .hp-enclosure-back:after {
content: '';
display: block;
position: absolute;
top: -1px;
height: 100%;
width: 7px;
border: 1px solid #d9d9d9; }
.hp-enclosure-front:before, .hp-enclosure-back:before {
content: '';
left: -9px; }
.hp-enclosure-front:after, .hp-enclosure-back:after {
content: '';
right: -9px; }
div.hp-panel-contents .hp-enclosure-front, div.hp-panel-contents .hp-enclosure-back {
left: 7px; }
.hp-enclosure-front a, .hp-enclosure-back a {
cursor: pointer; }
.hp-enclosure-front ol, .hp-enclosure-back ol {
margin-bottom: 0px; }
.hp-enclosure-front > label, .hp-enclosure-back > label {
display: inline-block;
padding: 7px 0px; }
.hp-enclosure-front > .hp-status, .hp-enclosure-back > .hp-status {
display: inline-block;
margin-left: 10px;
top: 5px; }
.hp-enclosure-front .hp-bay, .hp-enclosure-back .hp-bay {
position: relative;
vertical-align: top;
font-size: 16px;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-enclosure-front .hp-bay > label, .hp-enclosure-back .hp-bay > label {
position: absolute;
top: 0px;
left: 0px;
text-align: right;
width: 16px;
color: #767676;
padding: 5px 8px 5px 6px;
margin-bottom: 3px;
z-index: 10; }
.hp-enclosure-front .hp-bay.hp-empty, .hp-enclosure-back .hp-bay.hp-empty {
width: auto;
height: auto;
background-color: #f3f3f3; }
.hp-enclosure-front .hp-bay.hp-empty > .hp-empty, .hp-enclosure-back .hp-bay.hp-empty > .hp-empty {
padding: 10px 15px 10px 34px;
color: #767676; }
.hp-enclosure-front .hp-bay.hp-eclipsed, .hp-enclosure-back .hp-bay.hp-eclipsed {
height: 37px; }
.hp-enclosure-front .hp-bay.hp-eclipsed > label, .hp-enclosure-back .hp-bay.hp-eclipsed > label {
color: #fff;
visibility: hidden; }
.hp-enclosure-front .hp-fan-bays, .hp-enclosure-front .hp-power-bays, .hp-enclosure-front .hp-device-bays, .hp-enclosure-front .hp-device-bay-row,
.hp-enclosure-front .hp-switch-bays, .hp-enclosure-front .hp-switch-bay-column, .hp-enclosure-back .hp-fan-bays, .hp-enclosure-back .hp-power-bays, .hp-enclosure-back .hp-device-bays, .hp-enclosure-back .hp-device-bay-row,
.hp-enclosure-back .hp-switch-bays, .hp-enclosure-back .hp-switch-bay-column {
white-space: nowrap;
font-size: 0px; }
.hp-enclosure-front .hp-fan-bays > li, .hp-enclosure-front .hp-power-bays > li, .hp-enclosure-front .hp-device-bays > li, .hp-enclosure-front .hp-device-bay-row > li,
.hp-enclosure-front .hp-switch-bays > li, .hp-enclosure-front .hp-switch-bay-column > li, .hp-enclosure-back .hp-fan-bays > li, .hp-enclosure-back .hp-power-bays > li, .hp-enclosure-back .hp-device-bays > li, .hp-enclosure-back .hp-device-bay-row > li,
.hp-enclosure-back .hp-switch-bays > li, .hp-enclosure-back .hp-switch-bay-column > li {
vertical-align: top; }
.hp-enclosure-front .hp-device, .hp-enclosure-back .hp-device {
position: relative;
padding: 10px 15px;
border: none;
background: none; }
.hp-enclosure-front .hp-device .hp-device-model, .hp-enclosure-back .hp-device .hp-device-model {
position: absolute;
top: 10px;
right: 20px;
color: #767676;
margin-top: 0px;
max-width: 120px;
text-overflow: ellipsis;
overflow: hidden; }
.hp-enclosure-front .hp-device .hp-status, .hp-enclosure-front .hp-device .hp-device-name, .hp-enclosure-back .hp-device .hp-status, .hp-enclosure-back .hp-device .hp-device-name {
display: inline-block; }
.hp-enclosure-front .hp-device .hp-device-name, .hp-enclosure-back .hp-device .hp-device-name {
overflow: hidden;
text-overflow: ellipsis;
max-width: 160px; }
.hp-enclosure-front .hp-device .hp-secondary, .hp-enclosure-front .hp-device .hp-context, .hp-enclosure-front .hp-device .hp-unset, .hp-enclosure-back .hp-device .hp-secondary, .hp-enclosure-back .hp-device .hp-context, .hp-enclosure-back .hp-device .hp-unset {
display: none; }
.hp-enclosure-front .hp-switch-bay .hp-switch .hp-status, .hp-enclosure-back .hp-switch-bay .hp-switch .hp-status {
margin-left: 10px; }
.hp-enclosure-front .hp-power-bays .hp-bay, .hp-enclosure-back .hp-power-bays .hp-bay {
width: 98px;
height: 37px; }
.hp-enclosure-front .hp-power-bays .hp-bay .hp-device, .hp-enclosure-back .hp-power-bays .hp-bay .hp-device {
color: #767676; }
.hp-enclosure-front .hp-power-bays .hp-bay:last-child, .hp-enclosure-back .hp-power-bays .hp-bay:last-child {
width: 100px; }
.hp-enclosure-front .hp-fan-bays .hp-bay, .hp-enclosure-back .hp-fan-bays .hp-bay {
width: 118px;
height: 37px; }
.hp-enclosure-front .hp-fan-bays .hp-bay .hp-device, .hp-enclosure-back .hp-fan-bays .hp-bay .hp-device {
width: 86px;
color: #767676; }
.hp-enclosure-front .hp-oa, .hp-enclosure-back .hp-oa {
color: #767676; }
.hp-enclosure-front.hp-vertical .hp-device-bays > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li, .hp-enclosure-back.hp-vertical .hp-device-bays > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li {
display: inline-block; }
.hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li {
display: block;
white-space: nowrap;
width: 295px;
height: 37px; }
.hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li > *, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li > *, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li > *, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li > *, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li > *, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li > *, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li > *, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li > * {
display: inline-block; }
.hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li label, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li label, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li label, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li label, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li label, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li label, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li label, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li label {
top: 5px; }
.hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li .hp-device {
left: 5px;
width: 242px;
padding-left: 30px; }
.hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height {
overflow: visible; }
.hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device {
height: 15px;
width: 538px;
min-width: 538px;
background-color: #fff;
z-index: 1; }
.hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device:after, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device:after {
content: ''; }
.hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device {
height: 52px;
min-height: 52px; }
.hp-enclosure-front.hp-vertical .hp-power-bays > li, .hp-enclosure-front.hp-vertical .hp-fan-bays > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li, .hp-enclosure-back.hp-vertical .hp-power-bays > li, .hp-enclosure-back.hp-vertical .hp-fan-bays > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li {
display: inline-block; }
.hp-enclosure-front.hp-horizontal .hp-device-bay-row > li, .hp-enclosure-front.hp-horizontal .hp-power-bays > li, .hp-enclosure-front.hp-horizontal .hp-fan-bays > li, .hp-enclosure-front.hp-horizontal .hp-switch-bays > li, .hp-enclosure-back.hp-horizontal .hp-device-bay-row > li, .hp-enclosure-back.hp-horizontal .hp-power-bays > li, .hp-enclosure-back.hp-horizontal .hp-fan-bays > li, .hp-enclosure-back.hp-horizontal .hp-switch-bays > li {
display: inline-block; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay {
width: 73px;
height: 130px; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay > label, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay > label {
display: block;
text-align: center; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status {
left: 3px; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing {
height: 30px;
width: 14px; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing > * {
display: block; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing .hp-status-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing .hp-status-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing .hp-status-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing .hp-status-changing {
top: 0px;
left: -3px; }
.hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-device-name, .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-device-model, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-device-name, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-device-model, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-device-name, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-device-model, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-device-name, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-device-model {
display: none; }
.hp-enclosure-front.hp-small .hp-device, .hp-enclosure-back.hp-small .hp-device {
padding: 5px;
background: none;
overflow: hidden; }
.hp-enclosure-front.hp-small .hp-device .hp-device-name, .hp-enclosure-front.hp-small .hp-device .hp-device-model, .hp-enclosure-front.hp-small .hp-device .hp-secondary, .hp-enclosure-front.hp-small .hp-device .hp-context, .hp-enclosure-front.hp-small .hp-device .hp-name, .hp-enclosure-back.hp-small .hp-device .hp-device-name, .hp-enclosure-back.hp-small .hp-device .hp-device-model, .hp-enclosure-back.hp-small .hp-device .hp-secondary, .hp-enclosure-back.hp-small .hp-device .hp-context, .hp-enclosure-back.hp-small .hp-device .hp-name {
display: none; }
html.touch .hp-enclosure-front.hp-small .hp-device .hp-device-name, html.touch .hp-enclosure-back.hp-small .hp-device .hp-device-name {
position: absolute;
display: block;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
color: transparent;
cursor: pointer; }
html.touch .hp-enclosure-front.hp-small .hp-device .hp-device-name a, html.touch .hp-enclosure-back.hp-small .hp-device .hp-device-name a {
display: block;
height: 100%;
color: transparent; }
.hp-enclosure-front.hp-small .hp-device .hp-uid, .hp-enclosure-back.hp-small .hp-device .hp-uid {
bottom: 0px;
left: 15px; }
.hp-enclosure-front.hp-small .hp-empty, .hp-enclosure-back.hp-small .hp-empty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
width: 32px;
height: 32px; }
.hp-enclosure-front.hp-small .hp-empty .hp-unset, .hp-enclosure-back.hp-small .hp-empty .hp-unset {
display: none; }
.hp-enclosure-front.hp-small .hp-oa, .hp-enclosure-back.hp-small .hp-oa {
height: 20px; }
.hp-enclosure-front.hp-small .hp-oa .hp-device, .hp-enclosure-back.hp-small .hp-oa .hp-device {
width: 236px;
height: 10px; }
.hp-enclosure-front.hp-small .hp-oa .hp-status, .hp-enclosure-back.hp-small .hp-oa .hp-status {
top: 0px; }
.hp-enclosure-front.hp-small .hp-switch-bay .hp-switch .hp-status, .hp-enclosure-back.hp-small .hp-switch-bay .hp-switch .hp-status {
margin-left: 5px; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay {
width: 41px;
height: 28px; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay:last-child, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:last-child {
width: 46px; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay:first-child, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:first-child {
margin-left: 5px; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay .hp-device {
display: inline-block;
width: 35px; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay .hp-device:after {
content: '';
position: absolute;
top: 6px;
left: 20px;
width: 13px;
height: 18px;
background-image: url(data:image/gif;base64,R0lGODlhDwAGAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAPAAYAAAIMhI+pa+IPo5y02lgAADs=);
background-position: center top;
background-repeat: repeat-y;
pointer-events: none; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay .hp-device .hp-status {
top: 0px; }
.hp-enclosure-front.hp-small .hp-fan-bays .hp-bay, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay {
text-align: center;
width: 50px;
height: 28px; }
.hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:last-child, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:last-child {
width: 51px; }
.hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:first-child, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:first-child {
margin-left: 5px; }
.hp-enclosure-front.hp-small .hp-fan-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay .hp-device {
display: inline-block;
width: 47px; }
.hp-enclosure-front.hp-small .hp-fan-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay .hp-device:after {
content: '';
position: absolute;
top: 1px;
left: 12px;
width: 22px;
height: 22px;
border: 1px solid #ccc;
border-radius: 15px;
pointer-events: none; }
.hp-enclosure-front.hp-small .hp-fan-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay .hp-device .hp-status {
top: 3px;
left: -3px; }
.hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay {
width: 128px;
height: 28px; }
.hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay > *, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay > *, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay > *, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay > * {
display: inline-block;
vertical-align: top; }
.hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay > label, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay > label {
top: 0px;
left: 0px; }
.hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device {
width: 80px;
height: 17px;
padding-left: 35px;
text-align: left; }
.hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device:after {
content: '';
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 5px;
background-image: url(data:image/gif;base64,R0lGODlhCgAFAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAKAAUAAAILhC2ZhyoM3GMSygIAOw==);
background-position: left center;
background-repeat: repeat-x; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay {
width: 31px;
height: 94px;
text-align: center; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay > label {
text-align: center;
margin-bottom: 0px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device {
width: 20px;
height: 58px;
padding-top: 25px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device:after {
content: '';
position: absolute;
top: 25px;
left: 5px;
width: 5px;
height: 62px;
background-image: url(data:image/gif;base64,R0lGODlhDwAGAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAPAAYAAAIMhI+pa+IPo5y02lgAADs=);
background-position: center top;
background-repeat: repeat-y;
pointer-events: none; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device .hp-status {
left: 7px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide {
overflow: visible; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide .hp-device {
left: -31px;
width: 50px;
height: 62px;
background-color: #fff;
z-index: 1; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide .hp-device .hp-uid, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide .hp-device .hp-uid {
left: 30px;
bottom: 4px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-double-wide:after {
content: '';
height: 64px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height {
overflow: visible; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device {
height: 156px;
min-height: 108px;
width: 19px;
background-color: #fff;
z-index: 1; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device .hp-uid, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device .hp-uid {
bottom: 4px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device:after {
content: '';
height: 158px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device {
left: -31px;
width: 50px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device .hp-uid, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device .hp-uid {
left: 30px; }
.hp-rack .hp-enclosure-front.hp-small > label, .hp-rack .hp-enclosure-back.hp-small > label {
padding: 7px 11px; }
.hp-rack .hp-enclosure-front.hp-small .hp-bays-set, .hp-rack .hp-enclosure-back.hp-small .hp-bays-set {
padding: 0px 4px; }
.hp-rack .hp-enclosure-front.hp-small .hp-bays, .hp-rack .hp-enclosure-back.hp-small .hp-bays {
border: none; }
.hp-rack .hp-enclosure-front.hp-small .hp-bay, .hp-rack .hp-enclosure-back.hp-small .hp-bay {
width: 22px; }
.hp-rack .hp-enclosure-front.hp-small .hp-bay:first-of-type, .hp-rack .hp-enclosure-back.hp-small .hp-bay:first-of-type {
border-left: none; }
.hp-rack .hp-enclosure-front.hp-small .hp-bay label, .hp-rack .hp-enclosure-back.hp-small .hp-bay label {
padding: 4px 0px; }
.hp-rack .hp-enclosure-front.hp-small .hp-bay .hp-device, .hp-rack .hp-enclosure-back.hp-small .hp-bay .hp-device {
padding: 0px; }
.hp-rack .hp-enclosure-front.hp-small .hp-bay .hp-empty, .hp-rack .hp-enclosure-back.hp-small .hp-bay .hp-empty {
width: 20px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide {
border: none; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height > label, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide > label, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height > label, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide > label {
left: 1px;
top: 1px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide .hp-device {
background-color: #f3f3f3;
border: 1px solid #000;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
z-index: 1; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device:after, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide .hp-device:after, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device:after, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide .hp-device:after {
content: ''; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device {
height: 156px;
width: 19px;
left: 0; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-double-wide .hp-device {
left: -31px; }
.hp-enclosure-front.hp-small.hp-horizontal .hp-bay:hover > label, .hp-enclosure-front.hp-small.hp-horizontal .hp-bay.hp-hover > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay:hover > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-bay.hp-hover > label {
color: #000; }
.hp-enclosure-front.hp-vertical .hp-bay:hover.hp-full-height, .hp-enclosure-front.hp-vertical .hp-bay.hp-hover.hp-full-height, .hp-enclosure-back.hp-vertical .hp-bay:hover.hp-full-height, .hp-enclosure-back.hp-vertical .hp-bay.hp-hover.hp-full-height {
border: none; }
.hp-enclosure-front.hp-vertical .hp-bay:hover.hp-full-height .hp-device, .hp-enclosure-front.hp-vertical .hp-bay.hp-hover.hp-full-height .hp-device, .hp-enclosure-back.hp-vertical .hp-bay:hover.hp-full-height .hp-device, .hp-enclosure-back.hp-vertical .hp-bay.hp-hover.hp-full-height .hp-device {
height: 15px;
width: 542px;
min-width: 542px;
background-color: #f3f3f3;
border-color: #000;
border-style: solid;
border-width: thin;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
left: 0;
z-index: 1; }
.hp-enclosure-front.hp-vertical .hp-bay:hover.hp-full-height .hp-device:after, .hp-enclosure-front.hp-vertical .hp-bay.hp-hover.hp-full-height .hp-device:after, .hp-enclosure-back.hp-vertical .hp-bay:hover.hp-full-height .hp-device:after, .hp-enclosure-back.hp-vertical .hp-bay.hp-hover.hp-full-height .hp-device:after {
content: ''; }
.hp-enclosure-front.hp-vertical .hp-bay > label, .hp-enclosure-back.hp-vertical .hp-bay > label {
color: #000; }
.hp-enclosure-front .hp-bay:hover, .hp-enclosure-front .hp-bay.hp-hover, .hp-enclosure-back .hp-bay:hover, .hp-enclosure-back .hp-bay.hp-hover {
background-color: #f3f3f3;
border-color: #000;
border-style: solid;
border-width: thin; }
.hp-enclosure-front .hp-bay:hover > label, .hp-enclosure-front .hp-bay.hp-hover > label, .hp-enclosure-back .hp-bay:hover > label, .hp-enclosure-back .hp-bay.hp-hover > label {
color: #000; }
.hp-enclosure-front .hp-bay:hover .hp-uid, .hp-enclosure-front .hp-bay.hp-hover .hp-uid, .hp-enclosure-back .hp-bay:hover .hp-uid, .hp-enclosure-back .hp-bay.hp-hover .hp-uid {
background-position: -158px -264px; }
.hp-enclosure-front .hp-bay:hover .hp-uid.hp-on, .hp-enclosure-front .hp-bay.hp-hover .hp-uid.hp-on, .hp-enclosure-back .hp-bay:hover .hp-uid.hp-on, .hp-enclosure-back .hp-bay.hp-hover .hp-uid.hp-on {
background-position: -172px -264px; }
.hp-blinking {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: blink;
-moz-animation-name: blink;
-ms-animation-name: blink;
-o-animation-name: blink;
animation-name: blink;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; }
.hp-enclosure-front.hp-small .hp-power-bays .hp-bay:last-child {
width: 38px; }
.hp-flyout-content {
line-height: 17px; }
.hp-flyout-content .hp-context {
padding-left: 20px;
font-size: 15px;
margin-bottom: 10px; }
.hp-flyout-content .hp-context:not(:first-child) {
margin-top: 10px; }
.hp-flyout-content .hp-flyout-device-summary:not(:first-child) {
margin-top: 10px; }
.hp-flyout-content .hp-status, .hp-flyout-content .hp-device-name, .hp-flyout-content .hp-port {
display: inline-block; }
.hp-flyout-content .hp-status, .hp-flyout-content .hp-device-name {
vertical-align: bottom; }
.hp-flyout-content .hp-status {
top: 3px; }
.hp-flyout-content .hp-status.hp-status-disabled {
top: 1px; }
.hp-flyout-content .hp-io-content > * {
display: inline-block; }
.hp-flyout-content .hp-device-name {
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px; }
.hp-flyout-content .hp-ports {
white-space: nowrap;
margin-top: 10px;
margin-bottom: 0px; }
.hp-flyout-content .hp-device-model, .hp-flyout-content .hp-secondary, .hp-flyout-content .hp-name {
padding-left: 20px;
margin-top: 5px; }
.hp-flyout-content .hp-uid {
float: right;
margin-left: 10px;
margin-top: 2px; }
.hp-enclosure-back.hp-small .hp-device .hp-uid {
left: 105px;
top: 6px; }
.hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device {
padding-left: 30px;
width: 85px; }
.hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device:after {
right: 15px; }
div.hp-enclosure-front.hp-tbird-front {
border-bottom-left-radius: 4px;
border-top-right-radius: 4px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li:first-child ol li.hp-device-leftslots {
border-width: 1px 1px 0px 1px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li:nth-child(2) ol li.hp-device-leftslots {
border-width: 0px 1px 1px 1px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay {
height: 114px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay .hp-device {
height: 82px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay .hp-device:after {
height: 24px;
left: 11px;
width: 8px;
top: 72px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay .hp-device .hp-status {
left: 2px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay .hp-device .hp-uid {
position: absolute;
left: 10px;
bottom: 3px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-full-height .hp-device {
height: 196px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-full-height .hp-device:after {
content: '';
height: 192px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-double-wide .hp-device .hp-uid {
left: 24px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-double-wide .hp-device:after {
content: '';
left: 25px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots {
width: 21px;
background-color: #fff; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-device, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots .hp-device {
width: 9px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-device:after, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots .hp-device:after {
background-image: none; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-flyout-content .hp-status-changing, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots .hp-flyout-content .hp-status-changing {
left: -3px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots:hover, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots:hover {
border-color: transparent; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots {
border-width: 0px 1px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-device {
width: 20px;
border-bottom: 1px solid #ccc;
border-bottom-left-radius: 0;
border-top: 1px solid #ccc;
border-top-right-radius: 0;
height: 30px;
margin-top: 20px;
padding-left: 0px;
padding-right: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-device .hp-status {
left: 1.5px;
top: -18px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-device .hp-status > .hp-status-changing {
left: -2px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-leftslots .hp-device:hover {
border-color: #000;
background-color: #f3f3f3; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots:hover {
border: 1px solid #ccc; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots .hp-device:hover {
border: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots.hp-eclipsed {
border-top-width: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal ol.hp-device-bays li.hp-bay.hp-device-rightslots.hp-full-height {
border-bottom-width: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays li:first-child ol li.hp-device-leftslots {
border-width: 1px 0px 1px 1px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays li:nth-child(2) ol li.hp-device-leftslots {
border-width: 1px 1px 1px 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay {
height: 49px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay > label {
top: 10px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay > .hp-device {
padding: 15px 10px 15px 36px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay > .hp-device > .hp-status:not(.hp-changing) {
margin-right: 16px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay > .hp-device > .hp-device-model {
top: 15px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-leftslots .hp-device {
left: 75px;
padding-left: 15px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
height: 16px;
width: 114px;
border-bottom-left-radius: 0;
border-top-right-radius: 0; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-leftslots .hp-device:hover {
border: 1px solid #000;
background-color: #f3f3f3; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-leftslots .hp-device .hp-device-name {
max-width: 90px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-leftslots:hover {
border-color: #ccc;
background-color: transparent; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-rightslots:hover {
background-color: transparent;
border: 1px solid #ccc; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-rightslots.hp-eclipsed {
border-left-width: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-rightslots.hp-full-height {
border-right-width: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-device-rightslots .hp-device:hover {
border: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-full-height > .hp-device {
padding: 17px 10px 15px 36px;
width: 537px;
min-width: 537px; }
div.hp-enclosure-front.hp-tbird-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > .hp-bay.hp-full-height:hover .hp-device {
background-color: transparent;
border-color: #ccc;
width: 542px;
min-width: 542px; }
div.hp-enclosure-back.hp-tbird-back div.hp-em-fan-bays {
white-space: nowrap; }
div.hp-enclosure-back.hp-tbird-back.hp-small > div.hp-switch-bay {
height: 19px; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-switch.hp-device {
display: block;
margin: 0px;
padding: 2px 5px 0px 5px; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-switch.hp-device:after {
content: '';
position: absolute;
left: 40px;
right: 34px;
top: 7px;
height: 3px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAADCAYAAABBCiV2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi/P//PwMMnD17Fs4xNjZmhLGZGIgARCkCCDAAwlsHAzGNEk0AAAAASUVORK5CYII=");
background-position: left center;
background-repeat: repeat-x;
pointer-events: none; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-switch.hp-device .hp-status {
top: 1px; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-bay.hp-em-bay {
width: 20px;
height: 28px;
display: inline-block; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-bay.hp-em-bay > .hp-device {
padding: 5px 0px; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-bay.hp-em-bay > .hp-device > .hp-status {
top: 2px;
left: 6px; }
div.hp-enclosure-back.hp-tbird-back.hp-small div.hp-bay.hp-em-bay > .hp-device > .hp-status > .hp-status-changing {
display: none; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays {
display: inline-block;
vertical-align: top; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay {
text-align: center;
width: 46px;
height: 28px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay:last-child {
width: 49px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay:first-child {
margin-left: 0; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay .hp-device {
padding-left: 0px;
width: 45px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay .hp-device .hp-status {
top: 2px;
left: 1.5px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay .hp-device .hp-status > .hp-status-changing {
display: none; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-fan-bays li.hp-bay .hp-device:after {
left: 10px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-power-bays li.hp-bay {
width: 83px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-power-bays li.hp-bay:last-child {
width: 82px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-power-bays li.hp-bay .hp-device {
width: 72px; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-power-bays li.hp-bay .hp-device:after {
height: 16px;
background-image: none; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-power-bays li.hp-bay .hp-device:before {
content: '';
position: absolute;
top: 3.5px;
left: 60px;
right: 12px;
width: 13px;
height: 20px;
background-image: url("../../img/hp-piano/hp-piano-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -219px -120px;
background-repeat: no-repeat; }
div.hp-enclosure-back.hp-tbird-back.hp-small ol.hp-power-bays li.hp-bay .hp-device .hp-status {
top: 3px; }
div.hp-enclosure-back.hp-tbird-back div.hp-switch.hp-device {
padding: 12px 5px 3px; }
div.hp-enclosure-back.hp-tbird-back div.hp-switch.hp-device .hp-device-name {
max-width: 190px; }
div.hp-enclosure-back.hp-tbird-back div.hp-switch.hp-device ol.hp-ports {
display: none;
margin: 10px; }
div.hp-enclosure-back.hp-tbird-back div.hp-switch.hp-device ol.hp-ports li {
display: inline-block;
text-align: center; }
div.hp-enclosure-back.hp-tbird-back div.hp-switch.hp-device ol.hp-ports li .hp-status {
left: 2px; }
div.hp-enclosure-back.hp-tbird-back ol.hp-power-bays li.hp-bay .hp-device:after {
content: '';
position: absolute;
top: 7px;
left: auto;
right: 12px;
width: 13px;
height: 20px;
background-image: url("../../img/hp-piano/hp-piano-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -219px -120px;
background-repeat: no-repeat; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-power-bays li.hp-bay {
width: 196px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-power-bays li.hp-bay:last-child {
width: 199px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-power-bays li.hp-bay .hp-device .hp-device-name {
max-width: 135px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-fan-bays {
display: inline-block;
vertical-align: top; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-fan-bays li.hp-bay {
width: 112px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-fan-bays li.hp-bay:last-child {
width: 116px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-fan-bays li.hp-bay .hp-device-name {
max-width: 60px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-bay.hp-em-bay {
width: 27px;
height: 37px;
display: inline-block;
vertical-align: top;
overflow: hidden;
float: left; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-bay.hp-em-bay > .hp-device {
padding: 10px 0px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-bay.hp-em-bay > .hp-device > .hp-status {
top: 2px;
left: 9px; }
div.hp-enclosure-back.hp-tbird-back.hp-vertical .hp-bay.hp-em-bay > .hp-device > .hp-status > .hp-status-changing {
display: none; }
div.hp-enclosure-front.hp-tbird-front:before, div.hp-enclosure-back.hp-tbird-back:before {
left: -8px; }
div.hp-enclosure-front.hp-tbird-front .hp-device .hp-device-name, div.hp-enclosure-back.hp-tbird-back .hp-device .hp-device-name {
max-width: 120px; }
div.hp-enclosure-front.hp-tbird-front .hp-device .hp-device-model, div.hp-enclosure-back.hp-tbird-back .hp-device .hp-device-model {
max-width: 85px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height {
border: none; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device {
height: 196px;
width: 19px;
background-color: #f3f3f3;
border-color: #000;
border-style: solid;
border-width: thin;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
left: 0;
z-index: 1; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device:after, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device:after, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height .hp-device:after, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height .hp-device:after {
content: ''; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay:hover.hp-full-height.hp-device-rightslots .hp-device, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height.hp-device-rightslots .hp-device, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay:hover.hp-full-height.hp-device-rightslots .hp-device, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay.hp-hover.hp-full-height.hp-device-rightslots .hp-device {
background-color: #fff;
border-color: #ccc;
border-bottom: 0px; }
div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay:hover > label, div.hp-enclosure-front.hp-tbird-front.hp-small.hp-horizontal .hp-bay.hp-hover > label, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay:hover > label, div.hp-enclosure-back.hp-tbird-back.hp-small.hp-horizontal .hp-bay.hp-hover > label {
color: #000; }
.hp-switch-context {
white-space: nowrap; }
.hp-switch-context a {
cursor: pointer; }
.hp-switch-context > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-switch-context ol {
margin-bottom: 0px; }
.hp-switch-context .hp-switch-endpoints .hp-switch-endpoint {
position: relative;
white-space: nowrap;
width: 100%;
height: 26px;
margin-bottom: 5px; }
.hp-switch-context .hp-switch-endpoints .hp-switch-endpoint:last-of-type {
margin-bottom: 0px; }
.hp-switch-context .hp-switch-endpoints .hp-switch-endpoint > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-switch-context .hp-switch-endpoints .hp-switch-endpoint > *:last-of-type {
margin-right: 0px; }
.hp-switch-context .hp-switch-uplink-groups {
display: table-cell; }
.hp-switch-context .hp-backplane-connect {
margin-top: 20px; }
.hp-switch-context .hp-switch-servers {
border: 1px solid #ccc;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
max-width: 200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-switch-context .hp-switch-servers .hp-switch-server {
display: block;
border-bottom: 1px solid #ccc; }
.hp-switch-context .hp-switch-servers .hp-switch-server:last-of-type {
border-bottom: none; }
.hp-switch-context .hp-switch-servers .hp-switch-server:hover .hp-device {
background-color: #ffd; }
.hp-switch-context .hp-switch-servers .hp-switch-server .hp-device {
border: none;
background-image: none;
padding: 5px 15px 5px 5px;
overflow: hidden; }
.hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-status, .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-device-name {
display: inline-block;
vertical-align: top;
white-space: nowrap; }
.hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-device-model {
display: none;
padding-left: 24px;
color: #767676; }
.hp-switch.hp-device {
position: relative;
display: inline-block;
vertical-align: bottom;
padding: 10px 5px 5px;
text-align: left; }
.hp-switch.hp-device .hp-supershaw {
display: block; }
.hp-switch.hp-device .hp-supershaw .hp-up-ports {
float: left; }
.hp-switch.hp-device .hp-supershaw .hp-up-ports li {
padding-left: 11px; }
.hp-switch.hp-device .hp-supershaw .hp-backplane-ports {
float: right; }
.hp-switch.hp-device .hp-supershaw .hp-backplane-ports .hp-up-port .hp-status {
left: 2px; }
.hp-logical-switch.hp-small .hp-switch.hp-device {
padding: 4px 10px 3px 15px; }
.hp-logical-switch.hp-no-port .hp-switch.hp-device {
margin-top: 10px;
margin-bottom: 10px; }
.hp-switch.hp-device .hp-status, .hp-switch.hp-device label {
display: inline-block; }
.hp-switch.hp-device .hp-select > label {
display: none; }
.hp-switch.hp-device .hp-select.hp-active > label {
display: block; }
.hp-switch.hp-device .hp-backplane-ports {
display: inline-block;
float: right; }
.hp-switch.hp-device .hp-backplane-ports .hp-up-port {
display: table-cell;
border-top: none; }
.hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-status {
left: 2px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full {
display: none;
position: absolute;
overflow: hidden; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-summary, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-summary, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-summary {
margin: 5px 0px 15px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-summary > *, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-summary > *, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-summary > * {
display: inline-block;
white-space: nowrap; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-summary .hp-status, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-summary .hp-status, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-summary .hp-status {
padding-right: 3px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-secondary, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-secondary, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-secondary {
margin-top: 0px;
padding-left: 0px;
color: #767676; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-show-form, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-show-form, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-show-form {
padding-left: 20px;
margin-bottom: 0px;
width: auto; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item > div, .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item ol, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item > div, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item ol, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item > div, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item ol {
color: #333; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-usage, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-usage, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-usage {
margin-right: 10px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table {
width: 100%;
padding-left: 20px;
padding-bottom: 10px;
margin-top: 20px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table thead, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table thead, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table thead {
display: table-header-group; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table th, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table th, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table th {
background-image: none;
color: #333;
padding-left: 0px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table th:last-child, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table th:last-child, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table th:last-child {
color: #767676;
padding-right: 0px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table div.hp-secondary, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table div.hp-secondary, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table div.hp-secondary {
display: inline-block; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table tr td, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table tr td, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table tr td {
padding-top: 3px;
padding-bottom: 3px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table tr td:first-child, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table tr td:first-child, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table tr td:first-child {
text-align: left; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table tr td:last-child, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table tr td:last-child, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table tr td:last-child {
padding-right: 0px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table .hp-usage, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table .hp-usage, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table .hp-usage {
margin-right: 5px;
margin-left: 0px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-color, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-color, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-color {
display: inline-block;
height: 10px;
width: 10px;
margin-right: 5px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-numeric, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-numeric, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-numeric {
color: #333; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-name, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-name, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-name {
display: inline-block; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-plot, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-plot, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-plot {
margin: 0px 10px 20px 20px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-plot .flot-base, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-plot .flot-base, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-plot .flot-base {
padding-left: 20px; }
.hp-switch.hp-device .hp-up-ports, .hp-switch.hp-device .hp-fp-ports {
position: relative;
top: 0px;
left: 0px;
width: auto;
display: inline-block;
margin: 0px;
text-align: center;
border: none;
white-space: nowrap;
padding: 0px; }
.hp-switch.hp-device .hp-up-ports .hp-utilization-meter label, .hp-switch.hp-device .hp-fp-ports .hp-utilization-meter label {
display: none; }
.hp-switch.hp-device .hp-up-ports .hp-up-port, .hp-switch.hp-device .hp-fp-ports .hp-up-port {
display: table-cell;
width: 22px;
height: 26px;
margin-right: -4px;
border: none;
border-right: 1px solid #ccc;
border-radius: 0px;
min-width: 0px;
text-align: center; }
.hp-switch.hp-device .hp-up-ports .hp-up-port:hover, .hp-switch.hp-device .hp-fp-ports .hp-up-port:hover {
opacity: 1; }
.hp-switch.hp-device .hp-up-ports .hp-up-port:last-of-type, .hp-switch.hp-device .hp-fp-ports .hp-up-port:last-of-type {
margin-bottom: 0px;
border-right: none; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-device-name, .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-status, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-device-name, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-status {
display: block;
padding: 0px;
color: #333; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status {
top: 3px;
left: 8px;
margin-bottom: 3px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status.hp-changing, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status.hp-changing {
width: 14px;
height: 30px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status.hp-changing > *, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status.hp-changing > * {
display: block; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status .hp-status-value, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status .hp-status-value {
position: relative;
left: 2px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-usage, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-usage {
margin: 10px auto 6px;
width: 25px; }
.hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-device-name, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-device-name {
text-align: center;
color: #333; }
.hp-logical-switch.hp-small .hp-switch.hp-device .hp-backplane-ports {
top: -4px;
left: 14px;
margin-right: 4px;
margin-bottom: -7px; }
.hp-switch.hp-device .hp-fp-ports {
margin-top: 10px;
border-right: 1px solid #ccc; }
.hp-switch.hp-device .hp-fp-ports .hp-up-port {
border: none; }
.hp-switch.hp-device .hp-fp-ports:last-of-type {
border-right: none; }
.hp-switch.hp-device.hp-small .hp-fp-ports {
margin-right: 6px; }
.hp-switch.hp-device.hp-small .hp-up-port {
padding-right: 6px;
padding-left: 9px; }
.hp-switch.hp-device.hp-small .hp-up-port .hp-condensed .hp-status {
left: 1px; }
.hp-switch.hp-device.hp-small .hp-up-port .hp-condensed .hp-usage {
display: none; }
.hp-physical-switch-rows > li > h3 {
margin-top: 40px;
padding: 10px 0px;
font-size: 16px;
color: #333;
font-family: Metric, Arial, sans-serif; }
.hp-logical-switch.hp-wide .hp-physical-switch-rows > li {
white-space: nowrap; }
.hp-physical-switch-rows > li > ol > li.hp-empty {
visibility: hidden; }
.hp-physical-switch-rows > li > ol > li .hp-device-number {
background-color: #F3F3F3;
border: 1px solid #CCCCCC;
color: #737373;
display: inline-block;
padding: 5px;
position: absolute; }
.hp-physical-switch-rows > li > ol > li:nth-child(odd) .hp-device-number {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
right: -20px;
top: 5px; }
.hp-physical-switch-rows > li > ol > li:nth-child(even) .hp-device-number {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
left: -20px;
bottom: 5px; }
.hp-physical-switch-rows > li.hp-narrow > ol > li.hp-empty {
display: none; }
.hp-physical-switch-rows > li.hp-narrow > ol > li:nth-child(odd) .hp-device-number {
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
width: 7px;
left: -20px;
top: 5px; }
.hp-physical-switch-rows > li.hp-narrow > ol > li:nth-child(even) .hp-device-number {
top: 5px;
height: 19px; }
.hp-switch.hp-device .hp-contents {
display: block;
padding-left: 15px;
margin-right: 10px;
margin-bottom: 10px; }
.hp-switch.hp-device .hp-uid-container {
margin: 5px auto 0px 2px; }
.hp-switch.hp-device .hp-uid-container.hp-empty {
visibility: hidden; }
.hp-switch.hp-device .hp-top-ports, .hp-switch.hp-device .hp-bottom-ports {
display: block;
margin-bottom: 5px;
white-space: nowrap; }
.hp-switch.hp-device .hp-top-ports li, .hp-switch.hp-device .hp-bottom-ports li {
padding: 0px 3px;
border-top: none;
vertical-align: top; }
.hp-switch.hp-device .hp-top-ports .hp-condensed > *, .hp-switch.hp-device .hp-bottom-ports .hp-condensed > * {
display: block;
text-align: center; }
.hp-switch.hp-device .hp-top-ports .hp-condensed .hp-status, .hp-switch.hp-device .hp-bottom-ports .hp-condensed .hp-status {
left: 2px;
margin: 0px auto 3px auto; }
.hp-switch.hp-device .hp-top-ports .hp-condensed .hp-device-name, .hp-switch.hp-device .hp-bottom-ports .hp-condensed .hp-device-name {
text-align: center; }
.hp-switch.hp-device .hp-top-ports .hp-condensed .hp-usage, .hp-switch.hp-device .hp-bottom-ports .hp-condensed .hp-usage {
width: 25px;
margin: 10px auto 6px; }
.hp-switch.hp-device .hp-top-ports .hp-full, .hp-switch.hp-device .hp-bottom-ports .hp-full {
display: none; }
.hp-switch.hp-device .hp-top-ports > li, .hp-switch.hp-device .hp-bottom-ports > li {
display: inline-block;
border-right: 1px solid #ccc; }
.hp-switch.hp-device .hp-top-ports > li:last-child, .hp-switch.hp-device .hp-bottom-ports > li:last-child {
border-right: none;
padding: 0px; }
.hp-switch.hp-device .hp-top-ports > li > .hp-condensed, .hp-switch.hp-device .hp-bottom-ports > li > .hp-condensed {
display: inline-block; }
.hp-switch.hp-device .hp-top-ports > li > span, .hp-switch.hp-device .hp-bottom-ports > li > span {
display: block;
text-align: center;
margin-top: 5px; }
.hp-switch.hp-device .hp-top-ports > li.hp-inverted .hp-condensed .hp-status, .hp-switch.hp-device .hp-bottom-ports > li.hp-inverted .hp-condensed .hp-status {
margin: 3px auto 0px auto; }
.hp-switch.hp-device .hp-top-ports > li.hp-inverted > span, .hp-switch.hp-device .hp-bottom-ports > li.hp-inverted > span {
margin-top: 0px;
margin-bottom: 5px; }
.hp-switch.hp-device .hp-top-ports > li ol, .hp-switch.hp-device .hp-bottom-ports > li ol {
white-space: nowrap; }
.hp-switch.hp-device .hp-top-ports > li ol li, .hp-switch.hp-device .hp-bottom-ports > li ol li {
display: inline-block;
min-width: 0px; }
.hp-switch.hp-device .hp-top-ports .hp-up-port, .hp-switch.hp-device .hp-top-ports .hp-down-port, .hp-switch.hp-device .hp-bottom-ports .hp-up-port, .hp-switch.hp-device .hp-bottom-ports .hp-down-port {
margin-bottom: 0px; }
.hp-switch.hp-device .hp-top-ports .hp-up-port.hp-spacer, .hp-switch.hp-device .hp-top-ports .hp-down-port.hp-spacer, .hp-switch.hp-device .hp-bottom-ports .hp-up-port.hp-spacer, .hp-switch.hp-device .hp-bottom-ports .hp-down-port.hp-spacer {
height: 14px;
padding: 0px; }
.hp-switch.hp-device .hp-summary .hp-secondary {
display: inline-block; }
.hp-switch.hp-device.hp-vertical ol.hp-ports {
display: inline-block; }
.hp-switch.hp-device.hp-vertical ol.hp-ports li.hp-port {
display: block;
text-align: left; }
.hp-switch.hp-device.hp-vertical ol.hp-ports li.hp-port > * {
display: inline-block; }
.hp-switch .hp-up-port.hp-empty {
visibility: hidden; }
.hp-switch .hp-up-port .hp-condensed .hp-usage {
margin: 10px 0 6px;
width: 25px; }
.hp-switch .hp-backplane-ports {
border-bottom-left-radius: 5px;
border-left: 2px solid #ccc;
border-bottom: 2px solid #ccc;
margin: 0;
margin-bottom: 10px;
padding: 0px 3px 5px;
position: relative;
top: 0px;
width: auto;
left: 5px; }
.hp-switch .hp-backplane-ports .hp-up-port:first-child {
padding-left: 7px; }
.hp-switch .hp-backplane-ports .hp-up-port:last-of-type {
border-right: none; }
.hp-switch .hp-up-ports .hp-up-port, .hp-switch .hp-backplane-ports .hp-up-port {
position: relative;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
cursor: pointer;
display: block;
height: 26px;
padding: 4px;
width: auto;
margin-right: -4px;
border: none;
border-top: 1px solid #ccc;
border-right: none;
border-radius: 0px;
min-width: 0px;
text-align: center; }
.hp-switch .hp-up-ports .hp-up-port .hp-status, .hp-switch .hp-up-ports .hp-up-port .hp-device-name, .hp-switch .hp-up-ports .hp-up-port .hp-usage, .hp-switch .hp-backplane-ports .hp-up-port .hp-status, .hp-switch .hp-backplane-ports .hp-up-port .hp-device-name, .hp-switch .hp-backplane-ports .hp-up-port .hp-usage {
display: inline-block;
vertical-align: top; }
.hp-switch .hp-up-ports .hp-up-port:hover .hp-full, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full {
display: block;
background: #fff;
width: auto;
z-index: 2;
border: 1px solid #ccc;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
padding: 10px 15px;
text-align: left;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
top: 25px; }
.hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-summary, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-summary {
margin-right: 20px; }
.hp-switch .hp-up-ports .hp-up-port:hover .hp-full label, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full label {
width: 50%; }
.hp-switch .hp-up-ports .hp-up-port:hover .hp-full:after, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full:after {
display: block;
position: absolute;
height: auto;
width: 0px;
left: 0px;
content: "";
margin: 5px 15px; }
.hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-usage label, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-usage label {
left: -60px;
color: #333; }
.hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-device-address, .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-uplink-group, .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-uplink-networks, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-device-address, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-uplink-group, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-uplink-networks {
margin-top: 5px;
margin-left: 5px; }
.hp-switch .hp-up-ports .hp-up-port.hp-flyout-wrapper:hover .hp-full, .hp-switch .hp-backplane-ports .hp-up-port.hp-flyout-wrapper:hover .hp-full {
display: none; }
.hp-backplane-connect {
width: 50px;
height: 23px;
background: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -460px -20px;
background-repeat: no-repeat; }
.hp-logical-switch {
position: relative;
padding: 10px 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-logical-switch form.hp-show-form fieldset {
padding: 0px;
min-width: auto; }
.hp-logical-switch form.hp-show-form li.hp-form-item {
margin-bottom: 0px; }
.hp-logical-switch form.hp-show-form li.hp-form-item > label:first-child {
color: #767676;
padding-right: 10px;
width: 33%;
text-align: left;
margin-right: 5px;
margin-top: 0px;
min-width: auto; }
.hp-logical-switch .hp-switch.hp-device {
padding: 5px 10px 5px 15px;
margin: 50px 20px 0px 0px;
background-color: transparent;
display: inline-block;
min-height: 60px;
min-width: 220px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
.hp-logical-switch .hp-switch.hp-device .hp-usage {
display: none; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports li, .hp-logical-switch .hp-switch.hp-device .hp-bottom-ports li {
padding: 0px 5px; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports li:first-child, .hp-logical-switch .hp-switch.hp-device .hp-bottom-ports li:first-child {
margin-left: -5px; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports li:last-child, .hp-logical-switch .hp-switch.hp-device .hp-bottom-ports li:last-child {
margin-right: -5px; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports li .hp-condensed .hp-status, .hp-logical-switch .hp-switch.hp-device .hp-bottom-ports li .hp-condensed .hp-status {
left: 3px; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports ol {
border-top: 3px solid;
border-color: transparent; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports ol.hp-port-group {
border-top-color: #ccc; }
.hp-logical-switch .hp-switch.hp-device .hp-top-ports ol.hp-port-group.hp-highlight {
border-top-color: #000; }
.hp-logical-switch .hp-switch.hp-device .hp-bottom-ports ol {
border-bottom: 3px solid;
border-color: transparent; }
.hp-logical-switch .hp-switch.hp-device .hp-bottom-ports ol.hp-port-group {
border-bottom-color: #ccc; }
.hp-logical-switch .hp-switch.hp-device .hp-bottom-ports ol.hp-port-group.hp-highlight {
border-bottom-color: #000; }
.hp-logical-switch .hp-switch.hp-device > .hp-up-ports, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports {
margin: 1px -7px;
display: inline-block; }
.hp-logical-switch .hp-switch.hp-device > .hp-up-ports .hp-up-port .hp-status, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports .hp-up-port .hp-status {
left: 6px;
padding: 0px 3px; }
.hp-logical-switch .hp-switch.hp-device > .hp-up-ports .hp-up-port .hp-full .hp-form-contents, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports .hp-up-port .hp-full .hp-form-contents {
margin-left: 0px;
margin-right: 20px; }
.hp-logical-switch .hp-switch.hp-device > .hp-contents, .hp-logical-switch .hp-switch.hp-device > .hp-edit-contents, .hp-logical-switch .hp-switch.hp-device > .hp-add-contents {
padding: 0px;
margin: 10px 0px; }
.hp-logical-switch .hp-switch.hp-device.hp-initialize > .hp-up-ports {
display: none; }
.hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports {
margin: 0px;
top: -5px;
padding-top: 7px; }
.hp-logical-switch > canvas {
position: absolute;
margin: -10px -40px;
pointer-events: none; }
.hp-logical-switch.hp-small {
padding: 10px; }
.hp-logical-switch.hp-small > canvas {
margin: -10px; }
.hp-logical-switch.hp-small .hp-physical-switch-row:last-child {
padding-bottom: 10px; }
.hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch {
margin-top: 10px;
margin-right: 10px;
margin-left: 10px; }
.hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch h3.hp-name, .hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch .hp-contents, .hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch .hp-type {
display: none; }
.hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch .hp-down-port {
padding-top: 3px; }
.hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch.hp-expanded h3.hp-name, .hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch.hp-expanded .hp-contents {
display: block; }
.hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches .hp-switch.hp-expanded .hp-contents {
margin-top: 3px; }
.hp-logical-switch.hp-small .hp-physical-switch-row .hp-physical-switches.hp-physical-switch-device-pair .hp-switch:last-child {
float: left; }
.hp-logical-switch.hp-small .hp-logical-uplinks .hp-logical-uplink {
margin-bottom: 35px; }
.hp-logical-switch.hp-no-port {
padding-top: 0px; }
.hp-logical-switch.hp-no-port.hp-wide .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content {
white-space: normal; }
.hp-logical-switch.hp-no-port.hp-wide .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content .hp-device-value {
max-width: none; }
.hp-logical-switch.hp-no-port .hp-physical-switch-rows > li > h3 {
margin-top: 15px;
margin-bottom: 5px; }
.hp-logical-switch.hp-no-port .hp-physical-switch-rows > li:first-child > h3 {
margin-top: 0px; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents .hp-secondary {
padding-left: 0px;
margin-left: 0px;
margin-top: 0px; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents.hp-device-empty .hp-secondary {
text-align: center;
padding-top: 13px; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content {
margin-left: 15px;
margin-right: 15px;
padding-top: 5px;
padding-bottom: 5px; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content > * {
margin-top: 5px;
display: inline-block;
white-space: normal; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content .hp-device-type {
width: 30%;
min-width: 170px; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content .hp-device-value {
min-width: 275px;
max-width: 295px;
vertical-align: top; }
.hp-logical-switch.hp-no-port .hp-physical-switch-row .hp-switch .hp-device-contents .hp-device-content .hp-device-value > * {
display: inline-block; }
.hp-logical-switch .hp-controls {
position: absolute;
right: 0px;
top: 5px; }
.hp-logical-switch .hp-edit-contents, .hp-logical-switch .hp-close, .hp-logical-switch .hp-uplink-controls {
display: none; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink.hp-initialize .hp-name {
cursor: pointer;
white-space: normal;
line-height: 17px; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-name {
margin: 5px 0px;
max-width: 70px; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-controls {
margin-top: 5px;
margin-right: 3px;
right: 3px; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-controls > * {
display: inline-block;
cursor: pointer; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-close {
position: relative;
top: 2px; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink > * {
display: inline-block; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-contents {
display: block; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-edit-contents {
display: none; }
.hp-logical-switch.hp-alter .hp-contents {
display: none; }
.hp-logical-switch.hp-alter .hp-switch {
padding-right: 20px; }
.hp-logical-switch.hp-alter .hp-switch .hp-close {
display: inline-block; }
.hp-logical-switch.hp-alter .hp-switch .hp-secondary {
margin-top: 10px; }
.hp-logical-switch.hp-alter .hp-switch .hp-full .hp-secondary {
margin-top: 0px; }
.hp-logical-switch.hp-alter .hp-switch .hp-contents .hp-secondary {
display: none; }
.hp-logical-switch.hp-alter .hp-switch .hp-edit-contents {
display: block; }
.hp-logical-switch.hp-alter .hp-switch .hp-edit-contents fieldset {
padding-left: 0px;
left: -3px;
margin-top: 15px;
margin-bottom: 0px;
min-width: 0px; }
.hp-logical-switch.hp-alter .hp-switch .hp-condensed input {
display: none; }
.hp-logical-switch.hp-alter .hp-switch .hp-backplane-ports {
display: none; }
.hp-logical-switch.hp-alter .hp-switch.hp-initialize {
min-width: 190px;
background-color: #f3f3f3; }
.hp-logical-switch.hp-alter .hp-switch.hp-initialize .hp-contents {
display: none; }
.hp-logical-switch.hp-alter .hp-switch.hp-initialize .hp-add-contents {
display: block;
margin-top: 3px; }
.hp-logical-switch.hp-alter .hp-switch.hp-initialize:hover {
border-color: #666; }
.hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink {
margin-bottom: 30px; }
.hp-logical-switch.hp-alter.hp-edit-uplink canvas {
z-index: -1; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-controls .hp-close {
display: none; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-network-controls {
display: inline-block;
vertical-align: baseline;
margin: 10px 20px 10px 0px; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-network-controls .hp-network-add {
border-right: 1px solid #ccc;
padding-right: 5px; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-network-controls .hp-network-remove {
padding-left: 5px; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls {
display: inline-block;
margin-bottom: 10px; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls a:hover {
text-decoration: none; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-previous {
border-right: 1px solid #ccc;
padding: 0px 5px 0px 0px; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-previous:before {
content: "< "; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-next {
border-left: 1px solid #ccc;
padding: 0px 5px; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-next:after {
content: " >"; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink h3.hp-name {
font-size: 18px;
margin-top: 5px;
font-family: Metric, Arial, sans-serif; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink .hp-controls .hp-edit, .hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink .hp-controls .hp-close {
display: none; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink .hp-edit-contents {
display: inline-block; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-switch.hp-initialize {
display: none; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-switch .hp-edit-contents {
display: none; }
.hp-logical-switch.hp-alter.hp-edit-uplink .hp-switch .hp-contents .hp-secondary {
display: none; }
.hp-logical-switch.hp-alter.hp-edit-uplink.hp-alter .hp-logical-uplink .hp-name {
display: block;
max-width: 100%;
line-height: 20px; }
.hp-logical-switch .hp-logical-uplinks {
position: relative;
margin-bottom: 0px; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink {
position: relative;
display: inline-block;
margin: 0px 10px 35px 0px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
cursor: pointer;
white-space: nowrap; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-internal-networks {
border-width: 1px;
border-radius: 0px; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-internal-networks .hp-name {
font-style: italic;
color: #767676;
cursor: default;
padding-right: 5px; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-name {
margin: 5px 0px;
max-width: 104px;
display: inline-block; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-highlight {
border-color: #666; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink:hover {
z-index: 10; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-selected {
border-color: #7fbfda; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-hidden {
display: none; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink > h3.hp-name, .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink > label {
display: inline-block;
padding-right: 0px;
font-size: inherit;
white-space: nowrap; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink div {
color: #767676; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls > * {
display: none; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-status {
top: -12px; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-initialize {
background-color: #f3f3f3; }
.hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-initialize .hp-edit-contents, .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-initialize .hp-controls {
display: none; }
.hp-logical-switch .hp-physical-switch-rows {
margin-bottom: 0px; }
.hp-logical-switch .hp-physical-switch-row {
display: block; }
.hp-logical-switch .hp-physical-switch-row:last-child {
padding-bottom: 50px; }
.hp-logical-switch .hp-physical-switch-row .hp-physical-switch-device-pair .hp-device .hp-unset {
padding-left: 0px; }
.hp-logical-switch .hp-physical-switch-row .hp-physical-switch-device-pair .hp-device:last-child {
float: right; }
.hp-logical-switch .hp-physical-switch-row .hp-physical-switch-device-pair .hp-down-port {
border-left: 1px solid #ccc; }
.hp-logical-switch .hp-physical-switch-row .hp-physical-switch-device-pair .hp-down-port .hp-condensed {
padding-right: 10px; }
.hp-logical-switch .hp-physical-switch-row .hp-physical-switch-device-pair .hp-down-port:first-child {
border: none; }
.hp-logical-switch .hp-switch.hp-highlight {
border-color: #666; }
.hp-logical-switch .hp-switch.hp-device > .hp-name, .hp-logical-switch .hp-switch .hp-device > label {
position: relative; }
.hp-logical-switch .hp-switch .hp-close, .hp-logical-switch .hp-switch .hp-add-contents {
display: none; }
.hp-logical-switch .hp-switch .hp-summary > * {
display: inline-block; }
.hp-logical-switch .hp-switch.hp-alter .hp-controls {
display: inline-block; }
.hp-logical-switch .hp-switch > .hp-up-ports .hp-condensed input, .hp-logical-switch .hp-switch > .hp-top-ports .hp-condensed input, .hp-logical-switch .hp-switch > .hp-bottom-ports .hp-condensed input, .hp-logical-switch .hp-switch > .hp-multiplexing .hp-condensed input {
display: none; }
.hp-logical-switch .hp-switch.hp-initialize .hp-add-contents .hp-add {
cursor: pointer; }
.hp-logical-switch .hp-switch.hp-initialize .hp-add-contents .hp-secondary {
display: block;
padding-left: 0px; }
.hp-logical-switch .hp-switch.hp-initialize .hp-edit-contents, .hp-logical-switch .hp-switch.hp-initialize .hp-controls, .hp-logical-switch .hp-switch.hp-initialize .hp-select, .hp-logical-switch .hp-switch.hp-initialize .hp-status {
display: none; }
.hp-logical-switch .hp-switch.hp-device.hp-placeholder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
min-width: 278px;
text-align: center; }
.hp-logical-switch .hp-switch.hp-device > button, .hp-logical-switch .hp-switch.hp-device > input {
display: inline-block; }
.hp-logical-switch .hp-switch.hp-device > h3.hp-name, .hp-logical-switch .hp-switch.hp-device > label, .hp-logical-switch .hp-switch.hp-device > header {
display: block;
position: absolute;
margin: 0px;
font-size: inherit;
left: 15px;
bottom: 8px; }
.hp-logical-switch .hp-switch.hp-device > h3.hp-name > input, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .hp-search-combo, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .selectBox-dropdown, .hp-logical-switch .hp-switch.hp-device > label > input, .hp-logical-switch .hp-switch.hp-device > label > .hp-search-combo, .hp-logical-switch .hp-switch.hp-device > label > .selectBox-dropdown, .hp-logical-switch .hp-switch.hp-device > header > input, .hp-logical-switch .hp-switch.hp-device > header > .hp-search-combo, .hp-logical-switch .hp-switch.hp-device > header > .selectBox-dropdown {
display: block !important;
margin: 5px 0px; }
.hp-logical-switch .hp-switch.hp-device > h3.hp-name > input > input, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .hp-search-combo > input, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .selectBox-dropdown > input, .hp-logical-switch .hp-switch.hp-device > label > input > input, .hp-logical-switch .hp-switch.hp-device > label > .hp-search-combo > input, .hp-logical-switch .hp-switch.hp-device > label > .selectBox-dropdown > input, .hp-logical-switch .hp-switch.hp-device > header > input > input, .hp-logical-switch .hp-switch.hp-device > header > .hp-search-combo > input, .hp-logical-switch .hp-switch.hp-device > header > .selectBox-dropdown > input {
width: 100%; }
.hp-logical-switch .hp-switch.hp-device > .hp-up-ports .hp-up-port, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports .hp-up-port {
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
padding: 3px 5px;
height: 26px; }
.hp-logical-switch .hp-switch.hp-alter .hp-edit-contents {
width: 300px; }
.hp-logical-switch .hp-switch.hp-alter .hp-alter {
display: inline-block; }
.hp-logical-switch .hp-switch.hp-alter > .hp-up-ports > input {
display: none; }
.hp-logical-switch .hp-switch.hp-alter .hp-status {
display: none; }
.hp-logical-switch .hp-switch.hp-alter .hp-controls {
position: absolute;
top: 6px;
right: 3px; }
.hp-logical-switch .hp-switch.hp-alter .hp-controls > * {
display: inline-block;
vertical-align: top;
cursor: pointer; }
.hp-logical-switch .hp-switch.hp-alter .hp-controls .hp-close {
position: relative;
top: 2px; }
.hp-logical-switch .hp-switch.hp-alter .hp-up-port > input[type="checkbox"] {
display: block; }
.hp-logical-switch .hp-switch.hp-alter .hp-select {
display: none; }
.hp-logical-switch.hp-has-highlight .hp-up-port, .hp-logical-switch.hp-has-highlight .hp-down-port, .hp-logical-switch.hp-has-highlight .hp-logical-uplink, .hp-logical-switch.hp-has-highlight .hp-device {
opacity: 0.4; }
.hp-logical-switch.hp-has-highlight .hp-up-port.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-down-port.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-logical-uplink.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-device.hp-highlight {
opacity: 1.0;
color: #000; }
.hp-logical-switch.hp-has-highlight .hp-device.hp-initialize {
opacity: 1; }
.hp-logical-switch.hp-initialize-deprecated .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-close {
display: inline-block; }
.hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device.hp-small {
padding-bottom: 18px; }
.hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device .hp-up-ports {
top: -13px; }
.hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device .hp-up-ports.hp-ports-deprecated {
top: 0px; }
.hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device header, .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device label {
position: relative;
left: 0px;
top: 50px; }
.hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device header.hp-switch-type {
bottom: 0px;
top: 5px; }
.hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device header.hp-switch-type label {
top: 0px; }
.hp-server-context {
position: relative; }
.hp-server-context a {
cursor: pointer; }
.hp-server-context > * {
display: table-cell;
vertical-align: top; }
.hp-server-context ol {
margin: 0px; }
.hp-server-context .hp-server {
display: table-cell;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
border-right: 1px solid #ccc;
border-top-right-radius: 0; }
.hp-server-context .hp-server > * {
vertical-align: top; }
.hp-server-context .hp-card {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px; }
.hp-server-context .hp-server-path {
margin-bottom: -2px; }
.hp-server-context .hp-server-path:last-of-type {
margin-bottom: 0px; }
.hp-server-context .hp-server-path .hp-card {
border-left: none; }
.hp-server-context .hp-server-storages {
position: absolute;
top: 80px;
left: 20px; }
.hp-server-context .hp-server-storage {
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
margin-bottom: 5px;
border-width: 1px; }
.hp-server-context .hp-server-storage .hp-device {
border-radius: 3px; }
.hp-server-context .hp-server-storage .hp-device-size {
color: #767676; }
.hp-server-context.hp-small .hp-server {
padding: 10px 20px; }
.hp-server-context.hp-small .hp-path-stack {
display: none; }
.hp-server-context.hp-small .hp-network-path .hp-nic .hp-card {
padding: 0px 5px; }
.hp-server-context.hp-small .hp-network-path .hp-nic .hp-card > label {
display: none; }
.hp-server-context.hp-small .hp-network-path .hp-nic .hp-card > ol {
margin-top: 0px; }
.hp-server-context.hp-small .hp-port a, .hp-server-context.hp-small .hp-up-port a {
display: none; }
.hp-server-context.hp-small .hp-server-storages {
top: 40px; }
.hp-server-context.hp-small .hp-server-storages .hp-device-name {
display: none; }
.hp-rack-context {
white-space: nowrap; }
.hp-rack-context .hp-rack, .hp-rack-context .hp-rack-power {
display: inline-block;
margin-right: 30px; }
.hp-rack-context .hp-rack:last-child, .hp-rack-context .hp-rack-power:last-child {
margin-right: 0px; }
.hp-rack-context > canvas {
position: absolute;
pointer-events: none; }
.hp-rack-context.hp-has-highlight ol.hp-rack-devices > li, .hp-rack-context.hp-has-highlight .hp-rack-power .hp-device {
opacity: 0.4;
background-color: #f8f8f8; }
.hp-rack-context.hp-has-highlight ol.hp-rack-devices > li.hp-highlight, .hp-rack-context.hp-has-highlight .hp-rack-power .hp-device.hp-highlight {
opacity: 1.0;
color: #000;
background-color: #fff; }
.hp-rack-context ol.hp-rack-devices > li {
border-width: 1px 0px;
border-style: solid;
border-color: transparent; }
.hp-rack-context ol.hp-rack-devices > li:hover, .hp-rack-context ol.hp-rack-devices > li.hp-active {
position: relative;
z-index: 100;
overflow: visible;
margin: 0px; }
.hp-rack-context ol.hp-rack-devices > li:hover.hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device {
border-bottom-width: 1px; }
div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li:hover, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li.hp-active {
margin: 0px; }
.hp-rack-context ol.hp-rack-devices > li:hover.hp-device, .hp-rack-context ol.hp-rack-devices > li:hover > .hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-active > .hp-device {
position: relative;
left: 20px;
min-height: 100%;
padding-top: 5px;
padding-bottom: 5px;
background-color: #fff;
border: 1px solid #ccc;
-webkit-animation: 0.3s ease;
-moz-animation: 0.3s ease;
-ms-animation: 0.3s ease;
-o-animation: 0.3s ease;
animation: 0.3s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li:hover.hp-device, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li:hover > .hp-device, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li.hp-active > .hp-device {
background-color: #f3f3f3;
border-color: transparent;
border-width: 1px 2px 2px 2px;
border-radius: 0px;
margin: 0px; }
.hp-rack-context ol.hp-rack-devices > li:hover.hp-device .hp-device-name, .hp-rack-context ol.hp-rack-devices > li:hover > .hp-device .hp-device-name, .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device .hp-device-name, .hp-rack-context ol.hp-rack-devices > li.hp-active > .hp-device .hp-device-name {
white-space: normal; }
.hp-rack-context ol.hp-rack-devices > li.hp-highlight {
border-color: #666; }
.hp-rack-context ol.hp-rack-devices > li.hp-highlight.hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-highlight > .hp-device {
min-height: 100%; }
.hp-rack-context.hp-small ol.hp-rack-power > li .hp-device {
max-width: 80px;
word-break: break-all; }
.hp-rack-context.hp-small ol.hp-rack-power > li .hp-device .hp-device-name {
max-width: 55px;
width: 55px; }
.hp-rack {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
min-width: 190px; }
.hp-rack.hp-device {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 200px; }
.hp-rack.hp-device > header {
padding: 0px; }
.hp-rack > label {
display: block;
padding: 5px 15px; }
.hp-rack:not(.hp-device) > header {
padding: 10px 15px; }
.hp-rack:not(.hp-device) > header .hp-status, .hp-rack:not(.hp-device) > header .hp-device-name {
display: inline-block;
vertical-align: top;
top: 3px; }
.hp-rack:not(.hp-device) > header .hp-status {
top: 1px; }
.hp-rack.hp-selected > header {
background-color: #ccf0e7; }
.hp-rack.hp-collapsed header {
border-bottom: none; }
.hp-rack.hp-collapsed > ol {
display: none; }
.hp-rack ol.hp-rack-devices {
margin-bottom: 0px; }
.hp-rack ol.hp-rack-devices .hp-enclosure > label {
padding: 7px 12px;
display: inline-block; }
.hp-rack ol.hp-rack-devices .hp-enclosure > .hp-status {
left: 11px;
top: 12px;
display: inline-block; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bays-set > * {
display: block;
margin-bottom: 8px;
padding: 0px 4px; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bays {
white-space: nowrap;
font-size: 0px;
height: 70px; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay {
width: 22px;
padding: 0px 5px;
border-left: 1px solid #d9d9d9;
display: inline-block;
font-size: 16px;
height: 70px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay > * {
display: block;
text-align: center; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay > label {
padding: 4px 0px; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay .hp-device {
padding: 0px;
border: none;
background-image: none; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay .hp-device .hp-status {
top: 2px;
left: 2px; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay:first-of-type {
border-left: none; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay:last-of-type {
margin-right: 0px; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay .hp-full {
display: none; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay:hover, .hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay.hp-hover {
background-color: #f3f3f3; }
.hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay.hp-empty, .hp-rack ol.hp-rack-devices .hp-enclosure .hp-bay.hp-empty:hover {
background-color: #f3f3f3; }
.hp-rack ol.hp-rack-devices > li {
position: relative;
border-color: #ccc;
overflow: hidden;
width: 198px; }
.hp-rack ol.hp-rack-devices > li.hp-device {
border-width: 1px; }
.hp-rack ol.hp-rack-devices > li .hp-device {
border-color: transparent;
background-image: none; }
.hp-rack ol.hp-rack-devices > li.hp-device, .hp-rack ol.hp-rack-devices > li > .hp-device {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 15px;
width: 200px;
border-width: 1px;
border-style: solid;
margin: 0px;
overflow: hidden;
white-space: nowrap; }
div.hp-master-filter .hp-rack ol.hp-rack-devices > li.hp-device, div.hp-master-filter .hp-rack ol.hp-rack-devices > li > .hp-device {
width: 196px;
padding-left: 13px;
border-width: 1px 2px 2px 2px;
border-radius: 0px;
margin: 0px; }
.hp-rack ol.hp-rack-devices > li.hp-device .hp-device-name, .hp-rack ol.hp-rack-devices > li > .hp-device .hp-device-name {
display: inline-block;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 135px;
overflow: hidden; }
.hp-rack ol.hp-rack-devices > li.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li > .hp-device .hp-device-model {
white-space: normal; }
.hp-filter-pane .hp-rack ol.hp-rack-devices > li.hp-device, .hp-filter-pane .hp-rack ol.hp-rack-devices > li > .hp-device {
width: 160px; }
.hp-rack ol.hp-rack-devices > li.hp-rack-2u.hp-device, .hp-rack ol.hp-rack-devices > li.hp-rack-2u > .hp-device {
padding: 5px 15px; }
.hp-rack ol.hp-rack-devices > li.hp-rack-2u.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-2u > .hp-device .hp-device-model {
display: none; }
.hp-rack ol.hp-rack-devices > li.hp-rack-2u:hover.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-device .hp-device-model {
display: block; }
.hp-rack ol.hp-rack-devices > li.hp-rack-1u.hp-device, .hp-rack ol.hp-rack-devices > li.hp-rack-1u > .hp-device {
padding: 0px 15px; }
.hp-rack ol.hp-rack-devices > li.hp-rack-1u.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-1u > .hp-device .hp-device-model {
display: none; }
.hp-rack ol.hp-rack-devices > li.hp-rack-1u .hp-rack-empty {
padding: 0px 15px 0px 32px; }
.hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device, .hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device {
padding-top: 5px;
padding-bottom: 5px; }
.hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device .hp-device-model {
display: block; }
.hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-top, .hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-bottom {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: none;
display: block;
position: absolute;
right: 0px;
line-height: 14px;
text-align: right;
color: #767676;
background-color: #f3f3f3;
padding: 0px 5px 0px 3px;
overflow: hidden;
display: none; }
.hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-top {
top: 0px; }
.hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-bottom {
bottom: 0px; }
.hp-rack.hp-rack-slots ol.hp-rack-devices > li:hover .hp-rack-uslot-top, .hp-rack.hp-rack-slots ol.hp-rack-devices > li:hover .hp-rack-uslot-bottom {
display: block; }
.hp-rack.hp-rack-slots ol.hp-rack-devices > li:hover.hp-rack-1u .hp-rack-uslot-bottom {
display: none; }
.hp-rack .hp-device-topUSlot {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: none;
display: block;
position: absolute;
text-align: right;
width: 25px;
color: #767676;
background-color: #f3f3f3;
padding: 0px 5px 0px 3px;
border-width: 1px 0px 0px 2px;
border-style: solid;
border-color: transparent;
overflow: hidden; }
.hp-rack .hp-enclosure {
border: none;
background-image: none;
font-size: 100%; }
.hp-rack .hp-switch .hp-device {
margin-left: -2px;
margin-right: -1px; }
.hp-rack .hp-switch .hp-up-port {
text-align: left; }
.hp-rack .hp-switch .hp-up-port .hp-status {
top: 4px; }
.hp-rack .hp-rack-empty {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 15px 10px 32px;
min-width: 190px;
min-height: 100%;
vertical-align: middle;
background-color: #f3f3f3;
margin: 0px;
overflow: hidden; }
.hp-filter-pane .hp-rack .hp-rack-empty {
min-width: 160px; }
.hp-rack .hp-rack-empty label {
color: #999; }
.hp-rack .hp-rack-1u {
height: 20px; }
.hp-rack .hp-rack-2u {
height: 40px; }
.hp-rack .hp-rack-3u {
height: 60px; }
.hp-rack .hp-rack-4u {
height: 80px; }
.hp-rack .hp-rack-5u {
height: 100px; }
.hp-rack .hp-rack-6u {
height: 120px; }
.hp-rack .hp-rack-7u {
height: 140px; }
.hp-rack .hp-rack-8u {
height: 160px; }
.hp-rack .hp-rack-9u {
height: 180px; }
.hp-rack .hp-rack-10u {
height: 200px; }
.hp-rack .hp-rack-11u {
height: 220px; }
.hp-rack .hp-rack-12u {
height: 240px; }
.hp-rack .hp-rack-13u {
height: 260px; }
.hp-rack .hp-rack-14u {
height: 280px; }
.hp-rack .hp-rack-15u {
height: 300px; }
.hp-rack .hp-rack-16u {
height: 320px; }
.hp-rack .hp-rack-17u {
height: 340px; }
.hp-rack .hp-rack-18u {
height: 360px; }
.hp-rack .hp-rack-19u {
height: 380px; }
.hp-rack .hp-rack-20u {
height: 400px; }
.hp-rack .hp-rack-21u {
height: 420px; }
.hp-rack .hp-rack-22u {
height: 440px; }
.hp-rack .hp-rack-23u {
height: 460px; }
.hp-rack .hp-rack-24u {
height: 480px; }
.hp-rack .hp-rack-25u {
height: 500px; }
.hp-rack .hp-rack-26u {
height: 520px; }
.hp-rack .hp-rack-27u {
height: 540px; }
.hp-rack .hp-rack-28u {
height: 560px; }
.hp-rack .hp-rack-29u {
height: 580px; }
.hp-rack .hp-rack-30u {
height: 600px; }
.hp-rack .hp-rack-31u {
height: 620px; }
.hp-rack .hp-rack-32u {
height: 640px; }
.hp-rack .hp-rack-33u {
height: 660px; }
.hp-rack .hp-rack-34u {
height: 680px; }
.hp-rack .hp-rack-35u {
height: 700px; }
.hp-rack .hp-rack-36u {
height: 720px; }
.hp-rack .hp-rack-37u {
height: 740px; }
.hp-rack .hp-rack-38u {
height: 760px; }
.hp-rack .hp-rack-39u {
height: 780px; }
.hp-rack .hp-rack-40u {
height: 800px; }
.hp-rack .hp-rack-41u {
height: 820px; }
.hp-rack .hp-rack-42u {
height: 840px; }
.hp-rack .hp-rack-43u {
height: 860px; }
.hp-rack .hp-rack-44u {
height: 880px; }
.hp-rack .hp-rack-45u {
height: 900px; }
.hp-rack .hp-rack-46u {
height: 920px; }
.hp-rack .hp-rack-47u {
height: 940px; }
.hp-rack .hp-rack-48u {
height: 960px; }
.hp-rack .hp-rack-49u {
height: 980px; }
.hp-rack .hp-rack-50u {
height: 1000px; }
.hp-rack .hp-rack-51u {
height: 1020px; }
.hp-rack .hp-rack-52u {
height: 1040px; }
.hp-rack .hp-rack-53u {
height: 1060px; }
.hp-rack .hp-rack-54u {
height: 1080px; }
.hp-rack .hp-rack-55u {
height: 1100px; }
.hp-rack .hp-rack-56u {
height: 1120px; }
.hp-rack .hp-rack-57u {
height: 1140px; }
.hp-rack .hp-rack-58u {
height: 1160px; }
.hp-rack .hp-rack-59u {
height: 1180px; }
.hp-rack .hp-rack-60u {
height: 1200px; }
.hp-rack .hp-rack-divider {
height: 0px;
background-color: #ccc; }
.hp-rack.hp-small {
min-width: 130px; }
.hp-rack.hp-small > label {
display: none; }
.hp-rack.hp-small .hp-rack-empty {
min-width: 130px; }
.hp-rack.hp-small .hp-rack-1u {
height: 13px;
min-height: 13px; }
.hp-rack.hp-small .hp-rack-2u {
height: 26px;
min-height: 26px; }
.hp-rack.hp-small .hp-rack-3u {
height: 39px;
min-height: 39px; }
.hp-rack.hp-small .hp-rack-4u {
height: 52px;
min-height: 52px; }
.hp-rack.hp-small .hp-rack-5u {
height: 65px;
min-height: 65px; }
.hp-rack.hp-small .hp-rack-6u {
height: 78px;
min-height: 78px; }
.hp-rack.hp-small .hp-rack-7u {
height: 91px;
min-height: 91px; }
.hp-rack.hp-small .hp-rack-8u {
height: 104px;
min-height: 104px; }
.hp-rack.hp-small .hp-rack-9u {
height: 117px;
min-height: 117px; }
.hp-rack.hp-small .hp-rack-10u {
height: 130px;
min-height: 130px; }
.hp-rack.hp-small .hp-rack-11u {
height: 143px;
min-height: 143px; }
.hp-rack.hp-small .hp-rack-12u {
height: 156px;
min-height: 156px; }
.hp-rack.hp-small .hp-rack-13u {
height: 169px;
min-height: 169px; }
.hp-rack.hp-small .hp-rack-14u {
height: 182px;
min-height: 182px; }
.hp-rack.hp-small .hp-rack-15u {
height: 195px;
min-height: 195px; }
.hp-rack.hp-small .hp-rack-16u {
height: 208px;
min-height: 208px; }
.hp-rack.hp-small .hp-rack-17u {
height: 221px;
min-height: 221px; }
.hp-rack.hp-small .hp-rack-18u {
height: 234px;
min-height: 234px; }
.hp-rack.hp-small .hp-rack-19u {
height: 247px;
min-height: 247px; }
.hp-rack.hp-small .hp-rack-20u {
height: 260px;
min-height: 260px; }
.hp-rack.hp-small .hp-rack-21u {
height: 273px;
min-height: 273px; }
.hp-rack.hp-small .hp-rack-22u {
height: 286px;
min-height: 286px; }
.hp-rack.hp-small .hp-rack-23u {
height: 299px;
min-height: 299px; }
.hp-rack.hp-small .hp-rack-24u {
height: 312px;
min-height: 312px; }
.hp-rack.hp-small .hp-rack-25u {
height: 325px;
min-height: 325px; }
.hp-rack.hp-small .hp-rack-26u {
height: 338px;
min-height: 338px; }
.hp-rack.hp-small .hp-rack-27u {
height: 351px;
min-height: 351px; }
.hp-rack.hp-small .hp-rack-28u {
height: 364px;
min-height: 364px; }
.hp-rack.hp-small .hp-rack-29u {
height: 377px;
min-height: 377px; }
.hp-rack.hp-small .hp-rack-30u {
height: 390px;
min-height: 390px; }
.hp-rack.hp-small .hp-rack-31u {
height: 403px;
min-height: 403px; }
.hp-rack.hp-small .hp-rack-32u {
height: 416px;
min-height: 416px; }
.hp-rack.hp-small .hp-rack-33u {
height: 429px;
min-height: 429px; }
.hp-rack.hp-small .hp-rack-34u {
height: 442px;
min-height: 442px; }
.hp-rack.hp-small .hp-rack-35u {
height: 455px;
min-height: 455px; }
.hp-rack.hp-small .hp-rack-36u {
height: 468px;
min-height: 468px; }
.hp-rack.hp-small .hp-rack-37u {
height: 481px;
min-height: 481px; }
.hp-rack.hp-small .hp-rack-38u {
height: 494px;
min-height: 494px; }
.hp-rack.hp-small .hp-rack-39u {
height: 507px;
min-height: 507px; }
.hp-rack.hp-small .hp-rack-40u {
height: 520px;
min-height: 520px; }
.hp-rack.hp-small .hp-rack-41u {
height: 533px;
min-height: 533px; }
.hp-rack.hp-small .hp-rack-42u {
height: 546px;
min-height: 546px; }
.hp-rack.hp-small .hp-rack-43u {
height: 559px;
min-height: 559px; }
.hp-rack.hp-small .hp-rack-44u {
height: 572px;
min-height: 572px; }
.hp-rack.hp-small .hp-rack-45u {
height: 585px;
min-height: 585px; }
.hp-rack.hp-small .hp-rack-46u {
height: 598px;
min-height: 598px; }
.hp-rack.hp-small .hp-rack-47u {
height: 611px;
min-height: 611px; }
.hp-rack.hp-small .hp-rack-48u {
height: 624px;
min-height: 624px; }
.hp-rack.hp-small .hp-rack-49u {
height: 637px;
min-height: 637px; }
.hp-rack.hp-small .hp-rack-50u {
height: 650px;
min-height: 650px; }
.hp-rack.hp-small .hp-rack-51u {
height: 663px;
min-height: 663px; }
.hp-rack.hp-small .hp-rack-52u {
height: 676px;
min-height: 676px; }
.hp-rack.hp-small .hp-rack-53u {
height: 689px;
min-height: 689px; }
.hp-rack.hp-small .hp-rack-54u {
height: 702px;
min-height: 702px; }
.hp-rack.hp-small .hp-rack-55u {
height: 715px;
min-height: 715px; }
.hp-rack.hp-small .hp-rack-56u {
height: 728px;
min-height: 728px; }
.hp-rack.hp-small .hp-rack-57u {
height: 741px;
min-height: 741px; }
.hp-rack.hp-small .hp-rack-58u {
height: 754px;
min-height: 754px; }
.hp-rack.hp-small .hp-rack-59u {
height: 767px;
min-height: 767px; }
.hp-rack.hp-small .hp-rack-60u {
height: 780px;
min-height: 780px; }
.hp-rack.hp-small.hp-rack-slots > label {
padding-left: 15px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u > .hp-device .hp-device-name {
display: none; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u > .hp-device > .hp-status {
top: -1px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u > .hp-rack-empty > label {
visibility: hidden; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device .hp-device-name {
display: inline-block; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device > .hp-status {
top: 3px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-rack-empty > label {
visibility: visible; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u > .hp-device .hp-device-name {
position: relative;
top: -4px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u > .hp-device > .hp-status {
top: -2px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u > .hp-rack-empty > label {
position: relative;
top: -2px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-device .hp-device-name {
position: static; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-device > .hp-status {
top: 3px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-rack-empty > label {
position: static; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li > .hp-device {
padding-left: 12px; }
.hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li > .hp-rack-empty {
padding-left: 15px; }
ol.hp-rack-power {
margin-bottom: 0px;
vertical-align: top; }
ol.hp-rack-power > li {
margin-bottom: 20px; }
ol.hp-rack-power > li:last-child {
margin-bottom: 0px; }
ol.hp-rack-power > li:hover .hp-device-name {
white-space: normal; }
ol.hp-rack-power > li .hp-device.hp-highlight {
border-color: #666; }
ol.hp-rack-power > li .hp-device {
max-width: 160px;
position: relative;
white-space: nowrap; }
ol.hp-rack-power > li .hp-device .hp-device-name {
display: inline-block;
text-overflow: ellipsis;
max-width: 135px;
width: 135px;
overflow: hidden; }
ol.hp-rack-power > li .hp-device .hp-device-model {
white-space: normal; }
ol.hp-rack-power > li .hp-device .hp-status {
vertical-align: top;
top: 4px; }
.hp-flyout-rack, .hp-flyout-detailed-rack {
border: 1px solid #ccc; }
.hp-flyout-detailed-rack .hp-full {
min-width: 135px; }
.hp-flyout-detailed-rack .hp-full .hp-summary {
margin: 0px; }
.hp-flyout-detailed-rack .hp-full .hp-summary .hp-status, .hp-flyout-detailed-rack .hp-full .hp-summary .hp-device-name {
display: inline-block; }
.hp-flyout-detailed-rack .hp-full .hp-device-model {
display: block;
float: none;
position: static;
padding-left: 20px;
margin-top: 5px;
max-width: none; }
.hp-rack2D {
border: 1px solid gray;
background-color: lightgray;
position: relative;
width: 226px;
height: 380px;
box-shadow: 10px 10px 20px black;
display: block; }
.hp-rack-available-space {
position: absolute;
width: 224px;
display: table; }
.hp-rack-available-space-text {
color: gray;
position: relative;
display: table-cell;
text-align: center;
vertical-align: middle; }
.hp-rackmount {
border: 1px solid gray;
background-color: white;
position: absolute;
width: 224px; }
.hp-rackmount-model-name {
color: gray;
position: absolute;
right: 4px; }
.hp-rackmount-name {
color: gray;
position: absolute;
left: 20px; }
.hp-rackmount-healthStatus {
color: gray;
position: absolute;
left: 0px; }
.hp-datacenter-device {
position: relative;
height: 26px;
margin-bottom: 5px;
padding: 1px 1px 1px 1px;
white-space: nowrap;
cursor: pointer; }
.hp-datacenter-device:last-of-type {
margin-bottom: 0px; }
.hp-datacenter-device.hp-active {
background-color: #ffd; }
.hp-datacenter-device .hp-status, .hp-datacenter-device .hp-device-name, .hp-datacenter-device .hp-usage {
display: inline-block;
vertical-align: top; }
.hp-datacenter-device .hp-full {
position: absolute;
display: none; }
.hp-datacenter-device:hover .hp-full {
display: block;
top: -8px;
left: 15px;
width: 200px;
background: #fff;
z-index: 2;
border-radius: 3px;
-webkit-box-shadow: 3px 3px 8px 0px #666;
-moz-box-shadow: 3px 3px 8px 0px #666;
box-shadow: 3px 3px 8px 0px #666;
padding: 10px;
text-align: left;
-webkit-animation: 0.5s ease;
-moz-animation: 0.5s ease;
-ms-animation: 0.5s ease;
-o-animation: 0.5s ease;
animation: 0.5s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
.hp-datacenter-device:hover .hp-full:after {
content: "";
position: absolute;
top: 10px;
left: -14px;
bottom: auto;
border-width: 7px 7px 7px 7px;
border-color: transparent #fff transparent transparent;
border-style: solid;
display: block;
width: 0; }
.hp-datacenter-device:hover .hp-full .hp-usage {
position: absolute;
top: 10px;
right: 0px; }
.hp-datacenter-device:hover .hp-full .hp-usage label {
left: -60px;
color: #333; }
.hp-datacenter-device:hover .hp-full .hp-device-metric {
margin-top: 5px;
margin-left: 5px; }
.hp-datacenter-metric-PopUp {
position: absolute;
right: 0px;
bottom: 0px;
left: 0px; }
.hp-datacenter-metric-PopUp .vis-legend {
position: absolute;
padding: 5px;
width: auto;
height: auto;
background-color: #fff;
border: 1px solid #d9d9d9;
text-align: center;
-webkit-transition: bottom 0.3s;
-moz-transition: bottom 0.3s;
transition: bottom 0.3s; }
.hp-datacenter-metric-PopUp .vis-legend label {
white-space: pre-line;
color: #767676; }
.hp-datacenter-metric-thermalDataLegend {
position: relative;
width: 25px;
height: 75px; }
.hp-network-path {
white-space: nowrap; }
.hp-network-path > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-network-path > *:last-of-type {
margin-right: 0px; }
.hp-network-path .hp-path-stack > * {
margin-bottom: 5px; }
.hp-network-path .hp-path-target > * {
display: inline-block;
vertical-align: top;
margin-right: -4px; }
.hp-network-path .hp-path-target > *:last-of-type {
margin-right: 0px; }
.hp-network-path .hp-switch {
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px; }
.hp-network-path .hp-switch .hp-device {
padding: 5px 15px;
border: none;
background-image: none; }
.hp-moonshot-top {
display: inline-block;
position: relative;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
font-size: 0px;
white-space: nowrap;
width: 560px; }
.hp-moonshot-top > * {
font-size: 16px;
display: inline-block;
vertical-align: top;
height: 345px; }
.hp-moonshot-top > .hp-summary {
display: none; }
.hp-moonshot-top .hp-moonshot-slot-row {
font-size: 0px;
margin: 0px;
padding: 0px; }
.hp-moonshot-top .hp-moonshot-slot-row > li {
display: inline-block;
vertical-align: top;
font-size: 16px; }
.hp-moonshot-top .hp-moonshot-slot-row .hp-moonshot-slots {
margin: 0px;
padding: 0px; }
.hp-moonshot-top .hp-moonshot-slot {
position: relative;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 115px; }
.hp-moonshot-top .hp-moonshot-slot.hp-empty {
background-color: #f3f3f3;
color: #767676; }
.hp-moonshot-top .hp-moonshot-slot.hp-empty .hp-name {
position: absolute;
left: 7px;
bottom: 6px; }
.hp-moonshot-top .hp-cartridge {
width: 20px;
text-align: center;
padding: 5px; }
.hp-moonshot-top .hp-cartridge > .hp-status {
left: 6px;
margin: 5px 0px; }
.hp-moonshot-top .hp-cartridge .hp-power, .hp-moonshot-top .hp-cartridge .hp-uid-big {
margin: 5px 3px;
color: transparent; }
.hp-moonshot-top .hp-cartridge .hp-power:after, .hp-moonshot-top .hp-cartridge .hp-uid-big:after {
top: 55px;
left: 9px; }
.hp-moonshot-top .hp-cartridge .hp-name {
display: inline-block;
margin-top: 6px; }
.hp-moonshot-top .hp-moonshot-switch {
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 40px;
text-align: center;
padding: 5px;
position: relative; }
.hp-moonshot-top .hp-moonshot-switch > .hp-status {
left: 10px;
margin: 5px 0px; }
.hp-moonshot-top .hp-moonshot-switch .hp-power, .hp-moonshot-top .hp-moonshot-switch .hp-uid-big {
margin: 5px 7px;
color: transparent; }
.hp-moonshot-top .hp-moonshot-switch .hp-power:after, .hp-moonshot-top .hp-moonshot-switch .hp-uid-big:after {
top: 55px;
left: 12px; }
.hp-moonshot-top .hp-moonshot-switch .hp-name {
display: inline-block;
margin-top: 6px; }
.hp-moonshot-top.hp-small {
width: 470px; }
.hp-moonshot-top.hp-small > * {
height: 60px; }
.hp-moonshot-top.hp-small .hp-moonshot-slot {
width: 26px;
height: 20px; }
.hp-moonshot-top.hp-small .hp-moonshot-switch {
width: 40px;
height: 60px; }
.hp-moonshot-top.hp-small .hp-moonshot-switch .hp-status {
left: 9px;
margin: 0px; }
.hp-moonshot-top.hp-small .hp-moonshot-switch .hp-power, .hp-moonshot-top.hp-small .hp-moonshot-switch .hp-uid-off, .hp-moonshot-top.hp-small .hp-moonshot-switch .hp-name {
display: none; }
.hp-moonshot-top.hp-small .hp-cartridge {
padding: 2px; }
.hp-moonshot-top.hp-small .hp-cartridge .hp-status {
left: 5px;
margin: 0px; }
.hp-moonshot-top.hp-small .hp-cartridge .hp-power, .hp-moonshot-top.hp-small .hp-cartridge .hp-uid-off, .hp-moonshot-top.hp-small .hp-cartridge .hp-name {
display: none; }
.hp-moonshot-back {
display: inline-block;
position: relative;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
width: 560px; }
.hp-moonshot-back .hp-power-bays, .hp-moonshot-back .hp-fan-bays {
font-size: 0px;
margin: 0px;
padding: 0px;
white-space: nowrap; }
.hp-moonshot-back .hp-power-bays > li, .hp-moonshot-back .hp-fan-bays > li {
display: inline-block;
vertical-align: top;
font-size: 16px; }
.hp-moonshot-back .hp-bay {
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-moonshot-back .hp-bay.hp-empty {
background-color: #f3f3f3; }
.hp-moonshot-back .hp-bay.hp-empty > .hp-empty {
padding: 10px 15px;
color: #767676; }
.hp-moonshot-back .hp-device {
position: relative;
padding: 10px 15px;
border: none;
background: none; }
.hp-moonshot-back .hp-device > .hp-value {
display: inline-block; }
.hp-moonshot-back .hp-device .hp-unset {
display: none; }
.hp-moonshot-back .hp-power-bays .hp-bay {
position: relative;
width: 140px; }
.hp-moonshot-back .hp-power-bays .hp-bay:after {
content: '';
position: absolute;
top: 7px;
right: 6px;
width: 20px;
height: 20px;
background-image: url("../../img/hp-piano/power.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: center top;
background-repeat: no-repeat;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg); }
.hp-moonshot-back .hp-fan-bays .hp-bay {
position: relative;
width: 112px; }
.hp-moonshot-back .hp-fan-bays .hp-bay:after {
content: '';
position: absolute;
top: 7px;
right: 11px;
width: 20px;
height: 20px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -580px -60px;
background-repeat: no-repeat; }
.hp-moonshot-back.hp-small {
width: 470px; }
.hp-moonshot-back.hp-small .hp-power-bays .hp-bay {
width: 118px; }
.hp-moonshot-back.hp-small .hp-fan-bays .hp-bay {
width: 94px; }
.hp-moonshot-back.hp-small .hp-bay {
height: 20px; }
.hp-moonshot-back.hp-small .hp-bay.hp-empty > .hp-empty {
padding: 2px 7px; }
.hp-moonshot-back.hp-small .hp-bay.hp-empty > .hp-empty .hp-unset {
display: none; }
.hp-moonshot-back.hp-small .hp-device {
padding: 2px 7px; }
.hp-moonshot-back.hp-small .hp-device .hp-device-name, .hp-moonshot-back.hp-small .hp-device .hp-unset {
display: none; }
div.hp-microserver {
display: inline-block;
position: relative;
padding: 10px 20px 20px 20px;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px; }
div.hp-microserver ul.hp-drive-slots {
position: relative;
margin: 0px;
margin-top: 10px;
padding: 0px;
padding-top: 35px;
font-size: 0px;
white-space: nowrap; }
div.hp-microserver ul.hp-drive-slots:before {
content: attr(data-header);
position: absolute;
top: 10px;
font-size: 16px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot {
position: relative;
display: inline-block;
vertical-align: top;
width: 25px;
height: 80px;
padding: 15px 10px;
border: 2px solid #ccc;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
background-repeat: repeat-y;
line-height: 17px;
border-width: 1px;
background-image: none;
font-size: 16px;
text-align: center;
cursor: pointer; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot.hp-empty {
background-color: #f3f3f3;
color: #767676; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-name {
font-size: 24px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status {
margin-top: 15px;
left: 3px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status.hp-changing {
height: 60px;
width: 14px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status.hp-changing > * {
display: block; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status.hp-changing .hp-status-changing {
top: 5px;
left: -4px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details {
position: absolute;
display: none;
background: #fff;
z-index: 2;
border: 1px solid #ccc;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
padding: 10px 15px;
text-align: left;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
top: 45px;
left: -1px;
cursor: auto; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details > .hp-status {
margin-bottom: 10px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details .hp-progress {
margin: 10px 0px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details .hp-size {
font-size: 18px;
margin: 10px 0px; }
div.hp-microserver ul.hp-drive-slots li.hp-drive-slot:hover .hp-details {
display: block; }
div.hp-compare > * {
display: inline-block;
vertical-align: top;
white-space: nowrap;
margin-right: 30px; }
div.hp-port-topology {
position: relative;
z-index: 1;
display: inline-block;
padding: 0px 40px; }
div.hp-port-topology > canvas {
z-index: 10;
position: absolute;
margin: 0px -40px;
pointer-events: none; }
div.hp-port-topology .hp-connected {
cursor: pointer; }
div.hp-port-topology div.hp-device-container {
text-align: left; }
div.hp-port-topology div.hp-device-container > div.hp-device-header {
margin: 10px 0px; }
div.hp-port-topology div.hp-device-container > div.hp-device-header > .hp-status {
display: inline-block; }
div.hp-port-topology div.hp-device-container > div.hp-device-header > .hp-name {
display: inline-block;
max-width: 100px; }
div.hp-port-topology div.hp-switch {
text-align: center; }
div.hp-port-topology div.hp-switch .hp-bottom-ports {
margin-bottom: 0px; }
div.hp-port-topology > div.hp-device-row {
text-align: center; }
div.hp-port-topology > div.hp-device-row > div.hp-device-container {
display: inline-block; }
div.hp-port-topology.hp-device-row {
white-space: normal; }
div.hp-port-topology.hp-device-row > div.hp-device-container {
display: inline-block;
padding: 10px 40px 40px 0; }
div.hp-port-topology.hp-device-ring div.hp-device-container {
padding-bottom: 40px;
max-width: 157px;
display: inline-block;
padding: 10px 40px 40px 0; }
div.hp-port-topology.hp-device-ring div.hp-device-container .hp-device {
background-image: none; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device, div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device-2 {
padding: 5px 15px;
text-align: right;
max-width: 145px; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device .hp-name, div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device-2 .hp-name {
margin-top: 3px; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device .hp-name.hp-align-left, div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device-2 .hp-name.hp-align-left {
text-align: left; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device > *, div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device-2 > * {
display: block; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-switch.hp-device.hp-top-device-2 {
margin-left: 25px;
margin-top: 15px;
max-width: 120px; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-bay-device {
margin-left: 50px; }
div.hp-port-topology.hp-device-ring div.hp-device-container > div.hp-device-header {
white-space: nowrap;
margin-top: 15px;
margin-left: 50px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device {
padding: 5px 10px 5px 10px;
min-height: 32px;
display: block; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device.hp-empty {
background-color: #f3f3f3;
padding-top: 7px;
padding-bottom: 7px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device.hp-empty div.hp-unset {
margin-top: 8px;
position: absolute; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device.hp-device-upper {
border-top-right-radius: 0px;
border-bottom-left-radius: 0px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device.hp-device-lower {
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-top: 0px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device div.hp-device-number {
position: absolute;
background-color: #f3f3f3;
border: 1px solid #ccc;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
padding-top: 3px;
left: -23px;
top: 10px;
height: 18px;
width: 20px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports {
margin-left: 4px;
margin-bottom: 2px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports .hp-empty, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports .hp-empty {
width: 43px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports .hp-status, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports .hp-status {
left: 1px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports .hp-device-up-port, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports .hp-device-down-port, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports .hp-device-up-port, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports .hp-device-down-port {
display: table-cell; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports .hp-device-down-port .hp-name, div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports .hp-device-down-port .hp-name {
display: block; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-top-ports {
padding-top: 2px; }
div.hp-port-topology.hp-device-ring div.hp-device-container div.hp-bay-device .hp-device-bottom-ports {
padding-bottom: 2px; }
div.hp-port-topology.hp-device-ring > div.hp-device-ring-segment {
display: block; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back {
display: block;
margin-bottom: 20px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch {
margin: 0px;
padding: 0px;
background: none;
text-align: center; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch::after {
content: '';
background: none; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch ol.hp-ports {
display: inline-block;
margin: 0px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch li.hp-port {
margin-left: 10px;
padding: 5px 0 5px 0;
vertical-align: top; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch li.hp-port .hp-status {
margin-left: 0px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch li.hp-port.hp-device-label {
text-align: left; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch li.hp-port.hp-device-label .hp-device-name, div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch li.hp-port.hp-device-label .hp-device-model {
position: relative;
top: 0px;
right: 0px;
padding: 0px;
white-space: normal;
text-align: left;
max-width: 190px;
text-overflow: inherit; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch li.hp-port.hp-device-label .hp-device-model {
margin-top: 3px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay {
padding-left: 20px;
padding-right: 20px;
text-align: center; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-switch-bay {
height: auto;
min-height: 20px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-error {
border-color: #f04953;
color: #333; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-error:hover {
border-color: #f04953; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-disabled {
opacity: 0.5;
background-color: #f3f3f3; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-connected-up {
padding-top: 18px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-connected-up li.hp-port {
padding-top: 2px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-connected-down {
padding-bottom: 18px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay.hp-connected-down li.hp-port {
padding-bottom: 2px; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay > div.hp-name {
position: absolute;
left: 5px;
top: 0px;
bottom: 0px;
padding: 2px 5px;
color: #767676;
background-color: #f3f3f3; }
div.hp-port-topology div.hp-enclosure-back.hp-tbird-back div.hp-bay:hover {
background-color: transparent;
border-color: #ccc; }
div.hp-port-topology > div.hp-device {
margin-bottom: 20px; }
div.hp-port-topology li.hp-port, div.hp-port-topology li.hp-up-port, div.hp-port-topology li.hp-down-port {
display: inline-block; }
div.hp-port-topology li.hp-port.hp-selected, div.hp-port-topology li.hp-up-port.hp-selected, div.hp-port-topology li.hp-down-port.hp-selected {
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
div.hp-port-topology.hp-small div.hp-enclosure-back.hp-tbird-back div.hp-device.hp-switch ol.hp-ports li.hp-port.hp-device-label {
display: none; }
div.hp-reflected-device {
display: inline-block;
background-color: #f3f3f3;
margin-right: 20px;
margin-bottom: 10px; }
div.hp-reflected-device > .hp-device {
display: block;
background-color: #fff;
margin-right: 0px; }
div.hp-reflected-device > .hp-device:last-child {
margin-bottom: 0px; }
div.hp-status-map {
display: inline-block;
position: relative; }
div.hp-status-map > canvas {
position: absolute;
pointer-events: none; }
div.hp-status-map > * {
vertical-align: top; }
div.hp-status-map.hp-unretrievable .hp-source {
min-width: 150px;
min-height: 20px;
padding: 10px; }
div.hp-status-map.hp-unretrievable .hp-associations {
display: none; }
div.hp-status-map.hp-unretrievable .hp-associations > *, div.hp-status-map.hp-unretrievable .hp-source > * {
display: none; }
div.hp-status-map.hp-unretrievable:hover div.hp-source:before {
display: none; }
div.hp-status-map.hp-unretrievable:hover div.hp-source span {
font-style: italic;
color: #767676;
display: block;
font-weight: normal; }
div.hp-status-map.hp-unretrievable div.hp-source:before {
content: '!';
color: #767676;
font-size: 20px; }
div.hp-status-map div.hp-source {
position: relative;
display: inline-block;
border: 1px solid #ccc;
padding: 5px 10px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
margin-bottom: 20px; }
div.hp-status-map div.hp-source::after {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
right: -8px;
width: 0px;
border-left: 4px solid #fff;
border-right: 3px solid #ccc; }
div.hp-status-map .hp-name {
color: #333; }
div.hp-status-map .hp-name.hp-ellipsis {
max-width: 200px; }
div.hp-status-map .hp-name a.hp-ellipsis {
max-width: 200px;
vertical-align: bottom;
display: inline-block; }
div.hp-status-map ol.hp-associations {
display: inline-block;
margin-left: 40px;
white-space: normal; }
div.hp-status-map ol.hp-associations > li {
position: relative;
margin-bottom: 30px;
padding-left: 190px; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status {
position: absolute;
top: 6px;
left: 20px;
padding: 0px 10px;
background-color: #fff;
white-space: nowrap; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status > * {
display: inline-block;
vertical-align: top; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status .hp-message {
display: block; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status > div.hp-status {
top: -2px;
color: transparent;
margin-right: 5px; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status > div.hp-detail {
max-width: 100px;
white-space: normal;
position: relative;
top: -5px; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status .hp-progress-detail {
display: block;
margin-left: 0px; }
div.hp-status-map ol.hp-associations > li > div.hp-association-status .hp-progress {
width: 100px;
margin-top: 2px;
margin-bottom: 3px; }
div.hp-status-map ol.hp-related {
position: relative;
white-space: normal;
font-size: 0px; }
div.hp-status-map ol.hp-related::after {
content: '';
position: absolute;
top: 0px;
bottom: 6px;
left: -7px;
width: 0px;
border-right: 4px solid #fff;
border-left: 3px solid #ccc; }
div.hp-status-map ol.hp-related > li {
display: inline-block;
vertical-align: top;
border: 1px solid #ccc;
margin-right: 6px;
margin-bottom: 6px;
padding: 5px 10px;
font-size: 16px;
max-width: 300px;
word-wrap: break-word; }
div.hp-status-map ol.hp-related > li.hp-placeholder {
border: 1px dashed #ccc; }
div.hp-status-map ol.hp-related > li.hp-placeholder .hp-name {
display: none; }
div.hp-status-map .hp-hardware-status {
font-weight: normal;
color: #767676; }
html.no-flexbox .hp-alert-primary > * {
display: table-cell; }
html.no-flexbox .hp-alert-primary .hp-alert-text {
width: 100%; }
html.no-flexbox .hp-alert-secondary > * {
display: table-cell; }
html.no-cssanimations .hp-spinner .hp-spinner-image {
background: transparent url("../../img/hpe/throbber.gif?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
html.no-cssanimations .hp-status .hp-status-changing, html.no-cssanimations .hp-status.hp-status-changing {
background: transparent url("../../img/hpe/status-changing-small.gif?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
html.no-cssanimations .hp-details-header .hp-status .hp-status-changing {
background: transparent url("../../img/hpe/status-changing.gif?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
html.no-cssanimations table .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-status .hp-status-changing {
background: transparent url("../../img/hpe/status-changing-small.gif?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
html.no-cssanimations table .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations table .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row:hover .hp-status .hp-status-changing {
background: transparent url("../../img/hpe/status-changing-small-select.gif?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
html.no-rgba #hp-overlay, html.no-rgba .hp-overlay {
background-image: url("../../img/hpe/ie8-overlay-light.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
html.no-rgba #hp-overlay.hp-changing, html.no-rgba .ui-widget-overlay, html.no-rgba #hp-dialog-overlay, html.no-rgba .hp-overlay.hp-changing, html.no-rgba .hp-dialog-overlay {
background-image: url("../../img/hpe/ie8-overlay.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
html.no-rgba form.hp-add-form li.hp-form-item .hp-form-content label.hp-help, html.no-rgba form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container, html.no-rgba form.hp-edit-form li.hp-form-item .hp-form-content label.hp-help, html.no-rgba form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container {
background-color: #fff; }
html.no-opacity .hp-dynamic {
visibility: visible; }
html.no-opacity .hp-show-changing .hp-dynamic {
visibility: hidden; }
html.no-opacity #hp-sidebar.hp-inactive .hp-banner-flyout {
background-color: #fff;
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content .hp-help {
visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:before, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content .hp-message-container:after, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:before, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content .hp-message-container:after {
content: '';
visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-has-error .hp-optional, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-has-error .hp-optional {
visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-help {
visibility: visible; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-optional, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-optional, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover.hp-has-error .hp-optional, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active.hp-has-error .hp-optional {
visibility: hidden; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:before, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container:after, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:before, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container:after {
content: '';
visibility: visible; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container .hp-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container .hp-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container .hp-help {
visibility: visible; }
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
html.no-opacity form.hp-add-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover > label.hp-optional.hp-has-help,
html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content:hover .hp-message-container > label.hp-optional.hp-has-help, html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active > label.hp-optional.hp-has-help,
html.no-opacity form.hp-edit-form li.hp-form-item .hp-form-content.hp-active .hp-message-container > label.hp-optional.hp-has-help {
visibility: hidden; }
html.no-opacity #hp-activity-flyout li.hp-activity .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload .hp-full {
display: none; }
html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected:hover .hp-full {
display: block; }
html.no-opacity div.hp-grid-panels div.hp-grid-panel .hp-panel-edit, html.no-opacity li.hp-stacked-panel .hp-panel-edit {
visibility: hidden; }
html.no-opacity div.hp-grid-panels div.hp-grid-panel:hover .hp-panel-edit, html.no-opacity li.hp-stacked-panel:hover .hp-panel-edit {
visibility: visible; }
html.no-multiplebgs table > thead > tr td, html.no-multiplebgs table > thead > tr th {
border-bottom: 1px dashed #e6e6e6;
background: none; }
html.no-multiplebgs table > thead > tr td.sorting_asc, html.no-multiplebgs table > thead > tr td.sort_asc, html.no-multiplebgs table > thead > tr th.sorting_asc, html.no-multiplebgs table > thead > tr th.sort_asc {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
background-position: right 4px;
background-repeat: no-repeat; }
html.no-multiplebgs table > thead > tr td.sorting_asc:hover, html.no-multiplebgs table > thead > tr td.sort_asc:hover, html.no-multiplebgs table > thead > tr th.sorting_asc:hover, html.no-multiplebgs table > thead > tr th.sort_asc:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
html.no-multiplebgs table > thead > tr td.sorting_desc, html.no-multiplebgs table > thead > tr td.sort_desc, html.no-multiplebgs table > thead > tr th.sorting_desc, html.no-multiplebgs table > thead > tr th.sort_desc {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
background-position: right 4px;
background-repeat: no-repeat; }
html.no-multiplebgs table > thead > tr td.sorting_desc:hover, html.no-multiplebgs table > thead > tr td.sort_desc:hover, html.no-multiplebgs table > thead > tr th.sorting_desc:hover, html.no-multiplebgs table > thead > tr th.sort_desc:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
html.ie8 form.hp-show-form fieldset li > label:first-child {
max-width: 170px;
width: 33%;
margin-bottom: 5px;
color: #767676;
padding-left: 10px;
text-indent: -10px;
margin-right: -10px; }
html.ie8 form.hp-show-form fieldset li > label:first-child.hp-condensed {
width: auto; }
html.ie8 form.hp-add-form fieldset, html.ie8 form.hp-edit-form fieldset {
background-image: none; }
html.ie8 form.hp-add-form fieldset:first-child, html.ie8 form.hp-edit-form fieldset:first-child {
margin-top: 0px;
padding-top: 0px; }
html.ie8 form.hp-add-form li.hp-form-item > label:first-child, html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
text-align: right;
min-width: 130px;
width: 25%;
padding-right: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #767676; }
body.hp-narrow html.ie8 form.hp-add-form li.hp-form-item > label:first-child, body.hp-narrow html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
display: block;
text-align: left; }
html.ie8 form.hp-column-form fieldset li > label:first-child {
display: inline-block;
width: 32%;
padding-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
max-width: 170px;
padding-left: 10px;
text-indent: -10px;
margin-right: -10px; }
html.ie8 form.hp-column-form fieldset li > label:first-child.hp-condensed {
width: auto;
margin-right: 10px; }
html.ie8 #hp-page-notifications {
display: none; }
html.ie8 #hp-page-notifications.hp-available {
display: block; }
html.ie8 .hp-no-notifications #hp-page-notifications.hp-available {
display: none; }
html.ie8 .hp-dialog-notification > .hp-message {
width: 500px; }
html.ie8 .hp-experimental {
display: none !important; }
html.ie8.experimental .hp-experimental {
display: inherit !important; }
html.ie8 #hp-main-banner #hp-activity-notification {
visibility: hidden; }
html.ie8 #hp-main-banner #hp-activity-notification.hp-active {
visibility: visible; }
html.ie8 .hp-show-changing .hp-dynamic {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
.hp-search-combo-input-mask {
position: absolute;
top: 2px;
right: 1px;
content: "";
width: 45px;
height: 23px;
background-color: #fff; }
@-webkit-keyframes drop-twist {
0% {
background-color: #000;
-webkit-transform: rotate(0deg); }
10% {
background-color: #000;
-webkit-transform: rotate(0deg); }
33% {
background-color: #009; }
45% {
margin: 0px; }
50% {
-webkit-transform: translate(0px, 200px);
margin: 0px 100px; }
55% {
margin: 0px; }
66% {
background-color: #090; }
90% {
background-color: #900;
-webkit-transform: rotate(180deg); }
100% {
background-color: #900;
-webkit-transform: rotate(180deg); } }
.funky .hp-banner {
-webkit-animation: drop-twist 10s ease-in-out 5 alternate 5s; }
#hp-search-page .hp-empty-message, #hp-search-page .hp-empty-query {
display: block;
visibility: visible;
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
color: #767676; }
#hp-search-page .hp-empty-message {
margin-top: -40px;
font-style: italic;
font-size: 18px; }
#hp-search-page .hp-empty-query {
margin-top: -20px; }
#hp-search-page .hp-page-contents {
-webkit-transition: left 0.5s, right 0.5s;
-moz-transition: left 0.5s, right 0.5s;
transition: left 0.5s, right 0.5s; }
#hp-body-div.hp-sidebar-open.hp-sessioned #hp-search-page .hp-page-contents {
right: 200px; }
#hp-body-div.hp-sidebar-open.hp-wide.hp-sessioned #hp-search-page .hp-page-contents {
right: 360px; }
#hp-search-results {
margin: 23px; }
#hp-search-results .hp-search-type {
text-transform: capitalize;
color: #767676;
width: 100px; }
html.hp-high-contrast #hp-search-results .hp-search-type {
color: #333; }
#hp-search-results .hp-icon {
width: 20px; }
#hp-search-results .hp-status {
position: relative; }
#hp-search-results .hp-search-name {
padding-right: 30px; }
#hp-search-results .hp-seach-table-controls .hp-spinner-small {
margin-left: 10px; }
#hp-search-results .hp-search-matches {
margin-bottom: 0px; }
#hp-search-results .hp-search-matches .hp-name {
display: inline-block;
color: #767676;
margin-right: 10px;
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
#hp-search-results .hp-search-matches .hp-value {
display: inline-block;
color: #333;
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
html.hp-high-contrast #hp-search-results .hp-search-matches {
color: #333; }
.hp-comments-icon {
width: 14px;
height: 14px;
background-image: url("../../img/hpe/hpe-icons.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: -578px 0px;
background-repeat: no-repeat; }
table thead td .hp-comments-icon {
margin-top: 1px;
margin-bottom: -1px; }
.hp-alerts {
top: 80px;
margin: 0px; }
.hp-alert {
margin: 5px 10px;
border-radius: 3px; }
.hp-alert.hp-alert-expanded .hp-alert-secondary {
border-top: 1px solid #d9d9d9;
border-left: 3px solid #d9d9d9;
border-right: 3px solid #d9d9d9;
border-bottom: 3px solid #d9d9d9; }
.hp-alert.hp-alert-expanded .hp-alert-primary, .hp-alert.hp-alert-expanded .hp-alert-primary:hover {
background-color: #f3f3f3;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.hp-alert.hp-alert-selected .hp-alert-primary, .hp-alert.hp-alert-selected .hp-alert-primary:hover, .hp-alert.ui-selected .hp-alert-primary, .hp-alert.ui-selected .hp-alert-primary:hover {
background-color: #ffD042;
color: #fff; }
.hp-alert.hp-alert-selected .hp-alert-primary a, .hp-alert.hp-alert-selected .hp-alert-primary:hover a, .hp-alert.ui-selected .hp-alert-primary a, .hp-alert.ui-selected .hp-alert-primary:hover a {
color: #fff; }
.hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-text-container a {
font-style: italic; }
.hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-date, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-date {
color: #eee; }
.hp-alert.hp-alert-selected .hp-alert-secondary, .hp-alert.ui-selected .hp-alert-secondary {
border-top: 1px solid #ccf0e7;
border-left: 3px solid #ccf0e7;
border-right: 3px solid #ccf0e7;
border-bottom: 3px solid #ccf0e7; }
.hp-alert .hp-alert-primary .hp-alert-expander {
margin: -4px 0px;
padding: 0px;
width: 27px;
height: 27px;
background-image: url("../../img/hpe/grid-expand.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-position: center;
background-repeat: no-repeat;
border-radius: 2px; }
.hp-alert .hp-alert-primary .hp-alert-expander:hover {
background-color: #eee; }
.hp-alert.hp-alert-selected .hp-alert-expander:hover, .hp-alert.ui-selected .hp-alert-expander:hover {
background-color: #3091b8; }
.hp-alert.hp-alert-expanded .hp-alert-expander {
background-image: url("../../img/hpe/grid-collapse.png?v=11a20444adfa2a636b664ff3e011a51e58a28846"); }
.hp-alert .hp-alert-primary {
display: -webkit-box;
-webkit-box-orient: horizontal;
display: -moz-box;
-moz-box-orient: horizontal;
display: box;
box-orient: horizontal;
-moz-box-lines: single;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px 10px;
cursor: pointer;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
.hp-alert .hp-alert-primary:hover {
background-color: #f3f3f3; }
.hp-alert .hp-alert-primary > * {
vertical-align: top;
padding: 0px 10px;
-webkit-box-flex: 0;
-moz-box-flex: 0;
box-flex: 0; }
.hp-alert .hp-alert-primary > .hp-status {
padding-left: 0px; }
.hp-alert .hp-alert-primary .hp-alert-text-container, .hp-alert .hp-alert-primary .hp-alert-text {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1; }
.hp-alert .hp-alert-primary .hp-alert-text-container .hp-alert-details, .hp-alert .hp-alert-primary .hp-alert-text .hp-alert-details {
margin-left: 10px; }
.hp-alert .hp-alert-primary .hp-alert-source {
white-space: nowrap;
text-align: left;
width: 150px;
overflow: hidden; }
.hp-alert .hp-alert-primary .hp-alert-date {
color: #767676;
white-space: nowrap;
text-align: left;
width: 127px; }
.hp-alert .hp-alert-primary .hp-alert-date > span {
display: inline; }
.hp-alert .hp-alert-primary .hp-alert-date .hp-alert-date-time {
text-align: right; }
.hp-alert .hp-alert-primary .hp-alert-controls {
width: 120px;
text-align: right; }
.hp-alert .hp-alert-primary .hp-alert-controls li {
position: relative;
display: inline-block;
margin-right: 10px; }
.hp-alert .hp-alert-primary .hp-alert-controls li:last-of-type {
margin-right: 0px; }
.hp-alert .hp-alert-primary .hp-alert-controls li .hp-alert-assigner {
position: absolute;
top: -19px;
right: 0px;
color: #000; }
.hp-alert .hp-alert-secondary {
display: -webkit-box;
-webkit-box-orient: horizontal;
display: -moz-box;
-moz-box-orient: horizontal;
display: box;
box-orient: horizontal;
-moz-box-lines: single;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 3px solid #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.hp-alert .hp-alert-secondary a {
cursor: pointer; }
.hp-alert .hp-alert-secondary > * {
padding-right: 20px; }
.hp-alert .hp-alert-secondary > *:last-of-type {
border-left: 2px solid #f3f3f3;
padding-left: 20px;
padding-right: 0px; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
padding-right: 40px; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes {
padding-bottom: 20px;
width: 100%; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note {
display: -webkit-box;
-webkit-box-orient: horizontal;
display: -moz-box;
-moz-box-orient: horizontal;
display: box;
box-orient: horizontal;
-moz-box-lines: single;
width: 100%; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note > * {
display: block;
margin-right: 20px; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-user {
color: #767676; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-text {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-date {
color: #767676; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form textarea {
width: 300px;
height: 60px; }
.hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form .hp-alert-note-controls > li {
display: inline-block; }
.hp-alert .hp-alert-secondary .hp-alert-aside {
padding-left: 23px;
width: 445px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
.hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form {
padding: 0px; }
.hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form a {
margin-left: 10px; }
.hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls {
position: relative; }
.hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls .hp-alert-assigner {
position: absolute;
top: -5px;
left: 0px; }
.hp-alert .hp-date-annotate {
margin-left: 5px; }
#hp-alert-filter-menu, #hp-alert-date-menu {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
#hp-alert-filter-menu ol, #hp-alert-date-menu ol {
margin-bottom: 15px; }
#hp-alert-filter-menu ol li, #hp-alert-date-menu ol li {
display: block;
cursor: pointer;
white-space: nowrap;
margin: 0px -20px;
padding: 0px 15px 0px 35px; }
#hp-alert-filter-menu ol li:hover, #hp-alert-date-menu ol li:hover {
background-color: #f3f3f3; }
#hp-alert-filter-menu ol li.hp-alert-filter-selected, #hp-alert-filter-menu ol li.hp-alert-date-selected, #hp-alert-date-menu ol li.hp-alert-filter-selected, #hp-alert-date-menu ol li.hp-alert-date-selected {
background-image: url("../../img/hpe/check.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: 10px center; }
#hp-alert-filter-menu ol li .hp-status, #hp-alert-date-menu ol li .hp-status {
display: inline-block;
top: 5px;
left: -5px; }
.hp-alerts-summary .hp-alerts-status-counts {
margin: 10px 0px; }
.hp-alerts-summary .hp-alerts-status-counts li {
display: inline-block;
vertical-align: top;
padding-right: 30px; }
.hp-alerts-summary .hp-alerts-status-counts li > * {
display: inline-block;
vertical-align: top; }
.hp-alerts-summary .hp-status {
margin-right: 5px; }
.hp-alerts-summary .hp-status-count {
font-size: 20px;
padding-top: 3px; }
.hp-alerts-summary .hp-alerts-simple-table tr td {
padding-left: 0px;
padding-right: 10px; }
.hp-alerts-summary .hp-alerts-simple-table tr td .hp-status {
position: relative;
top: 3px;
margin-left: 0px; }
.hp-alerts-summary .hp-alerts-simple-table tr td.hp-alert-date {
color: #767676; }
.hp-alerts-summary .hp-alerts-simple-table tr td:last-of-type {
padding-right: 0px; }
#tour-alerts2-page .hp-alert a {
transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s; }
#tour-alerts2-page .hp-alert:hover a {
opacity: 1.0 !important; }
#tour-alerts2-page .hp-alert .hp-alert-details {
opacity: 0.8;
cursor: pointer; }
#tour-alerts2-page .hp-alert .hp-alert-controls li a {
opacity: 0.8; }
#tour-alerts2-page .hp-alert .hp-alert-secondary {
padding: 10px 0px; }
#tour-alerts2-page .hp-alert .hp-alert-secondary a {
opacity: 0.8;
cursor: pointer; }
#tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-aside {
right: auto;
left: 0px;
border-left: none;
width: 330px; }
#tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-notes-section {
padding-left: 50px; }
.hp-details-message-assign {
position: relative; }
.hp-details-message-assign a {
padding-right: 10px;
background-image: url("../../img/hpe/down-arrow-selected.png?v=11a20444adfa2a636b664ff3e011a51e58a28846");
background-repeat: no-repeat;
background-position: right center; }
.hp-details-message-assign .hp-details-message-assigns {
position: absolute;
z-index: 2;
background: #fff;
border: 1px solid #eee;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-box-shadow: 1px 1px 5px 0px #666;
-moz-box-shadow: 1px 1px 5px 0px #666;
box-shadow: 1px 1px 5px 0px #666; }
.hp-details-message-assign .hp-details-message-assigns > li {
white-space: nowrap;
padding: 3px 10px;
cursor: pointer; }
.hp-details-message-assign .hp-details-message-assigns > li:hover {
background-color: #f3f3f3; }
.hp-details-message-assign.hp-expanded .hp-details-message-assigns {
-webkit-animation: 0.3s ease;
-moz-animation: 0.3s ease;
-ms-animation: 0.3s ease;
-o-animation: 0.3s ease;
animation: 0.3s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown; }
.hp-details-message-comment .hp-details-message-comment-adder {
display: none; }
.hp-details-message-comment:hover .hp-details-message-comment-adder {
-webkit-animation: 0.5s ease;
-moz-animation: 0.5s ease;
-ms-animation: 0.5s ease;
-o-animation: 0.5s ease;
animation: 0.5s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown; }
#hp-activities thead td, table.hp-activities thead td {
color: #7d7d7d;
padding-right: 20px; }
#hp-activities thead td.hp-icon:first-of-type, table.hp-activities thead td.hp-icon:first-of-type {
cursor: default; }
#hp-activities td, table.hp-activities td {
line-height: 17px;
color: #333; }
#hp-activities tr.hp-not-found.hp-selected td, table.hp-activities tr.hp-not-found.hp-selected td {
color: #aaaaaa; }
#hp-activities tr.hp-not-found.hp-selected td a, #hp-activities tr.hp-not-found.hp-selected td .hp-category, #hp-activities tr.hp-not-found.hp-selected td .hp-timeago, #hp-activities tr.hp-not-found.hp-selected td .hp-duration, table.hp-activities tr.hp-not-found.hp-selected td a, table.hp-activities tr.hp-not-found.hp-selected td .hp-category, table.hp-activities tr.hp-not-found.hp-selected td .hp-timeago, table.hp-activities tr.hp-not-found.hp-selected td .hp-duration {
color: #aaaaaa; }
#hp-activities td.hp-source, table.hp-activities td.hp-source {
word-break: break-all;
word-break: break-word; }
#hp-activities td.hp-source span.hp-category, table.hp-activities td.hp-source span.hp-category {
opacity: 0;
display: block;
color: #767676;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
#hp-activities td.hp-date, table.hp-activities td.hp-date {
word-break: break-word;
min-width: 45px; }
#hp-activities thead td.hp-source, table.hp-activities thead td.hp-source {
word-break: normal; }
#hp-activities tr.hp-alert:hover td.hp-source span.hp-category, #hp-activities tr.hp-alert.hp-expanded td.hp-source span.hp-category, #hp-activities tr.hp-alert.hp-selected td.hp-source span.hp-category, #hp-activities tr.hp-task:hover td.hp-source span.hp-category, #hp-activities tr.hp-task.hp-expanded td.hp-source span.hp-category, #hp-activities tr.hp-task.hp-selected td.hp-source span.hp-category, #hp-activities table.hp-task-details-subtasks tr:hover td.hp-source span.hp-category, #hp-activities table.hp-task-details-subtasks tr.hp-expanded td.hp-source span.hp-category, #hp-activities table.hp-task-details-subtasks tr.hp-selected td.hp-source span.hp-category, table.hp-activities tr.hp-alert:hover td.hp-source span.hp-category, table.hp-activities tr.hp-alert.hp-expanded td.hp-source span.hp-category, table.hp-activities tr.hp-alert.hp-selected td.hp-source span.hp-category, table.hp-activities tr.hp-task:hover td.hp-source span.hp-category, table.hp-activities tr.hp-task.hp-expanded td.hp-source span.hp-category, table.hp-activities tr.hp-task.hp-selected td.hp-source span.hp-category, table.hp-activities table.hp-task-details-subtasks tr:hover td.hp-source span.hp-category, table.hp-activities table.hp-task-details-subtasks tr.hp-expanded td.hp-source span.hp-category, table.hp-activities table.hp-task-details-subtasks tr.hp-selected td.hp-source span.hp-category {
opacity: 1; }
#hp-activities tr.hp-alert:hover td.hp-date div.hp-timeago, #hp-activities tr.hp-alert.hp-expanded td.hp-date div.hp-timeago, #hp-activities tr.hp-alert.hp-selected td.hp-date div.hp-timeago, #hp-activities tr.hp-task:hover td.hp-date div.hp-timeago, #hp-activities tr.hp-task.hp-expanded td.hp-date div.hp-timeago, #hp-activities tr.hp-task.hp-selected td.hp-date div.hp-timeago, #hp-activities table.hp-task-details-subtasks tr:hover td.hp-date div.hp-timeago, #hp-activities table.hp-task-details-subtasks tr.hp-expanded td.hp-date div.hp-timeago, #hp-activities table.hp-task-details-subtasks tr.hp-selected td.hp-date div.hp-timeago, table.hp-activities tr.hp-alert:hover td.hp-date div.hp-timeago, table.hp-activities tr.hp-alert.hp-expanded td.hp-date div.hp-timeago, table.hp-activities tr.hp-alert.hp-selected td.hp-date div.hp-timeago, table.hp-activities tr.hp-task:hover td.hp-date div.hp-timeago, table.hp-activities tr.hp-task.hp-expanded td.hp-date div.hp-timeago, table.hp-activities tr.hp-task.hp-selected td.hp-date div.hp-timeago, table.hp-activities table.hp-task-details-subtasks tr:hover td.hp-date div.hp-timeago, table.hp-activities table.hp-task-details-subtasks tr.hp-expanded td.hp-date div.hp-timeago, table.hp-activities table.hp-task-details-subtasks tr.hp-selected td.hp-date div.hp-timeago {
opacity: 1; }
#hp-activities table.hp-task-details-subtasks .hp-notification-details .hp-details, table.hp-activities table.hp-task-details-subtasks .hp-notification-details .hp-details {
margin-bottom: 10px; }
#hp-activities table.hp-task-details-subtasks .hp-notification-details .hp-details p, table.hp-activities table.hp-task-details-subtasks .hp-notification-details .hp-details p {
margin-bottom: 0px; }
#hp-activities table.hp-task-details-subtasks .hp-notification-details .hp-details ul li:before, table.hp-activities table.hp-task-details-subtasks .hp-notification-details .hp-details ul li:before {
content: '-'; }
#hp-activities td.hp-name, table.hp-activities td.hp-name {
word-break: break-all;
word-break: break-word;
min-width: 37px; }
#hp-activities tr.hp-alert td.hp-name, table.hp-activities tr.hp-alert td.hp-name {
font-style: italic; }
#hp-activities tr.hp-alert .hp-owner .hp-value, #hp-activities tr.hp-alert .hp-state .hp-value, table.hp-activities tr.hp-alert .hp-owner .hp-value, table.hp-activities tr.hp-alert .hp-state .hp-value {
padding-left: 0px;
margin-left: -1px;
margin-top: -1px; }
#hp-activities tr.hp-alert .hp-owner > label, #hp-activities tr.hp-alert .hp-state > label, table.hp-activities tr.hp-alert .hp-owner > label, table.hp-activities tr.hp-alert .hp-state > label {
padding-top: 5px;
padding-bottom: 5px;
margin-left: -11px; }
#hp-activities tr.hp-alert .hp-owner .hp-options, #hp-activities tr.hp-alert .hp-state .hp-options, table.hp-activities tr.hp-alert .hp-owner .hp-options, table.hp-activities tr.hp-alert .hp-state .hp-options {
top: -5px;
left: -11px; }
#hp-activities tr.hp-alert .hp-owner .hp-options li, #hp-activities tr.hp-alert .hp-state .hp-options li, table.hp-activities tr.hp-alert .hp-owner .hp-options li, table.hp-activities tr.hp-alert .hp-state .hp-options li {
padding-left: 10px; }
#hp-activities tr.hp-alert .hp-owner .hp-select-ignore, #hp-activities tr.hp-alert .hp-state .hp-select-ignore, table.hp-activities tr.hp-alert .hp-owner .hp-select-ignore, table.hp-activities tr.hp-alert .hp-state .hp-select-ignore {
color: #333;
background-color: #f3f3f3; }
#hp-activities tr.hp-task > td > .hp-duration, table.hp-activities tr.hp-task > td > .hp-duration {
display: inline-block;
margin-left: 10px;
min-width: 40px;
color: #767676; }
#hp-activities tr.hp-task > td > .hp-secondary, table.hp-activities tr.hp-task > td > .hp-secondary {
display: inline-block;
font-size: 12px;
margin-left: 0px;
min-width: 50px; }
#hp-activities tr.hp-expanded td.hp-name, #hp-activities tr.hp-expanded td > .hp-name, table.hp-activities tr.hp-expanded td.hp-name, table.hp-activities tr.hp-expanded td > .hp-name {
font-weight: 600;
font-family: Metric, Arial, sans-serif;
font-size: 16px; }
#hp-activities tr.hp-subtask-loadmore-row, table.hp-activities tr.hp-subtask-loadmore-row {
height: 50px; }
#hp-activities tr.hp-subtask-loadmore-row td.hp-subtask-loadmore, table.hp-activities tr.hp-subtask-loadmore-row td.hp-subtask-loadmore {
padding-left: 84px;
height: 40px; }
#hp-activities .hp-alert-details, table.hp-activities .hp-alert-details {
padding-left: 39px;
margin-top: 15px; }
#hp-activities .hp-alert-details .hp-alert-category, table.hp-activities .hp-alert-details .hp-alert-category {
float: right;
margin: 0px 10px; }
#hp-activities .hp-alert-details .hp-alert-resolution, table.hp-activities .hp-alert-details .hp-alert-resolution {
max-width: 400px; }
#hp-activities .hp-alert-details .hp-related-alert-container, table.hp-activities .hp-alert-details .hp-related-alert-container {
margin-top: 10px; }
#hp-activities .hp-alert-details .hp-alert-notes-container h3, #hp-activities .hp-alert-details .hp-alert-rs-container h3, #hp-activities .hp-alert-details .hp-alert-events > label, table.hp-activities .hp-alert-details .hp-alert-notes-container h3, table.hp-activities .hp-alert-details .hp-alert-rs-container h3, table.hp-activities .hp-alert-details .hp-alert-events > label {
font-size: 14px;
color: #767676; }
#hp-activities .hp-alert-details .hp-alert-rs-container .hp-action, table.hp-activities .hp-alert-details .hp-alert-rs-container .hp-action {
margin-left: 30px; }
#hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content textarea.hp-alert-note-write, table.hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content textarea.hp-alert-note-write {
margin-bottom: 0px;
margin-right: 15px;
resize: vertical; }
#hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content .hp-error, table.hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content .hp-error {
display: none; }
#hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content.hp-has-error textarea.hp-alert-note-write, table.hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content.hp-has-error textarea.hp-alert-note-write {
border: 1px solid #f04953; }
#hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content.hp-has-error .hp-help, table.hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content.hp-has-error .hp-help {
display: none; }
#hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content.hp-has-error .hp-error, table.hp-activities .hp-alert-details .hp-alert-notes-container .hp-form-content.hp-has-error .hp-error {
display: inline-block; }
#hp-activities .hp-alert-details ol.hp-alert-event-properties, table.hp-activities .hp-alert-details ol.hp-alert-event-properties {
margin-top: 15px; }
#hp-activities .hp-alert-details p, table.hp-activities .hp-alert-details p {
max-width: 400px; }
#hp-activities .hp-alert-details .hp-alert-notes, table.hp-activities .hp-alert-details .hp-alert-notes {
margin-bottom: 5px; }
#hp-activities .hp-alert-details .hp-alert-note, table.hp-activities .hp-alert-details .hp-alert-note {
position: relative;
max-width: 400px;
padding: 10px 0px;
border-bottom: solid 1px #e6e6e6; }
#hp-activities .hp-alert-details .hp-alert-note:last-child, table.hp-activities .hp-alert-details .hp-alert-note:last-child {
border-bottom: none; }
#hp-activities .hp-alert-details .hp-alert-note .hp-owner, table.hp-activities .hp-alert-details .hp-alert-note .hp-owner {
display: inline-block;
padding-right: 10px;
font-weight: 600;
font-family: Metric, Arial, sans-serif; }
#hp-activities .hp-alert-details .hp-alert-note .hp-message, table.hp-activities .hp-alert-details .hp-alert-note .hp-message {
display: inline-block;
word-wrap: break-word;
word-break: break-word; }
#hp-activities .hp-alert-details .hp-alert-note .hp-timestamp, table.hp-activities .hp-alert-details .hp-alert-note .hp-timestamp {
margin-top: 5px; }
#hp-activities .hp-alert-details .hp-alert-note .hp-delete, table.hp-activities .hp-alert-details .hp-alert-note .hp-delete {
position: absolute;
top: 14px;
right: 0px; }
#hp-activities .hp-alert-details .hp-alert-note-write, table.hp-activities .hp-alert-details .hp-alert-note-write {
width: 400px; }
#hp-activities .hp-alert-details .hp-alert-event-property, table.hp-activities .hp-alert-details .hp-alert-event-property {
margin-bottom: 5px;
position: relative; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-name, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-name {
display: inline-block;
color: #767676;
margin-right: 15px;
min-width: 200px;
max-width: 200px;
width: 25%;
padding-left: 10px;
text-indent: -10px;
word-break: break-all; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-help, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-help {
max-width: 300px; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value {
display: inline-block;
max-width: 600px;
vertical-align: top;
word-wrap: break-word; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-name, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-name {
display: inline-block;
vertical-align: top;
width: 100px;
color: #767676; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-value, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-value {
display: inline-block;
vertical-align: top;
max-width: 400px; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-object > span:first-child, #hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-object > span:last-child, #hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-array > span:first-child, #hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-array > span:last-child, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-object > span:first-child, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-object > span:last-child, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-array > span:first-child, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-array > span:last-child {
color: #767676; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-item, #hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-item, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property {
padding-left: 20px; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-object, #hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-array, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-object, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-array {
position: relative;
top: -20px;
margin-bottom: -20px; }
#hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-object > span:first-child, #hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-array > span:first-child, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-object > span:first-child, table.hp-activities .hp-alert-details .hp-alert-event-property .hp-value .hp-json-property > .hp-json-array > span:first-child {
position: relative;
display: inline-block;
left: 100px; }
#hp-activities .hp-alert-details .hp-alert-event-property:last-of-type, table.hp-activities .hp-alert-details .hp-alert-event-property:last-of-type {
margin-bottom: 0px; }
#hp-activities .hp-task-details .hp-task-details-messages, table.hp-activities .hp-task-details .hp-task-details-messages {
position: relative;
color: #767676;
font-style: italic; }
#hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution-container > h3, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution-container > h3 {
font-style: normal; }
#hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution ul, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-resolution ul {
margin-bottom: 0px; }
#hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message p:last-child, #hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message ul:last-child, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message p:last-child, table.hp-activities .hp-task-details .hp-task-details-messages .hp-task-details-message ul:last-child {
margin-bottom: 0px; }
#hp-activities .hp-task-details > .hp-task-notification-container, table.hp-activities .hp-task-details > .hp-task-notification-container {
padding-top: 10px;
padding-left: 85px; }
#hp-activities .hp-task-details > .hp-task-notification-container .hp-notification-details .hp-details, table.hp-activities .hp-task-details > .hp-task-notification-container .hp-notification-details .hp-details {
margin-bottom: 10px; }
#hp-activities .hp-task-details > .hp-task-notification-container .hp-notification-details .hp-details p, table.hp-activities .hp-task-details > .hp-task-notification-container .hp-notification-details .hp-details p {
margin-bottom: 0px; }
#hp-activities .hp-task-details > .hp-task-notification-container .hp-notification-details .hp-details ul li:before, table.hp-activities .hp-task-details > .hp-task-notification-container .hp-notification-details .hp-details ul li:before {
content: '-'; }
#hp-activities .hp-task-details .hp-task-details-actions, table.hp-activities .hp-task-details .hp-task-details-actions {
margin-bottom: 0px; }
#hp-activities .hp-task-details > table, table.hp-activities .hp-task-details > table {
margin-bottom: 15px; }
#hp-activities .hp-task-details > table > thead, table.hp-activities .hp-task-details > table > thead {
visibility: hidden; }
#hp-activities .hp-task-details > table > thead td, table.hp-activities .hp-task-details > table > thead td {
padding-top: 0px;
padding-bottom: 0px;
height: 0px;
line-height: 0px; }
#hp-activities .hp-task-details > table > thead td > .hp-status, table.hp-activities .hp-task-details > table > thead td > .hp-status {
height: 0px; }
#hp-activities .hp-task-details > table > tbody tr td, table.hp-activities .hp-task-details > table > tbody tr td {
padding: 9px 10px 3px 6px; }
#hp-activities .hp-task-details > table > tbody tr td > .hp-name, table.hp-activities .hp-task-details > table > tbody tr td > .hp-name {
padding-left: 15px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
vertical-align: top; }
#hp-activities .hp-task-details > table > tbody tr td span.hp-name, table.hp-activities .hp-task-details > table > tbody tr td span.hp-name {
display: inline-block;
padding-right: 15px;
word-break: break-all;
word-break: break-word;
white-space: normal; }
#hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-duration, table.hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-duration {
display: inline-block;
margin-left: 10px;
min-width: 40px;
color: #767676; }
#hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-secondary, table.hp-activities .hp-task-details > table > tbody tr td.hp-state > .hp-secondary {
display: inline-block;
font-size: 12px;
margin-left: 0px;
min-width: 50px; }
#hp-activities .hp-task-details > table .hp-status, table.hp-activities .hp-task-details > table .hp-status {
display: inline-block;
position: relative;
top: 4px;
vertical-align: baseline; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-1, table.hp-activities .hp-task-details > table tr.hp-task-details-level-1 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-1 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-1 td.hp-status-name {
padding-left: 10px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-1 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-1 td {
padding-left: 118px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-2, table.hp-activities .hp-task-details > table tr.hp-task-details-level-2 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-2 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-2 td.hp-status-name {
padding-left: 42px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-2 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-2 td {
padding-left: 151px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-3, table.hp-activities .hp-task-details > table tr.hp-task-details-level-3 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-3 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-3 td.hp-status-name {
padding-left: 74px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-3 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-3 td {
padding-left: 184px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-4, table.hp-activities .hp-task-details > table tr.hp-task-details-level-4 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-4 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-4 td.hp-status-name {
padding-left: 106px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-4 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-4 td {
padding-left: 217px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-5, table.hp-activities .hp-task-details > table tr.hp-task-details-level-5 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-5 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-5 td.hp-status-name {
padding-left: 138px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-5 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-5 td {
padding-left: 250px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-6, table.hp-activities .hp-task-details > table tr.hp-task-details-level-6 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-6 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-6 td.hp-status-name {
padding-left: 170px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-6 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-6 td {
padding-left: 283px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-7, table.hp-activities .hp-task-details > table tr.hp-task-details-level-7 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-7 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-7 td.hp-status-name {
padding-left: 202px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-7 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-7 td {
padding-left: 316px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-8, table.hp-activities .hp-task-details > table tr.hp-task-details-level-8 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-8 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-8 td.hp-status-name {
padding-left: 234px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-8 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-8 td {
padding-left: 349px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-9, table.hp-activities .hp-task-details > table tr.hp-task-details-level-9 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-9 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-9 td.hp-status-name {
padding-left: 266px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-9 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-9 td {
padding-left: 382px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-10, table.hp-activities .hp-task-details > table tr.hp-task-details-level-10 {
height: 40px; }
#hp-activities .hp-task-details > table tr.hp-task-details-level-10 td.hp-status-name, table.hp-activities .hp-task-details > table tr.hp-task-details-level-10 td.hp-status-name {
padding-left: 298px;
white-space: nowrap; }
#hp-activities .hp-task-details > table tr.hp-task-details-messages-level-10 td, table.hp-activities .hp-task-details > table tr.hp-task-details-messages-level-10 td {
padding-left: 415px;
padding-top: 0px;
padding-bottom: 5px; }
#hp-alert-assign-dialog .hp-dialog-variable-contents {
min-height: 300px; }
.hp-timeago {
pointer-events: none;
opacity: 0;
display: block;
color: #767676;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s; }
#hp-map-page {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px; }
#hp-map-page .hp-master-filter .hp-drop-menu label {
display: block; }
#hp-map-page .hp-master-filter .hp-drop-menu label:after {
content: '';
background: none; }
#hp-map-page .hp-master-filter #hp-map-history {
max-height: 200px;
overflow-y: auto; }
#hp-map-page .hp-pane-header {
position: absolute;
top: 25px;
height: 30px;
line-height: 30px;
left: 15px; }
#hp-map-page .hp-pane-header > h1 {
display: inline-block;
vertical-align: top; }
#hp-map-page .hp-pane-header > .hp-spinner {
margin-left: 20px;
width: auto;
display: inline-block;
vertical-align: top; }
#hp-map-page .hp-pane-header > .hp-spinner > * {
display: inline-block;
vertical-align: middle; }
#hp-map-page .hp-pane-header > .hp-spinner .hp-spinner-image {
margin: 0px;
margin-right: 10px; }
#hp-map-page .hp-single-pane {
position: absolute;
top: 40px;
left: 0px;
right: 0px;
bottom: 0px;
-webkit-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s; }
#hp-map-page.hp-filterbar-open .hp-single-pane {
left: 205px; }
#hp-map-page #hp-map-pane {
position: absolute;
top: 80px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: auto; }
.hp-map {
position: relative;
overflow: hidden; }
.hp-map > canvas {
position: absolute;
z-index: 0; }
.hp-map > .hp-buckets {
margin-bottom: 0px; }
.hp-map.hp-hierarchical-map {
overflow: visible; }
.hp-map.hp-hierarchical-map > canvas, .hp-map.hp-hierarchical-map > .hp-buckets {
top: 30px; }
.hp-map.hp-hierarchical-map > canvas {
display: list-item; }
.hp-map.hp-hierarchical-map > .hp-buckets {
position: relative; }
.hp-map.hp-hierarchical-map .hp-map-controls {
display: inline-block;
position: absolute;
right: 0px; }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_asc, .hp-map.hp-hierarchical-map .hp-map-controls .sort_desc {
position: relative;
display: inline-block;
height: 24px;
width: 20px; }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_asc {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_asc.hp-inactive {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP////f39+7u7ubm5t3d3dXV1czMzP///yH5BAEHAAcALAAAAAAUABQAAAMoeLrc/jDKSau9cWAVTNiEQWCdYQDXYBqatRqFJbyGUBV0vO187/+RBAA7);
cursor: pointer; }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_asc.hp-inactive:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_desc {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_desc.hp-inactive {
background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP////f39+7u7ubm5t3d3dXV1czMzP///yH5BAEHAAcALAAAAAAUABQAAAMneLrc/jDKSau9rpi9SxXcJlihcQ3ccAFcgBEGgR2B4c7qrO9871MJADs=);
cursor: pointer; }
.hp-map.hp-hierarchical-map .hp-map-controls .sort_desc.hp-inactive:hover {
background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
.hp-map .hp-map-levels {
white-space: nowrap;
margin-bottom: 0px; }
.hp-map .hp-map-levels > li {
display: inline-block;
vertical-align: top; }
.hp-map.hp-vertical .hp-map-levels > li {
display: block; }
.hp-map.hp-vertical .hp-map-items > li {
display: inline-block;
vertical-align: top; }
.hp-map .hp-map-level {
margin: 20px; }
.hp-map .hp-map-level.hp-empty {
margin: 0px; }
.hp-map .hp-map-item {
position: relative;
margin: 20px;
min-width: 180px;
padding: 5px;
z-index: 5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s; }
.hp-map .hp-map-item:hover {
background-color: rgba(128, 128, 128, 0.1); }
.hp-map .hp-map-item:hover .hp-device, .hp-map .hp-map-item:hover .hp-logical, .hp-map .hp-map-item:hover .hp-rack-devices .hp-device-topUSlot {
border-color: #000; }
.hp-map .hp-map-item.hp-selected .hp-device, .hp-map .hp-map-item.hp-selected .hp-logical {
background-color: #ccf0e7; }
.hp-map .hp-map-item .hp-device, .hp-map .hp-map-item .hp-logical, .hp-map .hp-map-item .hp-device-topUSlot {
background-color: #fff; }
.hp-map .hp-map-item .hp-device .hp-status, .hp-map .hp-map-item .hp-device .hp-device-name, .hp-map .hp-map-item .hp-logical .hp-status, .hp-map .hp-map-item .hp-logical .hp-device-name, .hp-map .hp-map-item .hp-device-topUSlot .hp-status, .hp-map .hp-map-item .hp-device-topUSlot .hp-device-name {
display: inline-block;
vertical-align: top; }
.hp-map .hp-map-item .hp-device .hp-status, .hp-map .hp-map-item .hp-logical .hp-status, .hp-map .hp-map-item .hp-device-topUSlot .hp-status {
position: relative;
top: 4px; }
.hp-map .hp-map-item .hp-device .hp-device-model, .hp-map .hp-map-item .hp-logical .hp-device-model, .hp-map .hp-map-item .hp-device-topUSlot .hp-device-model {
display: block;
padding-left: 24px;
color: #767676; }
.hp-map-dialog {
background-color: #f3f3f3;
-webkit-box-shadow: 3px 3px 12px 0px #999;
-moz-box-shadow: 3px 3px 12px 0px #999;
box-shadow: 3px 3px 12px 0px #999; }
.hp-map-dialog .hp-map-header {
position: relative;
padding: 10px 20px;
font-weight: 600;
font-family: Metric, Arial, sans-serif;
color: #333; }
.hp-map-dialog .hp-map-header .hp-close {
position: absolute;
top: 7px;
right: 7px;
width: 11px;
height: 11px;
background: transparent url("../../img/hpe/close.png?v=11a20444adfa2a636b664ff3e011a51e58a28846") no-repeat; }
.hp-map-dialog .hp-map {
margin: 10px 20px 20px 20px; }
.hp-map-dialog .hp-map .hp-map-resource {
display: -webkit-box;
-webkit-box-orient: horizontal;
display: -moz-box;
-moz-box-orient: horizontal;
display: box;
box-orient: horizontal;
-moz-box-lines: single; }
.hp-map-dialog .hp-map .hp-map-resource ol {
margin: 0px; }
.hp-map-dialog .hp-map .hp-map-resource .hp-map-node {
border-radius: 3px;
border: 1px solid #d9d9d9;
margin: 5px 10px;
padding: 10px;
background-color: #fff; }
#hp-visualizer {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px; }
#hp-visualizer canvas {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px; }
#hp-visualizer .vis-set {
position: absolute;
padding: 5px;
background-color: #fff;
text-align: center;
-webkit-transition: bottom 0.3s;
-moz-transition: bottom 0.3s;
transition: bottom 0.3s; }
#hp-visualizer .vis-set label {
display: block;
max-width: 90px;
color: #767676; }
#hp-visualizer .vis-i {
position: absolute;
-webkit-transition: bottom 0.5s, left 0.5s;
-moz-transition: bottom 0.5s, left 0.5s;
transition: bottom 0.5s, left 0.5s; }
#hp-visualizer.dense .vis-i {
width: 14px;
height: 14px;
overflow: hidden;
cursor: pointer; }
#hp-visualizer.dense .vis-i label {
display: none; }
#hp-visualizer.dense .vis-i a.hp-jump {
display: none;
position: relative;
margin-left: 10px;
top: 3px; }
#hp-visualizer.dense .vis-i:hover, #hp-visualizer.dense .vis-i.hp-pinned {
width: auto;
height: auto;
padding: 8px 10px;
color: #000;
margin-bottom: -8px;
margin-left: -10px;
z-index: 10; }
#hp-visualizer.dense .vis-i:hover .hp-status, #hp-visualizer.dense .vis-i.hp-pinned .hp-status {
top: 5px;
display: inline-block; }
#hp-visualizer.dense .vis-i:hover label, #hp-visualizer.dense .vis-i:hover a.hp-jump, #hp-visualizer.dense .vis-i.hp-pinned label, #hp-visualizer.dense .vis-i.hp-pinned a.hp-jump {
display: inline-block; }
#hp-visualizer.dense .vis-i.hp-pinned {
background-color: #ccf0e7; }
#hp-visualizer.dense .vis-i:hover {
background-color: #f3f3f3; }
.hp-master-table .hp-label-contents {
margin-bottom: 0px; }
.hp-master-table .hp-label-contents li {
display: inline-block;
margin-right: 10px; }
.hp-upload {
display: inline-block;
margin: 10px 0px; }
.hp-upload-section {
position: relative;
margin-bottom: 20px;
background-color: #f3f3f3;
min-width: 400px;
min-height: 70px; }
.hp-upload-dropbox {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 70px;
padding: 15px;
color: #767676;
border: 2px dashed #d9d9d9; }
.hp-upload-selected, .hp-upload-progress, .hp-upload-result {
padding: 23px 15px;
white-space: nowrap; }
.hp-upload-selected a, .hp-upload-progress a, .hp-upload-result a {
color: #333; }
.hp-upload-controls {
text-align: right; }
.hp-upload-controls .hp-upload-chooser-mask {
position: relative;
display: inline-block; }
.hp-upload-details {
display: inline-block;
padding-right: 15px;
vertical-align: top; }
.hp-upload-progress .hp-upload-progress-filename {
vertical-align: top;
width: 180px; }
.hp-upload-progress .hp-upload-progress-bar {
padding-top: 3px;
text-align: center;
width: 100px; }
.hp-upload-progress .hp-upload-progress-bar .hp-upload-progress-meter {
width: 100px;
margin-bottom: 2px; }
.hp-upload-progress .hp-upload-cancel {
vertical-align: top;
text-align: right;
width: 80px; }
.hp-upload-file-choose {
direction: rtl;
font-size: 3em;
width: 100%;
height: 100%;
opacity: -1;
filter: alpha(opacity=-1);
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
margin-bottom: 0px;
cursor: pointer; }
.hp-file-chooser-container {
min-height: 150px; }
.hp-compact .hp-file-chooser-container {
min-height: 100px; }
.hp-file-chooser-container input[type=file]:focus {
text-indent: -9999em; }
.hp-file-chooser-container #hp-file-chooser-error-message, .hp-file-chooser-container #hp-file-chooser-disclaimer-message {
margin: 10px 15px; }
.hp-file-chooser-container .hp-file-chooser {
padding: 45px 30px;
border: 1px dashed #ccc;
position: relative; }
.hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover {
border: 1px solid #f04953; }
.hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover .hp-message {
color: #f04953;
font-style: italic;
font-size: 18px; }
.hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dragover {
background-color: #e6e6e6;
border: 1px dotted #ccc;
font-size: 18px; }
.hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dropped {
border: 1px solid #CCCCCC;
background-color: #fff; }
.hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dropped .hp-message {
word-break: break-all; }
.hp-compact .hp-file-chooser-container .hp-file-chooser {
padding: 15px 11px; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
display: block;
margin: 0 auto;
max-width: 400px; }
.hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
margin: 0px;
display: inline-block;
max-width: 450px; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-file {
font-size: 18px;
opacity: -1;
filter: alpha(opacity=-1);
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
cursor: pointer; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
margin-bottom: 20px; }
.hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
display: inline-block;
margin: 0px;
padding: 7px 0px 0px; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
margin-bottom: 10px;
color: #ccc;
font-style: italic;
font-size: 18px; }
.hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
font-size: inherit;
margin-right: 10px;
opacity: 1;
display: inline-block;
font-style: normal;
color: #333;
max-width: 240px; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
vertical-align: top;
color: #737373; }
.hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
display: inline-block;
margin-right: 10px; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
vertical-align: top; }
.hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container .hp-file-chooser-mask {
display: inline-block;
position: relative; }
.hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
display: inline-block; }