/******************		form defs		****************************/
.SubForm
{
	color: black;
	font-weight: bold;
	background-color: #ccd6db;
	border-color: white;
}

.SubForm-down
{
	background-color: #19B5F0;
	color: #ffffff;
}

/*.PaintedTab-down
{
	background-color: #19B5F0;
	color: #ffffff;
}*/

.SubForm-up-hovering,
.SubForm-down-hovering
{
	background-color: #A1B9C4;
	color: #ffffff;
}


/*.PaintedTab-up-hovering,
.PaintedTab-down-hovering
{
	background-color: #A1B9C4;
	color: #ffffff;
}*/


.SubFormsPane 
{
    background:#ccd6db;
}


.ScrollPage
{
	background-color: lightgrey;
	border-color: #ccd6db;
	color: #2f4049;
}

.ScrollPage-down
{
	background-color: var(--primary-color-500);
	color: white;
}

.ScrollPage-up-hovering,
.ScrollPage-down-hovering
{
	background-color: #5486a0;
	color: white;
}

.ScrollPageArrowRight,
.ScrollPageArrowLeft
{
	border-color: #ccd6db;
	background-color: #ccd6db;
	background-image: url("images/next_hover.png");
}

.formGridEvenRow {
	/*place holder*/
}

.formGridOddRow {
	background:  #f7f8f8; /* rgba(235, 237, 238, 0.4) */
}
/*
.formGridHeader_rtl, 
#header_rect{
	border: 0px;
	border-left: 1px solid #c9c9c9;
	fill: #e8edf0;
	padding: 0px;
	overflow: hidden;
	white-space: nowrap;
	font-family:Verdana, Arial;
	font-weight:normal;
}

.formGridHeader_ltr, 
#header_rect{
	border: 0px;
	fill: #e8edf0;
	padding: 0px;
	overflow: hidden;
	white-space: nowrap;
	font-family:Verdana, Arial;
	font-weight:normal;
}

.formGridHeader_ltr,
.formGridHeader_rtl 
#header_text{
	font-weight:normal;
}
*/
/******************		navigation panel defs		****************************/

.navigationPanel_panelstyle {
	background-color: #e2e9ec;
}

.navigationpanel_pageselectorstyle {	
	background: #e2e9ec;
}

.navigationpanel_titlestyle {
	color: black; 
	background-color: #c4cfd5;
	border:#638b9f solid; 
	border-width: 1px 0px;
}

.navigationPanel_companyStyle{
	background-color: #eef2f5;
	color: #000000;
}

.pmLabelStyle_rtl {	
	color: #000;
}

.pmLabelStyle{
	color: #000;
}

.navigationPanel_arrowImg{
	width : 16px;
	height : 9px;
	background : url("../images/light_theme_subject_regular.png") no-repeat;
	background-position-x: 17px; /*chrome and IE handling*/
	background-position-y: 5px; /*chrome and IE handling*/
	background-position: 17px 5px; /*firefox handling*/
	background-color: #c4cfd5;
}

.navigationPanel_arrowImgHover{
	width : 16px;
	height : 9px;
	background : url("../images/light_theme_subject_hover.png") no-repeat;
	background-position-x: 17px; /*chrome and IE handling*/
	background-position-y: 5px; /*chrome and IE handling*/
	background-position: 17px 5px; /*firefox handling*/
}

.navigationPanel_titleBackgroundHover{
	background-color : #90aab6;
	background-position: 17px 5px; /*firefox handling*/
}

.navigationPanel_titleBackgroundMinimized{
	background-color : #a5bcc7;
	background-position: 17px 5px; /*firefox handling*/
}

.navigationPanel_titleBackground{
	background-color : #c4cfd5;
	background-position: 17px 5px; /*firefox handling*/
}

.navigationButtonStyle{
	background-color : #e2e9ec !important;
}

.navigationButtonHolderStyle{
	background-color : #e2e9ec ;
}

.navigationPanel_selectedSubtitle{
	background-color : #98afba;
}

.navigationPanel_subtitle{
	background-color : #e2e9ec;
}

.navigationPanel_hoversubtitle{
	background-color : #6cd0f7;
}

/******************		navigaion panel icons (W,R,D,F,P ect.) defs		****************************/

.np_iconRectStyle{
	fill : #ffffff;
	stroke: #98AEB8;
}

.np_iconTextStyle_W{
	fill : #059BD5;
}

.np_iconTextStyle_D{
	fill : #732fcf;
}

.np_iconTextStyle_P{
	fill : #119103;
}

.np_iconTextStyle_F{
	fill : #0d5dc0;
}

.np_iconTextStyle_R{
	fill : #ce0303;
}

.np_iconTextStyle_M{
	fill : #d929f4;
}

/******************		handle image defs (to open and close the navigation panels)		****************************/

.handlerImgStyle_rtlRegular{
	width : 19px;
	height : 26px;
	background : url("../images/light_theme_open_close_3_positions_rtl.png") 19px 0;
}

.handlerImgStyle_rtlHover{
	width : 19px;
	height : 26px;
	background : url("../images/light_theme_open_close_3_positions_rtl.png") -19px 0;
}

.handlerImgStyle_rtlClick{
	width : 19px;
	height : 26px;
	background : url("../images/light_theme_open_close_3_positions_rtl.png") 0 0;
}

.handlerImgStyle_ltrRegular{
	width : 19px;
	height : 26px;
	background : url("../images/light_theme_open_close_3_positions_ltr.png") 0 0;
}

.handlerImgStyle_ltrHover{
	width : 19px;
	height : 26px;
	background : url("../images/light_theme_open_close_3_positions_ltr.png") -19px 0;
}

.handlerImgStyle_ltrClick{
	width : 19px;
	height : 26px;
	background : url("../images/light_theme_open_close_3_positions_ltr.png") 19px 0;
}

/******************		gantt ect. banana defs		****************************/

.toolbarPanel.bananaStyle {
	border-left: 1px #98afba solid;
	border-top: 1px #98afba solid;
}

/******************		navigation panel tiny calendar defs		****************************/


.GlobalCalendar {
	Border: 2px solid #c3cfd5;
	background-color: #f0f4f6;
}

td.datePickerMonth {
	color: #000;
	background-color: #f0f4f6;
}

.datePickerPreviousButton, .datePickerNextButton{
	color: var(--primary-color-500);
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
	color:#333;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
	color: #000;
	background-color: #fff;
	border-color: #9bb4c1;
}

.datePickerDays {
	border-left: 1px solid #9bb4c1;
	border-top: 1px solid #9bb4c1;
}

.datePickerDay {
	border-color: #9bb4c1;
	background-color: #ffffff;
	color: #000000;
}
.datePickerDayIsWeekend {
	border-color: #9bb4c1;
	background-color: #ffffff;
	color: #000;
}

.datePickerDayIsFiller {
	color: #6b6b6b;
	background-color: #ffffff;
	border-color: #9bb4c1;
}

.datePickerDayIsValue {
	background: #d7e3e8;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
}

.datePickerDayIsValueAndHighlighted {
	background: #d7dfe8;
}

.datePickerDayIsToday {
	color: #ad1dc7;
}

.datePickerMonthSelector {
	background-color: #f0f4f6;
}

.datePickerDayIsWeekend.selectedDate {
	color:#ffffff;
	background-color: #d7e3e8;
}
.datePickerDay.selectedDate {
	color:#000;
	background-color: #d7e3e8;
	font-weight:bold;
}
.datePickerDay.datePickerDayIsToday.selectedDate  {
	background-color: #648b9f;
	color: #ffffff;
	font-weight:bold;
}

/******************		F6 in date field tiny calendar defs		****************************/

.datePickerStyle .popupMiddleCenter {
	border: 2px solid #c3cfd5;
	background-color: #f0f4f6;
}

.gwt-DatePicker {
	background-color: #f0f4f6;
}
