.noselect {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.overflowEllipses {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.boringAnchor a {
  color: black;
}
.boringAnchor a:hover {
  color: black;
  text-decoration: none;
}
.boringAnchor a:visited {
  color: black;
}
.disabledButtonCss:disabled {
  background-color: rgba(224, 224, 224, 0.15);
  border: 1px solid #ddd;
  color: #bbb;
}
.disabledButtonCss:disabled:hover {
  background-color: rgba(224, 224, 224, 0.15);
  border: 1px solid #ddd;
  cursor: default;
}
.scheduleColor {
  font-size: 12px;
}
.green {
  color: green;
}
.yellow {
  color: yellow;
}
.red {
  color: red;
}
.gray {
  color: gray;
}
/*
    ** WORKING WITH :root FOR LIGHT AND DARK STYLES **

    The :root pseudo-class is used to define global CSS variables. These variables can be used in any CSS property.

    Development Process: 
        1.  Uncomment the :root area below
        2.  Modify :root area to test different variable settings
        3.  Once happy with the results, run the Sync Global Styles utility found in the BigwaveUtil program. 
            This generates the dark.css and light.css style sheets.  This utility will also comment the :root area below once complete.
*/
/* :root {
    --anchorColor: #006;
    --anchorColorHover: #33c;
    --assignmentsCalendarfctoday: #fcf8e3;
    --bigWaveBlueColor: #006;
    --bodyColor: #fff;
    --bodyFontColor: #000;
    --broadMessageColor: #ffe000;
    --buttonColor: beige;
    --buttonHoverColor: #ffc;
    --createWONotesColor: #ffecd3;
    --deliverableTypeString: #2a04bd;
    --dialogTitlebarColor: #517bcf;
    --dialogTitlebarFontColor: white;
    --dialogTitlebarFontWeight: bold;
    --documentFileStatus: #EBEBEB;
    --documentIconBlue: rgba(5, 60, 147, 0.8);
    --documentIconBlueHover: rgb(5, 60, 147);
    --documentIconGray: rgba(102, 102, 102, 0.8);
    --documentIconGrayHover: rgb(102, 102, 102);
    --documentIconGreen: rgba(11, 132, 19, 0.8);
    --documentIconGreenHover: rgb(11, 132, 19);
    --documentIconOrange: rgba(255, 143, 0, 0.8);
    --documentIconOrangeHover: rgb(255, 143, 0);
    --documentIconRed: rgba(232, 50, 4, 0.8);
    --documentIconRedHover: rgb(232, 50, 4);
    --documentNameFontColor: rgba(5, 60, 147, 0.8);
    --documentNameFontColorHover: rgba(5, 60, 147, 1);
    --fieldValue: #517bcf;
    --fileUploadColor: #eee;
    --formLegendColor: #85868d;
    --formLegendFontColor: white;
    --gridBorder: #eee;
    --gridBorderShell: #999;
    --gridHeaderBackgroundColor: #ECE9D8;
    --gridHeaderBackgroundColorEmbedded: #ddd;
    --gridHeaderBorderBottomColor: #FFC55E;
    --gridHeaderFontColor: #006;
    --gridHoverColor: #ffc;
    --gridPagerButtonColor: #fff;
    --gridPagerButtonHoverColor: var(--buttonHoverColor);
    --gridPagerButtonFontColor: var(--bodyFontColor);
    --gridSelectedRowColor: #ffd3a0;
    --headerBackgroundColor: rgb(102,153,255);
    --headerBackgroundGradientColor: linear-gradient(90deg, rgba(102,153,255,1) 0%, rgba(102,153,255,1) 65%, rgba(0,0,102,1) 100%);
    --helpfulTextFontColor: #517bcf;
    --menuBackgroundColor: #ddd;
    --menuBackgroundHoverColor: #ccc;
    --menuFontColor: #000;
    --navigationBarActionLinkBorderColor: #ddd;
    --navigationBarActiveLinkColor: #4681DC;
    --navigationBarActiveLinkFontColor: #fff;
    --navigationBarColor: rgba(236, 233, 216, 0.25);
    --navigationBarFontColor: var(--bodyFontColor);
    --navigationBarNavHeadColor: #ECE9D8;
    --navigationBarNavHeadFontColor: var(--bodyFontColor);
    --navigationBarSubLinkColor: rgba(70, 129, 220, 0.36);
    --resourceCalendarAnchorHoverColor: #00f;
    --scheduleAndAssignAnchorFontColor: var(--anchorColor);
    --scheduleAndAssignHeaderColor: #eee;
    --scheduleAndAssignDisabledRowColor: #ffc;
    --tabActiveColor: var(--bodyColor);
    --tabActiveFontColor: var(--bodyFontColor);
    --tabFontColor: #777;
    --tabHoverColor: #eee;
    --topicHeaderBackgroundColor: #ECE9D8;
    --topicHeaderFontColor: #000;
    --topicHeaderFontWeight: bold;
    --uiWidgetOverlayColor: #eee;

    @media (prefers-color-scheme: dark) {
        --anchorColor: #b3c4f3;
        --anchorColorHover: #b3c4f3;
        --assignmentsCalendarfctoday: #727272;
        --bigWaveBlueColor: #333;
        --bodyColor: #333;
        --bodyFontColor: #ddd;
        --broadMessageColor: #6c6c6c;
        --buttonColor: #ddc286;
        --buttonHoverColor: #ffc;
        --createWONotesColor: #5c554a;
        --deliverableTypeString: #c5b6ff;
        --dialogTitlebarColor: #1b475a;
        --dialogTitlebarFontColor: #e3e3e3;
        --dialogTitlebarFontWeight: normal;
        --documentFileStatus: var(--bodyColor);
        --documentIconBlue: #5094ffcc;
        --documentIconBlueHover: #5094ff;
        --documentIconGray: rgba(102, 102, 102, 0.8);
        --documentIconGrayHover: rgb(102, 102, 102);
        --documentIconGreen: #0b9b15cc;
        --documentIconGreenHover: #0b9b15;
        --documentIconOrange: rgba(255, 143, 0, 0.8);
        --documentIconOrangeHover: rgb(255, 143, 0);
        --documentIconRed: rgba(232, 50, 4, 0.8);
        --documentIconRedHover: rgb(232, 50, 4);
        --documentNameFontColor: #9eb9e3cc;
        --documentNameFontColorHover: #9eb9e3;
        --fieldValue: #a3a3a3;
        --fileUploadColor: var(--bodyColor);
        --formLegendColor: var(--dialogTitlebarColor);
        --formLegendFontColor: var(--bodyFontColor);
        --gridBorder: #9f793170;
        --gridBorderShell: #999;
        --gridHeaderBackgroundColor: #444;
        --gridHeaderBackgroundColorEmbedded: var(--gridHeaderBackgroundColor);
        --gridHeaderBorderBottomColor: #9f7931;
        --gridHeaderFontColor: var(--bodyFontColor);
        --gridHoverColor: #666;
        --gridPagerButtonColor: #555;
        --gridPagerButtonHoverColor: #727272;
        --gridPagerButtonFontColor: var(--bodyFontColor);
        --gridSelectedRowColor: #1b475a;
        --headerBackgroundColor: rgb(221,221,221);
        --headerBackgroundGradientColor: linear-gradient(90deg, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 65%, rgba(51,51,51,1) 100%);
        --helpfulTextFontColor: #99acd3;
        --menuBackgroundColor: #444;
        --menuBackgroundHoverColor: #777;
        --menuFontColor: var(--bodyFontColor);
        --navigationBarActionLinkBorderColor: #555;
        --navigationBarActiveLinkColor: #333;
        --navigationBarActiveLinkFontColor: var(--bodyFontColor);
        --navigationBarColor: #444;
        --navigationBarFontColor: var(--bodyFontColor);
        --navigationBarNavHeadColor: #787878;
        --navigationBarNavHeadFontColor: #fdfdc3c7;
        --navigationBarSubLinkColor: #0000009c;
        --resourceCalendarAnchorHoverColor: #9d9dff;
        --scheduleAndAssignAnchorFontColor: #0044ff;
        --scheduleAndAssignHeaderColor: #333;
        --scheduleAndAssignDisabledRowColor: #4c4c4c;
        --tabActiveColor: var(--bodyColor);
        --tabActiveFontColor: white;
        --tabFontColor: #777;
        --tabHoverColor: #7a7a7a;
        --topicHeaderBackgroundColor: #444;
        --topicHeaderFontColor: rgba(255, 255, 0, 0.85);
        --topicHeaderFontWeight: normal;
        --uiWidgetOverlayColor: #1c1c1c;
    }
} */
.ui-slider .ui-slider-handle {
  height: 14px;
  margin-top: 1px;
}
.ui-dialog .ui-dialog-buttonpane {
  padding: 3px 2px 0 0;
  border-width: 2px 0 0 0;
  margin: 10px 10px 0 10px;
}
.ui-dialog .ui-dialog-title {
  width: auto;
}
.ui-dialog .ui-dialog-titlebar {
  font-size: 18px;
  font-weight: var(--dialogTitlebarFontWeight);
  background-color: var(--dialogTitlebarColor);
  background-image: none;
  color: var(--dialogTitlebarFontColor);
  white-space: nowrap;
}
.ui-dialog .ui-dialog-titlebar * {
  float: left;
}
.ui-dialog .ui-dialog-titlebar div {
  padding-right: 10px;
  font-size: 28px;
}
.ui-widget-overlay {
  background-color: var(--uiWidgetOverlayColor);
  background-image: none;
}
.generalErrorMessage {
  float: left;
  display: none;
  font-size: 12px;
  padding-top: 10px;
  color: #CD6A0A;
}
.ui-widget {
  font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
  font-size: 11px;
}
.ui-widget button,
.ui-widget select,
.ui-widget input {
  font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
  font-size: 11px;
}
.ui-button,
.ui-button-state-default {
  background-color: var(--buttonColor);
  border: 1px solid #ddd;
  font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  font-size: 11px;
  height: 18px;
  color: black;
}
.ui-button:hover,
.ui-button-state-default:hover {
  border: 1px solid #666;
  background-color: var(--buttonHoverColor);
  cursor: pointer;
}
.ui-dialog-buttonset {
  width: 100%;
}
.ui-dialog-buttonset button {
  font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  float: right;
}
.ui-widget-content {
  border: 1px solid #2c77ba;
  background-image: none;
  background-color: var(--bodyColor);
  color: var(--bodyFontColor);
}
.ui-widget-content .progressContainer {
  border: 0;
}
.ui-widget-content a {
  color: var(--bodyFontColor);
}
.ui-dialog-titlebar-close {
  display: none;
}