.fd-linegraph-x-axis-label
{
    transform: rotate(45deg);
    padding-top: 0px;
    padding-left: 25px;
}

.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; */
}

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;
}
#vertMenu
{	background-color: #D3D3D3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label.CWValidationLabel
{ text-align:left;
	vertical-align:middle;
	padding-left: 10px;
 font-size: 12px;
 float:left;
 margin-top:5px;
 color:#F30F0F;
 
}
p.bannerP
{	background-color:#FFFFFF;
    max-width: 100%;
    max-height: 80%;
}
	
img.BanerLeftImg
{
	float:left;
	margin-left:10px;
}
img.BanerRightImg
{
	float:right;
	margin-right:10px;
}
span.CWTitleTextCSS
{text-align:left;
 font-size: 20px;
 font-style:italic;
 color:#363636;
}

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;
}



@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
{
 /* float:left; 
 margin-top:4px;*/
 margin-left:0px;
 vertical-align: middle;
}

img.MenuIcon
{
 float:right;
 margin-top:5px;
 margin-right:5px;
 
}
input.CWFile{
	position:relative;
	/* float:left; */
}
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: #274d9a;
	font-size: 12px;
	text-decoration: none;
	/* margin-top: 0px; */
	text-decoration: underline;
}
a:hover.CWDownloadLink {
	text-decoration: underline;
}
a:hover.CWDocViewEdit {
	text-decoration: underline;
}
h1 {
    display:none;
}
.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");
}

.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 {
	color:darkgrey;
	cursor:not-allowed;
    opacity:0.5;
    padding: 5px;
}
a.summaryChartLink{
	font-size:65%;
	color:blue;
	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;
}

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;    
}

span.dialog-confirm-inner-span {
    float:left; 
    margin:0 7px 20px 0;
}

div.linechart-title-text {
    text-align: center;
}


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;
}
