.icon {
float: left;
background-repeat: no-repeat;
height: 18px;
line-height: 18px;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 7px;
max-width: 18px;
overflow: hidden;
width: 18px;
}
.icon.disabled, .icon[disabled] { opacity: .3; }
/* This is for bullet icons. They should have there background-position-x adjusted to center the icon */
.icon.thin { width: 8px; }
.icon-32 {
line-height: 32px;
height: 32px;
width: 32px;
max-width: 32px;
}
.icon-32.disabled,
.icon-32[disabled] {
opacity: .3;;
}
/*
We will be rebranding our design system from Power Xpert Blue (PX Blue) to Brightlayer User Interface (Brightlayer UI).
The SVG for these icons can be found in IconSvg.java
*/
/* non-sprite icons */
.icon-arrow-down-green-animated { background-image: url(/WebConfig/yukon/Icons/arrow_down_green_anim.gif); }
.icon-arrow-down-orange-animated { background-image: url(/WebConfig/yukon/Icons/arrow_down_orange_anim.gif); }
.icon-arrow-up-green-animated { background-image: url(/WebConfig/yukon/Icons/arrow_up_green_anim.gif); }
.icon-arrow-up-orange-animated { background-image: url(/WebConfig/yukon/Icons/arrow_up_orange_anim.gif); }
.icon-spinner { background-image: url(/WebConfig/yukon/Icons/spinner.gif); }
.icon-spinner-white { background-image: url(/WebConfig/yukon/Icons/spinner-white.gif); }
.icon-loading-bars { background-image: url(/resources/images/icons/loading.bars-3d3a16d67b60df20805dccc2940e2db0.gif); }
.search {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJCNEUwNzM4OTY0MTFFMEE0MDNEODlCOThCNUNBOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJCNEUwNzQ4OTY0MTFFMEE0MDNEODlCOThCNUNBOTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkI0RTA3MTg5NjQxMUUwQTQwM0Q4OUI5OEI1Q0E5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MkI0RTA3Mjg5NjQxMUUwQTQwM0Q4OUI5OEI1Q0E5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po7ONFMAAADISURBVHjanFJBCsIwEFzrF7z04h9E/Efx5MEHePHmr4T6hFLwF6G/sKW0lLixEwh1AtGB6SaZne22G7HWCrhT1sqXneHiE+fC6BcX5Wg5RujU7CoPSDTKs3KLaHA+sA7co0JCE2mvgV4xcwuxiJgL6C0zTxDziDmHPi21TER6mbEXDn/efykYT8o316ztQzAm93dPyg2iCUZ2/WfOIe7M7DtwN6pDYof9LVZAYldvwZIVSDXTApmk46h8BPv16vP631D6Ym8BBgAsamp63yCdlAAAAABJRU5ErkJggg=="); }
.icon-32-multispeak { background-image: url(/WebConfig/yukon/Icons/multispeak-b528e5b14d4867855e5c205f82c7f5f0.png); }
.icon-32-openadr { background-image: url(/WebConfig/yukon/Icons/openADR-e51e13c176584fdac34d1b2c0b60e7b8.png); }
/* jquery ui icons */
.ui-icon.excel {
background-position: unset;
background-image: url('data:image/svg+xml,') !important;
}
.ui-icon.pdf {
background-position: unset;
background-image: url('data:image/svg+xml,') !important;
}
.ui-icon.refresh {
background-position: unset;
background-image: url('data:image/svg+xml,') !important;
}
/* dashboard images */
.dashboard-image {
background-image: url(/WebConfig/yukon/Icons/dashboardImages-3f20d35e90cddeb04dda6dbf0709fd6a.png);
background-repeat: no-repeat;
display: inline-block;
float: left;
height: 100px;
image-rendering: pixelated;
line-height: 100px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
max-width: 150px;
overflow: hidden;
text-indent: -9999px;
width: 150px;
border: 1px solid #ccc;
}
/*dashboardImages.png is a sprite sheet with 300px width and variable height there are three icons per row and each row starts at every
n*100px. Note: ami-action is the top left most sprite at 0px 0px, first value is the horizontal position and second value is the vertical position*/
.image-ami-actions { background-position: 0px 0px; }
.image-gateway-streaming { background-position: -150px 0px; }
.image-coming-soon { background-position: 0px -100px; }
.image-meter-search { background-position: -150px -100px; }
.image-monitor-subscriptions { background-position: 0px -200px; }
.image-monitors { background-position: -150px -200px; }
.image-scheduled-requests { background-position: -300px 0px; }
.image-csr-trend { background-position: -300px -100px; }
.image-system-messaging { background-position: -300px -200px; }
.image-favorites { background-position: 0px -300px; }
.image-data-collection { background-position: -150px -300px; }
.image-infrastructure-warnings { background-position: -300px -300px; }
.image-porter-queue-counts { background-position: 0px -400px; }
.image-notes-search { background-position: -150px -400px; }
.image-asset-availability { background-position: -300px -400px; }
.image-rf-broadcast { background-position: -0px -500px; }
.image-trends { background-position: -150px -500px; }
.image-programs { background-position: -300px -500px; }
/* 32 x 32 icons */
.icon-app {
background-repeat: no-repeat;
width: 32px;
height: 32px;
max-width: 35px;
}