.fd-linegraph-x-axis-label
{
    transform: rotate(45deg);
    padding-top: 0px;
    padding-left: 25px;
}

.dt-button {
  all: unset;
  cursor: pointer;
  display: inline-block;
  padding: 4px 8px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.dygraph-legend 
{
    position: absolute;
}

.FD_Page
{
    font-size: 12px;
}

label.CWEntryLabel
{
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
    font-size: 12px;
    margin-top: 10px;
    max-width: 75ch;
    font-weight: bold;
    vertical-align: middle;
    line-height: inherit;
    align-items: center;
    display: block;
    /* width: 20%; */
    /* float: right; */
    /* white-space: pre-wrap; */
    /* overflow: inherit; */
    /* text-overflow: ellipsis; */
}

.cw-inline-validation-error {
  margin-top: 4px;
  font-size: 0.875rem;
  /* Make sure contrast passes AA against your background */
  color: #b00020;
}

.cw-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.cw-qtip-error {
  background: #fff4f4 !important;
  border: 1px solid #b00020 !important;
  color: #7a0015 !important;
}

.cw-qtip-error .qtip-content {
  color: #010003 !important;
  font-weight: 600;
}

.cw-qtip-warning {
  background: #f6fa01 !important;
  border: 1px solid #fffb00 !important;
  color: #fffb00 !important;
}

.cw-qtip-warning .qtip-content {
  color: #010003 !important;
  font-weight: 600;
}


span.CWEntryLabel
{text-align: right;padding-right: 10px;padding-left: 5px;font-size: 12px;float:right;margin-top: 10px;font-weight: bold;display: block;/* float: left; *//* width: 25%; */}

div.CWEntryLabel{
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
    font-size: 12px;
    float:right;
    margin-top:5px;
    font-weight: bold;
}

label.CWEntryLabel-long-value-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

span.CWSuggestionLable
{
    /* text-align:left; */
    padding-right: 10px;
    padding-left: 5px;
    font-style: itlic;
    font-size: 12px;
    font-weight: normal;
    /* float:left; */
    /* margin-top:5px; */
    vertical-align: middle;
    display: inline-block;
}

.MenuPath {
	background: url(images/wbg.gif) repeat-x top;
	border: 1px solid #ccc;
	border-bottom: 1px;
	border-top: 1px;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: inherit;
	position: relative;
	opacity: 1;
	font-size: 12px;
}
.disabledManageLinkInfo {
    background:    #fff;
    background:    -webkit-linear-gradient(#fff, #ccc);
    background:    linear-gradient(#fff, #ccc);
    border:        2px solid #ccc;
    border-radius: 5px;
    box-shadow:    0 1px 0 0 #666;
    color:         #565656;
    display:       inline-block;
    padding:       10px 15px;
    font-size: 12px;
    font-weight: normal;
    text-align:    center;
    text-shadow:   1px 1px 0 #f3f3f3;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.ManageLinkInfo {
    background:    linear-gradient(#fff, #ccc);
    border:        2px solid #ccc;
    border-radius: 5px;
    box-shadow:    0 1px 0 0 #666;
    color:         #00f;
    padding:       10px 15px;
    font-size: 12px;
    font-weight: normal;
    text-align:    center;
    text-shadow:   1px 1px 0 #f3f3f3;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    vertical-align: middle;
    /* display: inline-block; */
}

.ManageTitle{
  font-size: 24px;
  font-weight: bold;
  padding-top: .5cm;
  padding-bottom: .5cm;
  padding-left: inherit;
}

.FlexigridTitle{
  font-size: 24px;
  font-weight: bold;
  padding-top: .2cm;
  padding-bottom: .2cm;
  padding-left: inherit;
}

.blinkManageLinkInfo {
    background:    #fff;
    background:    -webkit-linear-gradient(#fff, #ccc);
    background:    linear-gradient(#fff, #ccc);
    border:        2px solid #ccc;
    border-radius: 5px;
    box-shadow:    0 1px 0 0 #666;
    color:         #00f;
    display:       inline-block;
    padding:       10px 15px;
    font-size: 12px;
    font-weight: normal;
    text-align:    center;
    text-shadow:   1px 1px 0 #f3f3f3;
    margin-top: 5px;    
    margin-bottom: 5px;  
    width:100%;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

.ManageLinkInfo:hover,
.ManageLinkInfo:focus {
    background:    #fff;
    background:    -webkit-linear-gradient(#fff, #cfe2f3);
    background:    linear-gradient(#fff, #cfe2f3);
    color: #00f;
    text-decoration: underline;
}
.ManageLinkInfo:active {
    background:    #eee;
    background:    -webkit-linear-gradient(#eee, #999);
    background:    linear-gradient(#eee, #999);
}
p.ManageLinkLabel{
    border: 1px solid #666;
    text-align:left;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
    margin-top:5px;
    margin-left:5px;
    margin-bottom: 5px;
    width: 78ch;
    border: none;
    font-weight: bold;
    /* text-overflow: ellipsis; */
    vertical-align: middle;
}

p.ManageLinkLabel_multi_line
{
    
text-overflow:ellipsis;
    
overflow:hidden;
    
max-width: 78ch;
    
/* text-align: -webkit-left; */
}

.showIt{
	display:block;
}
.hideIt{
	display:none;
}

textarea
{	
resize: none;
}
/* Shell layout (replaces jquery.layout pane behavior) */
body.cw-wow-shell {
    --cw-shell-sidebar-width: 300px;
    --cw-shell-header-height: 170px;
    --cw-shell-banner-tab-height: 34px;
    --cw-shell-content-top: calc(var(--cw-shell-gap) + var(--cw-shell-header-height) + (var(--cw-shell-gap) + 4px));
    --cw-shell-gap: 18px;
    --cw-banner-surface: #f4f8ff;
    margin: 0;
    min-height: 100vh;
    overflow: hidden;
    background:
      radial-gradient(1200px 380px at -20% -10%, #5aa8ff40 0%, transparent 70%),
      radial-gradient(900px 420px at 120% 0%, #7fd1bf2a 0%, transparent 68%),
      linear-gradient(180deg, #edf3fb 0%, #dce6f5 100%);
    color: #18324a;
    font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", sans-serif;
}
body.cw-wow-shell.cw-shell-banner-hidden {
    --cw-shell-content-top: calc(var(--cw-shell-gap) + var(--cw-shell-banner-tab-height) + 16px);
}

body.cw-wow-shell a {
    color: #23639a;
}

body.cw-wow-shell #topBaner.ui-layout-north {
    position: fixed;
    top: var(--cw-shell-gap);
    left: var(--cw-shell-gap);
    right: var(--cw-shell-gap);
    height: var(--cw-shell-header-height);
    z-index: 20;
    border-radius: 20px;
    border: 1px solid #98b1ca;
    box-shadow: 0 18px 40px rgba(12, 38, 66, 0.19);
    overflow: visible;
    background:
      linear-gradient(120deg, #f9fbff 0%, var(--cw-banner-surface) 44%, #dce9f8 100%);
    transition: height 0.28s ease, border-radius 0.22s ease, box-shadow 0.22s ease;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner.ui-layout-north {
    height: var(--cw-shell-banner-tab-height);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(12, 38, 66, 0.16);
}
body.cw-wow-shell #topBaner #cwTopBannerToggle {
    position: absolute;
    left: 50%;
    bottom: -14px;
    transform: translateX(-50%);
    width: 54px;
    height: 28px;
    border: 1px solid #8fb0cf;
    border-radius: 999px;
    background: linear-gradient(180deg, #f7fbff 0%, #deebf8 100%);
    color: #25547f;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(16, 45, 72, 0.2);
    cursor: pointer;
    z-index: 30;
    padding: 0;
}
body.cw-wow-shell #topBaner #cwTopBannerToggle:hover {
    background: linear-gradient(180deg, #ffffff 0%, #e8f1fb 100%);
}
body.cw-wow-shell #topBaner #cwTopBannerToggle:focus {
    outline: 2px solid #88b7df;
    outline-offset: 1px;
}
body.cw-wow-shell #topBaner #cwTopBannerToggle .cw-top-banner-toggle-glyph {
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner #cwTopBannerToggle {
    left: auto;
    right: 8px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: 34px;
    height: 24px;
}

body.cw-wow-shell #topBaner.ui-layout-north,
body.cw-wow-shell #vertMenu.ui-layout-west,
body.cw-wow-shell #MainPanel.ui-layout-center {
    animation: cwShellAppear 0.32s ease both;
}

@keyframes cwShellAppear {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.cw-wow-shell #topBaner .bannerP {
    border: none;
    margin: 0;
    padding: 14px 24px;
    padding-right: clamp(118px, 14vw, 190px);
    height: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    text-align: left;
    position: relative;
    background: transparent;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner .bannerP {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: none;
    padding: 2px 50px 2px 14px;
    gap: 0;
    justify-content: center;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner #CWEHRLogo,
body.cw-wow-shell.cw-shell-banner-hidden #topBaner #jProgLogo {
    display: none;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner #CWTitleText {
    position: static;
    left: auto;
    transform: none;
    width: 100%;
    max-width: none;
    flex: 0 1 auto;
    padding: 0;
    text-align: center;
    font-size: clamp(0.9rem, 1.05vw, 1.1rem);
    font-style: normal;
    font-weight: 600;
    color: #244764;
    text-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.cw-wow-shell #topBaner .bannerP br {
    display: none;
}

body.cw-wow-shell #topBaner #CWEHRLogo,
body.cw-wow-shell #topBaner #jProgLogo {
    float: none;
    margin: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    align-self: center;
    width: auto;
    object-fit: contain;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
body.cw-wow-shell #topBaner .cw-banner-logo-shell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
body.cw-wow-shell #topBaner .cw-banner-logo-shell-left {
    align-self: center;
    height: 100%;
    flex: 0 1 clamp(180px, 34vw, 620px);
    min-width: 120px;
    max-width: min(52vw, 660px);
    justify-content: flex-start;
}
body.cw-wow-shell #topBaner .cw-banner-logo-shell-left > #CWEHRLogo {
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    object-fit: contain;
    object-position: left center;
}

body.cw-wow-shell #topBaner #CWEHRLogo {
    order: 1;
    height: auto;
    max-height: 100%;
    max-width: min(52vw, 660px);
}

body.cw-wow-shell #topBaner #jProgLogo {
    order: 3;
    height: auto;
    max-height: 72px;
    max-width: min(24vw, 220px);
    background: transparent !important;
    border-radius: 0;
    padding: 0;
    box-shadow: none !important;
    margin: 0;
}
body.cw-wow-shell #topBaner .cw-top-right-stack {
    position: absolute;
    top: 14px;
    right: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    z-index: 31;
    width: clamp(86px, 10vw, 138px);
}
body.cw-wow-shell #topBaner #cwHomeLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 32px;
    border: 1px solid var(--cw-theme-border-1);
    border-radius: 8px;
    background: var(--cw-theme-surface-1);
    color: var(--cw-theme-text-primary) !important;
    text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}
body.cw-wow-shell #topBaner #cwHomeLink:hover {
    background: var(--cw-theme-surface-2);
}
body.cw-wow-shell #topBaner #cwHomeLink:focus {
    outline: 2px solid var(--cw-theme-focus-ring);
    outline-offset: 1px;
}
body.cw-wow-shell #topBaner #cwHomeLink .cw-home-icon {
    font-size: 0.98rem;
    line-height: 1;
}

body.cw-wow-shell #topBaner #CWTitleText {
    order: 2;
    position: static;
    left: auto;
    transform: none;
    width: auto;
    max-width: none;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 14px;
    margin: 0 0 0 clamp(4px, 1vw, 14px);
    text-align: center;
    font-size: clamp(1.45rem, 1.55vw, 2rem);
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.01em;
    color: #1b3d5d;
    text-shadow: 0 1px 0 #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

body.cw-wow-shell #vertMenu.ui-layout-west {
    position: fixed;
    top: var(--cw-shell-content-top);
    left: var(--cw-shell-gap);
    bottom: var(--cw-shell-gap);
    width: var(--cw-shell-sidebar-width);
    z-index: 15;
    background: transparent;
    transition: width 0.26s ease;
}

body.cw-wow-shell #MainPanel.ui-layout-center {
    position: fixed;
    top: var(--cw-shell-content-top);
    right: var(--cw-shell-gap);
    bottom: var(--cw-shell-gap);
    left: calc(var(--cw-shell-gap) + var(--cw-shell-sidebar-width) + var(--cw-shell-gap));
    z-index: 10;
    border: 1px solid #abc0d6;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%);
    box-shadow: 0 20px 44px rgba(12, 38, 66, 0.17);
    overflow: auto;
    transition: left 0.26s ease;
}

body.cw-wow-shell #MainPanel.CWDataEntry {
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fe 100%);
    margin-bottom: 0;
    max-height: none;
}

body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1px solid #88a9c8;
    border-radius: 18px;
    background: linear-gradient(180deg, #3d6f98 0%, #2f5f88 100%);
    box-shadow: 0 10px 28px rgba(25, 56, 88, 0.28);
    position: relative;
    overflow: hidden;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar > .container-fluid {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-toggler {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 26px;
    height: 82px;
    border: 1px solid #9dc1e2;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    padding: 0;
    background: linear-gradient(180deg, #5a88b0 0%, #48779f 100%);
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-toggler:hover {
    background: linear-gradient(180deg, #6796bd 0%, #5687af 100%);
}

body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-toggler:focus {
    box-shadow: none;
    outline: 2px solid #98c3ec;
    outline-offset: -1px;
}

body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-toggler-glyph {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #e6f3ff;
}

body.cw-wow-shell #vertMenu #CWMenu #CWMenuCollapse {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 14px 30px 14px 10px;
    scrollbar-width: thin;
    scrollbar-color: #7ca2c7 transparent;
}

body.cw-wow-shell #vertMenu #CWMenu #CWMenuCollapse::-webkit-scrollbar {
    width: 8px;
}

body.cw-wow-shell #vertMenu #CWMenu #CWMenuCollapse::-webkit-scrollbar-thumb {
    background: #7ca2c7;
    border-radius: 8px;
}

/* Reuse the vertical-menu scrollbar style across the shell */
body.cw-wow-shell {
    --cw-scrollbar-thumb: #7ca2c7;
    --cw-scrollbar-thumb-hover: #6f95bb;
    --cw-scrollbar-track: transparent;
}

body.cw-wow-shell,
body.cw-wow-shell * {
    scrollbar-width: thin;
    scrollbar-color: var(--cw-scrollbar-thumb) var(--cw-scrollbar-track);
}

body.cw-wow-shell *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.cw-wow-shell *::-webkit-scrollbar-thumb {
    background: var(--cw-scrollbar-thumb);
    border-radius: 8px;
}

body.cw-wow-shell *::-webkit-scrollbar-thumb:hover {
    background: var(--cw-scrollbar-thumb-hover);
}

body.cw-wow-shell *::-webkit-scrollbar-track {
    background: var(--cw-scrollbar-track);
}

body.cw-wow-shell #vertMenu #CWMenu .nav-link.vertical-menu-item {
    font-size: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px 14px;
    line-height: 1.4;
    box-sizing: border-box;
    cursor: pointer;
    color: #f2f8ff;
    border-radius: 10px;
    border: 1px solid transparent;
    text-decoration: none;
    margin: 2px 0;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 0.14s ease, background-color 0.16s ease, border-color 0.16s ease;
}
body.cw-wow-shell #vertMenu #CWMenu .vertical-menu-item .cw-vert-item-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    margin-right: 10px;
}
body.cw-wow-shell #vertMenu #CWMenu .vertical-menu-item .cw-vert-item-icon {
    font-size: 1rem;
    line-height: 1;
}
body.cw-wow-shell #vertMenu #CWMenu .vertical-menu-item .cw-vert-item-collapse-number {
    display: none;
    min-width: 1.7rem;
    padding: 2px 6px;
    border-radius: 999px;
    text-align: center;
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.1;
    color: #eff7ff;
    background: rgba(17, 44, 69, 0.38);
    border: 1px solid rgba(167, 204, 236, 0.55);
}
body.cw-wow-shell #vertMenu #CWMenu .vertical-menu-item .cw-vert-item-label {
    display: inline-flex;
    align-items: center;
}

body.cw-wow-shell #vertMenu #CWMenu .nav-link.vertical-menu-item:hover,
body.cw-wow-shell #vertMenu #CWMenu .nav-link.vertical-menu-item:focus {
    background: linear-gradient(90deg, #77a4cc 0%, #6a9ac4 100%);
    border-color: #c1daf1;
    color: var(--cw-theme-menu-hover-text);
    transform: translateX(2px);
    text-decoration: none;
}

body.cw-wow-shell #vertMenu #CWMenu .nav-link.disabled.vertical-menu-item {
    color: #c5d7e8;
    pointer-events: none;
    opacity: 0.7;
}

body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-group {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #7ea3c4;
}

body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-group-title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #dcecff;
    padding: 0 12px 8px 12px;
}

body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed #CWMenuCollapse {
    opacity: 1;
    pointer-events: auto;
    padding: 12px 4px 12px 6px;
}

body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .cw-vert-navbar-group-title {
    display: none !important;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .cw-vert-navbar-group {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 8px);
    margin: 6px 0;
    padding: 10px 0;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item .cw-vert-item-icon-wrap {
    margin-right: 0;
    width: auto;
    min-width: 0;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item .cw-vert-item-icon {
    font-size: 1.15rem;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item.cw-has-collapsed-number .cw-vert-item-icon {
    display: none;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item.cw-has-collapsed-number .cw-vert-item-collapse-number {
    display: none !important;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item .cw-vert-item-label,
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .cw-vert-navbar-group-title {
    display: none !important;
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item.cw-has-collapsed-number .cw-vert-item-label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 0;
    line-height: 1;
    color: transparent;
    background: rgba(17, 44, 69, 0.38);
    border: 1px solid rgba(167, 204, 236, 0.55);
}
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .vertical-menu-item.cw-has-collapsed-number .cw-vert-item-label::before {
    content: attr(data-collapsed-number);
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.1;
    color: #eff7ff;
}


@media (max-width: 1180px) {
    body.cw-wow-shell {
        --cw-shell-header-height: 150px;
    }

    body.cw-wow-shell #topBaner #CWTitleText {
        font-size: clamp(1.15rem, 2.2vw, 1.6rem);
    }
    body.cw-wow-shell #topBaner #jProgLogo {
        max-height: 62px;
        max-width: min(26vw, 180px);
    }
    body.cw-wow-shell #topBaner .cw-top-right-stack {
        top: 12px;
        right: 12px;
        gap: 8px;
        width: clamp(80px, 11vw, 122px);
    }

}

div.ui-layout-toggler-west,
div.ui-layout-toggler.ui-layout-toggler-west {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    overflow: hidden !important;
}

a.vertical-menu-item {
 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  display: block;       
  width: 100%;
  min-height: 24px;      
  padding: 6px 12px;     
  line-height: 16px;
  box-sizing: border-box;
  cursor: pointer;
}

label.CWValidationLabel
{ text-align:left;
	vertical-align:middle;
	padding-left: 10px;
 font-size: 12px;
 float:left;
 margin-top:5px;
 color:#F30F0F;
 
}
.bannerP
{	background-color:#FFFFFF;
    max-width: 100%;
    max-height: 80%;
}
	
img.BanerLeftImg
{
	float:left;
	margin-left:10px;
}
img.BanerRightImg
{
	float:right;
	margin-right:10px;
}
.CWTitleTextCSS
{text-align:left;
 font-size: 20px;
 font-style:italic;
 color:#363636;
 display:block;
 margin:0;
}

textarea.CWDocViewEdit
{
 text-align: left;
 font-size: 12px;
 /* float:left; */
 margin-top:5px;
 width: 75ch;
 display: inline-table;
 vertical-align: middle;
 overflow-y: auto;
 display: block;
}

.password-strength-tooltip {
    padding: 10px;
    width: 250px;
    text-align: center;
  }
  
  .strength-label {
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;;
  }
  .strength-line {
    margin-bottom: 6px;
  }
  .tooltip-progress {
    height: 14px;
  }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 textarea.CWDocViewEdit
{
 /*overflow: hidden;*/
}
}

.CWDocViewEdit
{
 text-align: left;
 font-size: 12px;
 /* float:left; */
 text-overflow: ellipsis;
 /*max-width: 75ch;*/
 display: inline-table;
 vertical-align: middle;
}


.jSectionHeader{
    text-align:Center;
    font-size: 14px;
    /* padding: 0 10px 10px; */
    margin-top: 20px;
    margin-bottom: 10px;
    /*text-decoration: underline;*/
    width: 100%;
}

.jFreeText{
    /* text-align:Left; */
    font-size: 12px;
    margin-top: 10px;
    padding: 0 10px;
    margin-bottom: 5px;
}

img.ListIcon,
i.ListIcon
{
 /* float:left; 
 margin-top:4px;*/
 margin-left:6px;
 vertical-align: middle;
}
i.ListIcon{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 24px;
 height: 24px;
 color: var(--cw-theme-link, #1F3F7A);
 background: var(--cw-theme-surface-1, #ffffff);
 border: 1px solid var(--cw-theme-border-1, #aac0d7);
 border-radius: 6px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
 font-size: 0.9rem;
 line-height: 1;
 cursor: pointer;
 transition: color 0.15s ease, transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
i.ListIcon:hover,
i.ListIcon:focus{
 color: var(--cw-theme-link-hover, #1d5987);
 background: var(--cw-theme-surface-3, #eef4fb);
 border-color: var(--cw-theme-focus-ring, #5aa6e8);
 box-shadow: 0 2px 6px rgba(0,0,0,0.14);
 transform: translateY(-1px);
}
i.ListIcon:active{
 transform: translateY(0);
 box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
i.ListIcon:focus-visible{
 outline: 2px solid var(--cw-theme-focus-ring, #5aa6e8);
 outline-offset: 1px;
}
i.ListIcon.disabled,
i.ListIcon[aria-disabled="true"]{
 color: #7f8fa3;
 background: #eef2f7;
 border-color: #c5cfdb;
 box-shadow: none;
 cursor: not-allowed;
 opacity: 0.9;
}
i.ListIcon.disabled:hover,
i.ListIcon.disabled:focus,
i.ListIcon[aria-disabled="true"]:hover,
i.ListIcon[aria-disabled="true"]:focus{
 color: #7f8fa3;
 background: #eef2f7;
 border-color: #c5cfdb;
 box-shadow: none;
 transform: none;
}


img.MenuIcon,
i.MenuIcon
{
 float:right;
 margin-top:5px;
 margin-right:5px;
 line-height: 1;
}
input.CWFile{
	position:relative;
	/* float:left; */
}
.cw-upload-widget{
	display: inline-flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	max-width: 560px;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid var(--cw-theme-border-1, #c7d3e0);
	border-radius: 8px;
	background: var(--cw-theme-surface-1, #ffffff);
	box-shadow: 0 1px 2px rgba(20, 34, 56, 0.08);
}
.cw-upload-row{
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.cw-upload-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: var(--cw-theme-surface-3, #eaf2fb);
	color: var(--cw-theme-link, #2e6e9e);
	font-size: 1.05rem;
}
input.CWFile.cw-upload-input{
	flex: 1 1 auto;
	width: 100%;
	min-width: 240px;
	max-width: 100%;
}
.cw-upload-status-text{
	flex: 1 0 100%;
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 1.2em;
	font-size: 12px;
	font-weight: 600;
	color: var(--cw-theme-text-2, #43556d);
	margin-top: 2px;
	white-space: normal;
	overflow: hidden;
	overflow-wrap: anywhere;
	text-overflow: clip;
}
.cw-upload-progress{
	width: 100%;
	height: 16px;
	background-color: var(--cw-theme-surface-3, #e8edf2);
	border-radius: 999px;
	overflow: hidden;
}
.cw-upload-progress-bar{
	min-width: 0;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	transition: width .25s ease;
}


@media (max-width: 640px){
	.cw-upload-widget{
		max-width: 100%;
	}
	input.CWFile.cw-upload-input{
		min-width: 0;
	}
}
input.CWDropdown
{
	position:relative;
	text-align:left;
	font-size: 12px;
	/* float:left; */
/*	margin-top:5px;*/
	/*z-index:1;*/
	/*color:#000;*/
	/*background:transparent;*/
	vertical-align: middle;
}
input.CWSuggestionEnabled
{ 
 background:#FFFFFF;
}
div.CWDataEntry
{
	background-color: #D3D3D3;
    margin-bottom: 20px;
    overflow: visible;
    max-height: 100%;
}

input.CWSuggestion
{ position:absolute;
	/*top:0;
	left:0;*/
	
	/*z-index:-1;*/
	text-align:left;
	border:none;
 font-size: 12px;
 float:none;
 color:#ccc;
  /*background:#FFFFFF;*/
}
li.CWVMenu
{
	margin: 0 0 0 0;
}	

span.CWVMenu_li_disabled
{
    margin: 0 5px 0 5px;
    color: #515151;
    padding: 2px 4px 3px;
}
	
body {
  background: #123;
  color: #333;
  /*font-size: 11px;*/
  height: 100vh;
  /*max-height: 100%;*/
  /*padding-bottom: 20px;*/
}

a {
  color: #fff;
  text-decoration: none;
  padding-left: 5px;
  /*font-weight: bold;*/
}

a.picklistnav {
    color: black;
    text-decoration: none;
    padding-left: 0px;
    /*font-weight: bold;*/
  }

a.picklistnav:hover {
    text-decoration: none;
}

a.picklistnav:active {
    text-decoration: none;
}

a.freetextlink {
  color: #274d9a;
  text-decoration: underline;
  padding-left: 0px;
}

a.NavBarMenu {
  color: #274f99;
  text-decoration: none;
  padding-left: 5px;
}

a.CWVMenu{
    font: 13px/27px Arial,sans-serif;
    color:#164dba;
    height:30px;
    margin: 0 0 0 1;
    padding: 4px 8px 7px;
}
  
a:hover {
  text-decoration: underline;
}

a:focus {
  text-decoration: underline;
}

a.CWDownloadLink {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	/* display:block; */
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 5px;
	font-weight: bold;
}
a.CWDocViewEdit {
	color: #747474;
	font-size: 12px;
	text-decoration: none;
	/* margin-top: 0px; */
	text-decoration: underline;
}
a:hover.CWDownloadLink {
	text-decoration: underline;
}
a:hover.CWDocViewEdit {
	text-decoration: underline;
}
.confirmcontrol{
    display:none;
}

p {
  border: 1px solid #666; 
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
}

table 
{
    margin: 0,0,0,0
}

.cwgrid_header
{
	margin-bottom: 0;
}
.updateNotify{
      font: 13px/27px Arial,sans-serif;
      color:#3366CC;
      height:30px;
      background: url(updateBack.gif) repeat-x;
}
.updateNotify a:hover{
    text-decoration: underline;
}
.updateNotify a {
    text-decoration: none;
    padding: 4px 8px 7px;
    color:#3366CC;
    outline:none;
}
.updateNotify ul{
    list-style: none;
    margin:0;
    padding:0 0 0 10px;
}
.updateNotify ul li{
    padding:0;
    float:left;
    
}
/* TimeEntry styles */
.timeEntry_control {
	vertical-align: middle;
	margin-left: 2px;
}

/* ui-menu { 
    width: 150px; 
    font: 13px/27px Arial,sans-serif;
}

this only applies to the first level submenu.. the 30em can be replaced with whatever width 
   you want the menu to appear in 
#menu>.ui-menu-item .ui-menu {
    width: 180px;
}
/* this only applies to the items in the first level submenu.. for them to 
stack up next to each other, we want to override the width: 100% given in 
.ui-menu .ui-menu-item, without affecting the first level menu
(that was the problem with my previous answer) 
#menu>.ui-menu-item .ui-menu .ui-menu-item {
    display: inline-block;  
    width: 180px;
}*/

.ui-menu .ui-menu {
    position: absolute;
    width: 190px;
}

.ui-menu .ui-menu-item {
	margin: 5px 0;
	font-size: 1em;
	cursor: pointer;
	/* support: IE10, see #8844 */
	/*list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");*/
	list-style-image: url("/careware/rs/img/cssdot1.gif");
}

.subgroup {
  font-style: italic;
  font-size: 11px;
  text-align:right;
  padding-right: 10px;
  padding-left: 5px;
  float:right;
  margin-top: 10px;
  /* width:25%; */
  /* display: block; */
  /* float: left; */
}

#timeoutmessage {
   width: 400;
   height: 100;
   position: absolute;
   top: 20%;
   left: 15%; 
   font-size: 16px;
}

#redirect {
color: #3366CC;
}

nav.MenuPathLabel {
    text-align:left;
    padding-right: 10px;
    padding-left: 5px;
    font-size: 12px;
    float:left;
    margin-top:5px;	
    margin-bottom:5px;
    color:Black;
    overflow-wrap:break-word;
}

.field_set {
    border-style: none;
    margin-top:5px;
    margin-bottom:5px;
    font-size: 24px;
    font-weight: bold;
    padding-top: .2cm;
    /*    padding-bottom: .2cm;*/
    padding-left: inherit;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    height: 100%;
}

legend {/*    font-family: Geneva, Arial, Helvetica, sans-serif;*//*    font-size: 14px;*/padding-top: .2cm;}

.ui-datepicker-trigger {
    vertical-align: middle;
    float: none;
}

div.inputcontainer{
    display: table-cell;    
}

div.labelcontainer{
    display: table-cell;
    max-width: 33%;
}

div.commentcontainer{
    display: table-cell;
    max-width: 78ch;
    vertical-align: middle;
}

div.buttoncontainer{
    display: table-cell;
    width: 25%;
    vertical-align: middle;
}

div.fullRow{
    display: table-cell;
     width: 100%; 
}

.flex-container {
    display:table-row;
}
.rowGroup {
    display:table-row-group;
}

.table-container {
  display: block;
  height: 85%;
  overflow-y: auto;
}

div.cwtrue{
    font-weight: bold;
    color: green;
}

div.cwfalse{
    font-weight: bold;
    color: red;
}

/*.grid-fullRow {
  grid-column: 1 / 3;
}

.flex-container {
    display: flex;
}
div.inputcontainer{
    /* grid-column: 1 / 3; 
    display: inline-grid;
}

div.labelcontainer{
    /* grid-column: 1 / 3; 
    max-width: 20%;
    display: inline-grid;
} */

a.disabledTopBottomLink,
a.disabledTopBottomLink[aria-disabled="true"] {
    color: #6b6b6b      !important;     
  text-decoration: none;
  cursor: default;
  pointer-events: none;
  opacity: 1;               
}
a.summaryChartLink{
	font-size:50%;
	color:black;
	text-decoration: underline;
	background-color: white;
}


a.disabledRequestLink {
	color:currentColor;
    opacity:0.5;
    padding: 5px;
}

div.picklist-page-ctrl-container {
    display:inline-block;
    border-style:solid;
    border-width:1px;
    background-color:#94b2e3;
    position: absolute;
    opacity:0.9;
    color:black;
    z-index: 1200;
}

img.picklist-page-btn {
    margin-left:0px;
    vertical-align: middle;
    height:15px;
    width:15px;
}

span.picklist-page-text {    
    padding-right: 2px;
    padding-left: 2px;
}

.picklist-page-ctrl {
    padding: 7px;
    font: 12px arial, sans-serif;
}

input.picklist-page-num-input {
    padding: 0px;
    line-height: 15px;    
}
input.dateInput {
  font: 12px arial, sans-serif !important;
}

span.dialog-confirm-inner-span {
    float:left; 
    margin:0 7px 20px 0;
}

div.linechart-title-text {
    text-align: center;
}
.cw-required {
  color: #ff002f;
  font-weight: 600;
}

div.vertical-menu a {
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding-left: 4px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

div.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

div.vertical-menu a.active {
  background-color: #04AA6D; /* Add a green color to the "active/current" link */
  color: white;
}

.cw-nastad-report-setup #MainPanelTable > .flex-container:first-child {
    display: block !important;
}

.cw-nastad-report-setup #MainPanelTable > .flex-container:first-child > .labelcontainer:empty {
    display: none !important;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
}

.skip-link:focus {
  top: 0;
}

a.CWGoToLink {
  color: #003a75 !important;   
  font-weight: 700;
  font-size: 20px;
  text-decoration: underline;
  opacity: 1 !important;
}
a.CWGoToLink:visited {
  color: #003a75 !important;
}
a.CWGoToLink:focus,
a.CWGoToLink:focus-visible {
  outline: 2px solid #003a75;
  outline-offset: 2px;
}

.picklist-page-ctrl-container,
.picklist-page-ctrl-container * {
  box-sizing: content-box;
}

.picklist-page-ctrl-container img.picklist-page-btn {
  max-width: none !important;
  width: auto;
  height: auto;
}

 .ui-dialog-titlebar-close {
    border: 1px solid #444;
    background: #f3f3f3;
    border-radius: 0;
    box-shadow: none;
    width: 20px;
    height: 20px;
}


 .ui-dialog-titlebar-close {
    border: 1px solid #444;
    background: #f3f3f3;
    border-radius: 0;
    box-shadow: none;
    width: 20px;
    height: 20px;
    padding: 0;
    position: absolute;
    top: 6px;
    right: 6px;
}


 .ui-dialog-titlebar-close::before {
    content: "×";
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #000;
    font-weight: 700;
}

.picklist-page-ctrl-container .picklistnav {
  display: inline-block;
  text-decoration: none;
  line-height: normal;
}

.picklist-page-ctrl-container .picklist-page-text {
  display: inline-block;
}

.picklist-page-ctrl-container .picklist-page-num-input {
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.cw-bs-dialog .ui-dialog-buttonpane button.btn {
  font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", sans-serif !important;
  font-weight: 600;
  text-shadow: none !important;
}
.cw-bs-dialog .ui-dialog-titlebar-close {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.legacy-toast-zone .toast-item-close,
.toast-container .toast-item-close {
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 20;
  cursor: pointer;
  pointer-events: auto;
}


.admin-section-title {
  text-align: left;
  margin: 1.5rem 0 1rem;
}


.admin-card-button {
    min-height: 140px;
    width: 100%;
    background: #fff;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.admin-card-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.12) !important;
}

.admin-card-button:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 3px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.12) !important;
}

.admin-card-icon {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
}

.admin-card-title {
    line-height: 1.2;
}

.admin-card-desc {
    line-height: 1.4;
    min-height: 2.8em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.min-w-0 {
    min-width: 0;
}


.admin-section-card .ManageLinkInfo {
    color: #212529 !important;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    font-weight: 500;
    min-width: 120px;
}

.admin-section-card .ManageLinkInfo:hover,
.admin-section-card .ManageLinkInfo:focus {
    color: #212529 !important;
    background: #f8f9fa !important;
    border-color: #adb5bd !important;
    box-shadow: none !important;
}

.admin-section-card .ManageLinkInfo:active {
    color: #212529 !important;
    background: #e9ecef !important;
    border-color: #adb5bd !important;
}


.admin-accordion-wrap .accordion-button::after {
    background-image: none !important;
    content: '+';
    width: auto;
    height: auto;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    transform: none !important;
}

.admin-accordion-wrap .accordion-button:not(.collapsed)::after {
    content: '−';
    
    
}

.admin-accordion-wrap .accordion-button,
.admin-accordion-wrap .accordion-button:not(.collapsed) {
    background-color: #e7f1ff !important;
    box-shadow: none !important;
}

.admin-accordion-wrap{
    width: 90%;
}

.admin-accordion-wrap .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease;
}


.admin-launch-row {
    border: 1px solid var(--cw-theme-border-2, #cfd8e3);
    border-radius: 0.75rem;
    background: var(--cw-theme-surface-1, #ffffff);
    padding: 1rem 1rem;
    margin-bottom: 0.75rem;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    width: 90%;
    color: var(--cw-theme-text-primary, #212529);
}

.admin-launch-row:hover:not(:disabled),
.admin-launch-row:focus-visible:not(:disabled) {
    background: var(--cw-theme-surface-3, #f8fafc);
    border-color: var(--cw-theme-border-1, #0f1011);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    outline: none;
}

.admin-launch-row:focus-visible:not(:disabled) {
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2), 0 4px 10px rgba(0, 0, 0, 0.06);
}

.admin-launch-row:disabled,
.admin-launch-row-disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.admin-launch-row-icon {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}

.admin-launch-row-title {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--cw-theme-text-primary, #212529);
    margin-bottom: 0.2rem;
}

.admin-launch-row-desc {
    font-size: 0.95rem;
    line-height: 1.4;
    color: var(--cw-theme-text-secondary, #000000);
}

.admin-launch-row-open-label {
    font-size: 0.95rem;
    color: var(--cw-theme-link, #000000);
}

/* Legacy blinkManageLinkInfo styles add light gradients and text-shadow.
   Keep blink behavior for admin launch rows, but preserve modern card typography. */
.admin-launch-row.blinkManageLinkInfo {
    background: var(--cw-theme-surface-1, #ffffff) !important;
    border: 1px solid var(--cw-theme-border-2, #cfd8e3) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04) !important;
    color: var(--cw-theme-text-primary, #212529) !important;
    display: block !important;
    width: 90%;
    margin-bottom: 0.75rem;
    padding: 1rem 1rem;
    text-align: left;
    text-shadow: none !important;
}
.admin-launch-row.blinkManageLinkInfo,
.admin-launch-row.blinkManageLinkInfo * {
    text-shadow: none !important;
    text-decoration: none !important;
}


body,
.admin-page-wrap {
    background: #f3f6f9;
}


.toast {
    transform: translateY(-8px);
}

.toast.show {
    transform: translateY(0);
}

.toast.fade {
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}

table caption {
    caption-side: top !important;

}
.menu#MainPanelmenu,
#MainPanelmenu{
    background:#ffffff;
    border:1px solid #d9e0e7;
    border-radius:0;
    padding:.25rem .5rem;
    margin:0;
    display:flex;
    align-items:center;
    gap:.25rem;
    position:sticky;
    top:0;
    z-index:30;
}
.menu#MainPanelmenu .CWVMenu,
#MainPanelmenu .CWVMenu{
    display:inline-block;
    margin:0;
    padding:.1rem .45rem;
    font:700 13px/1.35 Arial,sans-serif;
    color:#2e6e9e;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    text-decoration:none;
}
.menu#MainPanelmenu .CWVMenu:hover,
.menu#MainPanelmenu .CWVMenu:focus,
#MainPanelmenu .CWVMenu:hover,
#MainPanelmenu .CWVMenu:focus{
    color:#1d5987;
    background:#d0e5f5;
    border:1px solid #79b7e7;
    border-radius:5px;
    padding:.1rem .45rem;
    outline:none;
    text-decoration:none;
}
.menu#MainPanelmenu #MenuLockIcon,
.menu#MainPanelmenu #MenuNoLockIcon,
#MainPanelmenu #MenuLockIcon,
#MainPanelmenu #MenuNoLockIcon{
    margin-left:auto;
    float:none;
}
.menu#MainPanelmenu .cw-main-panel-dt-buttons,
#MainPanelmenu .cw-main-panel-dt-buttons{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.25rem;
    margin:0 0 0 .35rem;
}
.menu#MainPanelmenu .cw-main-panel-dt-buttons .dt-button,
#MainPanelmenu .cw-main-panel-dt-buttons .dt-button{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    margin:0;
    padding:.1rem .45rem;
    font:700 13px/1.35 Arial,sans-serif;
}

/* Shell spacing fixes for content headers/toolbars */
body.cw-wow-shell .flexigrid div.mDiv{
	min-height:44px;
	padding:0 10px;
	display:flex;
	align-items:center;
}
body.cw-wow-shell .flexigrid div.mDiv div:not(.ptogtitle){
	padding:9px 6px 8px;
	line-height:1.3;
}
body.cw-wow-shell .flexigrid div.mDiv div.ptogtitle{
	top:50%;
	right:8px;
	transform:translateY(-50%);
}
body.cw-wow-shell .menu#MainPanelmenu,
body.cw-wow-shell #MainPanelmenu{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:.25rem;
	margin:0 0 .6rem;
	padding:.5rem .7rem;
	min-height:50px;
	border-radius:12px;
	background:linear-gradient(180deg,#ffffff 0%,#f3f7fc 100%);
	border:1px solid #cfdcea;
}
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu,
body.cw-wow-shell #MainPanelmenu .CWVMenu,
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu_li_disabled,
body.cw-wow-shell #MainPanelmenu .CWVMenu_li_disabled{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	margin:0 .15rem .15rem 0;
	padding:.35rem .75rem;
	line-height:1.3;
	border-radius:8px;
}
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu:hover,
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu:focus,
body.cw-wow-shell #MainPanelmenu .CWVMenu:hover,
body.cw-wow-shell #MainPanelmenu .CWVMenu:focus{
	padding:.35rem .75rem;
}
body.cw-wow-shell .menu#MainPanelmenu .cw-main-panel-dt-buttons .dt-button,
body.cw-wow-shell #MainPanelmenu .cw-main-panel-dt-buttons .dt-button{
	min-height:34px;
	padding:.35rem .75rem;
	line-height:1.3;
	border-radius:8px;
}

/* Main panel interior spacing so content does not hug container borders */
body.cw-wow-shell #MainPanel.ui-layout-center{
	padding:12px 14px 14px;
	box-sizing:border-box;
}
body.cw-wow-shell #MainPanel.ui-layout-center > #NavBarPath.MenuPath{
	margin:0 0 10px;
	border-radius:10px;
}
body.cw-wow-shell #MainPanel.ui-layout-center nav.MenuPathLabel{
	float:none;
	display:block;
	margin:0;
	padding:8px 12px;
	line-height:1.35;
}
body.cw-wow-shell #MainPanel.ui-layout-center > .field_set{
	margin:10px 0 0;
	padding:10px 12px 14px;
	border:1px solid #d2deeb;
	border-radius:12px;
	height:auto;
}
body.cw-wow-shell #MainPanel.ui-layout-center > .field_set > legend{
	margin-left:6px;
	padding:0 8px;
	line-height:1.35;
}
body.cw-wow-shell #MainPanel.ui-layout-center .table-container{
	margin-top:8px;
	padding:8px 10px 12px;
}
body.cw-wow-shell #MainPanel.ui-layout-center .post-content-wrapper{
	margin:6px 14px 14px 0;
	padding:4px 6px 8px;
}

/* Modern color system */
body.cw-wow-shell {
	--cw-theme-page-bg: linear-gradient(180deg, #e8eff8 0%, #d7e3f2 100%);
	--cw-theme-banner-bg: linear-gradient(120deg, #f9fbff 0%, #eef4fd 44%, #dce9f8 100%);
	--cw-theme-banner-border: #98b1ca;
	--cw-theme-banner-title: #163c5c;
	--cw-theme-surface-1: #ffffff;
	--cw-theme-surface-2: #f4f8fd;
	--cw-theme-surface-3: #edf3fb;
	--cw-theme-border-1: #aac0d7;
	--cw-theme-border-2: #c8d7e7;
	--cw-theme-text-primary: #153149;
	--cw-theme-text-secondary: #304d68;
	--cw-theme-link: #1F3F7A;
	--cw-theme-link-hover: #0f4f84;
	--cw-theme-focus-ring: #5aa6e8;
	--cw-theme-input-bg: #ffffff;
	--cw-theme-input-border: #95abc2;
	--cw-theme-input-text: #122c42;
	--cw-theme-placeholder: #607d98;
	--cw-theme-menu-bg: linear-gradient(180deg, #3d6f98 0%, #2f5f88 100%);
	--cw-theme-menu-hover: linear-gradient(90deg, #77a4cc 0%, #6a9ac4 100%);
    --cw-theme-menu-text: #f2f8ff;
    --cw-theme-menu-hover-text: #0f2c45;
	--cw-theme-panel-shadow: 0 20px 44px rgba(12, 38, 66, 0.17);
	--cw-theme-notification-bg: #dbeaff;
	--cw-theme-notification-border: #89add2;
	--cw-theme-notification-text: #0f2d46;
	--cw-theme-dt-header-bg: #214162;
	--cw-theme-dt-header-text: #edf5ff;
	--cw-theme-dt-body-bg: #ffffff;
	--cw-theme-dt-body-alt-bg: #f4f8fd;
	--cw-theme-dt-body-text: #17314a;
	--cw-theme-dt-border: #c3d4e6;
	--cw-theme-dt-toolbar-bg: #edf3fb;
	--cw-theme-dt-toolbar-text: #22415f;
	--cw-theme-dt-btn-bg: #ffffff;
	--cw-theme-dt-btn-text: #1a4264;
	--cw-theme-dt-btn-border: #8da8c2;
	--cw-theme-dt-btn-hover-bg: #e7f0f9;
	--cw-theme-dt-btn-active-bg: #d8e6f4;
	--cw-theme-dt-btn-disabled-text: #7088a2;
	--cw-theme-dt-placeholder: #607d98;
	--cw-theme-dt-row-hover-overlay: rgba(36, 91, 142, 0.08);
	background: var(--cw-theme-page-bg) !important;
	color: var(--cw-theme-text-primary) !important;
}

body.cw-wow-shell a {
	color: var(--cw-theme-link) !important;
}
body.cw-wow-shell a:hover,
body.cw-wow-shell a:focus {
	color: var(--cw-theme-link-hover) !important;
}


body.cw-wow-shell.cw-shell-banner-hidden #topBaner .cw-top-right-stack {
	top: 50%;
	right: 46px;
	transform: translateY(-50%);
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	max-width: calc(100% - 96px);
	white-space: nowrap;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner #cwHomeLink {
    width: 28px;
    height: 26px;
    border-radius: 6px;
    flex: 0 0 auto;
}
body.cw-wow-shell.cw-shell-banner-hidden #topBaner .cw-top-right-stack #jProgLogo {
	display: none;
}


/* Top shell */
body.cw-wow-shell #topBaner.ui-layout-north {
	background: var(--cw-theme-banner-bg) !important;
	border-color: var(--cw-theme-banner-border) !important;
}
body.cw-wow-shell #topBaner #CWTitleText,
body.cw-wow-shell.cw-shell-banner-hidden #topBaner #CWTitleText {
	color: var(--cw-theme-banner-title) !important;
}
body.cw-wow-shell #topBaner #CWEHRLogo {
	background: transparent !important;
	box-shadow: none !important;
}
body.cw-wow-shell #topBaner #jProgLogo {
	background: transparent !important;
	box-shadow: none !important;
}


/* Main surfaces */
body.cw-wow-shell #MainPanel.ui-layout-center,
body.cw-wow-shell #MainPanel.CWDataEntry {
	background: var(--cw-theme-surface-1) !important;
	border-color: var(--cw-theme-border-1) !important;
	box-shadow: var(--cw-theme-panel-shadow) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell #MainPanel.ui-layout-center > #NavBarPath.MenuPath,
body.cw-wow-shell .MenuPath {
	background: var(--cw-theme-surface-3) !important;
	border-color: var(--cw-theme-border-2) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell #MainPanel.ui-layout-center > .field_set,
body.cw-wow-shell fieldset.field_set {
	background: var(--cw-theme-surface-2) !important;
	border-color: var(--cw-theme-border-2) !important;
}
body.cw-wow-shell legend,
body.cw-wow-shell .ManageTitle,
body.cw-wow-shell .FlexigridTitle,
body.cw-wow-shell .jSectionHeader,
body.cw-wow-shell .jFreeText,
body.cw-wow-shell label.CWEntryLabel,
body.cw-wow-shell span.CWEntryLabel,
body.cw-wow-shell div.CWEntryLabel,
body.cw-wow-shell .CWDocViewEdit {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .menu#MainPanelmenu,
body.cw-wow-shell #MainPanelmenu {
	background: var(--cw-theme-surface-2) !important;
	border-color: var(--cw-theme-border-2) !important;
}
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu,
body.cw-wow-shell #MainPanelmenu .CWVMenu {
	color: var(--cw-theme-link) !important;
}
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu:hover,
body.cw-wow-shell .menu#MainPanelmenu .CWVMenu:focus,
body.cw-wow-shell #MainPanelmenu .CWVMenu:hover,
body.cw-wow-shell #MainPanelmenu .CWVMenu:focus {
	color: var(--cw-theme-link-hover) !important;
	background: var(--cw-theme-surface-3) !important;
	border-color: var(--cw-theme-border-1) !important;
}

/* Vertical menu */
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar {
	background: var(--cw-theme-menu-bg) !important;
	border-color: var(--cw-theme-border-1) !important;
}
body.cw-wow-shell #vertMenu #CWMenu .nav-link.vertical-menu-item,
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-group-title,
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-navbar-toggler-glyph {
	color: var(--cw-theme-menu-text) !important;
}
body.cw-wow-shell #vertMenu #CWMenu .nav-link.vertical-menu-item:hover,
body.cw-wow-shell #vertMenu #CWMenu .nav-link.vertical-menu-item:focus {
	background: var(--cw-theme-menu-hover) !important;
	border-color: rgba(210, 230, 248, 0.42) !important;
}

/* Inputs and form fields */
body.cw-wow-shell input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
body.cw-wow-shell select,
body.cw-wow-shell textarea,
body.cw-wow-shell .ui-widget input:not([type="checkbox"]):not([type="radio"]),
body.cw-wow-shell .ui-widget select,
body.cw-wow-shell .ui-widget textarea {
	background: var(--cw-theme-input-bg) !important;
	color: var(--cw-theme-input-text) !important;
	border: 1px solid var(--cw-theme-input-border) !important;
}
body.cw-wow-shell input::placeholder,
body.cw-wow-shell textarea::placeholder {
	color: var(--cw-theme-placeholder) !important;
	opacity: 1;
}
body.cw-wow-shell input:focus,
body.cw-wow-shell select:focus,
body.cw-wow-shell textarea:focus,
body.cw-wow-shell .CWVMenu:focus,
body.cw-wow-shell .vertical-menu-item:focus {
	outline: 2px solid var(--cw-theme-focus-ring) !important;
	outline-offset: 1px;
}
body.cw-wow-shell input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):disabled,
body.cw-wow-shell select:disabled,
body.cw-wow-shell textarea:disabled,
body.cw-wow-shell input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"])[readonly],
body.cw-wow-shell select[readonly],
body.cw-wow-shell textarea[readonly],
body.cw-wow-shell .ui-widget input:not([type="checkbox"]):not([type="radio"]):disabled,
body.cw-wow-shell .ui-widget select:disabled,
body.cw-wow-shell .ui-widget textarea:disabled,
body.cw-wow-shell .ui-widget input:not([type="checkbox"]):not([type="radio"])[readonly],
body.cw-wow-shell .ui-widget select[readonly],
body.cw-wow-shell .ui-widget textarea[readonly] {
	background: #e8edf3 !important;
	color: #5a7085 !important;
	border: 1px solid #b6c3d1 !important;
	cursor: not-allowed !important;
}

/* jQuery UI dialogs */
body.cw-wow-shell .ui-dialog,
body.cw-wow-shell .cw-bs-dialog {
	background: var(--cw-theme-surface-1) !important;
	border: 1px solid var(--cw-theme-border-1) !important;
	border-radius: 0.75rem;
	box-shadow: var(--cw-theme-panel-shadow) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-titlebar,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-titlebar {
	background: var(--cw-theme-surface-3) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cw-theme-border-2) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-title {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-content {
	background: var(--cw-theme-surface-1) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane {
	background: var(--cw-theme-surface-2) !important;
	border-top: 1px solid var(--cw-theme-border-2) !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane button,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-button,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn {
	background-image: none !important;
	border-radius: 0.45rem;
	padding: 0.28rem 0.9rem;
	border: 1px solid var(--cw-theme-border-1) !important;
	background: var(--cw-theme-surface-1) !important;
	color: var(--cw-theme-text-primary) !important;
	text-shadow: none !important;
	font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", sans-serif !important;
	font-size: 1rem;
	border-radius: 0.45rem;
	font-weight: 600;
	box-shadow: none !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child {
	background: var(--cw-theme-link) !important;
	border-color: var(--cw-theme-link) !important;
	color: #ffffff !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:focus,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:focus {
	background: var(--cw-theme-link-hover) !important;
	border-color: var(--cw-theme-link-hover) !important;
	color: #ffffff !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-primary {
	background: var(--cw-theme-link) !important;
	border-color: var(--cw-theme-link) !important;
	color: #ffffff !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-primary:hover,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-primary:focus {
	background: var(--cw-theme-link-hover) !important;
	border-color: var(--cw-theme-link-hover) !important;
	color: #ffffff !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-secondary,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-outline-secondary {
	background: var(--cw-theme-surface-1) !important;
	border-color: var(--cw-theme-border-1) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-secondary:hover,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-secondary:focus,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-outline-secondary:hover,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-outline-secondary:focus {
	background: var(--cw-theme-surface-3) !important;
	border-color: var(--cw-theme-border-2) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-danger {
	background: #b3261e !important;
	border-color: #9d1f18 !important;
	color: #ffffff !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-danger:hover,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn-danger:focus {
	background: #8d1b15 !important;
	border-color: #7d1711 !important;
	color: #ffffff !important;
}
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn:focus,
body.cw-wow-shell .cw-bs-dialog .ui-dialog-buttonpane button.btn:focus-visible {
	outline: 2px solid var(--cw-theme-focus-ring) !important;
	outline-offset: 1px;
}
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane button:focus,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane button:focus-visible,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-button:focus,
body.cw-wow-shell .ui-dialog .ui-dialog-buttonpane .ui-button:focus-visible {
	outline: 2px solid var(--cw-theme-focus-ring) !important;
	outline-offset: 1px;
}
body.cw-wow-shell .ui-dialog .ui-dialog-titlebar-close {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-titlebar-close::before {
	content: "\00D7";
	color: var(--cw-theme-text-primary);
}
body.cw-wow-shell .ui-widget-overlay {
	background: #0b1d31 !important;
	opacity: 0.35 !important;
}
body.cw-wow-shell .ui-dialog .ui-dialog-titlebar-close:hover,
body.cw-wow-shell .ui-dialog .ui-dialog-titlebar-close:focus {
	background: var(--cw-theme-surface-2) !important;
}

body.cw-wow-shell .ui-autocomplete,
body.cw-wow-shell .ui-menu,
body.cw-wow-shell .ui-menu .ui-menu-item,
body.cw-wow-shell .ui-menu .ui-menu-item-wrapper {
	font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", sans-serif !important;
	font-size: 0.98rem;
	line-height: 1.35;
}
body.cw-wow-shell .ui-autocomplete {
	max-height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
}
body.cw-wow-shell .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
body.cw-wow-shell .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus,
body.cw-wow-shell .ui-autocomplete .ui-menu-item-wrapper:hover {
	background: #dcecff !important;
	border: 1px solid #7ea5cc !important;
	color: #163a5c !important;
}
body.cw-wow-shell .ui-autocomplete .ui-menu-item-wrapper.ui-state-active a,
body.cw-wow-shell .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus a {
	color: inherit !important;
}
body.cw-wow-shell .picklist-page-ctrl-container,
body.cw-wow-shell .picklist-page-ctrl-container * {
	font-family: "Source Sans Pro", "Segoe UI", "Trebuchet MS", sans-serif !important;
}


/* Flexigrid and table readability */
body.cw-wow-shell .flexigrid,
body.cw-wow-shell .flexigrid div.mDiv,
body.cw-wow-shell .flexigrid div.hDiv,
body.cw-wow-shell .flexigrid div.bDiv,
body.cw-wow-shell .flexigrid div.pDiv {
	background: var(--cw-theme-surface-2) !important;
	border-color: var(--cw-theme-border-2) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .flexigrid table,
body.cw-wow-shell .flexigrid table td,
body.cw-wow-shell .flexigrid table th,
body.cw-wow-shell table,
body.cw-wow-shell td,
body.cw-wow-shell th,
body.cw-wow-shell caption {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell table caption {
	background: transparent !important;
}


/* Notification styling */
body.cw-wow-shell #notificationContainer #notification.cw-app-notification {
	background: var(--cw-theme-notification-bg);
	border: 1px solid var(--cw-theme-notification-border);
	border-radius: 10px;
	color: var(--cw-theme-notification-text) !important;
	margin-top: 8px;
	padding: 10px 12px;
}
body.cw-wow-shell #cw-toast-host.toast-container {
	z-index: 2140;
}
body.cw-wow-shell #cw-toast-host .toast {
	--cw-toast-accent: #2b5f8f;
	--cw-toast-body-bg: var(--cw-theme-surface-1);
	--cw-toast-body-text: var(--cw-theme-text-primary);
	--cw-toast-close-bg: var(--cw-theme-surface-1);
	--cw-toast-close-text: var(--cw-theme-text-primary);
	border: 1px solid var(--cw-theme-border-1) !important;
	border-radius: 0.65rem !important;
	box-shadow: 0 12px 28px rgba(12, 38, 66, 0.22) !important;
	background: var(--cw-toast-body-bg) !important;
	color: var(--cw-toast-body-text) !important;
	overflow: hidden;
}
body.cw-wow-shell #cw-toast-host .toast-header {
	background: var(--cw-toast-accent) !important;
	color: #ffffff !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
}
body.cw-wow-shell #cw-toast-host .toast-title,
body.cw-wow-shell #cw-toast-host .cw-toast-type-icon {
	color: inherit !important;
}
body.cw-wow-shell #cw-toast-host .toast-body {
	background: var(--cw-toast-body-bg) !important;
	color: var(--cw-toast-body-text) !important;
}
body.cw-wow-shell #cw-toast-host .cw-toast-line {
	color: inherit !important;
}
body.cw-wow-shell #cw-toast-host .cw-toast-link {
	color: var(--cw-theme-link) !important;
	text-decoration: underline !important;
	font-weight: 700;
}
body.cw-wow-shell #cw-toast-host .cw-toast-link:hover,
body.cw-wow-shell #cw-toast-host .cw-toast-link:focus {
	color: var(--cw-theme-link-hover) !important;
}
body.cw-wow-shell #cw-toast-host .cw-toast-close {
	border: 1px solid var(--cw-theme-border-1) !important;
	background: var(--cw-toast-close-bg) !important;
	color: var(--cw-toast-close-text) !important;
	border-radius: 0.35rem;
	padding: 0.12rem 0.4rem;
	line-height: 1;
}
body.cw-wow-shell #cw-toast-host .cw-toast-close:hover,
body.cw-wow-shell #cw-toast-host .cw-toast-close:focus {
	background: var(--cw-theme-surface-3) !important;
}
body.cw-wow-shell #cw-toast-host .cw-toast-close:focus,
body.cw-wow-shell #cw-toast-host .cw-toast-close:focus-visible {
	outline: 2px solid var(--cw-theme-focus-ring) !important;
	outline-offset: 1px;
}
body.cw-wow-shell #cw-toast-host .toast.cw-toast-type-success {
	--cw-toast-accent: #185237;
}
body.cw-wow-shell #cw-toast-host .toast.cw-toast-type-error {
	--cw-toast-accent: #8a2a33;
}
body.cw-wow-shell #cw-toast-host .toast.cw-toast-type-warning {
	--cw-toast-accent: #565838;
}
body.cw-wow-shell #cw-toast-host .toast.cw-toast-type-notice {
	--cw-toast-accent: #10304f;
}
body.cw-wow-shell #cw-toast-host .toast.cw-toast-type-default {
	--cw-toast-accent: #10304f;
}


#bulletinMessageContainer.cw-bulletin-container {
    width: auto;
    margin: 8px 0 10px 0;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--cw-theme-notification-border);
    background: var(--cw-theme-notification-bg);
    color: var(--cw-theme-notification-text);
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#bulletinMessage.cw-bulletin-message {
    font-size: 13px;
    line-height: 1.35;
}

body.cw-wow-shell #vertMenu #CWMenu .cw-bulletin-container {
    flex: 0 0 auto;
    width: auto;
    margin: 0 10px 10px 10px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #c6dcf2;
    background: linear-gradient(180deg, rgba(231, 243, 255, 0.96) 0%, rgba(217, 235, 251, 0.94) 100%);
    color: #0f2c45;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
    max-height: 34%;
    overflow-y: auto;
    overflow-x: hidden;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-panel {
    flex: 0 0 auto;
    width: 100%;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-content {
    max-height: 360px;
    opacity: 1;
    transform: translateY(0);
    overflow: hidden;
    transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.22s ease;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-toggle {
    width: calc(100% - 20px);
    margin: 0 10px 8px 10px;
    height: 24px;
    border: 1px solid #8fb0cf;
    border-radius: 999px;
    background: linear-gradient(180deg, #f7fbff 0%, #deebf8 100%);
    color: #25547f;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(16, 45, 72, 0.2);
    cursor: pointer;
    padding: 0;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-toggle:hover {
    background: linear-gradient(180deg, #ffffff 0%, #e8f1fb 100%);
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-toggle:focus {
    outline: 2px solid #88b7df;
    outline-offset: 1px;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-toggle-glyph {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-bottom-panel.cw-vert-bottom-panel-collapsed .cw-vert-bottom-content {
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-logo-container {
    flex: 0 0 auto;
    margin: 8px 10px 10px 10px;
    padding: 3px 0;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-vert-circle-logo {
    display: block;
    width: auto;
    max-width: 90%;
    max-height: 126px;
    height: auto;
    margin: 0 auto;
    background: transparent;
    border-radius: 50%;
    padding: 0;
    box-shadow: none;
}
body.cw-wow-shell #vertMenu #CWMenu .cw-bulletin-message {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.01em;
    color: inherit;
    white-space: normal;
}

body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .cw-vert-bottom-panel,
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .cw-vert-logo-container,
body.cw-wow-shell #vertMenu #CWMenu.cw-vert-navbar-collapsed .cw-bulletin-container {
    display: none;
}

/* Legacy text color cleanup for inline markup */
body.cw-wow-shell .cw-manage-nav-text,
body.cw-wow-shell .cw-chart-caption {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell a.summaryChartLink {
	color: var(--cw-theme-link) !important;
	background-color: transparent !important;
}
body.cw-wow-shell nav.MenuPathLabel,
body.cw-wow-shell a.picklistnav,
body.cw-wow-shell a.CWDownloadLink,
body.cw-wow-shell div.picklist-page-ctrl-container {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell div.picklist-page-ctrl-container {
	background-color: var(--cw-theme-surface-3) !important;
	border-color: var(--cw-theme-border-2) !important;
}
body.cw-wow-shell font[color="black"],
body.cw-wow-shell font[color="Black"] {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell [style*="color: Black"],
body.cw-wow-shell [style*="color:black"],
body.cw-wow-shell [style*="color:#000"],
body.cw-wow-shell [style*="color: #000"] {
	color: var(--cw-theme-text-primary) !important;
}

/* DataTables color harmonization */
body.cw-wow-shell #MainPanelTable_wrapper,
body.cw-wow-shell #MainPanelTable_wrapper .dt-container,
body.cw-wow-shell .dt-container {
	color: var(--cw-theme-dt-toolbar-text) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll,
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-head,
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-body,
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-foot,
body.cw-wow-shell .dt-container .dt-scroll,
body.cw-wow-shell .dt-container .dt-scroll-head,
body.cw-wow-shell .dt-container .dt-scroll-body,
body.cw-wow-shell .dt-container .dt-scroll-foot {
	background: var(--cw-theme-dt-body-bg) !important;
	border-color: var(--cw-theme-dt-border) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-headInner,
body.cw-wow-shell .dt-container .dt-scroll-headInner {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-headInner table.dataTable,
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-body table.dataTable,
body.cw-wow-shell .dt-container .dt-scroll-headInner table.dataTable,
body.cw-wow-shell .dt-container .dt-scroll-body table.dataTable {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-scroll-head table.dataTable thead th,
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable thead th,
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable tfoot th,
body.cw-wow-shell .dt-container .dt-scroll-head table.dataTable thead th,
body.cw-wow-shell .dt-container table.dataTable thead th,
body.cw-wow-shell .dt-container table.dataTable tfoot th {
	background: var(--cw-theme-dt-header-bg) !important;
	color: var(--cw-theme-dt-header-text) !important;
	border-color: var(--cw-theme-dt-border) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable tbody td,
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable tbody th,
body.cw-wow-shell .dt-container table.dataTable tbody td,
body.cw-wow-shell .dt-container table.dataTable tbody th {
	background: var(--cw-theme-dt-body-bg) !important;
	color: var(--cw-theme-dt-body-text) !important;
	border-color: var(--cw-theme-dt-border) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable.display > tbody > tr:nth-child(odd) > *,
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable.stripe > tbody > tr:nth-child(odd) > *,
body.cw-wow-shell .dt-container table.dataTable.display > tbody > tr:nth-child(odd) > *,
body.cw-wow-shell .dt-container table.dataTable.stripe > tbody > tr:nth-child(odd) > * {
	background: var(--cw-theme-dt-body-alt-bg) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable.hover > tbody > tr:hover > *,
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable.display > tbody > tr:hover > *,
body.cw-wow-shell .dt-container table.dataTable.hover > tbody > tr:hover > *,
body.cw-wow-shell .dt-container table.dataTable.display > tbody > tr:hover > * {
	box-shadow: inset 0 0 0 9999px var(--cw-theme-dt-row-hover-overlay) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable thead .dt-column-order:before,
body.cw-wow-shell #MainPanelTable_wrapper table.dataTable thead .dt-column-order:after,
body.cw-wow-shell .dt-container table.dataTable thead .dt-column-order:before,
body.cw-wow-shell .dt-container table.dataTable thead .dt-column-order:after {
	color: var(--cw-theme-dt-header-text) !important;
	opacity: 0.5 !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-length label,
body.cw-wow-shell #MainPanelTable_wrapper .dt-search label,
body.cw-wow-shell #MainPanelTable_wrapper .dt-info,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging,
body.cw-wow-shell .dt-container .dt-length label,
body.cw-wow-shell .dt-container .dt-search label,
body.cw-wow-shell .dt-container .dt-info,
body.cw-wow-shell .dt-container .dt-paging {
	color: var(--cw-theme-dt-toolbar-text) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-search input[type="search"],
body.cw-wow-shell #MainPanelTable_wrapper .dt-search .dt-input,
body.cw-wow-shell #MainPanelTable_wrapper .dt-search input.ui-widget-content,
body.cw-wow-shell #MainPanelTable_wrapper .dt-length select,
body.cw-wow-shell #MainPanelTable_wrapper .dt-length .dt-input,
body.cw-wow-shell #MainPanelTable_wrapper .dt-length select.ui-widget-content,
body.cw-wow-shell .dt-container .dt-search input[type="search"],
body.cw-wow-shell .dt-container .dt-search .dt-input,
body.cw-wow-shell .dt-container .dt-search input.ui-widget-content,
body.cw-wow-shell .dt-container .dt-length select,
body.cw-wow-shell .dt-container .dt-length .dt-input,
body.cw-wow-shell .dt-container .dt-length select.ui-widget-content {
	background: var(--cw-theme-input-bg) !important;
	color: var(--cw-theme-input-text) !important;
	border: 1px solid var(--cw-theme-input-border) !important;
	box-shadow: none !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-search input[type="search"]::placeholder,
body.cw-wow-shell .dt-container .dt-search input[type="search"]::placeholder {
	color: var(--cw-theme-dt-placeholder) !important;
	opacity: 1 !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-buttons .dt-button,
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button.ui-button,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button,
body.cw-wow-shell .dt-container .dt-paging .fg-button.ui-button,
body.cw-wow-shell .dt-container .dt-button.ui-button {
	background: var(--cw-theme-dt-btn-bg) !important;
	color: var(--cw-theme-dt-btn-text) !important;
	border: 1px solid var(--cw-theme-dt-btn-border) !important;
	text-shadow: none !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-buttons .dt-button span,
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button span,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button span,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button.ui-button span,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button span,
body.cw-wow-shell .dt-container .dt-paging .fg-button.ui-button span,
body.cw-wow-shell .dt-container .dt-button.ui-button span {
	color: inherit !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-buttons .dt-button:hover,
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button:hover,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button:hover,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button.ui-button:hover,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button:hover,
body.cw-wow-shell .dt-container .dt-paging .fg-button.ui-button:hover,
body.cw-wow-shell .dt-container .dt-button.ui-button:hover {
	background: var(--cw-theme-dt-btn-hover-bg) !important;
	color: var(--cw-theme-dt-btn-text) !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button.current,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button.current:hover,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button.current,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button.current:hover,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button[aria-current="page"],
body.cw-wow-shell .dt-container .dt-paging .fg-button[aria-current="page"] {
	background: var(--cw-theme-dt-btn-active-bg) !important;
	color: var(--cw-theme-dt-btn-text) !important;
	border-color: var(--cw-theme-dt-btn-border) !important;
	font-weight: 700;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button.disabled,
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button.disabled,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button[aria-disabled="true"],
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button[aria-disabled="true"],
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button.disabled,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button[aria-disabled="true"],
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button.ui-state-disabled,
body.cw-wow-shell .dt-container .dt-paging .fg-button.ui-state-disabled,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button[aria-disabled="true"],
body.cw-wow-shell .dt-container .dt-paging .fg-button[aria-disabled="true"] {
	color: var(--cw-theme-dt-btn-disabled-text) !important;
	opacity: 1 !important;
}
body.cw-wow-shell #MainPanelTable_wrapper .dt-buttons .dt-button:focus,
body.cw-wow-shell #MainPanelTable_wrapper .dt-buttons .dt-button:focus-visible,
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button:focus,
body.cw-wow-shell #MainPanelmenu .dt-buttons .dt-button:focus-visible,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button:focus,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .dt-paging-button:focus-visible,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button.ui-button:focus,
body.cw-wow-shell #MainPanelTable_wrapper .dt-paging .fg-button.ui-button:focus-visible,
body.cw-wow-shell .dt-container .dt-buttons .dt-button:focus,
body.cw-wow-shell .dt-container .dt-buttons .dt-button:focus-visible,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button:focus,
body.cw-wow-shell .dt-container .dt-paging .dt-paging-button:focus-visible,
body.cw-wow-shell .dt-container .dt-paging .fg-button.ui-button:focus,
body.cw-wow-shell .dt-container .dt-paging .fg-button.ui-button:focus-visible,
body.cw-wow-shell #MainPanelTable_wrapper .dt-search input[type="search"]:focus,
body.cw-wow-shell #MainPanelTable_wrapper .dt-search input[type="search"]:focus-visible,
body.cw-wow-shell #MainPanelTable_wrapper .dt-length select:focus,
body.cw-wow-shell #MainPanelTable_wrapper .dt-length select:focus-visible,
body.cw-wow-shell .dt-container .dt-search input[type="search"]:focus,
body.cw-wow-shell .dt-container .dt-search input[type="search"]:focus-visible,
body.cw-wow-shell .dt-container .dt-length select:focus,
body.cw-wow-shell .dt-container .dt-length select:focus-visible {
	outline: 2px solid var(--cw-theme-focus-ring) !important;
	outline-offset: 2px;
}
body.cw-wow-shell div.dt-button-collection,
body.cw-wow-shell div.dt-button-collection.fixed {
	background: var(--cw-theme-surface-2) !important;
	color: var(--cw-theme-text-primary) !important;
	border: 1px solid var(--cw-theme-dt-border) !important;
}
body.cw-wow-shell div.dt-button-collection .dt-button {
	box-sizing: border-box;
	display: block !important;
	width: 100%;
	padding: .35rem .65rem !important;
	background: var(--cw-theme-surface-2) !important;
	color: var(--cw-theme-text-primary) !important;
	border: 0 !important;
	text-align: left !important;
	white-space: nowrap;
}
body.cw-wow-shell div.dt-button-collection .dt-button span {
	color: inherit !important;
}
body.cw-wow-shell div.dt-button-collection .dt-button:hover,
body.cw-wow-shell div.dt-button-collection .dt-button:focus,
body.cw-wow-shell div.dt-button-collection .dt-button.dt-button-active {
	background: var(--cw-theme-dt-btn-hover-bg) !important;
	color: var(--cw-theme-dt-btn-text) !important;
}


/* Accordion and admin launcher color harmonization */
body.cw-wow-shell .admin-page-wrap {
	background: transparent !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .admin-accordion-wrap .accordion-item,
body.cw-wow-shell .admin-page-wrap .accordion-item {
	background: var(--cw-theme-surface-2) !important;
	border-color: var(--cw-theme-border-2) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .admin-accordion-wrap .accordion-collapse,
body.cw-wow-shell .admin-page-wrap .accordion-collapse {
	background: var(--cw-theme-surface-2) !important;
}
body.cw-wow-shell .admin-accordion-wrap .accordion-body,
body.cw-wow-shell .admin-page-wrap .accordion-body {
	background: var(--cw-theme-surface-2) !important;
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .admin-accordion-wrap .accordion-button,
body.cw-wow-shell .admin-accordion-wrap .accordion-button:not(.collapsed),
body.cw-wow-shell .admin-page-wrap .accordion-button,
body.cw-wow-shell .admin-page-wrap .accordion-button:not(.collapsed) {
	background: var(--cw-theme-surface-3) !important;
	color: var(--cw-theme-text-primary) !important;
	border-color: var(--cw-theme-border-2) !important;
	box-shadow: none !important;
}
body.cw-wow-shell .admin-accordion-wrap .accordion-button::after,
body.cw-wow-shell .admin-accordion-wrap .accordion-button:not(.collapsed)::after,
body.cw-wow-shell .admin-page-wrap .accordion-button::after,
body.cw-wow-shell .admin-page-wrap .accordion-button:not(.collapsed)::after {
	color: var(--cw-theme-text-primary) !important;
}
body.cw-wow-shell .admin-launch-row .admin-launch-row-icon.bg-light {
	background: var(--cw-theme-surface-3) !important;
	border: 1px solid var(--cw-theme-border-2) !important;
}
body.cw-wow-shell .admin-launch-row .admin-launch-row-icon i,
body.cw-wow-shell .admin-launch-row .admin-launch-row-icon .text-secondary {
	color: var(--cw-theme-text-secondary) !important;
}
