/** Add css rules here for your application. */


/** Color definition **

@def FMZBlauw #9EB9CF;
@def FMZLichtblauw #E3EDF5;
@def FMZLichtbruin #9D8D6B;
@def FMZDonkerbruin #767056;

@def tabLichtBlauw #D0E4F6;
@def tabDonkerBlauw #92C1F0;

@def FMZOKtekst olivedrab;
@def FMZWarningtekst darkorange;
@def FMZErrortekst red;#D0E4F6
@def FMZError #D50000;
@def errorBackground #ffcccc;
@def valueError #ffcccc;
@def valueWaring #ffd42a;
**/


.tijdschrijfActive {
    border: 2px solid darkorange;
}

.tijdschrijfInActive {
    border: 2px solid white;
}

.roundedCourners3 {
	border-radius: 3px;
}

.mainField {
	color: cornflowerblue;
	font-size: 8pt;
	font-family: Arial;
}
.mainAction {
	color: blue;
	font-size: 8pt;
	font-family: Arial;
	text-decoration: underline;
	cursor: pointer;
}
.mainLabelSmall {
	font-size: 8pt;
	font-family: Arial;
}
.actionImage {
	cursor: pointer;
}
.mainErrorText {
	color: #D50000;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}
.mainText {
	margin: 5px;
	font-size: 10pt;
	font-family: Arial;
}
.mainTableRowEven {
	font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
	text-align: left;
	background-color: lightcyan;
}
.mainTableRowOneven {
	font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
	text-align: left;
	background-color: silver;
}
.mainActionBar {
	background-color: #9EB9CF;
}
.mainActionBarItem {
	color: Black;
	font-size: 10pt;
	font-family: Arial;
	cursor: pointer;
}

.mainActionBarItem:hover {
	text-decoration: underline;
}

.mainActionBarItemDisabled {
	color: Gray;
	font-size: 10pt;
	font-family: Arial;
	cursor: default;
}


.mainClientLabel {
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
}
.mainCltPopup {
	border: thin solid;
	background-color: lightgoldenrodyellow;
}
.mainLabel {
	font-size: 10pt;
	font-family: Arial;
}
.mainLabelBold {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.mainBody {
	padding: 5px;
}
.winTitle {
	padding-left: 3px;
	background-color: Blue;
}
.winBody {
	background-color: White;
}

.errorTextBox {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}




/*******************************************
 FMZ TabBar 
 ********************************************/

.fmzTabBar {
}
.fmzTabBar .gwt-TabBarFirst {
  width: 0px;  /* first tab distance from the left */
}
.fmzTabBar .gwt-TabBarRest {
}
.fmzTabBar .gwt-TabBarItem {
  margin-left: 5px;
  padding: 3px 5px 3px 5px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 10pt;
  font-family: arial;
  background: #9D8D6B;
}
.fmzTabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: #767056;
  color: white;
} 
.fmzTabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: gainsboro;
}


/*******************************************
 FMZ Decorated TabBar 
 ********************************************/

.mainTabBar {
	background-color: #767056;
}

.fmz-DecoratedTabBar {
}
.fmz-DecoratedTabBar .gwt-TabBarFirst {
  width: 0px;  /* first tab distance from the left */
}
.fmz-DecoratedTabBar .gwt-TabBarRest {
}
.fmz-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 5px;
}
.fmz-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #9D8D6B;
}
.fmz-DecoratedTabBar .tabTopLeft,
.fmz-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.fmz-DecoratedTabBar .tabTopLeftInner,
.fmz-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}
.fmz-DecoratedTabBar .tabTopLeft {
  background: url(images/fmz_corner.png) no-repeat -28px 0px;
  -background: url(images/corner_ie6.png) no-repeat 0px -13px;
}
.fmz-DecoratedTabBar .tabTopRight {
  background: url(images/fmz_corner.png) no-repeat -33px 0px;
  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
}
* html .fmz-DecoratedTabBar .tabTopLeftInner,
* html .fmz-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.fmz-DecoratedTabBar .tabMiddleLeft,
.fmz-DecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #9D8D6B;
}
.fmz-DecoratedTabBar .tabMiddleLeftInner,
.fmz-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.fmz-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #9D8D6B;
}
.fmz-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #767056;
}
.fmz-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background-position: 0px 0px;
}
.fmz-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background-position: -5px 0px;
}
.fmz-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.fmz-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #767056;
}
.fmz-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #767056;
}
.fmz-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #999999;
}

/************************************************************
*
* FMZ Dialogbox
*
*************************************************************/

.fmz-DialogBox .Caption {
  background: #e3e8f3 url(images/fmz_hborder.png) repeat-x 0px -2003px;	
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #9EB9CF;
}
.fmz-DialogBox .dialogContent {
}
.fmz-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.fmz-DialogBox .dialogBottomCenter {
  background: url(images/fmz_hborder.png) repeat-x 0px -30px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.fmz-DialogBox .dialogMiddleLeft {
  background: url(images/fmz_vborder.png) repeat-y -26px 0px;
}
.fmz-DialogBox .dialogMiddleRight {
  background: url(images/fmz_vborder.png) repeat-y -29px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.fmz-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.fmz-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}
.fmz-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.fmz-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.fmz-DialogBox .dialogTopLeft {
  background: url(images/fmz_corner.png) no-repeat -71px 0px;
  -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}
.fmz-DialogBox .dialogTopRight {
  background: url(images/fmz_corner.png) no-repeat -76px 0px;
  -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}
.fmz-DialogBox .dialogBottomLeft {
  background: url(images/fmz_corner.png) no-repeat -57px -6px;
  -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}
.fmz-DialogBox .dialogBottomRight {
  background: url(images/fmz_corner.png) no-repeat -63px -6px;
  -background: url(images/corner_ie6.png) no-repeat -5px -15px;
}
* html .fmz-DialogBox .dialogTopLeftInner {
  width: 5px;
  overflow: hidden;
}
* html .fmz-DialogBox .dialogTopRightInner {
  width: 8px;
  overflow: hidden;
}
* html .fmz-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .fmz-DialogBox .dialogBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}


/************************************************************
*
* FMZ Error Dialogbox
*
*************************************************************/

.fmz-ErrorDialogBox .Caption {
  background: #e3e8f3 url(images/fmz_hborder.png) repeat-x 0px -2003px;	
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #D50000;
}
.fmz-ErrorDialogBox .dialogContent {
}
.fmz-ErrorDialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.fmz-ErrorDialogBox .dialogBottomCenter {
  background: url(images/fmz_hborder.png) repeat-x 0px -56px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.fmz-ErrorDialogBox .dialogMiddleLeft {
  background: url(images/fmz_vborder.png) repeat-y -52px 0px;
}
.fmz-ErrorDialogBox .dialogMiddleRight {
  background: url(images/fmz_vborder.png) repeat-y -56px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.fmz-ErrorDialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.fmz-ErrorDialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}
.fmz-ErrorDialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.fmz-ErrorDialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.fmz-ErrorDialogBox .dialogTopLeft {
  background: url(images/fmz_corner.png) no-repeat -127px 0px;
  -background: url(images/corner_ie6.png) no-repeat -13px 0px;
}
.fmz-ErrorDialogBox .dialogTopRight {
  background: url(images/fmz_corner.png) no-repeat -133px 0px;
  -background: url(images/corner_ie6.png) no-repeat -18px 0px;
}
.fmz-ErrorDialogBox .dialogBottomLeft {
  background: url(images/fmz_corner.png) no-repeat -113px -6px;
  -background: url(images/corner_ie6.png) no-repeat 0px -15px;
}
.fmz-ErrorDialogBox .dialogBottomRight {
  background: url(images/fmz_corner.png) no-repeat -119px -6px;
  -background: url(images/corner_ie6.png) no-repeat -5px -15px;
}
* html .fmz-ErrorDialogBox .dialogTopLeftInner {
  width: 5px;
  overflow: hidden;
}
* html .fmz-ErrorDialogBox .dialogTopRightInner {
  width: 8px;
  overflow: hidden;
}
* html .fmz-ErrorDialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .fmz-ErrorDialogBox .dialogBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

/************************************************************
*
* FMZ YubiKeyBox
*
*************************************************************/

.fmzYubikeyBox {
border: 1px solid #9EB9CF;
font-size: 10pt;
font-family: arial;
background-image: url(images/yubico.ico);
background-repeat:no-repeat;
padding-left: 20px;
background-color: white;
}

.fmzYubikeyBox:disabled {
border: 1px solid #9EB9CF;
font-size: 10pt;
font-family: arial;
background-image: url(images/yubico.ico);
background-repeat:no-repeat;
padding-left: 20px;
background-color: gainsboro;
}

/************************************************************
*
* FMZ SuggestBox
*
*************************************************************/

.fmzSuggestBox {
border: 2px solid #9EB9CF;
font-size: 10pt;
font-family: arial;
background-image: url(images/search-icon_gray_16_16.png);
background-repeat:no-repeat;
padding-left: 20px;
background-color: white;
}

.fmzSuggestBox:disabled {
border: 2px solid #9EB9CF;
font-size: 10pt;
font-family: arial;
background-image: url(images/search-icon_gray_16_16.png);
background-repeat:no-repeat;
padding-left: 20px;
background-color: gainsboro;
}


.fmzSuggestBoxPopup {
  margin-left: 3px;
}
.fmzSuggestBoxPopup .item {
  padding: 2px 6px;
  color: #424242;
  cursor: default;
}
.fmzSuggestBoxPopup .item-selected {
  background: #b7d6f6;
}
.fmzSuggestBoxPopup .suggestPopupContent {
  background: white;
}
.fmzSuggestBoxPopup .suggestPopupTopCenter {
  background: url(images/hborder.png) repeat-x;
}
.fmzSuggestBoxPopup .suggestPopupBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -4px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.fmzSuggestBoxPopup .suggestPopupMiddleLeft {
  background: url(images/vborder.png) repeat-y;
}
.fmzSuggestBoxPopup .suggestPopupMiddleRight {
  background: url(images/vborder.png) repeat-y -4px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.fmzSuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;  
}
.fmzSuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.fmzSuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.fmzSuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.fmzSuggestBoxPopup .suggestPopupTopLeft {
  background: url(images/corner.png) no-repeat 0px -23px;
  -background: url(images/corner_ie6.png) no-repeat 0px -23px;
}
.fmzSuggestBoxPopup .suggestPopupTopRight {
  background: url(images/corner.png) no-repeat -5px -23px;
  -background: url(images/corner_ie6.png) no-repeat -5px -23px;
}
.fmzSuggestBoxPopup .suggestPopupBottomLeft {
  background: url(images/corner.png) no-repeat 0px -28px;
  -background: url(images/corner_ie6.png) no-repeat 0px -28px;
}
.fmzSuggestBoxPopup .suggestPopupBottomRight {
  background: url(images/corner.png) no-repeat -5px -28px;
  -background: url(images/corner_ie6.png) no-repeat -5px -28px;
}
* html .fmzSuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .fmzSuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .fmzSuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .fmzSuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

/************************************************************
*
* FMZ Button
*
*************************************************************/

/*

.fmzButton {
  margin: 0;
  padding: 1px 1px;
  text-decoration: none;
  font-size: 10pt;
 font-family: arial;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}
.fmzButton:active {
  border: 1px inset #ccc;
}
.fmzButton:hover {
  border-color: #9cf #69e #69e #7af;
}
.fmzButton[disabled] {
  cursor: default;
  color: #888;
}
.fmzButton[disabled]:hover {
  border: 1px outset #ccc;
}

*/

.fmzButton {
	margin: 0px;
	padding: 1px;
	border: 1px solid #92C1F0;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #D0E4F6;
	border-radius: 2px;
	cursor: hand;
}

.fmzButton:hover {
  background-color: #92C1F0;
}
.fmzButton[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.fmzButton[disabled]:hover {
  background-color: gainsboro;
}




.fmzPrimaryButton {
	margin: 0px;
	padding: 1px;
	border: 1px solid #92C1F0;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #D0E4F6;
	border-radius: 2px;
	cursor: pointer;
}

.fmzPrimaryButton:hover {
  background-color: #92C1F0;
}
.fmzPrimaryButton[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.fmzPrimaryButton[disabled]:hover {
  background-color: gainsboro;
}


.fmzButtonRed {
	margin: 0px;
	padding: 1px;
	border: 1px solid red;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #ffcccc;
	border-radius: 2px;
	cursor: hand;
}

.fmzButtonRed:hover {
  background-color: red;
}
.fmzButtonRed[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.fmzButtonRed[disabled]:hover {
  background-color: gainsboro;
}

.fmzButtonGreen {
	margin: 0px;
	padding: 1px;
	border: 1px solid #79CB45;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #79CB45;
	border-radius: 2px;
	cursor: hand;
}

.fmzButtonGreen:hover {
  background-color: #79CB45;
}
.fmzButtonGreen[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.fmzButtonGreen[disabled]:hover {
  background-color: gainsboro;
}

.fmzButtonRed2 {
	margin: 0px;
	padding: 1px;
	border: 1px solid #92C1F0;
	color: red;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #D0E4F6;
	border-radius: 2px;
	cursor: hand;
}

.fmzButtonRed2:hover {
  background-color: #D0E4F6;
}
.fmzButtonRed2[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.fmzButtonRed2[disabled]:hover {
  background-color: gainsboro;
}

.fmzCellButton button 
{
	margin: 0px;
	padding: 1px;
	border: 1px solid #92C1F0;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #D0E4F6;
	border-radius: 2px;
	cursor: hand;
}

.fmzCellButton button:hover 
{
	background-color: #92C1F0;
}

.fmzCellButton[disabled] button 
{
	background-color: red;
  	border: 1px solid #6D6D6D;
}

.fmzCellButton[disabled] button:hover 
{
	background-color: gainsboro;
}

.fmzButtonSmall {
	margin: 0px;
	padding: 0px;
	border: 1px solid #92C1F0;
	font-size: 8pt;
	font-family: arial;
	text-decoration: none;
	background-color: #D0E4F6;
	border-radius: 2px;
	cursor: hand;
}

.fmzButtonSmall:hover {
  background-color: #92C1F0;
}
.fmzButtonSmall[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.fmzButtonSmall[disabled]:hover {
  background-color: gainsboro;
}

/************************************************************
*
* FMZ Datepicker
*
*************************************************************/

.fmzDatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.fmzDatePicker td,
.fmzdatePickerMonthSelector td:focus {
  outline: none
}
.fmzdatePickerDays {
  width: 100%;
  background: white;
}
.fmzdatePickerDay,
.fmzdatePickerWeekdayLabel,
.fmzdatePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.fmzdatePickerWeekdayLabel,
.fmzdatePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.fmzdatePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.fmzdatePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.fmzdatePickerDayIsWeekend {
  background: #EEEEEE;
}
.fmzdatePickerDayIsFiller {
  color: #888888;
}
.fmzdatePickerDayIsValue {
  background: #aaccee;
}
.fmzdatePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.fmzdatePickerDayIsHighlighted {
  background: #F0E68C;
}
.fmzdatePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.fmzdatePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
td.fmzdatePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.fmzdatePickerPreviousButton,
.fmzdatePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 2px;
}
.fmzdatePickerSpecial {
  font-size: 70%;
  text-align: center;
  color: blue;
  cursor: hand;
  cursor: pointer;
}

/************************************************************
*
* Tree
*
*************************************************************/



.fmzTree .fmzTreeItem {
  padding: 0px 0px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}
.fmzTree .fmzTreeItem-selected {
  background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}
.fmzTreeItem .fmzRadioButton input,
.fmzTreeItem .fmzCheckBox input {
  margin-left: 0px;
}
* html .fmzTreeItem .fmzRadioButton input,
* html .fmzTreeItem .fmzCheckBox input {
  margin-left: -4px;
}



/************************************************************
*
* FMZ Other stuff
*
*************************************************************/




.mainIntroText {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 11pt;
	font-family: Arial;
}
.fmz_Status_none {
  background: url(images/fmz_status.png) no-repeat -1px 0px;
}

.fmz_Status_ok {
  background: url(images/fmz_status.png) no-repeat -52px 0px;
}

.fmz_Status_warning {
  background: url(images/fmz_status.png) no-repeat -35px 0px;
}

.fmz_Status_error {
  background: url(images/fmz_status.png) no-repeat -18px 0px;
}
.mainMessage {
	color: #9EB9CF;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.popupLabel {
	color: black;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.fmz-TextBox {
   padding: 2px;
}
.fmz-TextBox-readonly {
	background: white;
	color: #888;
}



.body {
	overflow: auto;
}

.popupPnl {
	background: lightgoldenrodyellow;
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid black;
}

.popupTextArea {
	background: none;
	border: none;
	font-size: 8pt;
	font-family: Arial;
}

.popupPnlWhite {
	background: white;
	padding-right: 1px;
	padding-left: 1px;
	border: 2px solid #9EB9CF;
}

.agendaEvenColumn
{
	background: #EDEDED;
	border: 1px solid black;
}

.agendaOddColumn {
	backgrond: #E8FBFB;
	border: 1px solid black;
}

.agendaResource {
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: middle;
	cursor: pointer;
}
.agendaResourceWarning {
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid black;
	font-size: 8pt;
	font-family: Arial;
	color: darkorange;
	vertical-align: middle;
	cursor: pointer;
}



.agendaTimeBox {
	border: 1px solid;
}
.agendaTimeBoxLeftThick {
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 2px solid;
}
.agendaLabel {
	border-right: 1px hidden;
	border-left: 1px hidden;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: center;
	cursor: pointer;
	
}
.agendaItem {
	font-size: 8pt;
	font-family: Arial;
	border: 1px solid;
	border-radius: 4px;
	background-color: #9900cc;
	cursor: pointer;
}
.agendaLabelHighlighted {
	font-size: 8pt;
	font-family: Arial;
	vertical-align: bottom;
	text-align: center;
	background-color: #ffffcc;
	
}
.agendaLabelLeft {
	border-right: 1px hidden;
	border-left: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: center;
	cursor: pointer;
}
.agendaLabelLeftDRightSTL {
	padding-bottom: 1px;
	padding-left: 1px;
	border-right: 1px solid;
	border-left: 1px dashed;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: bottom;
	text-align: left;
	cursor: pointer;
}
.agendaLabelLeftRight {
	border-right: 1px solid;
	border-left: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: center;
	cursor: pointer;
}
.agendaLabelLeftSRightDTL {
	padding-bottom: 1px;
	padding-left: 1px;
	border-right: 1px dashed;
	border-left: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: left;
	cursor: pointer;
}
.agendaLabelLeftDRightDTL {
	padding-bottom: 1px;
	padding-left: 1px;
	border-right: 1px dashed;
	border-left: 1px dashed;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: left;
	cursor: pointer;
}
.agendaLabelLeftRightTop {
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: center;
	cursor: pointer;
}
.agendaResourceHighlighted {
	padding-right: 1px;
	padding-left: 1px;
	border: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: middle;
	background-color: #FFFF7F;
	cursor: pointer;
}
.agendaLabelLeftRightTopBottom {
	border: 1px solid;
	font-size: 8pt;
	font-family: Arial;
	vertical-align: text-bottom;
	text-align: center;
	cursor: pointer;
}

.allWhite {
	border: 1px solid white;
	background-color: white;
	cursor: none;
}


.changeStatusLabel {
	margin: 5px;
	font-size: 10pt;
	font-family: Arial;
	text-align: left;
}
.changeStatusLabelWarning {
	color: red;
	margin: 5px;
	font-size: 10pt;
	font-family: Arial;
}
.mainLabelWarning {
	color: darkorange;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}
.mainLabelError {
	color: red;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}
.mainLabelOK {
	color: olivedrab;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}
.NrCircleAlert
{
	border-radius: 50%;
	width: 18px;
	line-height: 18px;
	background-color: #D50000;
	text-align: center;
	color: white;
	font-size: 8pt;
	font-family: Arial;
}
.LabelUnreadMsg {
	color: #D50000;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.treeScroll {
	padding: 1px;
	border: 1px solid #767056;
}
.mainTextBoxOK {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: olivedrab;
	font-weight: bold;
	
}
.mainTextBoxOK:disabled {
	background-color: gainsboro;
}
.mainTextBoxOK-readonly {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: olivedrab;
	font-weight: bold;
	background-color: gainsboro;
}

.mainTextBoxError {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: red;
	font-weight: bold;
}
.mainTextBoxError:disabled {
	background-color: gainsboro;
}
.mainTextBoxError-readonly {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: red;
	font-weight: bold;
	background-color: gainsboro;
}

.mainTextBoxWarning {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: darkorange;
	font-weight: bold;
}
.mainTextBoxWarning:disabled {
	background-color: gainsboro;
}
.mainTextBoxWarning-readonly {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: darkorange;
	font-weight: bold;
	background-color: gainsboro;
}

.mainLabelSmallError {
	color: Red;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	
}
.workflowTextArea {
	font-size: 10px;
	font-family: Arial;
}
.mainClientLabelLink {
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
}

.mainClientLabelLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.mainLabelSmallLink {
	font-size: 8pt;
	font-family: Arial;
}

.mainLabelSmallLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.mainLabelSmallErrorLink {
	color: Red;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	
}

.mainLabelSmallErrorLink:hover {
	text-decoration: underline;
	cursor: pointer;
	
}

.mijnWerkHeaderLarge {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.mijnWerkHeaderLarge:hover {
	text-decoration: underline;
	cursor: pointer;
}

.mijnWerkLarge {
	font-size: 10pt;
	font-family: Arial;
}

.mijnWerkLarge:hover {
	text-decoration: underline;
	cursor: pointer;
}

.mijnWerkUrgentLarge {
	color: Red;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	
}

.mijnWerkUrgentLarge:hover {
	text-decoration: underline;
	cursor: pointer;
	
}


.imageClick{
	cursor: pointer;
}

.wfButton {
  margin: 0;
  padding: 2px 1px;
  text-decoration: none;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}
.wfButton:active {
  border: 1px inset #ccc;
}
.wfButton:hover {
  border-color: #9cf #69e #69e #7af;
}
.wfButton[disabled] {
  cursor: default;
  color: #888;
}
.wfButton[disabled]:hover {
  border: 1px outset #ccc;
}
.fmzLabel {
	font-size: 10pt;
	font-family: arial;
	white-space: pre-wrap;
}
.fmzLabelPointer {
	font-size: 10pt;
	font-family: arial;
	cursor: default;
}
.fmzCheckBox {
	margin-right: 4px;
	font-size: 10pt;
	font-family: arial;
}
.fmzTextArea {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	color: black;
	border: 1px solid #9EB9CF;
	resize : none;
}
.fmzTextArea-readonly {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
	background-color: gainsboro;
}
.fmzTextArea-disabled {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
	background-color: gainsboro;
}
.fmzTextArea:disabled {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
	background-color: gainsboro;
}
.fmzTextArea:readonly {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
	background-color: gainsboro;
}


.fmzTextReadonly {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	color: black;
	border: 1px solid #9EB9CF;
	resize : none;
}
.fmzTextReadonly-readonly {
	border: 3px;
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
}



.fmzTextBox {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
}

.fmzTextBox-FormatError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzTextBox-ValueError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzTextBox-ValueWarning {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffd42a;
}

.fmzTextBox-readonly {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBox:readonly {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBox:disabled {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBoxRequired {
   border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: palegoldenrod;
}

.fmzTextBoxRequired-FormatError {
   border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzTextBoxRequired-ValueError {
   border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzTextBoxRequired-readonly  {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBoxRequired:readonly  {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBoxRequired:disabled  {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBoxSmall {
	border: 1px solid #9EB9CF;
	font-size: 8pt;
	font-family: arial;
}

.fmzTextBoxSmall:disabled {
	border: 1px solid #9EB9CF;
	font-size: 8pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzTextBoxSmall:readonly {
	border: 1px solid #9EB9CF;
	font-size: 8pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzListBox {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
}

.fmzListBox-ValueWarning {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffd42a;
}


.fmzListBox:disabled {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: black;
	background-color: gainsboro;
}

.fmzListBox-ListBoxError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.mainLabelLoginError {
	color: red;
	font-size: 8pt;
	font-style: italic;
	font-family: Arial;
}

.fmzRadio {
	font-size: 10pt;
	font-family: arial;
}

.fmzRadioOpen {
	font-size: 10pt;
	font-family: arial;
	background-color: #EC9595;
}

.fmzRadioAfgerond {
	font-size: 10pt;
	font-family: arial;
	background-color: #94ECB4;
}

.fmzRadioVerwerkt {
	font-size: 10pt;
	font-family: arial;
	background-color: #C8C8C8;
}

.fmzRadio-ValueError {
	font-size: 10pt;
	font-family: arial;
	color: red;
}

.strengthBackground {
	background-color: gainsboro;
}
.strengthWeak {
	background-color: darkorange;
}
.strengthBad {
	background-color: Red;
}
.strengthGood {
	background-color: Green;
}
.strengthLabelBad {
color: Red;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	}
.strengthLabelWeak {
color: darkorange;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
}
.strengthLabelGood {
color: Green;
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
}

.fmzDateBox {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
}

.fmzDateBox:disabled {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: black;
	background-color: gainsboro;
}

.fmzDateBox-FormatError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
    background: #ffcccc;
}

.fmzDateBox-ValueError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
    background: #ffcccc;
}

.fmzDateBoxRequired {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: palegoldenrod;
}

.fmzDateBoxRequired-FormatError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
  background: #ffcccc;
}

.fmzDateBoxRequired-ValueError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
  background: #ffcccc;
}

.fmzDateBoxRequired:disabled {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	color: black;
	background-color: gainsboro;
}

.mainUser {
	color: cornflowerblue;
	font-size: 8pt;
	font-family: Arial;
	cursor: pointer;
}

.mainUser:hover {
	text-decoration: underline;
}
.fmzTextBoxDisplay-readonly {
	color: black;
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
	
}
.fmzTextBoxDisplay {
    color: black;
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}
.fmzTextAreaDisplay {
	color: black;
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}
.fmzTextAreaDisplay-readonly {
    color: black;
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;	
	background-color: gainsboro;
}

.fmzInfoBar {
	font-size: 10pt;
	font-family: arial;
	background-color: #d0e4f6;	
}

.fmzBtnSmallUp {
  margin: 0;
  text-decoration: none;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
  background: url("images/smallUp.png") 0px -3px;
  border: 1px outset #ccc;
}

.fmzBtnSmallDown {
  margin: 0;
  text-decoration: none;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
  background: url("images/smallDown.png") 0px -6px;
  border: 1px outset #ccc;
}

.fmzBtnSmallUp[disabled] {
  margin: 0;
  text-decoration: none;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
  background: url("images/smallUpDisabled.png") 0px -3px;
  border: 1px outset #ccc;
}

.fmzBtnSmallDown[disabled] {
  margin: 0;
  text-decoration: none;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
  background: url("images/smallDownDisabled.png") 0px -6px;
  border: 1px outset #ccc;
}
.fmzClickImage {
	cursor: pointer;
}

.fmzCalendarSessieOpen {
	background: #EC9595;
}

.fmzCalendarSessieAfgerond {
	background: #94ECB4;
}

.fmzCalendarSessieVerwerkt {
	background: #C8C8C8;
}

.fmzCalendarRange {
	background: #90BAFE;
}

.fmzCalendarDayWhite {
	background: white;
}

.fmzCalendarSessieNietBeschikbaar {
	border: 1px solid lightgrey;
	background-color: white;
}

.fmzCalendarSessiePartlyOpen {
	background: #FFAA55;
}

.fmzListWarning {
	color: darkorange;
	font-size: 10pt;
	font-family: Arial;
}

.fmzListError {
	color: red;
	font-size: 10pt;
	font-family: Arial;
}

.fmzListOK {
	color: olivedrab;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.fmzListNormal {
	color: black;
	font-size: 10pt;
	font-family: Arial;
}

.fmzRichTextArea{
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
}

.fmzRichTextArea:disabled{
	padding: 1px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
	background-color: gainsboro;
}

.fmzRichTextField{
	border: 3px;
	padding: 1px
	border: 0px;
}

.fmzRichTextFieldDisabled{
	border: 3px;
	padding: 1px
	border: 0px;
	background-color: gainsboro;
}
.extGegHeader {
	border-top: 2px solid;
	border-right: 2px solid;
	border-bottom: 1px solid;
	border-left: 2px solid;
	background-color: gainsboro;
}

.extGegRow {
	border-top: 1px solid;
	border-right: 2px solid;
	border-bottom: 1px solid;
	border-left: 2px solid;
}

.extGegRow-Error {
	border-top: 1px solid;
	border-right: 2px solid;
	border-bottom: 1px solid;
	border-left: 2px solid;
	background: #ffcccc;
}

.extGegLastRow {
	border-top: 1px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-left: 2px solid;
}

.extGegLastRow-Error {
	border-top: 1px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-left: 2px solid;
	background: #ffcccc;
}

.extGegLastRow-Warning {
	border-top: 1px solid;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-left: 2px solid;
	background: #FCD5B4;
}

.extGegHeaderLabel {
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}

.extGegSubHeader{
	padding-top: 2px;
	padding-left: 2px;
	border-right: 1px solid;
	border-left: 1px solid;
	border-top: 1px solid;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}

.extGegLabel {
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}

.extGegValue {
	padding-top: 2px;
	padding-left: 2px;
	border-right: 1px solid;
	border-left: 1px solid;
	font-size: 11px;
	font-family: Arial;
}

.extInfoValue {
	padding-top: 2px;
	padding-left: 2px;
	border-right: 1px solid;
	border-left: 1px solid;
	font-size: 11px;
	font-family: Arial;
	background-color: gainsboro;
}


.fmzToggleButton-up,
.fmzToggleButton-up-hovering,
.fmzToggleButton-up-disabled,
.fmzToggleButton-down,
.fmzToggleButton-down-hovering,
.fmzToggleButton-down-disabled {
  margin: 0;
  text-decoration: none;
}
.fmzToggleButton-up,
.fmzToggleButton-up-hovering,
.fmzToggleButton-up-disabled {
}
.fmzToggleButton-up {
  cursor: pointer;
  cursor: hand;
}
.fmzToggleButton-up-hovering {
  cursor: pointer;
  cursor: hand;
}
.fmzToggleButton-up-disabled {
  cursor: default;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=40);
}
.fmzToggleButton-down,
.fmzToggleButton-down-hovering,
.fmzToggleButton-down-disabled {
}
.fmzToggleButton-down {
  cursor: pointer;
  cursor: hand;
}
.fmzToggleButton-down-hovering {

  cursor: pointer;
  cursor: hand;
}
.fmzToggleButton-down-disabled {
  cursor: default;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=40);
}

.cellTableErrorRowBg {
	color: red;
}

.cellTableOddRowBg
{
	background: #E3EDF5;
	color: black;
}

.cellTableEvenRowBg
{
	background: white;
	color: black;
}
.mainLabelSmallBold {
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
}

.leftLine
{
	border-left: 1px solid;
	border-color: #9EB9CF;
}

.fmzCaptionPanel {
	border: 1px;
	border-style: solid;
	border-color: #9EB9CF;
	font-size: 10pt;
	font-family: Arial;
	color: black;
}

.fmzTextWindow, .fmzTextWindow TD, .fmzTextWindow TH
{
	font-size: 8pt;
	font-family: Arial;
}

.fmzDisclosurePanel {
}
.fmzDisclosurePanel-open {
}
.fmzDisclosurePanel-closed {
}
.fmzDisclosurePanel .header,
.fmzDisclosurePanel .header a {
	border: 1px solid #92C1F0;
  text-decoration: none;
  color: black; 
  cursor: pointer;
  cursor: hand;
  background-repeat:no-repeat;
  background-position: right;
}

.fmzDisclosurePanel .header td {
  text-decoration: none;
  padding: 0px;
  color: black; 
  cursor: pointer;
  cursor: hand;
  background-repeat:no-repeat;
  background-position: right;
}
.fmzDisclosurePanel .content {
	padding: 1px 0px 1px 1px;
	border-top: none;
	border-right: 1px solid #92C1F0;
	border-bottom: 1px solid #92C1F0;
	border-left: 1px solid #92C1F0;
	background-color: white;
}

.fmzDisclosureBackground{
	background-color: white;
}

.fmzDisclosurePanel_NoBorder {
}
.fmzDisclosurePanel_NoBorder-open {
}
.fmzDisclosurePanel_NoBorder-closed {
}
.fmzDisclosurePanel_NoBorder .header,
.fmzDisclosurePanel_NoBorder .header a {
  text-decoration: none;
  color: black; 
  cursor: pointer;
  cursor: hand;
}

.fmzDisclosurePanel_NoBorder .header td {
  text-decoration: none;
  padding: 0px;
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.fmzDisclosurePanel_NoBorder .content {
	padding: 1px 0px 1px 1px;
	background-color: white;
}

.fmzDisclosureBackground{
	background-color: white;
}

.highcharts-contextmenu {
    bottom: auto !important;
    top: 5px;
}






.RichTextToolbar {
	background: #E2E2E2;
	padding:5px;
	margin:0px;
	/*border: red 1px solid;*/
}

.RichTextToolbar .gwt-ToggleButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-PushButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-ToggleButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-ToggleButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-PushButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-ToggleButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-PushButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.colorPickerBorder {
	border: 2px solid #92C1F0;
	background-color: white;
	border-radius: 2px;
}
.fmzListBoxSmall {
border: 1px solid #9EB9CF;
	font-size: 8pt;
	font-family: arial;
}
.agendaTimeColumn {
	border: 1px solid;
	background-color: gainsboro;
}
.fmzMessagePnl {
border: 1px solid #9EB9CF;
}
.fmzHTMLZoom {
	font-size: 8pt;
	font-family: arial; 
}


/************* widgets   *********/

.widgetRapportageBackground{
	border: 1px solid #F0F0F0;
	border-radius: 4px;
	background-color: #F0F0F0;
}

.widgetDocumentLabel {
	font-size: 8pt;
	font-family: Arial;
	cursor: pointer;
	cursor: hand;
}

.widgetDocumentLabel:hover {
	text-decoration: underline;
}

.widgetDocumentLabelLarge {
	font-size: 10pt;
	font-family: Arial;
	cursor: pointer;
	cursor: hand;
}

.widgetDocumentLabelLarge:hover {
	text-decoration: underline;
}

.widgetLabel {
	font-size: 8pt;
	font-family: Arial;
}

.widgetLabel_Right {
	font-size: 8pt;
	font-family: Arial;
	text-align: right;
	margin-right: 2px;
}

.widgetLabel_Right_Red {
	font-size: 8pt;
	color: red;
	font-family: Arial;
	text-align: right;
	margin-right: 2px;
}

.widgetLabelBold {
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
}

.widgetHeader {
	background-color: #92C1F0;
}

.widgetLine {
	background-color: #92C1F0;
}

.widgetList_Red{
	font-size: 8pt;
	font-family: Arial;
	color: red;
	font-weight: bold;
}
.widgetList_Red:before{
	content: "\2022"
}

.widgetList_Orange{
	font-size: 8pt;
	font-family: Arial;
	color: darkorange;
	font-weight: bold;
}
.widgetList_Orange:before{
	content: "\2022"
}


.widgetList{
	font-size: 8pt;
	font-family: Arial;
}
.widgetList:before{
	content: "\2022"
}
.dashboardWidget {
}
.dashboardWidget-open {
}
.dashboardWidget-closed {
}
.dashboardWidget .header,
.dashboardWidget .header a {
	border: 1px solid #92C1F0;
  text-decoration: none;
  color: black; 
  cursor: pointer;
  cursor: hand;
  background-image: url(images/network.png);
  background-repeat:no-repeat;
  background-position: right 5px center;
  background-color: white;
}

.dashboardWidget .header td {
  text-decoration: none;
  padding: 0px;
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.dashboardWidget .content {
	padding: 1px 0px 1px 1px;
	border-top: none;
	border-right: 1px solid #92C1F0;
	border-bottom: 1px solid #92C1F0;
	border-left: 1px solid #92C1F0;
	background-color: white;
}

.dashboardWidget{
	background-color: white;
}

.dashboardWidget_NoBorder {
}
.dashboardWidget_NoBorder-open {
}
.dashboardWidget_NoBorder-closed {
}
.dashboardWidget_NoBorder .header,
.dashboardWidget_NoBorder .header a {
  text-decoration: none;
  color: black; 
  cursor: pointer;
  cursor: hand;
}

.dashboardWidget_NoBorder .header td {
  text-decoration: none;
  padding: 0px;
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.dashboardWidget_NoBorder .content {
	padding: 1px 0px 1px 1px;
	background-color: white;
}

.dashboardWidgetBackground{
	background-color: white;
}


.medColHeader {
	border: 1px solid #92C1F0;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	background-color: #C3D9FF;
}

.medRowOdd { 
	border-top: 1px solid #92C1F0;
	background-color: #EEEEEE;
}

.medRowEven {
	border-top: 1px solid #92C1F0;
}

.medTable {
	border: 1px solid #92C1F0;
}

.medCell {
	
}

.medCellNoBorder {
	border-top: 1px solid #92C1F0;
	border-left: 1px solid #92C1F0;
	border-right: 1px solid #92C1F0;
}

.medBox {
	border: 1px solid #92C1F0;
}

.medIcon {
	border: 1px solid black;
}


.medText {
	margin-top: 1px;
	margin-left: 2px;
	padding-bottom: 3px;
	font-size: 10pt;
	font-family: arial;
}

.medTextTopLine {
	border-top: 1px solid #92C1F0;
}

.medRowHeader {
	padding-left: 2px;
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
}

.medCheckBoxUnset {
	border: 1px solid black;
	background-color: white;
}

.medCheckBoxOptional {
	background-color: gainsboro;
}

.medCheckBoxReadOnly{
	border: 1px solid black;
	background-color: gainsboro;
}
.fmzLabelBold {
	font-weight: bold;
	font-size: 10pt;
	font-family: arial;
	white-space: pre-wrap;
}
.fmzLabelUnderlined {
	text-decoration: underline;
	font-size: 10pt;
	font-family: arial;
	white-space: pre-wrap;
}



/** Style 1 for FMZ Table  gray/black full box*/


.tableStyle_s1 {
	border: 1px solid #696969;
	background-color: #FFFFFF;
}

.tableFirstHeader-s1
 {
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

.tableHeader-s1
 {
	border-left: 1px solid #696969;
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

.tableRowHeader-s1
{
	background-color: #D2D2D2;
}

.tableHeaderText-s1
{
	font-weight: bold;
	color: #000000;
	text-align: left;
	font-size: 10pt;
	font-family: Arial;
}

.tableRowOdd-s1
{
	border-top: 1px solid #696969;
	background-color: #EEEEEE;
}

.tableRowEven-s1
{
	border-top: 1px solid #696969;
	background-color: #FFFFFF;
}

.tableFirstCell-s1 {
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

.tableCell-s1 {
	border-left: 1px solid #696969;
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

/** Style 2 for FMZ Table  light blue header, no grid*/


.tableStyle_s2 {
	border: 1px solid #E3EDE5;
	background-color: #FFFFFF;
}

.tableFirstHeader-s2
 {
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

.tableHeader-s2
 {
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

.tableRowHeader-s2
{
	background-color: #D2D2D2;
	border-bottom: 1px solid #909090;
}

.tableHeaderText-s2
{
	font-weight: bold;
	color: #000000;
	text-align: left;
	font-size: 10pt;
	font-family: Arial;
}

.tableRowOdd-s2
{
	background-color: #E3EDE5;
}

.tableRowEven-s2
{
	background-color: #FFFFFF;
}

.tableFirstCell-s2 {
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}

.tableCell-s2 {
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px
}


.tableIntBox {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	text-align: right;
}


.tableIntBox-ValueError {
	background-color: #ffcccc;
}


.tableIntBox-readonly {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	text-align: right;
	background-color: gainsboro;
}

.tableIntBox:readonly {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	text-align: right;
	background-color: gainsboro;
}

.tableIntBox:disabled {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	font-align: right;
	background-color: gainsboro;
}

.braPanel
{
	border:  1px solid #9EB9CF;
	padding: 4px;
	margin-bottom: 10px;
}

.braInnerPanel
{
	
}

.braButton
{
	padding-left:  10px;
	padding-right: 10px;
	padding-top:    5px;
	padding-bottom: 5px;
}
.messageFrame {
	border: 1px solid #9EB9CF;
	border-radius: 2px;
	padding: 3px;
}
.messageBox {
	border: 1px solid dodgerblue;
	border-radius: 2px;
}

.messageBox_2 {
	border: 1px solid #9EB9CF;
	border-radius: 2px;
}

.messageHeader{
	padding-bottom: 2px;
	padding-left: 3px;
	border-bottom: 1px solid #9EB9CF;
}
.messageHeaderText
{
   padding-left: 4px;
	font-weight: bold;
	font-size: 10pt;
	font-family: arial;
}
.messageBody{
	padding: 3px;
}
.messageIcon {
	padding-left: 3px;
}

.msgBody{
	padding: 3px;
	font-size: 10pt;
	font-family: arial;
	border: 1px solid #9EB9CF;
}
.messageStatus_NotSend {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: Silver;
}
.messageStatus_Send {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: cornflowerblue;
}
.messageStatus_Error {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: Red;
}
.messageStatus_Read {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: limegreen;
}
.messageStatus_Download {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: limegreen;
}
.messageStatus_Expired {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: orange;
}
.messageStatus_Resend {
	width: 125px;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
	background-color: mediumturquoise;
}
.messageHeaderStatus {
cellpadding: 4px;
}



.dfChapterBtn {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background-color: #D0E4F6;
  border: 1px outset #ccc;
}
.dfChapterBtn-selected {
  text-decoration: bold;
  background: none;
  background-color: #92C1F0;
}

.notused:active {
  border: 1px inset #ccc;
}
.dfChapterBtn:hover {
  border-color: #9cf #69e #69e #7af;
}
.dfChapterBtn[disabled] {
  cursor: default;
  color: #888;
}
.dfChapterBtn[disabled]:hover {
  border: 1px outset #ccc;
}

.fmzEuroBox {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	text-align: right;
}

.fmzEuroBox-FormatError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzEuroBox-ValueError {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzEuroBox-ValueWarning {
	border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffd42a;
}

.fmzEuroBox-readonly {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzEuroBox:readonly {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzEuroBox:disabled {
	border: 1px solid #9EB9CF;
	color: black;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzEuroBoxRequired {
   border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: palegoldenrod;
	text-align: right;
}

.fmzEuroBoxRequired-FormatError {
   border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzEuroBoxRequired-ValueError {
   border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: #ffcccc;
}

.fmzEuroBoxRequired-readonly  {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzEuroBoxRequired:readonly  {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.fmzEuroBoxRequired:disabled  {
    border: 1px solid #9EB9CF;
	font-size: 10pt;
	font-family: arial;
	background-color: gainsboro;
}

.finModelLine_oddRow
{
	background-color: #E3EDF5;
}

.fmzLabel_right {
	font-size: 10pt;
	font-family: arial;
	white-space: pre-wrap;
	text-align: right;
}

.mainLabelBold_right {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
}

.mainLabelBold_Error_right {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
	color: #D50000;
}

.budgetNameLabel {
	padding-left: 3px;
	font-size: 10pt;
	font-family: Arial;
	vertical-align: text-center;
	cursor: pointer;
	
}
.budgetNamePnl {
	border-right: 1px solid;
	border-color: #C0C0C0;
}


.budgetLineTop {
	font-size: 8pt;
	font-family: Arial;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #C0C0C0;
}
.budgetLineMiddle {
	font-size: 8pt;
	font-family: Arial;
	border-left: 1px solid;
	border-right: 1p solid;
	border-color: #C0C0C0;
}
.budgetLineBottom {
	font-size: 8pt;
	font-family: Arial;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #C0C0C0;
}
.budgetLine {
	font-size: 8pt;
	font-family: Arial;
	border: 1px solid;
	border-color: #C0C0C0;
}

.budgetIndicator {
	border-left: 4px solid;
	border-color: #4897F1;
}

.dffHeaderMedium {
	font-size: 12pt;
	font-family: Arial;
}

.dffHeaderMediumBold {
	font-size: 12pt;
	font-family: Arial;
	font-weight: bold;
}

.FMZPushButton {
	display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    padding: 0; /* Remove default padding */
    border: 1px solid #92C1F0;
	font-size: 10pt;
	font-family: arial;
	text-decoration: none;
	background-color: #D0E4F6;
	border-radius: 2px;
	cursor: hand;
	margin: 0px;
}

.FMZPushButton:hover {
  background-color: #92C1F0;
}
.FMZPushButton[disabled] {
  background-color: gainsboro;
  border: 1px solid #6D6D6D;
}
.FMZPushButton[disabled]:hover {
  background-color: gainsboro;
}