/* MWK, 09AUG2025, experimenting with imorting svg icons
.ui-icon.mwk_test {
    width: 1em;
    height: 1em;
    background-image: url("") !important;
    background-repeat: no-repeat;
    background-position: center;
}
*/

/*
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;
}