/*
MWK, 23OCT2022, removing a lot of manual overrides that were needed with early version of PF
and rejiggering overrides to jibe with the new PF component model
*/

/* MWK, for rowExpansion */

.unpaddedTd td {
    padding: 0em!important;
}

/* MWK, for datatable rows with discreet data */
.redRow {
    background:  lightcoral !important;
}

/*
https://www.nomensa.com/blog/how-improve-web-accessibility-hiding-elements
*/

.hide-element {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.hide-element-focusable:active,
.hide-element-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

body .ui-commandlink.redCommandLink, body .ui-link {
    color: #EF0000;
}

body .ui-commandlink.blueCommandLink, body .ui-link {
    color: blue;
}

.redButtonWhiteText .ui-button  {
    background: red;
}

.redButtonWhiteText .ui-button-text  {
    padding: 0;
    font-size: 2em;
    color: white;
    background-color: red;
}


.greenButtonWhiteText .ui-button  {
    background: green;
}

.greenButtonWhiteText .ui-button-text  {
    padding: 0;
    font-size: 2em;
    color: white;
    background-color: green;
}

/* MWK, 23FEB2024, dropping 4em down to 2em */

.ui-spinner {
    width: fit-content;
    font-size: 2em;
}

.ui-spinner-input.ui-inputfield {
    width: fit-content;
    font-size: 2em;
}

.ui-spinner.regular .ui-spinner {
    width: fit-content;
    font-size: 2em;
}

.ui-spinner.regular .ui-spinner-input.ui-inputfield {
    font-size: 2em;
}


/* for resizable d3 graphs */

.svg-container {
    display: inline-block;
    position: relative;
    /* aspect ratio */
    width: 100%;
    vertical-align: top;
    /* padding-bottom: 100%; */
    /* overflow: hidden; */
}

.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}

/* this is applied to the dataGrid */

.panelColumns td {
    vertical-align: top;
}

.ui-widget-content{
    color: black;
}

/*
h1, h2, h3 {
  margin: 0em;
  padding: 0em;
  display: inline;
}
*/

/*
 #####     ##    #    #  ######  #        ####   #####      #    #####
 #    #   #  #   ##   #  #       #       #    #  #    #     #    #    #
 #    #  #    #  # #  #  #####   #       #       #    #     #    #    #
 #####   ######  #  # #  #       #       #  ###  #####      #    #    #
 #       #    #  #   ##  #       #       #    #  #   #      #    #    #
 #       #    #  #    #  ######  ######   ####   #    #     #    #####
*/

.ui-panelgrid.borderlessPanelGrid .ui-panelgrid-cell {
    border: none;
}

.ui-panelgrid.unpaddedPanelGrid .ui-panelgrid-cell {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0em;
    padding-bottom: 0em;
}

.ui-panelgrid.borderlessAndUnpaddedPanelGrid .ui-panelgrid-cell {
    border: none;
    padding-left: 0.5em;
    padding-right: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
}

/*
 #####     ##    #    #  ######  #        
 #    #   #  #   ##   #  #       #       
 #    #  #    #  # #  #  #####   #       
 #####   ######  #  # #  #       #       
 #       #    #  #   ##  #       #       
 #       #    #  #    #  ######  ######  
*/

.ui-panel.unpaddedPanel .ui-panel {
    padding: 0;    
}

.ui-panel.unpaddedPanel .ui-panel-content {
    padding: 0;
}

.ui-panel.unpaddedPanel .ui-panel-titlebar {
    padding: 0;
}

.ui-panel.unpaddedPanel .ui-panel-title {
    padding: 0;
    font-size: 150%;
}

/*
no borders
*/

.ui-panel.borderlessUnpaddedPanel .ui-panel {
  padding: 0;
  margin-top: 0.5em;
}

.ui-panel.borderlessUnpaddedPanel .ui-panel-content {
    padding: 0;
    border: none;
}

.ui-panel.borderlessUnpaddedPanel .ui-panel-titlebar {
    padding: 0;
    border: none;
}

.ui-panel.borderlessUnpaddedPanel .ui-panel-title {
    padding: 0;
    border: none;
}

/*
 #    #  ######  #    #  #    #
 ##  ##  #       ##   #  #    #
 # ## #  #####   # #  #  #    #
 #    #  #       #  # #  #    #
 #    #  #       #   ##  #    #
 #    #  ######  #    #   #### 

MWK, 20FEB2023, TODO: rationalize this against occasional ad-hoc styles in the .xhtml

*/

.ui-menu {
    margin: 0em !important;
    padding: 0em !important;
}

.ui-menubar {
    border: none !important;
    margin: 0em !important;
    padding: 0em !important;
}

.ui-menuitem {
    margin: 0em;
    padding: 0em;
}

.ui-menu-list {
    margin: 0em;
    padding: 0em;
}

ul.ui-menu-child {
    white-space: nowrap;
    width: auto !important;
}

.ui-menuitem-text {
    padding: 0em;
    margin: 0em;
}

.boldMenuItem .ui-menuitem-text  {
    padding: 0;
    font-size: 1em;
    color: gray;
    font-weight: bolder;
}

.bigBoldMenuItem .ui-menuitem-text  {
    padding: 0;
    font-size: 2em;
    color: gray;
    font-weight: bolder;
}

.bigGreenMenuItem .ui-menuitem-text  {
    padding: 0;
    font-size: 2em;
    color: darkgreen;
    font-weight: bolder;
}

.redMenuItem .ui-menuitem-text  {
    padding: 0;
    background-color: white;
    color: #EF0000 !important;
}

.greenMenuItem .ui-menuitem-text {
    padding: 0;
    background-color: white;
    color: #006400 !important;
}

XXX.whiteMenuItem .ui-menuitem-text {
    padding: 0.5em;
    background-color: white;
    color: black;
}

/*
 #####    ####    #####    ##     #####  ######
 #    #  #    #     #     #  #      #    #
 #    #  #    #     #    #    #     #    #####
 #####   #    #     #    ######     #    #
 #   #   #    #     #    #    #     #    #
 #    #   ####      #    #    #     #    ######
Styles for rotateTableCellContent plugin

MWK, 20FEB2023, keeping this around...

*/


table div.rotated {
    -ms-transform:rotate(270deg); /* IE 9 */
    -moz-transform:rotate(270deg); /* Firefox */
    -webkit-transform:rotate(270deg); /* Safari and Chrome */
    -o-transform:rotate(270deg); /* Opera */
}

thead th {
    vertical-align:bottom;
}

table .vertical {
    white-space:nowrap;
    background-color:white;
}

/*
  ####   #    #   ####    #####   ####   #    #
 #    #  #    #  #          #    #    #  ##  ##
 #       #    #   ####      #    #    #  # ## #
 #       #    #       #     #    #    #  #    #
 #    #  #    #  #    #     #    #    #  #    #
  ####    ####    ####      #     ####   #    #


    #     ####    ####   #    #   ####
    #    #    #  #    #  ##   #  #
    #    #       #    #  # #  #   ####
    #    #       #    #  #  # #       #
    #    #    #  #    #  #   ##  #    #
    #     ####    ####   #    #   ####
*/

.ui-icon.structure {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/structure.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.pulse {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/pulse.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.this_page_unselect_all {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/this_page_unselect_all.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.upload {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/upload.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.documents {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/documents.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.grid_view {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/grid_view.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.append_rows {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/append_rows.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.compare {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/compare.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.logic {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/logic.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.login {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/login.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.copy {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/copy.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.columns {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/columns.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.whale {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/whale.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.turtle {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/turtle.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.configure {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/configure.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.grid_rows_and_columns {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/grid_rows_and_columns.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.pains {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/pains.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.quad_bike {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/quad_bike.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.form_view {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/form_view.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.seahorse {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/seahorse.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.all_pages_select_all {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/all_pages_select_all.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.pig {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/pig.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.grid_rows {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/grid_rows.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.append {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/append.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.running_man {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/running_man.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.question_mark {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/question_mark.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.standard_compare {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/standard_compare.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.gorilla {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/gorilla.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.structureGrid {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/structureGrid.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.tools {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/tools.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.this_page_select_all {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/this_page_select_all.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.shopping_cart {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/shopping_cart.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.overlay_mean_graphs {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/overlay_mean_graphs.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.details {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/details.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.goose {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/goose.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.dynamic_grid_view {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/dynamic_grid_view.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.panel_plots {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/panel_plots.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.set {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/set.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.reminder {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/reminder.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.horse {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/horse.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.no_running {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/no_running.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.camera {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/camera.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.heat_map {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/heat_map.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.search {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/search.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.mountains {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/mountains.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.violin {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/violin.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.play {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/play.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.bar_chart {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/bar_chart.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.combine {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/combine.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}

.ui-icon.combo {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/combo.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}

.ui-icon.fish {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/fish.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.chicken {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/chicken.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.csv {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/csv.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.fit-to-page {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/fit-to-page.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.insect {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/insect.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.pick {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/pick.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.set_columns {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/set_columns.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.table_view {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/table_view.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.pear {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/pear.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.center {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/center.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.mean_graphs {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/mean_graphs.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.all_pages_unselect_all {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/all_pages_unselect_all.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.id_card {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/id_card.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.unicorn {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/unicorn.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.excel {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/excel.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.scatter {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/scatter.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.octopus {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/octopus.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.grid_columns {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/grid_columns.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.set_rows {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/set_rows.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.crab {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/crab.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.rows {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/rows.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.tanimoto {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/tanimoto.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.line_chart {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/line_chart.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.mind_map {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/mind_map.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.append_columns {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/append_columns.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.running {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/running.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.grid_compare {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/grid_compare.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.summary {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/summary.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.info {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/info.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.logout {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/logout.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.connect {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/connect.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.foodCan {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/foodCan.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.redX {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/redX.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.redXsolid {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/redXsolid.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.eye {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/eye.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.tag {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/tag.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.funnel {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/funnel.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.batch {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/batch.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.home-outline {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/home-outline.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.home-filled {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/home-filled.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.compass {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/compass.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}
.ui-icon.download {
    background: url("/publiccompare/javax.faces.resource/mwkicons36/download.jpg.xhtml") !important;
    background-repeat: no-repeat;
    height:36px;
    width:36px;
}