/* (c) 2019-2023 Velpe Development bv - Author : Frank Vandervelpen.
Suite: Flex2B - www.flex2b.eu
Edited for Flex2B character set - customised application.css
Designed by Frank Vandervelpen - frank@velpe.be
LATEST CHANGE: FVDV - 20231025
*/

.WebHamburgerMenuItem.Tile_Icon:before,
.WebHamburgerMenuItem button:before,
button.WebHamburgerMenuItem:before,
.WebHamburgerMenuItem > div > span.WebItm_Icon:before {
    /* Hamburger Icon */
    content: "P"; /* "\00e006";*/ 
}

.WebToolBar:not(.WebActionBar) .WebHamburgerMenuItem > div > span.WebItm_Icon:before {
    font-size: 18px;
    padding: 4px 0px 0px 2px;
}


.WebLogOutMenuItem.Tile_Icon:before,
.WebLogOutMenuItem button:before,
button.WebLogOutMenuItem:before,
.WebLogOutMenuItem > div > span.WebItm_Icon:before {
    /* LogOut Icon  W*/
    content: "\00e024";  /*"\00e00d"; */
}


.WebDashBoardMenuItem.Tile_Icon:before,
.WebDashBoardMenuItem button:before,
button.WebDashBoardMenuItem:before,
.WebDashBoardMenuItem > div > span.WebItm_Icon:before {
    /* DashBoard Icon  W*/
    content: "h"; 
}

.WebProcessFlowMenuItem.Tile_Icon:before,
.WebProcessFlowMenuItem button:before,
button.WebProcessFlowMenuItem:before,
.WebProcessFlowMenuItem > div > span.WebItm_Icon:before {
    /* DashBoard Icon  W*/
    content: "."; 
}



.WebFavoriteMenuItem.Tile_Icon:before,
.WebFavoriteMenuItem button:before,
button.WebFavoriteMenuItem:before,
.WebFavoriteMenuItem > div > span.WebItm_Icon:before {
    /* Favorite Icon a Star  based on icofont-favourite */
    content: "\ef25";     font-family: 'IcoFont' !important; color: #B3C635 ;
}


.WebOnlineDocumentationMenuItem.Tile_Icon:before,
.WebOnlineDocumentationMenuItem button:before,
button.WebOnlineDocumentationMenuItem:before,
.WebOnlineDocumentationMenuItem > div > span.WebItm_Icon:before {
    /* DashBoard Icon  W*/
    content: "J"; 
}




.WebSysAdminMenuItem.Tile_Icon:before,
.WebSysAdminMenuItem button:before,
button.WebSysAdminMenuItem:before,
.WebSysAdminMenuItem > div > span.WebItm_Icon:before {
    /* SysAdmin Icon  */
    content: "l"; /* "\00e010"; */
}


.WebNewTabMenuItem.Tile_Icon:before,
.WebNewTabMenuItem button:before,
button.WebNewTabMenuItem:before,
.WebNewTabMenuItem > div > span.WebItm_Icon:before {
    /* DashBoard Icon  W*/
    content: "I"; 
}


.dhx_cal_event
{
	opacity: 1 !important;
	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s; 
}

.Flash
{	
	opacity: 0 !important;
	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s; 
}

.dhx_cal_event_clear
{
	height: 25px !important;
	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s; 
}

.dhx_cal_header, .dhx_cal_navline
{
	z-index: 0 !important;
}

.WebList_Row:hover
{
   background-color: #99CCFF;
}

.listItemName
{
    font-weight: bold;
}

.listItemDate, .listItemTime
{
    color: grey;
}

.dhx_cal_event_line_start
{
    background-color: #FF6600;
}

.dhx_cal_event_line_start
{
    color: #FFFFFF !important;
}

.dhx_cal_event.dhx_cal_select_menu
{
	display: none;
}

.WebIFrame .WebIFrm_Box
{
    border: none;
}

.timespan-red {
	background-color: red;
	opacity: 0.5;
}

.timespan-blue {
	background-color: blue;
	opacity: 0.5;
}

.dhx_time_block {
	z-index: 0 !important;
}

.dhx_cal_event.cssIcon > .dhx_title:before,
.dhx_cal_event_line.cssIcon:before {
	font-family: "dataflex-mobile" !important;
	content: "%";
	margin-right: 10px;
}


.dhx_cal_event.cssIconDeleted > .dhx_title:before,
.dhx_cal_event_line.cssIconDeleted:before {
	font-family: "dataflex-mobile" !important;
	content: "x";
	margin-right: 14px;
}


.dhx_cal_event.cssIconCompletePlanned > .dhx_title:before,
.dhx_cal_event_line.cssIconCompletePlanned:before {
	font-family: "dataflex-mobile" !important;
	content: "t";
	margin-right: 14px;
}


.dhx_cal_event.cssIconRequest > .dhx_title:before,
.dhx_cal_event_line.cssIconRequest:before {
	font-family: "dataflex-mobile" !important;
	content: "u";
	margin-right: 14px;
}


.dhx_cal_event.cssIconPlanned > .dhx_title:before,
.dhx_cal_event_line.cssIconPlanned:before {
	font-family: "dataflex-mobile" !important;
	content: "R";
	margin-right: 14px;
}





.dhx_cal_event.customCssClass > .dhx_body {
	color: red;
}

.popup-z-1000 {
  z-index: 1000;
}

@charset "UTF-8";

@font-face {
  font-family: "scheduler-demo";
  src:url("fonts/scheduler-demo.eot");
  src:url("fonts/scheduler-demo.eot?#iefix") format("embedded-opentype"),
    url("fonts/scheduler-demo.woff") format("woff"),
    url("fonts/scheduler-demo.ttf") format("truetype"),
    url("fonts/scheduler-demo.svg#scheduler-demo") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "scheduler-demo" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "scheduler-demo" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check-1:before {
  content: "a";
}
.icon-cross-1:before {
  content: "b";
}

.WebSysAdminMenuItem.Tile_Icon:before,
.WebSysAdminMenuItem button:before,
button.WebSysAdminMenuItem:before,
.WebSysAdminMenuItem > div > span.WebItm_Icon:before {
    /* SysAdmin Icon  */
    content: "l"; /* "\00e010"; */
}


.WebSpyMenuItem.Tile_Icon:before,
.WebSpyMenuItem button:before,
button.WebSpyMenuItem:before,
.WebSpyMenuItem > div > span.WebItm_Icon:before {
    /* SysAdmin Icon  */
    content: "\00e003"; 
}



.WebToolBar:not(.WebActionBar) .WebLogOutMenuItem > div > span.WebItm_Icon:before {
    font-size: 18px;
    padding: 6px 0px 0px 4px;
}
.PasswordReset .WebHtml_Wrp{
    padding: 15px 0px 0px;
    color: #FFFFFF;
    text-align: center;
}

.LanguageMenu a:before{
    content: '';
}
.LanguageMenu .WebCon_Inner > div{
    text-align: right;
}
.LanguageMenu a{
    background-image: url('../Images/F2BLanguageMenu.png');
    height: 32px; /*34px;*/
    width: 32px; /*42px;*/
    display: inline-block;
}

.WebMenuButton_Below.WebFlPnl{
    margin-top: 0px;
}



/* WebList - .DemoCol..
   ============================
   The DemoColLow, DemoColMedium and DemoColHigh CSS classes are applied to individual cells of the
   balance column in the DemoColumnTypes view. This shows how to apply dynamic styling based on the
   data in the list.
*/
#OWEBAPP .DemoColumnBalance.DemoColLow{
    background-color: red;   
}

#OWEBAPP .DemoColumnBalance.DemoColMedium{
    background-color: orange;   
}

#OWEBAPP .DemoColumnBalance.DemoColHigh{
    background-color: green;   
}

/* WebList - .DemoColumnCity
   ============================
   This demo shows how to style an individual column. This classname is applied to the City column 
   of the DemoColumnTypes view.
*/
#OWEBAPP .DemoColumnCity{
   font-weight: bold;
}




/* inherited from MPP */
/* TreeView - .tvConfig
   ====================
   Set psCssClass to "tvConfig" in your cWebApp treeview to apply these styles */

#OWEBAPP .tvConfig.WebTreeView .WebTree_Icon, 
#OWEBAPP .tvConfig.WebTreeView .WebTree_Folder{
    background-image: url('tvFolder.gif');
}

#OWEBAPP .tvConfig.WebTreeView .WebTree_Item, 
#OWEBAPP .tvConfig.WebTreeView .WebTree_Con{
    background-image: url('tvImages.gif');
}
.WebControl > .WebCon_Inner {
    margin: 4px 5px;
}

#OWEBAPP .Web_Disabled > .WebButtonIcon:before, #OWEBAPP .Web_Disabled > .WebButtonIcon:before:hover {
    color: #8E8A87;
}

/* Fix for Df_Flat_Touch which doesn't show selected text inside a text area */
textarea::selection{ 
    color: #FFFFFF;
    background: #626C2F;
}


/* Inactive users get this class when displayed in a list */
#OWEBAPP .RowInactive td{
    color: #B6B2AE;
}

/* Hide info icon for other rows */
#OWEBAPP .RowOther .WebIcon_Info{
    display: none;
}


#OWEBAPP .WebEdit.ddDebugEdit textarea{
    font-family: courier;
    font-size: 75%;   /*90%;*/
    color: inherit;   
}

.CondensedList .WebList_Body .WebList_Row td{
    font-size: 14px;
    /*padding: 3px 4px;*/
    /* height was 34*/ 
    height: 28px;
}

.WebGrid .WebList_Body .WebList_Row .WebButtonIcon, .WebGrid .WebList_Body .WebList_Row .WebButtonIcon:hover {
    background: transparent;
    border: none;
}

#OWEBAPP button.WebIcon_Select, #OWEBAPP button.WebIcon_Selected{
    border: 1px solid #BABABA;
    border-radius: 50%;
    padding: 0px 0px 0px 0px;
    /* height Was 28*/
    height: 28px; 
    width: 28px;
}

button.WebIcon_Select:before
{
    padding: 6px 0px 6px 0px;
    font-size: 13px;       /*fvdv-fontsize 13px; */
    content: "M"; /*"y";*/ /* DF191*/
}

button.WebIcon_Selected:before
{
    /* Info icon */
    /*font-size: 13px;*/
    padding: 6px 0px 6px 0px;
    font-size: 13px;       /*fvdv-fontsize 13px; */
    content: "f"; /*"&";*/
}


button.WebIcon_ColourPallet:before
{
    padding: 6px 0px 6px 0px;
    font-size: 13px;       /*fvdv-fontsize 13px; */
    content: "\\";         /*"4";*/ /* Sign of a colour pallet */
}

button.WebIcon_ColourPalletBig:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 13px; */
    content: "\\";         /*"4";*/ /* Sign of a colour pallet */
}


button.WebIcon_Printer:before
{
    padding: 6px 0px 6px 0px;
    font-size: 13px;       /*fvdv-fontsize 13px; */
    content: "\00e009";	   /*"S"; */         /* Sign of a colour pallet */
}

button.WebIcon_PrinterBig:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 19px; */
    content: "\00e009";	   /*"S"; */         /* Sign of a colour pallet */
}


button.WebIcon_TrashCan:before
{
    padding: 6px 0px 6px 0px;
    font-size: 13px;       /*fvdv-fontsize 13px; */
    content: "q";          /* Sign of a colour pallet */
}

button.WebIcon_TrashCanBig:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 18px; */
    content: "q";          /* Sign of a colour pallet */
}

button.WebIcon_ProcurementParticipate:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 18px; */
    content: "T";          /* Sign of a colour pallet */
}


button.WebIcon_ApplySave:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 18px; */
    content: "\e026";      /* a Save/Diskette icon */
    
}

button.WebIcon_ClearSmall:before
{
    padding: 6px 0px 6px 0px;
    font-size: 13px;       /*fvdv-fontsize 13px; */
    content: "^";          /* Sign of a colour pallet */
}

button.WebIcon_ClearBig:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 13px; */
    content: "^";          /* Sign of a colour pallet */
}

button.WebIcon_SchedulerUseLeft:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 13px; */
    content: "{";          /* Sign of a colour pallet */ /* DF191: Start (left) button*/
}


button.WebIcon_SchedulerCalc:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 13px; */
    content: "]";          /* Sign of a colour pallet */
}


.PasswordReset .WebHtml_Wrp{
    padding: 15px 0px 0px;
    color: #FFFFFF;
    text-align: center;
}

/*
.LanguageMenu a:before{
    content: '';
}
.LanguageMenu .WebCon_Inner > div{
    text-align: right;
}
.LanguageMenu a{
    background-image: url('../Images/F2BLanguageMenu.png');
    height: 32px; /*34px;* /
    width: 32px; /*42px;* /
    display: inline-block;
}

.WebMenuButton_Below.WebFlPnl{
    margin-top: 0px;
}
*/



.CaptionLabel .WebLabel_content{
    font-size: 18px;
    font-weight: bold;
}


.WebUserInfoMenuItem > div > span.WebItm_Icon:before {
    /* Find First Icon */
    content: "\e01e"; 
}

button.WebIcon_TTT:before
{
    padding: 6px 0px 6px 0px;
    font-size: 18px;       /*fvdv-fontsize 13px; */
    content: "?";          /* Sign of a colour pallet */
}

.Tile.vdAlternate1 .WebCon_Sizer {
    background: #898F5F; /* 005899  */
}
.Tile.vdAlternate2 .WebCon_Sizer {
    background: #404040; /* 5C5C5C */
}

@font-face {
  font-family: "dataflex-mobile";
  src:url("Fonts/dataflex-mobile.eot");
  src:url("Fonts/dataflex-mobile.eot?#iefix") format("embedded-opentype"),
    url("Fonts/dataflex-mobile.woff") format("woff"),
    url("Fonts/dataflex-mobile.ttf") format("truetype"),
    url("Fonts/dataflex-mobile.svg#dataflex-mobile") format("svg");
  font-weight: normal;
  font-style: normal;
} /* 20190510 FVDV: CSS enhancement for DF191: Inherited from earlier version to get specific icons not supplied any more */


.WebRecalcMenuItem.Tile_Icon:before,
.WebRecalcMenuItem button:before,
button.WebRecalcMenuItem:before,
.WebRecalcMenuItem > div > span.WebItm_Icon:before {
	font-family: "dataflex-mobile" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    /* Calendar Icon : y */
    padding: 0px 0px 0px 0px;
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    content: "y"; /* FVDV-DF191OK */
}


.WebRecalcAllMenuItem.Tile_Icon:before,
.WebRecalcAllMenuItem button:before,
button.WebRecalcAllMenuItem:before,
.WebRecalcAllMenuItem > div > span.WebItm_Icon:before {
	font-family: "dataflex-mobile" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    /* Calendar Icon : @ */
    padding: 0px 0px 0px 0px;
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    content: "@"; /* FVDV-DF191OK */
}

.WebUploadMenuItem.Tile_Icon:before,
.WebUploadMenuItem button:before,
button.WebUploadMenuItem:before,
.WebUploadMenuItem > div > span.WebItm_Icon:before {
    /* Cloud symbol with upload background */
    padding: 0px 0px 0px 0px;
	color: #626C2F;  
    font-size: 28px;       /*fvdv-fontsize 13px; */
    content: "m"; /* */
}


.WebUploadMenuItem2.Tile_Icon:before,
.WebUploadMenuItem2 button:before,
button.WebUploadMenuItem2:before,
.WebUploadMenuItem2 > div > span.WebItm_Icon:before {
    /* Upload Icon */
    padding: 0px 0px 0px 0px;
	color: #626C2F;  
    font-size: 28px;       /*fvdv-fontsize 13px; */
    content: "\3df";      /*"&#x3df"; */
}


.WebSchedulerRefreshMenuItem.Tile_Icon:before,
.WebSchedulerRefreshMenuItem button:before,
button.WebSchedulerRefreshMenuItem:before,
.WebSchedulerRefreshMenuItem > div > span.WebItm_Icon:before {
    /* Calendar Icon : h or % */
    content: "%"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}


.WebSchedulerPrintCalendarMenuItem.Tile_Icon:before,
.WebSchedulerPrintCalendarMenuItem button:before,
button.WebSchedulerPrintCalendarMenuItem:before,
.WebSchedulerPrintCalendarMenuItem > div > span.WebItm_Icon:before {
    /* Calendar Icon : h or % */
    content: "\00e009" ;  /*"S";*/ 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}


.WebEnquiryPrintMenuItem.Tile_Icon:before,
.WebEnquiryPrintMenuItem button:before,
button.WebEnquiryPrintMenuItem:before,
.WebEnquiryPrintMenuItem > div > span.WebItm_Icon:before {
    /* Calendar Icon : h or % */
    content: "\00e009" ;  /*"S";*/ 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
/*	font-family: "dataflex-mobile" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
*/	
    /* Calendar Icon : printer */
    padding: 0px 0px 0px 0px;
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}



.WebEnquiryBillboardMenuItem.Tile_Icon:before,
.WebEnquiryBillboardMenuItem button:before,
button.WebEnquiryBillboardMenuItem:before,
.WebEnquiryBillboardMenuItem > div > span.WebItm_Icon:before {
    font-family: 'IcoFont' !important; 
    content: "\e965" ;  /*"icofont billboard*/       
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0 0 0px; /* 6px 0 0 5px;*/
}


.WebEnquiryPresentationAltMenuItem.Tile_Icon:before,
.WebEnquiryPresentationAltMenuItem button:before,
button.WebEnquiryPresentationAltMenuItem:before,
.WebEnquiryPresentationAltMenuItem > div > span.WebItm_Icon:before {
    font-family: 'IcoFont' !important; 
    content: "\e974" ;  /*"icofont presentation-alt*/       
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0 0 0px; /* 6px 0 0 5px;*/
}




.WebSchedulerLegendaMenuItem.Tile_Icon:before,
.WebSchedulerLegendaMenuItem button:before,
button.WebSchedulerLegendaMenuItem:before,
.WebSchedulerLegendaMenuItem > div > span.WebItm_Icon:before {
    /* Calendar Icon : h or % */
    content: "M";  /* information sign*/
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}




.CalendarLegendacssIconMenuItem.Tile_Icon:before,
.CalendarLegendacssIconMenuItem button:before,
button.CalendarLegendacssIconMenuItem:before,
.CalendarLegendacssIconMenuItem > div > span.WebItm_Icon:before {
    content: "%"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}

.CalendarLegendacssIconDeletedMenuItem.Tile_Icon:before,
.CalendarLegendacssIconDeletedMenuItem button:before,
button.CalendarLegendacssIconDeletedMenuItem:before,
.CalendarLegendacssIconDeletedMenuItem > div > span.WebItm_Icon:before {
    content: "x"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}

.CalendarLegendacssIconCompletePlannedMenuItem.Tile_Icon:before,
.CalendarLegendacssIconCompletePlannedMenuItem button:before,
button.CalendarLegendacssIconCompletePlannedMenuItem:before,
.CalendarLegendacssIconCompletePlannedMenuItem > div > span.WebItm_Icon:before {
    content: "t"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}

.CalendarLegendacssIconRequestMenuItem.Tile_Icon:before,
.CalendarLegendacssIconRequestMenuItem button:before,
button.CalendarLegendacssIconRequestMenuItem:before,
.CalendarLegendacssIconRequestMenuItem > div > span.WebItm_Icon:before {
    content: "u"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}

.CalendarLegendacssIconPlannedMenuItem.Tile_Icon:before,
.CalendarLegendacssIconPlannedMenuItem button:before,
button.CalendarLegendacssIconPlannedMenuItem:before,
.CalendarLegendacssIconPlannedMenuItem > div > span.WebItm_Icon:before {
    content: "R"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}

.ClearFiltersMenuItem.Tile_Icon:before,
.ClearFiltersMenuItem button:before,
button.ClearFiltersMenuItem:before,
.ClearFiltersMenuItem > div > span.WebItm_Icon:before {
    content: "/"; 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
}

/*
.CalendarLegendaMenuItem.Tile_Icon:before,
.CalendarLegendaMenuItem button:before,
button.CalendarLegendaMenuItem:before,
.CalendarLegendaMenuItem > div > span.WebItm_Icon:before {
    content: "S"; 
}
*/


/*@import("icofont/icofont.css") ;*/
/*
@font-face {
  font-family: "icofont";
  src:url("Fonts/icofont.eot");
  src:url("Fonts/icofont.eot?#iefix") format("embedded-opentype"),
    url("Fonts/icofont.woff") format("woff"),
    url("Fonts/icofont.ttf") format("truetype"),
    url("Fonts/icofont.svg#icofont") format("svg");
  font-weight: normal;
  font-style: normal;
}  20190510 FVDV: CSS enhancement for DF191: Inherited from earlier version to get specific icons not supplied any more */

@font-face {
  font-family: "IcoFont";
  font-weight: normal;
  font-style: "Regular";
  src: 
/*url("Fonts/icofont.woff2") format("woff2"), not widely supported */
  url("Fonts/icofont.woff") format("woff");
}



.Tile_Icon.WebIcon_icofontcreationofstock:before,
.WebIcon_icofontcreationofstock button:before,
button.WebIcon_icofontcreationofstock:before,
.WebIcon_icofontcreationofstock > div > span.WebItm_Icon:before {
	/*font-family: "IcoFont" !important;*/
	font-family: "IcoFont" !important;
    height: 60px;
    width: 60px; 
    /* Creation of Stock - bricks*/
    content: "\e989";
	color: #B3C635 ;
} 



.Tile_Icon.WebIcon_icofontstockunitenquiry:before,
.WebIcon_icofontstockunitenquiry button:before,
button.WebIcon_icofontstockunitenquiry:before,
.WebIcon_icofontstockunitenquiry > div > span.WebItm_Icon:before {
    /* Stock unit enquiry */
	font-family: "IcoFont" !important;
    height: 60px;
    width: 60px; 
    /*content: "\eb24";*/
    content: "\eb73";
	color: #B3C635 ;
} 




.Tile_Icon.WebIcon_icofontdelivery:before,
.WebIcon_icofontdelivery button:before,
button.WebIcon_icofontdelivery:before,
.WebIcon_icofontdelivery > div > span.WebItm_Icon:before {
    /* Delivery : truck-loaded*/
	font-family: "IcoFont" !important;
    height: 60px;
    width: 60px; 
    content: "\ee3c";
	color: #B3C635 ;
} 

.Tile_Icon.WebIcon_icofontgoodsreceipt:before,
.WebIcon_icofontgoodsreceipt button:before,
button.WebIcon_icofontgoodsreceipt:before,
.WebIcon_icofontgoodsreceipt > div > span.WebItm_Icon:before {
    /* Goods Receipts - vehicle-delivery-van*/
	font-family: "IcoFont" !important;
    height: 60px;
    width: 60px; 
    content: "\e9bd";
	color: #B3C635 ;
} 

.Tile_Icon.WebIcon_icofontdeliveryexportcontainers:before,
.WebIcon_icofontdeliveryexportcontainers button:before,
button.WebIcon_icofontdeliveryexportcontainers:before,
.WebIcon_icofontdeliveryexportcontainers > div > span.WebItm_Icon:before {
    /* Export on container */
	font-family: "IcoFont" !important;
    height: 60px;
    width: 60px; 
    content: "\ee34";
	color: #B3C635 ;
} 


.Tile_Icon.WebIcon_free:before,
.WebIcon_free button:before,
button.WebIcon_free:before,
.WebIcon_free > div > span.WebItm_Icon:before {
    /* Engineer */
	font-family: "IcoFont" !important;
    height: 60px;
    width: 60px; 
    content: "\e999";
	color: #B3C635 ;
} 

.WebIcon_RecallHead.Tile_Icon:before,
.WebIcon_RecallHead button:before,
button.WebIcon_RecallHead:before,
.WebIcon_RecallHead > div > span.WebItm_Icon:before {
    /* Recall Main: bell-alt */
	font-family: "IcoFont" !important;
    content: "\eacf" ;  /*"S";*/ 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}

.WebIcon_InheritFromCentramSite.Tile_Icon:before,
.WebIcon_InheritFromCentramSite button:before,
button.WebIcon_InheritFromCentramSite:before,
.WebIcon_InheritFromCentramSite > div > span.WebItm_Icon:before {
    /* Recall Main: bell-alt */
	font-family: "IcoFont" !important;
    content: "\ec80" ;  /*ui-rotation;*/ 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}

.WebIcon_InheritFromCentralSite.Tile_Icon:before,
.WebIcon_InheritFromCentralSite button:before,
button.WebIcon_InheritFromCentralSite:before,
.WebIcon_InheritFromCentralSite > div > span.WebItm_Icon:before {
    /* Recall Main: bell-alt */
	font-family: "IcoFont" !important;
    content: "\ec80" ;  /*ui-rotation;*/ 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebIcon_FilterChange.Tile_Icon:before,
.WebIcon_FilterChange button:before,
button.WebIcon_FilterChange:before,
.WebIcon_FilterChange > div > span.WebItm_Icon:before {
    /* Recall Main: bell-alt */
	font-family: "IcoFont" !important;
    content: "\ee54" ;  /*eclipse;*/ 
	color: #626C2F;  
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebIcon_Random.Tile_Icon:before,
.WebIcon_Random button:before,
button.WebIcon_Random:before,
.WebIcon_Random > div > span.WebItm_Icon:before {
    /* Favorite Icon a Star  based on icofont-favourite */
	font-family: 'IcoFont' !important;
    content: "\efcf";      
	color: #B3C635 ;
}


/* SyncFusion added - FV - check if working */

.RedBox { border-width : 1px !important;
          border-color: red !important; }
          
.sfWebColumnButton>button {
  background-color: #0072C6;
  color: white;
}
          
.sfWebColumnButton .WebButtonIcon {
  background-color: transparent;
  border: none;
}
          
.sfWebColumnButton>.WebButtonIcon::before {
  color: #0072C6;
}

/* fix for z-index issues when SF WebList is "virtual" */

.WebWindow_Mask {
  z-index: 1;
}

.WebWindow_Mask + .WebWindow.WebView {
  z-index: 2;
}


.WebFlPnl.WebContainer {
  z-index: 2; 
}

.WebWindow.WebMsgBox {
  z-index: 2;
}

/* fix the dropzone for a cWebFileUploadButton or a cWebFileUploadForm inside a cWebModalDialog */

.WebWindow_Mask ~ .WebDropZone {
  z-index: 2;
}


/* For the Eyes 2 * view *, maybe we need to look for more meaningfull icons */
.WebColImg.SuccesFul {
	background: url('../images/lime032x032.png');
	background-repeat: no-repeat;
}

.WebColImg.NotSuccesFul {
	background: url('../images/red032x032.png');
	background-repeat: no-repeat;
}

.WebColImg.Missing {
	background: url('../images/yellow.png');
	background-repeat: no-repeat;
}

/* For selecting parts of the text of the view  */
::selection {
    color: #FFFFFF;
    background: #B3C635; /*#2084F2;*/
}

/* Stock Unit Enquiry Labo & Quality coloring rows with Palvalue.Deleted = "X" red */
#OWEBAPP .LabQualRed{
	color:red;
}

/* HvdL: hack CheckboxColumn within a Weblist shows a '.' in front of the checkbox  */
.WebColCheckbox input {
	opacity: 0 !important
}



/* Top menu, fast activation on major modules */
.WebMaterial.Tile_Icon:before,
.WebMaterial button:before,
button.WebMaterial:before,
.WebMaterial > div > span.WebItm_Icon:before {
    content: "\ead8";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 16px;  /* 20 is too big */     /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebStockUnitEnquiry.Tile_Icon:before,
.WebStockUnitEnquiry button:before,
button.WebStockUnitEnquiry:before,
.WebStockUnitEnquiry > div > span.WebItm_Icon:before {
    content: "\ec6f"; /* ui-note icon*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 16px;  /* 20 is too big */     /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebStockUnitConsult.Tile_Icon:before,
.WebStockUnitConsult button:before,
button.WebStockUnitConsult:before,
.WebStockUnitConsult > div > span.WebItm_Icon:before {
    content: "\eb73"; /* kiwi icon*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 16px;  /* 20 is too big */     /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}




.WebDelivery.Tile_Icon:before,
.WebDelivery button:before,
button.WebDelivery:before,
.WebDelivery > div > span.WebItm_Icon:before {
    content: "\ee3c"; /* truck */       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}

.WebCreationOfStock.Tile_Icon:before,
.WebCreationOfStock button:before,
button.WebCreationOfStock:before,
.WebCreationOfStock > div > span.WebItm_Icon:before {
    content: "\e989"; /* bricks */       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebDepletionOfStock.Tile_Icon:before,
.WebDepletionOfStock button:before,
button.WebDepletionOfStock:before,
.WebDepletionOfStock > div > span.WebItm_Icon:before {
    content: "\eabe"; /* Stylish down */       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebGoodsReceipt.Tile_Icon:before,
.WebGoodsReceipt button:before,
button.WebGoodsReceipt:before,
.WebGoodsReceipt > div > span.WebItm_Icon:before {
    content: "\e9bd"; /* Delivery Van inverse */       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 20px;       /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


/* Top menu, fast activation on major modules */
.WebStaging.Tile_Icon:before,
.WebStaging button:before,
button.WebStaging:before,
.WebStaging > div > span.WebItm_Icon:before {
    content: "\ec4a";  /*"icofont ui-chat*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 16px;  /* 20 is too big */     /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}

/* Top menu, fast activation on major modules */
.WebToSendToCPI.Tile_Icon:before,
.WebToSendToCPI button:before,
button.WebToSendToCPI:before,
.WebToSendToCPI > div > span.WebItm_Icon:before {
    content: "\ef1f";  /*"icofont external link*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 16px;  /* 20 is too big */     /*fvdv-fontsize 13px; */
    padding: 0px 0px 0px 0px;
}


.WebOpenInThisTab.Tile_Icon:before,
.WebOpenInThisTab button:before,
button.WebOpenInThisTab:before,
.WebOpenInThisTab > div > span.WebItm_Icon:before {
    content: "\eeb4"; /* "\eb23";  -- file-psb -- "\e807"  --; crown queen icon*/       
    font-weight: regular;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 22px;  
    padding: 0px 0px 0px 0px;
}

.WebOpenInNewTab.Tile_Icon:before,
.WebOpenInNewTab button:before,
button.WebOpenInNewTab:before,
.WebOpenInNewTab > div > span.WebItm_Icon:before {
    content: "\eeb2"; /* "\eb24"; "-- file-psb -- \e806"; crown king*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 22px;  
    padding: 0px 0px 0px 0px;
}


.WebEyeTab.Tile_Icon:before,
.WebEyeTab button:before,
button.WebEyeTab:before,
.WebEyeTab > div > span.WebItm_Icon:before {
    content: "\ec1e"; /*"\ef21";  "\eb24"; "-- file-psb -- \e806"; crown king*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 20px;  
    padding: 0px 0px 0px 0px;
}






/* Top menu, Enterprise Flow Activated */
.WebWave0.Tile_Icon:before,
.WebWave0 button:before,
button.WebWave0:before,
.WebWave0 > div > span.WebItm_Icon:before {
    content: "\ee8a";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px; 
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave1.Tile_Icon:before,
.WebWave1 button:before,
button.WebWave1:before,
.WebWave1 > div > span.WebItm_Icon:before {
    content: "\ee8b";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave2.Tile_Icon:before,
.WebWave2 button:before,
button.WebWave2:before,
.WebWave2 > div > span.WebItm_Icon:before {
    content: "\ee8f";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave3.Tile_Icon:before,
.WebWave3 button:before,
button.WebWave3:before,
.WebWave3 > div > span.WebItm_Icon:before {
    content: "\ee90";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave4.Tile_Icon:before,
.WebWave4 button:before,
button.WebWave4:before,
.WebWave4 > div > span.WebItm_Icon:before {
    content: "\ee91";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave5.Tile_Icon:before,
.WebWave5 button:before,
button.WebWave5:before,
.WebWave5 > div > span.WebItm_Icon:before {
    content: "\ee92";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave6.Tile_Icon:before,
.WebWave6 button:before,
button.WebWave6:before,
.WebWave6 > div > span.WebItm_Icon:before {
    content: "\ee93";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave7.Tile_Icon:before,
.WebWave7 button:before,
button.WebWave7:before,
.WebWave7 > div > span.WebItm_Icon:before {
    content: "\ee94";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave8.Tile_Icon:before,
.WebWave8 button:before,
button.WebWave8:before,
.WebWave8 > div > span.WebItm_Icon:before {
    content: "\ee95";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}

/* Top menu, Enterprise Flow Activated */
.WebWave9.Tile_Icon:before,
.WebWave9 button:before,
button.WebWave9:before,
.WebWave9 > div > span.WebItm_Icon:before {
    content: "\ee96";  /*"icofont electron*/       
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}


/* Top menu, Enterprise Flow Activated */
.WebWave.Tile_Icon:before,
.WebWave button:before,
button.WebWave:before,
.WebWave > div > span.WebItm_Icon:before {
    font-weight: bold;
    font-family: 'IcoFont' !important; 
    color: #B3C635 ;
    font-size: 22px;
    padding: 0px 0px 0px 0px;
}