/******************		form defs		****************************/
.SubForm
{
	font-family: Roboto, Arimo, Arial;
	color: var(--secondary-color-500);
	background-color: var(--primary-color-200);
	border-color: white;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
}

.Subform_ltr {
	font-weight: 500;
}

.Subform_rtl {
	font-weight: normal;
}

.SubForm-down,
.SubForm-down.SubForm-up-hovering {
	color: white;
	background-color: var(--primary-color-500);
}

.SubForm-up-hovering,
.SubForm-down-hovering
{
	color: var(--primary-color-500);
}

.datepicker-container {
	margin-bottom: 40px;
}

.datepicker-container {
	margin-bottom: 40px;
}

.ScrollPage { 
	border-left-style: none !important;
	border-right-style: none !important;
	font-family: Roboto !important;
}

html[dir="rtl"] .ScrollPage {
	border-left-style: none !important;
	border-right-style: none !important;
	font-family: Arimo;
}

.ScrollPage .html-face
{
	opacity: 0.8;
	font-weight: 700;
	color: var(--primary-color-700);
}

.toolbarPageSelector .ScrollPage .html-face {
	color: #D9F3FC;
}

.ScrollPage-down
{
	background-color: var(--primary-color-200);
	border-radius: 50%;
}

.ScrollPage-down .html-face
{
	opacity: 1;
	color: var(--primary-color-500);
}

.toolbarPageSelector .ScrollPage-down .html-face
{
	opacity: 1;
	color: var(--primary-color-500);
}

.ScrollPage-up-hovering,
.ScrollPage-down-hovering
{
	background-color: var(--primary-color-100);
	border-radius: 50%;
}

.toolbarPageSelector .ScrollPage-up-hovering .html-face,
.toolbarPageSelector .ScrollPage-down-hovering .html-face
{
	color: #555555;
}

.ScrollPageArrowRight:active, .ScrollPageArrowLeft:active{
	background-color: #e0f3fd;
}

.ScrollPageArrowRight:hover, .ScrollPageArrowLeft:hover{
	background-color: var(--primary-color-500);
}
.ScrollPageArrowRight,
.ScrollPageArrowLeft
{
	background-color: var(--secondary-color-500);
    -webkit-mask:  url("images/double-arrow-to-right.svg") no-repeat 50% 50%;
    mask: url("images/double-arrow-to-right.svg") no-repeat 50% 50%;
}

.formGridEvenRow {
    /*place holder*/
}

.formGridOddRow {
    background:  #f7f8f8; /* rgba(235, 237, 238, 0.4) */
}

.formGridReconMarkLineA:NOT(.priCurrentReconRowStyle) td, .formGridReconMarkLineB:NOT(.priCurrentReconRowStyle) td
{
	background-color: var(--primary-color-200);
}

.formGridReconMarkLineB input
{
	font-weight: 500;
}

.formGridReconDisableLine input
{
	color: #898a8a !important;
}
.priCurrentReconRowStyle .formGridReconPancil:before {
	content: url(../images/Pencil_regular.svg);
	cursor: pointer;
	vertical-align: -webkit-baseline-middle !important;
	vertical-align: -moz-middle-with-baseline !important;
	vertical-align: sub; /*IE*/
}
.priCurrentReconRowStyle .formGridReconPancil .recon {
	border: none;
	width: 0 !important;
}
.formGridRecon td
{
	border-width: 0px 0px 1px 0px !important;
    border-color: #c9c9c9;
    border-style: solid;
}
.formGridRecon input .recon
{
	cursor: pointer;
}

.priCurrentReconRowStyle .priCurrentReadonlyFieldStyle {
	color: #202020 !important;
}

/*.priCurrentReconRowStyle .recon {
	color: rgb(0, 173, 237) !important;
}*/
.reconnum {
	border-style: solid;
    border-width: 1px;
    border-color: #c5d1d6;
    font-family: Arial;
    font-weight: 400;
    border-radius: 25px;
    padding: 1px 5px !important;
    text-align: center !important;
}

/******************		navigation panel defs		****************************/

.navigationPanel_panelstyle {
	background-color: #2f3f49;
}

.navigationpanel_pageselectorstyle {	
	background: #2f3f49;
}

.navigationpanel_titlestyle {
	color: #fff; 
	background-color: #394d57;
	border:#111b1f solid; 
	border-width: 2px 0px; 
}

.navigationPanel_companyStyle{
	background-color: #222e35;
	color: #fff;
}

.pmLabelStyle_rtl {	
	color: #fff;
}

.pmLabelStyle{
	color: #fff;
}

.navigationPanel_arrowImg{
	width : 16px;
	height : 9px;
	background : url("../images/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: #394d57;
}

.navigationPanel_arrowImgHover{
	width : 16px;
	height : 9px;
	background : url("../images/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 : #506a77;
	background-position: 17px 5px; /*firefox handling*/
}

.navigationPanel_titleBackgroundMinimized{
	background-color : #26333b;
	background-position: 17px 5px; /*firefox handling*/
}

.navigationPanel_titleBackground{
	background-color : #394d57;
	background-position: 17px 5px; /*firefox handling*/
}

.navigationButtonStyle{
	background-color :#2f3f49 !important;
}

.navigationButtonHolderStyle{
	background-color : #2f3f49;
}

.navigationPanel_selectedSubtitle{
	background-color : #4f6977;
}

.navigationPanel_subtitle{
	background-color : none;
}

.navigationPanel_hoversubtitle{
	background-color : var(--primary-color-500);
}

/******************		navigaion panel icons (W,R,D,F,P ect.) defs		****************************/
.np_iconRectStyle{
	fill : #1e2a30;
	stroke: #151b1f;
}

.np_iconTextStyle_W{
	fill : #a9e6fc;
}

.np_iconTextStyle_D{
	fill : #bb8afd;
}

.np_iconTextStyle_P{
	fill : #9aff8f;
}

.np_iconTextStyle_F{
	fill : #00baff;
}

.np_iconTextStyle_R{
	fill : #FF6565;
}

.np_iconTextStyle_M{
	fill : #e854ff;
}

/******************		handle image defs (to open and close the navigation panels)		****************************/

.handlerImgStyle_rtlRegular{
	width : 19px;
	height : 26px;
	background : url("../images/open_close_3_positions_rtl.png") 19px 0;
}

.handlerImgStyle_rtlHover{
	width : 19px;
	height : 26px;
	background : url("../images/open_close_3_positions_rtl.png") -19px 0;
}

.handlerImgStyle_rtlClick{
	width : 19px;
	height : 26px;
	background : url("../images/open_close_3_positions_rtl.png") 0 0;
}

.handlerImgStyle_ltrRegular{
	width : 19px;
	height : 26px;
	background : url("../images/open_close_3_positions_ltr.png") 0 0;
}

.handlerImgStyle_ltrHover{
	width : 19px;
	height : 26px;
	background : url("../images/open_close_3_positions_ltr.png") -19px 0;
}

.handlerImgStyle_ltrClick{
	width : 19px;
	height : 26px;
	background : url("../images/open_close_3_positions_ltr.png") 19px 0;
}

/******************		gantt ect. banana defs		****************************/

.toolbarPanel.bananaStyle {
	/*place holder*/
}

/******************		navigation panel tiny calendar defs		****************************/

.GlobalCalendar {
	Border: 2px solid #1e2a30;
	background-color: #394d57;
}

td.datePickerMonth {
	color: #ffffff;
	background-color: #394d57;
}

.datePickerPreviousButton, .datePickerNextButton{
	color:var(--primary-color-500);
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
	color:#333;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	font-weight:bold;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
	color: #b7b7b7;
	background-color: #394d57;
	border-color: #617f8e;
}

.datePickerDays {
	border-left: 1px solid #617f8e;
	border-top: 1px solid #617f8e;
}

.datePickerDay {
	border-color: #617f8e;
	background-color: #394d57;
	color: #ffffff;
	font-weight:bold;
}

.datePickerDayIsWeekend {
	border-color: #617f8e;
	background-color: #394d57;
	color: #ffffff;
}

.datePickerDayIsFiller {
	color: #b7b7b7;
	background-color: #394d57;
	border-color: #617f8e;
}

.datePickerDayIsValue {
	background: #222e35;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
}

.datePickerDayIsValueAndHighlighted {
	background: #d7dfe8;
}

.datePickerDayIsToday {
	color: #badc6b;
}

.datePickerMonthSelector {
	background-color: #394d57;
}

.datePickerDayIsWeekend.selectedDate {
	color:#ffffff;
	background-color: #222e35;
	font-weight:bold;
}
.datePickerDay.selectedDate {
	color:#ffffff;
	background-color: #222e35;
	font-weight:bold;
}
.datePickerDay.datePickerDayIsToday.selectedDate  {
	background-color: #222e35;
	color: #badc6b;
	font-weight:bold;
}

/******************		F6 in date field tiny calendar defs		****************************/

.datePickerStyle .popupMiddleCenter {
	border: 2px solid #1e2a30;
	background-color: #394d57;
 }
 
 .gwt-DatePicker {
	background-color: #394d57;
}