/* VCMOD adjustments */
.cx_btn-tooltip .cx_icon::before,
.cx_btn-Button .cx_icon::before{
	content: "\f059"; /* aangepast om meer correct icon weer te geven */
}
.input-group-btn.postfix {
    width: auto;
    /*width: initial;*/
}
/*.cx_node .cx_widget > input + .input-group-btn{*/
/*	margin-top: 5px;	*/
/*}*/

/* ALL BUTTON RELATED STYLING MOVED FROM CX.CSS */
@font-face {
  font-family: 'cx_icons';
  src: url('/webresources/3.1/icons/font/cx_icons.eot?24026262');
  src: url('/webresources/3.1/icons/font/cx_icons.eot?24026262#iefix') format('embedded-opentype'),
       url('/webresources/3.1/icons/font/cx_icons.woff2?50480029') format('woff2'),
       url('/webresources/3.1/icons/font/cx_icons.woff?24026262') format('woff'),
       url('/webresources/3.1/icons/font/cx_icons.ttf?24026262') format('truetype'),
       url('/webresources/3.1/icons/font/cx_icons.svg?24026262#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ------------ BTN IN CONTEXT------------------*/
/* TEMPORARILY DISABLED
	.cx_node .btn-default,
	.cx_node .btn-default:hover,
	.cx_node .btn-default:active,
	.cx_node .btn-default:focus,
	.cx_node .btn-default:visited,
	.cx_node .btn-default:active:hover,
	.cx_node .btn-default:active:focus,
	.cx_node .btn-default:active:visited{
	    background: none;
	    border: none;
	    padding: 0;
	    box-shadow: none;
	}
*/
/* REMOVE: OVERRIDEN BY BOOTSTRAP 
	.btn-toolbar > .dropdown {
	    margin-right: 5px;
	    margin-bottom: 5px;
	    float: left;
	}
	*/
/* FADI: BOOTSTRAP 4 STUFF.
	.btn-group-flex{
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
		display: flex;	
	}
	.btn-group-flex > .btn{
		flex: 1;
		margin-right: 5px;	
	}
	
	.btn-group-flex > .btn:last-child{
		margin-right: 0;	
	}
	*/
/* REMOVE DUPLICATE & SPECIFIC RULES
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:hover,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:focus,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:visited,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active:hover,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active:focus,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active:visited,
	
	
	.table .btn-default:hover,
	.table .btn-default:active,
	.table .btn-default:focus,
	.table .btn-default:visited,
	.table .btn-default:active:hover,
	.table .btn-default:active:focus,
	.table .btn-default:active:visited{
		background: none;
	    border: none;
	    box-shadow: none;
		color: #1d95ff;
	}
	*/
/* REMOVE TOO SPECIFIC
	.form-group *:not(.btn-group-vertical) > .btn-default,
	.table .btn-default{
		padding: 6px;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	}
	.table .btn-default,
	.table .btn-default:visited{
		background: none;
	    border: none;
	    box-shadow: none;
		color: grey; 
	    height: 30px;
	}
	*/
	
/* REMOVE
	.form-group *:not(.btn-group-vertical) > .btn-default:hover,
	.table .btn-default:hover{
		color: #2285e0;
	}
*/
/* REMOVE TOO SPECIFIC
	.table .btn-disabled:hover,
	.table .btn-disabled.active,
	.table .btn-disabled:active,
	.table .btn-disabled.focus, 
	.table .btn-disabled:focus,
	.table .btn-disabled.active.focus, 
	.table .btn-disabled.active:focus, 
	.table .btn-disabled.active:hover, 
	.table .btn-disabled:active.focus, 
	.table .btn-disabled:active:focus, 
	.table .btn-disabled:active:hover, 
	.table .btn-disabled.focus, 
	.table .btn-disabled:focus,
	
	.form-group *:not(.btn-group-vertical) > .btn-disabled:hover,
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active,
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active,
	.form-group *:not(.btn-group-vertical) > .btn-disabled.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:focus,
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active:focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active:hover, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active:focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active:hover, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:focus{
	    color: grey;
	}
*/
/*.cx_btn-dragHandle,*/
/*.cx_btn-dragHandle:hover,*/
/*.cx_btn-dragHandle:active,*/
/*.cx_btn-dragHandle:focus,*/
/*.cx_btn-dragHandle:visited,*/
/*.cx_btn-dragHandle:active:hover,*/
/*.cx_btn-dragHandle:active:focus,*/
/*.cx_btn-dragHandle:active:visited{*/
/*	background: none;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*}*/
/* REMOVE: FORCES SIZE, LEAVE TO BOOTSTRAP STYLING
.table .cx_btn-delete .cx_icon::before, 
.table .cx_btn-Delete .cx_icon::before, 
.table .cx_btn-deleteFile .cx_icon::before {
    font-size: 18px;
}
*/
/* btn toolbar */
/*
.btn-toolbar{
    margin: 0  0 10px 0;
}
*/
.btn-toolbar .btn:first-child{
	margin-left: 0;
}
.btn-toolbar > .cx_btn_wrapper{
	margin-right: 5px; 
	margin-bottom: 5px; 
	float: left;
}
.cx_btn_wrapper {
	display: inline-block;
}
.input-group-btn .cx_btn_wrapper {
	float: left;  	
}
/* ------------ BTN DROPDOWN ------------------*/
/*
.btn-group > .dropdown-menu > li >* {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
*/
/* ------------------------- CX WELL CONTENT WIDTH -------------------------*/
.cx_well_content_width > .btn {
    overflow: hidden;
    text-overflow: ellipsis;
}
	/* buttons */
		/* general rules */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-disabled{ 
				    opacity: .5; /* less than default .65 - because of lighter colours 
				}
				.btn:active,
				.btn.active{
				    -webkit-box-shadow: none;
				    box-shadow: none;
				}
				*/
		/* default buttons */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-default{
				    background-color: #f8f8f8;
				    border-color: #d5dbde;
				}
				.btn-default:hover{
				    background-color: #ffffff;
				    border-color: #d5dbde;
				}
				.btn-default.active,
				.btn-default:active,
				.btn-default.focus, 
				.btn-default:focus,
				.btn-default.active.focus, 
				.btn-default.active:focus, 
				.btn-default.active:hover, 
				.btn-default:active.focus, 
				.btn-default:active:focus, 
				.btn-default:active:hover, 
				.open>.dropdown-toggle.btn-default.focus, 
				.open>.dropdown-toggle.btn-default:focus, 
				.open>.dropdown-toggle.btn-default:hover { 
				    background-color: #eeeeee;
				    border-color: #c6cccf;
				}
				*/
		/* primary buttons */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-primary{
				    background-color: #50a9f8;
				    border-color: #50a9f8;
				}
				.btn-primary:hover{
				    background-color: #7bc0fe;
				    border-color: #7bc0fe;
				}
				.btn-primary.active,
				.btn-primary:active,
				.btn-primary.focus, 
				.btn-primary:focus,
				.btn-primary.active.focus, 
				.btn-primary.active:focus, 
				.btn-primary.active:hover, 
				.btn-primary:active.focus, 
				.btn-primary:active:focus, 
				.btn-primary:active:hover, 
				.open>.dropdown-toggle.btn-primary.focus, 
				.open>.dropdown-toggle.btn-primary:focus, 
				.open>.dropdown-toggle.btn-primary:hover { 
				    background-color: #2e9afa;
				    border-color: #2e9afa;
				}
				*/
		/* success buttons */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-success{
				    background-color: #61c33f;
				    border-color: #61c33f;
				}
				.btn-success:hover{
				    background-color: #80cf65;
				    border-color: #80cf65;
				}
				.btn-success.active,
				.btn-success:active,
				.btn-success.focus, 
				.btn-success:focus,
				.btn-success.active.focus, 
				.btn-success.active:focus, 
				.btn-success.active:hover, 
				.btn-success:active.focus, 
				.btn-success:active:focus, 
				.btn-success:active:hover, 
				.open>.dropdown-toggle.btn-success.focus, 
				.open>.dropdown-toggle.btn-success:focus, 
				.open>.dropdown-toggle.btn-success:hover { 
				    background-color: #40c711;
				    border-color: #40c711;
				}
				*/
		/* info buttons */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-info{
				    background-color: #3ed1d0;
				    border-color: #3ed1d0;
				}
				.btn-info:hover{
				    background-color: #73dede;
				    border-color: #73dede;
				}
				.btn-info.active,
				.btn-info:active,
				.btn-info.focus, 
				.btn-info:focus,
				.btn-info.active.focus, 
				.btn-info.active:focus, 
				.btn-info.active:hover, 
				.btn-info:active.focus, 
				.btn-info:active:focus, 
				.btn-info:active:hover, 
				.open>.dropdown-toggle.btn-info.focus, 
				.open>.dropdown-toggle.btn-info:focus, 
				.open>.dropdown-toggle.btn-info:hover { 
				    background-color: #0acfce;
				    border-color: #0acfce;
				}
				*/
		/* warning buttons */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-warning{
				    background-color: #f8bb50;
				    border-color: #f8bb50;
				}
				.btn-warning:hover{
				    background-color: #f9c873;
				    border-color: #f9c873;
				}
				.btn-warning.active,
				.btn-warning:active,
				.btn-warning.focus, 
				.btn-warning:focus,
				.btn-warning.active.focus, 
				.btn-warning.active:focus, 
				.btn-warning.active:hover, 
				.btn-warning:active.focus, 
				.btn-warning:active:focus, 
				.btn-warning:active:hover, 
				.open>.dropdown-toggle.btn-warning.focus, 
				.open>.dropdown-toggle.btn-warning:focus, 
				.open>.dropdown-toggle.btn-warning:hover { 
				    background-color: #feb431;
				    border-color: #feb431;
				}
				*/
		/* danger buttons */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.btn-danger{
				    background-color: #f85050;
				    border-color: #f85050;
				}
				.btn-danger:hover{
				    background-color: #f97373;
				    border-color: #f97373;
				}
				.btn-danger.active,
				.btn-danger:active,
				.btn-danger.focus, 
				.btn-danger:focus,
				.btn-danger.active.focus, 
				.btn-danger.active:focus, 
				.btn-danger.active:hover, 
				.btn-danger:active.focus, 
				.btn-danger:active:focus, 
				.btn-danger:active:hover, 
				.open>.dropdown-toggle.btn-danger.focus, 
				.open>.dropdown-toggle.btn-danger:focus, 
				.open>.dropdown-toggle.btn-danger:hover { 
				    background-color: #fc3434;
				    border-color: #fc3434;
				}
				*/
		/* dropdowns */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.dropdown-menu>.active>a, 
				.dropdown-menu>.active>a:focus, 
				.dropdown-menu>.active>a:hover {
				    background-color: #50a9f8;
				}
				*/
		/* navbar - hamburger */
			/* REMOVE: ALL STYLING MUST BE DONE IN BOOTSTRAP
				.navbar-toggle{ 
				    border: none;
				}
				.navbar-default .navbar-toggle:focus, 
				.navbar-default .navbar-toggle:hover {
				    background-color: transparent;
				}
				*/
		/* icons */
			/* SEEMS USELESS
				.cx_icon{
					/* display: inline !important;
					vertical-align: initial;
					background-size: contain;
					background-repeat: no-repeat;
					fill: none;
				}
				*/
			/* REMOVE: DOESN'T SEEM TO BE RELEVANT, WE USE
				.cx_icon img, .cx_icon svg{
					max-width: 100%;
					max-height: 100%;
				}
				*/
			/* SEEMS USELESS OOK
				.fa{
					display: inline;
					line-height: inherit; 
				}
				*/
			/* NAVIGATION BTNS */
			.cx_btn-back .cx_icon::before {
				content: "\f0a8";
			}
			.cx_btn-previous .cx_icon::before {
				content: "\f0d9";
			}
			.cx_btn-next .cx_icon::before {
				content: "\f0da";
			}
			/* RECORD - EDIT - BTNS */
			.cx_btn-newRecord .cx_icon::before,
			.cx_btn-add .cx_icon::before,
			.cx_btn-New .cx_icon::before {
				content: "\f067";
			} 
			.cx_btn-edit .cx_icon::before,
			.cx_btn-startEditing .cx_icon::before {
				content: "\f040";
			} 
			.cx_btn-stopEditing .cx_icon::before {
				content: "\f04d";
			} 
			.cx_btn-save .cx_icon::before {
				content: "\f0c7";
			} 
			.cx_btn-saveAndStopEditing.cx_icon::before {
				content: "\f0c7";
			} 
			.cx_btn-delete .cx_icon::before,
			.cx_btn-Delete .cx_icon::before,
			.cx_btn-deleteFile .cx_icon::before{
				content: "\f2ed";
			} 
			.cx_btn-cut .cx_icon::before {
				content: "\f0c4";
			} 
			.cx_btn-copyFile .cx_icon::before,
			.cx_btn-copy .cx_icon::before {
				content: "\f0c5";
			} 
			.cx_btn-translations .cx_icon::before{
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e807";
					*/
				content: "\f0ac";
			}
			.cx_btn-upload .cx_icon::before {
				content: "\f093";
			} 
			.cx_btn-addrecord  .cx_icon::before,
			.cx_btn-add_foreign_object .cx_icon::before{
				content: "\f067";
			} 
			.cx_btn-refresh .cx_icon::before{
				content: "\f021";
			}
			.cx_btn-rotate_left .cx_icon::before{
				content: "\f0e2";
			}
			.cx_btn-rotate_right .cx_icon::before{
				content: "\f01e";
			}
			.cx_btn-crop .cx_icon::before{
				content: "\f125";
			}
			.cx_btn-Preview .cx_icon::before{
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e805";
					*/
				content: "\f002";
			}
			.cx_btn-renameFile .cx_icon::before{
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e806";
					*/
				content: "\f044";
			}
			.cx_btn-calendar .cx_icon::before{
				content: "\f073";
			}
			.cx_btn-manageAliases .cx_icon::before{
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e800";
					*/
				content: "\f0cb";
			}
			.cx_btn-unzip .cx_icon::before{
				content: "\f1c6 ";
			}
			.cx_btn-Details, 
			.cx_btn-Details:hover,
			.cx_btn-Details:active,
			.cx_btn-Details:active:hover{
			    background: none;
			    border: none;
			    box-shadow: none;
			}
			/* REMOVE: FONTSIZE SHOULD BE CENTRALIZED
				.cx_btn-Details .cx_icon,
				.cx_btn-dragHandle {
					font-size: 1.33333333em;
				}
				*/
			.cx_btn-Details .cx_icon::before,
			.cx_btn-hyperlink .cx_icon::before{
				content: "\f0a9";
			}  	
			.cx_btn-dragHandle .cx_icon::before {
				content: "\f142";
			} 
			.cx_btn-select .cx_icon::before{
				content: "\f040";	 
			}
			.cx_btn-find .cx_icon::before {
				content: "\f002";
			}
			.cx_btn-refineSearch .cx_icon::before {
				content: "\f002";
			}  
			.cx_btn-clear .cx_icon::before,
			.cx_btn-calendar_clear .cx_icon::before {
				content: "\f12d";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #ffa200;
					*/
			} 
			.cx_btn-showDataModel .cx_icon::before {
				content: "\f1c0";
			}
			/* REMOVE: manageAliases >> MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS + NO SVG, JUST USE FONTAWESOME
				.cx_btn-manageAliases .cx_icon{
					background-image: url('custom_icons/download.svg');
				    fill: blue; 
				}
				.cx_btn-manageAliases .cx_icon .background{
					fill: orange;
				}
				*/
			/* NEW: manageAliases >> NEEDS TO BE DONE THIS WAY */
			.cx_btn-manageAliases .cx_icon::before {
				content: "\f277";
			} 
			.cx_btn-saveQuery .cx_icon::before {
				content: "\f0c7";
			} 
			/* -- tree CONTROLS -- */
			.cx_btn-Save_tree .cx_icon::before {
				content: "\f0c7";
			} 
			.cx_btn-Insert_before .cx_icon::before {
				font-family: "cx_icons";
				content: "\e803";
			} 
			.cx_btn-Insert_after .cx_icon::before {
				font-family: "cx_icons";
				content: "\e802";
			} 
			.cx_btn-Insert_child .cx_icon::before {
				font-family: "cx_icons";
				content: "\e801";
					
			} 
			.cx_btn-filter .cx_icon::before, /* MISSING FILTER ICON- FADI */
			.cx_btn-filter_details .cx_icon::before {
				content: "\f0b0";
			}
			.cx_btn-scripteditor .cx_icon::before {
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e808";
					*/
				content: "\f121";
			} 
			.cx_btn-Generate_database_column .cx_icon::before,
			.cx_btn-Generate_database_table_name .cx_icon::before {
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e80a";
					*/
				content: "\f1c0";
			}
			.cx_tree .cx_label:not(:empty){
			    float: left;
			    margin-right: 5px;
			}
			/* TREE ICONS */
			.cx_tree .cx_icon {
				/* vertical-align: middle; */
			    text-align: center;
			    font-size: inherit;
				width: 15px;
			    min-width: 15px;
				/*margin-right: 5px;*/
			    line-height: 19px;
			    display: block;
			    float: left;
			}
			.cx_btn-expand-node .cx_icon,
			.cx_btn-collapse-node .cx_icon{
				width: 11px;
			    min-width: 11px;
			}
			.cx_btn-expand-node .cx_icon::before {
				content: "\f067";
			} 
			.cx_btn-collapse-node .cx_icon::before {
				content: "\f068";
			}
			.cx_btn-opened-node .cx_icon::before {
				content: "\f07c";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #9dd1ff;
					*/
			} 
			.cx_btn-opened-node .cx_icon::after {
				content: "\f115";
				position: relative;
			    left: -15px;
			} 
			.cx_btn-closed-node .cx_icon::before,
			.cx_empty-node-dir .cx_icon::before{
				content: "\f07b";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #9dd1ff;
					*/
			} 
			.cx_btn-closed-node .cx_icon::after,
			.cx_empty-node-dir .cx_icon::after{
				content: "\f114";
				position: relative;
			    left: -13px;
			}
			.cx_node_icon .cx_icon{
				margin-left: 16px;
			}
			/* REMOVE: SEEMS UNNESSESARY, NEED TO DOUBLE CHECK AN ACTUAL CASE
				.cx_node_icon:not(.cx_empty-node-dir) .cx_icon{
					font-size: 16px;
				}
				*/
			/* REMOVE: SEEMS UNNESSESARY, NEED TO DOUBLE CHECK AN ACTUAL CASE
				.cx_end_node_icon .cx_icon::before,
				.cx_node_img_icon .cx_icon::before,
				.cx_node_file_icon .cx_icon::before{
					font-size: 12px;
				}
				*/
			.cx_end_node_icon .cx_icon::before {
				/*	content: "\f111"; */
			}
			.cx_node_file_icon .cx_icon::before {
				content: "\f016"; 
			}
			.cx_node_img_icon .cx_icon::before {
				content: "\f1c5";
			}
			.cx_node_new_icon .cx_icon::before {
				content: "\f0fe";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #5cb85c;
					*/
			}
			.cx_node_same_icon .cx_icon::before {
				/* REMOVE: PREVENTS FONTAWESOME TO PROVIDE THE ICON
					font-family: "cx_icons";
					content: "\e809";
					*/
				/* KEEP: NEED TO DETERMINE WHICH ICON SHOULD BE IMPLEMENTED
					content: "\f0fe";
					*/
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #B3B3B3;
					*/
			}
			.cx_node_delete_icon .cx_icon::before{
				content: "\f2ed";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #d9534f;
					*/
			}
			.cx_node_replace_with_older_icon .cx_icon::before {
				content: "\f060";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #d9534f;
					*/
			} 
			.cx_node_replace_with_newer_icon .cx_icon::before {
				content: "\f060";
				/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
					color: #5cb85c;
					*/
			} 
			/* Drag  - dragging moet focus krijgen */
			.cx_btn-dragHandle{
				cursor:move;
				padding: 0;
			}
			/* TABLE */
			/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
				.cx_tablepaging .btn .cx_icon::before {
				    font-size: 14px;
				}
				*/
			/* REMOVE: MUST BE DONE INSIDE THE BUTTON SNIPPET USING BOOTSTRAP CONTEXTUAL COLORS
				.cx_tablepaging .btn:not(.disabled){
						color: #5cb85c;
				}
				*/
			.cx_btn-firstPage .cx_label,
			.cx_btn-previousPage .cx_label,
			.cx_btn-nextTablePage .cx_label,
			.cx_btn-lastPage .cx_label{
				display: none;
			}
			.cx_btn-Go_to_table_page.disabled{
				z-index: 3;
			    color: #fff;
			    cursor: default;
			    background-color: #50a9f8;
			    border-color: #50a9f8;
			    opacity: 1;
			}
			.cx_btn-Go_to_table_page .cx_icon{
				display: none;
			}
			.cx_btn-firstPage .cx_icon::before {
				content: "\f100";
			}  
			.cx_btn-previousPage .cx_icon::before {
				content: "\f104";
			} 
			.cx_btn-nextTablePage .cx_icon::before {
				content: "\f105";
			} 
			.cx_btn-lastPage .cx_icon::before {
				content: "\f101";
			} 
			.cx_btn-preferences .cx_icon::before,
			.cx_btn-tablePreferences .cx_icon::before{
				content: "\f013";
			}
			.btn-tableView .cx_icon::before {
				content: "\f0ce";
			}  
/* BUTTONS */
/* CUSTOM CX BUTTON - MODIFIED */
	/* VISACARE: ANDERE OPLOSSING ZOEKEN, CLASS WORDT IN CX.JS GEZET */
	.cx_modified{
		/* color: white; */
		/* border-color: #50a9f8; */
		/* background: #50a9f8; */
	}
	.cx_modified:hover {
		/* color: white; */
		/* border-color: #7bc0fe; */
		/* background: #7bc0fe; */
	}
	.cx_modified.active,
	.cx_modified:active,
	.cx_modified.focus, 
	.cx_modified:focus,
	.cx_modified.active.focus, 
	.cx_modified.active:focus, 
	.cx_modified.active:hover, 
	.cx_modified:active.focus, 
	.cx_modified:active:focus, 
	.cx_modified:active:hover, 
	.cx_modified.btn-default.focus, 
	.cx_modified.btn-default:focus{
	    /* background-image: none; */
	    /* outline: 0; */
	    /* color: white; */
	    /* border-color: #2e9afa; */
	    /* background: #2e9afa; */
	}
	

/* ------------ BTN IN CONTEXT------------------*/
/* TEMPORARILY DISABLED
	.cx_node .btn-default,
	.cx_node .btn-default:hover,
	.cx_node .btn-default:active,
	.cx_node .btn-default:focus,
	.cx_node .btn-default:visited,
	.cx_node .btn-default:active:hover,
	.cx_node .btn-default:active:focus,
	.cx_node .btn-default:active:visited{
	    background: none;
	    border: none;
	    padding: 0;
	    box-shadow: none;
	}
*/
/* REMOVE DUPLICATE & SPECIFIC RULES
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:hover,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:focus,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:visited,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active:hover,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active:focus,
	.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters) > .btn-default:active:visited,
	.table .btn-default:hover,
	.table .btn-default:active,
	.table .btn-default:focus,
	.table .btn-default:visited,
	.table .btn-default:active:hover,
	.table .btn-default:active:focus,
	.table .btn-default:active:visited{
		background: none;
	    border: none;
	    box-shadow: none;
		color: #1d95ff;
	}
	*/
/* REMOVE TOO SPECIFIC
	.form-group *:not(.btn-group-vertical) > .btn-default,
	.table .btn-default{
		padding: 6px;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	}
	.table .btn-default,
	.table .btn-default:visited{
		background: none;
	    border: none;
	    box-shadow: none;
		color: grey; 
	    height: 30px;
	}
	*/
.form-control-static:empty {
    display: none;
}
/* REMOVE
	.form-group *:not(.btn-group-vertical) > .btn-default:hover,
	.table .btn-default:hover{
		color: #2285e0;
	}
	*/
/* REMOVE TOO SPECIFIC
	.table .btn-disabled:hover,
	.table .btn-disabled.active,
	.table .btn-disabled:active,
	.table .btn-disabled.focus, 
	.table .btn-disabled:focus,
	.table .btn-disabled.active.focus, 
	.table .btn-disabled.active:focus, 
	.table .btn-disabled.active:hover, 
	.table .btn-disabled:active.focus, 
	.table .btn-disabled:active:focus, 
	.table .btn-disabled:active:hover, 
	.table .btn-disabled.focus, 
	.table .btn-disabled:focus,
	
	.form-group *:not(.btn-group-vertical) > .btn-disabled:hover,
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active,
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active,
	.form-group *:not(.btn-group-vertical) > .btn-disabled.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:focus,
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active:focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled.active:hover, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active:focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:active:hover, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled.focus, 
	.form-group *:not(.btn-group-vertical) > .btn-disabled:focus{
	    color: grey;
	}
	*/
/*.cx_btn-dragHandle,*/
/*.cx_btn-dragHandle:hover,*/
/*.cx_btn-dragHandle:active,*/
/*.cx_btn-dragHandle:focus,*/
/*.cx_btn-dragHandle:visited,*/
/*.cx_btn-dragHandle:active:hover,*/
/*.cx_btn-dragHandle:active:focus,*/
/*.cx_btn-dragHandle:active:visited{*/
/*	background: none;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*}*/
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	.table .cx_btn-delete .cx_icon::before, 
	.table .cx_btn-Delete .cx_icon::before, 
	.table .cx_btn-deleteFile .cx_icon::before {
	    font-size: 18px;
	}
	*/
.btn-toolbar > .cx_btn_wrapper{
	margin-right: 5px; 
	margin-bottom: 5px; 
	float: left;
}
.cx_btn_wrapper {
	display: inline-block;
}
.input-group-btn .cx_btn_wrapper {
	float: left;  	
}

/* ------------ BTN DROPDOWN ------------------*/
/*
.btn-group > .dropdown-menu > li >* {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
*/
/* btn toolbar */
/*
.btn-toolbar{
    margin: 0  0 10px 0; /* bottom -5px = button spacing 
}
*/
.btn-toolbar .btn:first-child{
	margin-left: 0;
}

/* trees */
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	.cx_node .input-group-btn{
		margin-left: 1rem;
	}
	*/
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	.cx_node .btn{
		border: none;
		background: none;
		color: #8C8A8A;
		-webkit-transition: opacity 0.5s;
	    transition: opacity 0.5s;
	}*/
	.cx_node .btn:not(.perm):not(.cx_btn-select):not(.cx_btn-clear)
	{
		opacity: 0;
		-webkit-transition: opacity 0.7s;
	    transition: opacity 0.7s;
	}
	.cx_node:hover .btn:not(.perm):not(.cx_btn-select):not(.cx_btn-clear)
	{
		opacity: 1;
	}
	/*
	.cx_node .btn:hover{
		color: #333;
	}
	.cx_node .cx_btn-select,
	.cx_node .cx_btn-clear,
	.cx_node .cx_btn-filter_details,
	.cx_node .cx_btn-calendar{
		opacity: 1;
	}
	*/
/* KEEP: PROBABLY NECESSARY */
	/* TEMPORARILY DISABLED
		.cx_node .btn{
			padding: 0;
			display: inline-block;
		}
	*/
.cx_node .cx_btn-filter_details{
    margin-left: 0.5rem;
    margin-right: 1rem;
}
.cx_tree >li .cx_node:first-child .cx_btn_wrapper-Insert_child{
	margin-left: 0.5rem;
}
.cx_node_row > span > .btn{
	float: left;
	margin-left: 0.5rem;
}
.cx_node_row > span > .btn > span{
	margin: 0;
}
/****************************/
/*							*/
/*		LAYOUT		 		*/
/*							*/
/****************************/
.cx_widget input[size] + .input-group-btn .btn,
.cx_widget select + .input-group-btn .btn{ 
	min-width: 30px;
	margin: 0;
}
/* PREVENT BUTTONS AFTER INPUT[SIZE] TO OVERFLOW */
/*
.cx_btn-count-1 input[size],
.cx_btn-count-1 select,
.cx_btn-count-1 textarea{
	max-width: calc( 100% - 30px ); 
}
.cx_btn-count-2 input[size],
.cx_btn-count-2 select,
.cx_btn-count-2 textarea{
	max-width: calc( 100% - ( 30px * 2 ) );
}
.cx_btn-count-3 input[size],
.cx_btn-count-3 select,
.cx_btn-count-3 textarea{
	max-width: calc( 100% - ( 30px * 3 ) ); 
}
.cx_btn-count-4 input[size], 
.cx_btn-count-4 select,
.cx_btn-count-4 textarea{ 
	max-width: calc( 100% - ( 30px * 4 ) ); 
}
.cx_btn-count-5 input[size],
.cx_btn-count-5 select,
.cx_btn-count-5 textarea{ 
	max-width: calc( 100% - ( 30px * 5 ) ); 
}
*/
/*-------------------------- Paragraph / Panel -------------------------*/
.cx_panel-heading-collapse-btn{
	float: right;
	transition: transform 0.5s;
}
.cx_panel-heading-collapse-btn .caret{
	margin: 0;
}
.panel-heading-collapse a:not(.collapsed) .cx_panel-heading-collapse-btn{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
/* ------------------------- Table -------------------------*/
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	.cx_td_content .input-group-addon,
	.cx_td_content .input-group-btn {
	    height: 30px;
	    align-items: center;
	}
	*/
/* KEEP: NECESSARY FOR ORDERING */
	.cx_td_content .input-group-addon,
	.cx_td_content .input-group-btn {
	    display: flex;
	}
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	.cx_tablepaging .btn{
		width: 30px;
		height: 30px;
	    line-height: 30px;
		padding: 0;
	    font-size: 12px;
	    border-radius: 3px;
	}
	*/
/* REMOVED BUTTON WRAPPER - FADI
	.cx_btn_wrapper-tablePreferences,
	.cx_btn_wrapper-Preferences
	{
	    vertical-align: middle;
	    display: table-cell;
	    width: 1px;
	}
.cx_btn_wrapper-tablePreferences:first-child,
.cx_btn_wrapper-Preferences:first-child
*/
.cx_btn-tablePreferences{
	width: auto;
	width: initial;
	float: right;
}
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	tr .cx_btn-Details{
		opacity: 0;
	}
	*/
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	td .cx_btn-tooltip.disabled,
	.cx_btn-Button.disabled{
	    border: none;
	    height: 34px;
	    opacity: 1;
	    background: none;
	    padding-left: 0;
	    padding-right: 0;
	}
	*/
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	td .cx_btn-tooltip.disabled span,
	.cx_btn-Button.disabled span{
		    font-size: 1.5rem;
	}
	*/
/* REMOVE: NEEDS TO BE DONE VIA BOOTSTRAP
	tr:hover .cx_btn-Details{
		opacity: 1;
	}
	*/
/* ------------------------- CX_CALENDAR -----------------------*/
.cx_btn-previous-year .cx_icon::before{
	content: "\f100";
} 
.cx_btn-previous-month .cx_icon::before{
	content: "\f104";
}	
.cx_btn-next-month .cx_icon::before{
	content: "\f105";
}
.cx_btn-next-year .cx_icon::before{
	content: "\f101";
}
/*.cx_fieldline_content .input-group-btn:first-child{*/
/*	margin-right: 15px;*/
/*}*/
.cx_fieldline_content .btn{
	/*margin-right: 4px;*/
}
.cx_fieldline_content .input-group-btn .cx_btn_wrapper:last-child .btn{
	margin-right: 0;
}
/*.cx_widget .input-group-btn:first-child,*/
/*.cx_editableWidget .input-group-btn:first-child{*/
/*	margin-left: -12px;*/
/*}*/
.cx_widget input[type=hidden] + .input-group-btn,
.cx_editableWidget input[type=hidden] + .input-group-btn{
	margin-left: -6px;
}
td .cx_widget .input-group-btn:first-child,
td .cx_editableWidget .input-group-btn:first-child,
td .cx_widget input[type=hidden] + .input-group-btn,
td .cx_editableWidget input[type=hidden] + .input-group-btn{
	margin-left: 0;
}
td .cx_widget .input-group-btn ,
td .cx_editableWidget .input-group-btn {
	/*	 margin-left: auto;		*/
}