:root {
    --tab-top-color: #66A8FD;
}

.wfmsg-product-name:after
{
    content: "Virtual Observer";
}

/** BASE COLOR: #124061 (18, 32, 18) **/
body
{	
	color:#bfdbff;
	color:#999999;
    color:#424242;
}

/** 
 * Anchor tag foreground color shoudl be a compliment
 */
a, 
a:visited
{
    color: #124061;
}

.wfmsg-master-page-banner
{
    filter:none;
}

/*
 * For this theme, we will hide the graphic logo and use the text one for 
 * the banner pages.
 */
.wfmsg-master-page-banner .wfmsg-logo
{
    background:url(BackgroundImages/v-logo-100.png) no-repeat;
}

/*
 * Do not use the product name as a banner logo.
 */
.wfmsg-master-page-banner .wfmsg-banner-text
{
    display: none;
}

/* do not use a footer logo */
.wfmsg-footer .logo { display: none; }

/**
 * Default hover color for top-level menus and sub-level menus - take lower-left
 */
.wfmsg-main-menu > ul ul,
.wfmsg-main-menu ul li:hover > a,
.wfmsg-banner-utilities:hover
{
    background-color: #66A8FD;
    background-color: rgba(102, 168, 253, .93);    
    background-color: #BFDBFF;
    background-color: rgba(191, 218, 255, .93);    
}

/** HOver state.  Use upper-right or normal selected color (FEDB90) */
.wfmsg-main-menu ul ul li:hover > a
{
    background-color: #FEDB90;
}

/*
 * Borders for various page elements.  should be the BASE background color
 */
.wfmsg-main-menu > ul ul,
.wfmsg-banner-utilities .wfmsg-banner-menu
{
    mborder-color: #BFDBFF;
    border-color: #66A8FD;
}

/**
 * BASE background color
 */
.wfmsg-master-page-banner,
.wfmsg-banner-utilities:hover,
.wfmsg-default-field,
.ui-widget-header,
.wfmsg-button img,
#wfmsg-banner-menu-image img,
.wfmsg-welcome-title,
/** DoveBar */
#reportOptionsContainerHideButtonContainer,
th {
    jbackground-color: #BFDBFF;
    background-color: #66A8FD;
    hhbackground: -webkit-linear-gradient(#BFDBFF, #90C1FF);
    hbackground: -o-linear-gradient(#BFDBFF, #90C1FF);
    gbackground: -moz-linear-gradient(#BFDBFF, #90C1FF);
    gbackground: linear-gradient(#BFDBFF, #90C1FF);
}

.wfmsg-welcome-title {
    background-image: unset;
}

/**
 * Hover text color in sub-menu items.  this should be the base color.
 */
a.wfmsg-input-text,
a:hover
{ 
    text-decoration:none; 
    color: #90C1FF;
}
.wfmsg-main-menu ul ul li:hover > a span
{
    gcolor: #66A8FD;
}

/* Do not show a logo on the sign-out page */
.wfmsg-logo-medium
{
    display: none;
}

/** 
 * Use a stock photo for the large logo on the sign in page
 */
.wfmsg-logo-large
{
    background:url(BackgroundImages/logo-large.png) no-repeat;    
}

/**
 * This theme uses an alternate color for the component titles.
 */
.wfmsg-homepage-component .title-area
{
    background-color: #66A8FD;
    
    background: -webkit-linear-gradient(#90c1ff, #66A8FD);
    background: -o-linear-gradient(#90c1ff, #66A8FD);
    background: -moz-linear-gradient(#90c1ff, #66A8FD);
    background: linear-gradient(#90c1ff, #66A8FD);
    
}
.wfmsg-homepage-component .title-area .title-text
{
    color: #124061;
}

.wfmsg-homepage-component .content-area
{
    border: 1px solid #66A8FD;
}

.tableAlternateItemRow
{
    background-color: #F0F0F0;
}

/**
 * Plain text color in sub-menu items
 */
.wfmsg-main-menu ul ul a span,
.wfmsg-main-menu ul a span, 
.wfmsg-main-menu ul li:hover > a span
{
    color: #124061;
}