/* THE FONT WAS MADE ON http://fontello.com/ */ 
@font-face {
  font-family: 'cx_icons';
  src: url('../icons/font/cx_icons.eot?24026262');
  src: url('../icons/font/cx_icons.eot?24026262#iefix') format('embedded-opentype'),
       url('../icons/font/cx_icons.woff2?50480029') format('woff2'),
       url('../icons/font/cx_icons.woff?24026262') format('woff'),
       url('../icons/font/cx_icons.ttf?24026262') format('truetype'),
       url('../icons/font/cx_icons.svg?24026262#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}	
html{ 
	-ms-overflow-style: scrollbar;
}
body{
	background: #f9f9f9; /*#f1f4f5*/
}
@media (min-width: 992px){
	html:not(.cx_minimal):not(.cx_vertical){	
		padding-left: calc( 100vw - 100% );
    	padding-right: 0;
	}
	html:not(.cx_minimal):not(.cx_vertical) body {
	    width: calc(100% + (100vw - 100% ) / 2);
	    margin-left: calc((100% - 100vw) / 2 );
	}
}
h1,h2,h3,h4,h5,h6,hr{
	margin-top: 0;
}
img{
	max-width: 100%;
}
.cx_hiddenmarker {
	display: none;
}
hr{
    border-top: 1px solid #ccc;
}
.cx_paragraph hr,
.tab-content hr,
.modal hr{
	border-color: #d5dbde;
}
.cx_horizontal-line{
	margin-bottom: 15px;
}
.form-group + .cx_horizontal-line{
	margin-top: 15px;
}


/* PLEKLOOS - DIT MOET NOG EEN PLEKJE KRIJGEN */ 

.cx_explanation{
	outline: 1px solid #F44336; /* #777 */
	background: #ffe384;
	/*overflow: hidden; */ /* KAN NIET MET MENU ... */
	z-index: 10000;
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.5 );
}
.cx_explanation:hover{
	cursor: help;
}
.cx_explanation-background{
	position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100vw;
    height: 100vh;
    background: black;
    z-index: 9999;
    opacity: 0.3;
    display: none;
}




a:hover .cx_hide-on-hover{
	display: none;
}
a .cx_show-on-hover{
	display: none;
}
a:hover .cx_show-on-hover{
	display: inline-block;
}


/* FOLDER INFO */
.cx_folderInfo{
	margin-left: 5px;
	font-size: 12px;
	color: #888888;
}
.cx_folderCount{
	position: relative; 
}
.cx_folderCount:before{
	display: inline-block;
	content: "\f07b";
    font: normal normal normal 11px/13px FontAwesome;
    margin: 0 2px 0 2px;
    color: white;
}
.cx_folderCount:after{
	display: inline-block;
	content: "\f114";
    font: normal normal normal 11px/13px FontAwesome;
    left: 0;
    top: 1px;
	position: absolute;
    margin: 0 2px 0 2px;
}
.cx_fileCount{
	margin-left: 2px;
	position: relative;
}
.cx_fileCount:before{
	display: inline-block;
	content: "\f15b";
    font: normal normal normal 9px/16px FontAwesome;
    position: relative;
	bottom: 1px;
    margin: 0 2px;
    color: white;
}
.cx_fileCount:after{
	display: inline-block;
	content: "\f016";
    font: normal normal normal 9px/16px FontAwesome;
    position: absolute;
    left: 0;
	top: -1px;
    margin: 0 2px;
} 
.cx_totalFileCount{
	margin-left: 5px;
	font-size: 12px;
	color: #888888;
}

/* needed here for table with editable image */
.cx_drop-zone.dropped{
    min-width: 130px;
    min-height: 130px;
}

/* needed here for table with editable image */
.cx_drop-zone.dropped{
    min-width: 130px;
    min-height: 130px;
}

/* needed here for table with editable image */
.cx_drop-zone.dropped{
    min-width: 130px;
    min-height: 130px;
}



.cx_keyboard-dropdown{
	margin-left: -6px;
}
.cx_fieldline_content .cx_keyboard-dropdown .btn{
	margin-right: 0;
}




.cx_input-date,
.cx_input-datetime,
.cx_input-time{
	display: inherit;
	margin-right: 15px;
}







/* ERROR */
.cx_field-error{
    color: #a94442;
    font-weight: bold;
}



/* progress bar colors */
.cx_progressBar  .progress{
    -webkit-box-shadow: inset 0 1px 2px rgb(157, 209, 255);
    box-shadow: inset 0 1px 2px rgb(157, 209, 255);
}
.progress-bar {
    background-color: #50a9f8;
}
.progress-bar-success{
	background-color: #61c33f;
}
.progress-bar-info{
	background-color: #3ed1d0;
}
.progress-bar-warning{
	background-color: #f8bb50;
}
.progress-bar-danger{
	background-color: #f85050;
}






.cx_checkAll{
	margin-right: 1rem;
}
.cx_forgotPassword{
	margin-top: 10px;
}


h1{
    margin-top: 0;
}





/* ALERT COLORS */
.alert-info {
    background-color: #e6f3ff;
    border-color: #9dd1ff;
}
.alert-success{
    border-color: #92dc7a;
    background-color: #e4fddc;
}
.alert-warning{
	background-color: #fff1d7;
	border-color: #f9c873;
}
.alert-danger {
    border-color: #ffb6b6;
    background-color: #ffe1e1;
}
.alert-info pre{ /* Buddha */
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: none;
    border: none;
}


/* FORM GROUP AUTOSIZE = label width 0 */
@media (min-width: 768px){
	.cx_fieldgroup-autosize{
		padding: 0;
		margin: 0 7.5px; /* padding is not working */
	}
	.cx_fieldgroup-autosize{
		display: table;
	}
	.cx_form-group-autosize .control-label label,
	.cx_form-group-autosize .control-label .cx_label{
		display: table;
	} 
	.cx_form-group-autosize{
		display: table-row;
	}
	.cx_form-group-autosize .control-label{
		display: table-cell;
	    padding-right: 15px;
	    padding-bottom: 10px;
        vertical-align: top;
	}
	.cx_form-group-autosize .control-label label,
	.cx_form-group-autosize .control-label .cx_label{
		display: table;
	}
	.cx_fieldgroup-autosize{
		width: 100%;
	}
	.cx_form-group-autosize .control-label{
		display: table; /* to get a width - is later set to table-cell */
	}
	.cx_form-group-autosize .control-label label,
	.cx_form-group-autosize .control-label > *{
		display: table;
	}	
	.cx_form-group-autosize .control-label,
	.cx_form-group-autosize .control-label *{
		 white-space: nowrap;
	}
	.cx_form-group-autosize .cx_dummy-label{
		padding: 0;
	}
	.cx_form-group-autosize .cx_fieldline_content{
		display: table-cell!important;
		width: 100%;
	    padding-bottom: 10px;
	}
	.cx_form-group-autosize.cx_multiline .cx_fieldline_content .cx_widget{
		float: left;
	}
	.cx_form-group-autosize.cx_multiline .cx_fieldline_content label{
		float: left;
		line-height: 30px;
		margin-right: 15px;
	}
}
@media (max-width: 767px){
	.cx_form-group-autosize .control-label,
	.cx_form-group-autosize .cx_fieldline_content{
	    position: relative;
	    min-height: 1px;
	    padding-right: 7.5px;
	    padding-left: 7.5px;
	}
}

/* HTML editor */
.cx_htmleditor{
	/* border-right: 1px solid #9e9e9e; *//* EVEN EEN BEETJE LELIJK - OMDAT DE BORDER ER AF VIEL */
	max-width: 100%;
}
.cx_widget .mce-tinymce{
	width: 100%;
	max-width: 100%;
}
div.mce-edit-area iframe{
	max-width: 100%;
}

/* MODAL */
.modal{
   /* word-break: break-word;*/
}
.cx_dragable-modal  .modal-content{
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.2);
    box-shadow: 0 3px 9px rgba(0,0,0,.2);
}
.cx_dragable-modal .modal-header{
	cursor: move;
	cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.cx_dragable-modal .modal-header:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
/* danger modal */
.cx_modal-danger{
	background: rgba(248,80,80, .8);
}
.cx_modal-danger .modal-content{
    border-color: #f85050;
}
.cx_modal-danger .modal-content .modal-header {
    background-color: #f85050;
    border-color: #f85050;
    color: white;
}
.cx_modal-danger .modal-content .modal-header .close {
    color: white;
    opacity: 1;
}
/* MODAL -- CUSTOM CLASSES */
/* WAAR WORDEN DEZE GEBRUIKT? EN WAAR MAG CONTENT DE WIDTH BEPALEN ? */
@media (min-width: 768px){
	.modal-400{
	    width: 400px;
	}
	.modal-500{
	    width: 500px;
	}
}
@media (min-width: 992px){
	.modal-lg {
	  /*  display: table; */
	  /* GING MIS MET EMBEDED SEARCH - ERGENS ANDERS WEL NODIG ??? */
	}
}
.dropdown{
	display: table;
/*	z-index: 1020;*/ /* WAAROM WAS DIT ??? -> HET MAAKT DE DROPDOWN JUIST STUK - VOOR QUERY */
}
.btn-toolbar > .dropdown {
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}


.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;	
}
/* DOUBLE SELECTBOX */
.cx_doubleselectbox > * {
	float: left;
    margin-right: 1rem;
}
.cx_doubleselectbox > select{
	min-width: 80px;
}


/* TOOLTIP */
.tooltip-inner{
	max-width: 400px;
	margin: 0 15px;
}
/* TOOLTIP-ERROR */
.tooltip-error > .tooltip-inner {background-color: #a94442;}
.tooltip-error.top .tooltip-arrow{
	 border-top-color: #a94442; 
}
.tooltip-error.left .tooltip-arrow{
	 border-left-color: #a94442; 
}
.tooltip-error.right .tooltip-arrow{
	border-right-color: #a94442; 
}
.tooltip-error.bottom .tooltip-arrow{
	border-bottom-color: #a94442; 
}
/* illegal reference */
.cx_illegal-reference{
	color: #fc3434;
	white-space: nowrap;
}


/* GRID */
.row{
	padding-right: 7.5px;
    padding-left: 7.5px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 7.5px;
    padding-left: 7.5px;
}



.cx_chart {
	width: 100%;
	height: 500px;
}

/* EINDE VAN PLEKLOOS ---------------------------------------------------------------------------------- */


/* CX COLOUR-THEME  */
a{
	color: #1d95ff;
}
a:hover{
	color: #1267b3;
}

/* BUTTONS */

/* GENEREAL RULEZ */
.btn-disabled{ 
    opacity: .5; /* less than default .65 - because of lighter colours */
}
.btn:active,
.btn.active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* DEFAULT BUTTON */
.btn-default{
    border-color: #ccc;   
}
.cx_paragraph .btn-default,
.tab-content .btn-default,
.modal .btn-default{
	border-color: #d5dbde;
	background-color: #f8f8f8;
}
.cx_paragraph .btn-primary,
.tab-content .btn-primary,
.modal .btn-primary{
	border-color: #50a9f8;
	background-color: #50a9f8;
}

.btn-default:hover{
	border-color: #ccc; 
    background-color: #ffffff;
    box-shadow: 2px 2px 5px rgb(224, 224, 224);
}
.cx_paragraph .btn-default:hover,
.tab-content .btn-default:hover,
.modal .btn-default:hover{
	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 BUTTON */
.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 BUTTON */
.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 BUTTON */
.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 BUTTON */
.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 BUTTON */
.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;
}

/* DROPDOWN */
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
    background-color: #50a9f8;
}
/* NAVBAR - HAMBURGER */
.navbar-toggle{ 
    border: none;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

/* ------------------------- BUTTON ICONS FA  ----------------------- */

/* CUSTOM ICON STYLING */
.cx_icon{
	display: inline;
	vertical-align: initial;
	background-size: contain;
	background-repeat: no-repeat;
	fill: none; /* else IE defaults to "black" - FF && Chrome default to "rgb(0, 0, 0)" */
	font-size: 14px;
}
.cx_icon img, .cx_icon svg{
	max-width: 100%;
	max-height: 100%;
}

.cx_icon:only-child::before {
    content: "\f1e3";
}
[data-btnname]:only-child::before {
    content: attr(data-btnname);
}

.fa{
	display: inline;
	line-height: inherit!important; /* overrule fa default */
}
.cx_cell .fa{
	line-height: 1!important; 
}
/* 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,
.cx_btn-Add_a_search_field .cx_icon::before{
	content: "\f067";
} 
.cx_btn-edit .cx_icon::before,
.cx_btn-startEditing .cx_icon::before,
.cx_btn-Edit .cx_icon::before{
	content: "\f040";
} 
.cx_btn-stopEditing .cx_icon::before,
.cx_btn-Stop_editing .cx_icon::before{
	content: "\f04d";
	font-weight: 900;
	color: #555;
} 
.cx_btn-save .cx_icon::before,
.cx_btn-tablesave .cx_icon::before{
	content: "\f0c7";
}
td .cx_btn-Save .cx_icon{
	font-size: 1.33333333em
}
.cx_btn-Save .cx_icon::before{
	content: "\f0c7";
	color: #61c33f;
}
.cx_btn-delete .cx_icon::before,
.cx_btn-Delete .cx_icon::before,
.cx_btn-deleteFile .cx_icon::before{
	content: "\f014";
} 
.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{	
	font-family: "cx_icons";
	content: "\e807";	
}
.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-filter .cx_icon::before{
	content: "\f0b0";
}
.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{
	font-family: "cx_icons";
	content: "\e805";
}
.cx_btn-renameFile .cx_icon::before{
	font-family: "cx_icons";
	content: "\e806";
}
.cx_btn-calendar .cx_icon::before{
	content: "\f073";
}
.cx_btn-manageAliases .cx_icon::before{
	font-family: "cx_icons";
	content: "\e800";
}
.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;
}
.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: "\f002";	 
}
.cx_btn-find .cx_icon::before {
	content: "\f002";
}
.cx_btn-clear .cx_icon::before,
.cx_btn-calendar_clear .cx_icon::before {
	content: "\f12d";
	color: #ffa200; /* #fc3434 */
} 
.cx_btn-showDataModel .cx_icon::before {
	content: "\f1c0";
} 
.cx_btn-manageAliases .cx_icon{
	background-image: url('custom_icons/download.svg');
    fill: blue; 
}
.cx_btn-manageAliases .cx_icon .background{
	fill: orange;
}
.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_details .cx_icon::before {
	content: "\f0b0";
}
.cx_btn-scripteditor .cx_icon::before {
	font-family: "cx_icons";
	content: "\e808";
} 
.cx_btn-scripteditor .cx_icon::before {
	font-family: "cx_icons";
	content: "\e808";
} 
.cx_btn-Generate_database_column .cx_icon::before,
.cx_btn-Generate_database_table_name .cx_icon::before {
	font-family: "cx_icons";
	content: "\E80A";
}
.cx_tree .cx_label:not(:empty){
    float: left;
    margin-right: 5px;
}
.cx_btn-editFile .cx_icon::before {
	content: "\f016";
	font-size: 14px;
	margin-top: 4px;	
    display: table
} 
/* TREE ICONS */
.cx_tree .cx_icon {
    text-align: center;
    font-size: inherit;
	width: 15px;
    min-width: 15px;
	margin-right: 5px;
    line-height: 21px;
    height: 23px;
    display: block;
    float: left;
}
.cx_btn-Expand_all_nodes .cx_icon::before {
    content: "\f196";
    font-size: 15px;
}
.cx_btn-Close_all_nodes .cx_icon::before {
    content: "\f147";
    font-size: 15px;
}
.cx_tree .cx_icon::before{
    line-height: 25px;
}
.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: "\f196";
} 
.cx_btn-collapse-node .cx_icon::before {
	content: "\f147";
}
.cx_btn-opened-node .cx_icon::before {
	content: "\f07c";
	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";
    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,
.cx_node:not(.cx_node-dir) .cx_btn-expand-node .cx_icon,
.cx_node:not(.cx_node-dir) .cx_btn-collapse-node .cx_icon{
	 margin-left: 16px;  
}
.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: "\f0ac"; 
}
.cx_filemanager .cx_end_node_icon .cx_icon::before {
	content: "\f016"; 
}
.cx_node_img_icon .cx_icon::before {
	content: "\f1c5";
} 
.cx_node_new_icon .cx_icon::before {
	content: "\f0fe";
	color: #5cb85c;
} 
.cx_node_same_icon .cx_icon::before {
	font-family: "cx_icons";
	content: "\e809";
	color: #B3B3B3;
} 
.cx_icon-record-in-database::before {
	font-family: "cx_icons";
	content: "\e80b";
} 
.cx_icon-image-in-database::before{
	font-family: "cx_icons";
	content: "\e80c";
}
.cx_node_delete_icon .cx_icon::before{
	content: "\f00d";
	color: #d9534f;
	font-size: 18px;
}
.cx_node_replace_table_icon .cx_icon::before {
	content: "\f071";
	color: #f26418;
}
.cx_node_replace_with_older_icon .cx_icon::before {
	content: "\f060";
	color: #d9534f;
} 
.cx_node_replace_with_newer_icon .cx_icon::before {
	content: "\f060";
	color: #5cb85c;
} 
/* DRag  - dragging moet focus krijgen */
.cx_btn-dragHandle{
	cursor:move;
	padding: 0;
}
/* TABLE */
.cx_tablepaging .btn .cx_icon::before {
    font-size: 14px;
}
.cx_tablepaging .btn:not(.disabled){
	 color: #337ab7;
}
.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";
	font-size: 16px;
}
.btn-tableView .cx_icon::before {
	content: "\f0ce";
	font-size: 14px;
}  
.cx_btn-tooltip .cx_icon::before,
.cx_btn-Button .cx_icon::before{
	content: "\f29c";
}
/* BUTTONS */
.btn:not(.cx_btn-iconOnly){
	padding: 5px 10px;
	/*font-size: 12px; */
    line-height: 1.5;
    border-radius: 3px;
}
/* CUSTOM CX BUTTON - MODIFIED */
.cx_modified .cx_btn-save,
.cx_table-wrapper.cx_modified .cx_btn-tablesave,
.cx_modified .cx_btn-send{
	color: white;
	background-color: #61c33f;
    border-color: #61c33f;
}

.cx_modified .cx_btn-save:hover,
.cx_table-wrapper.cx_modified .cx_btn-tablesave:hover,
.cx_modified .cx_btn-send:hover{
    color: white;
    background-color: #80cf65;
    border-color: #80cf65;
}
.cx_modified .cx_btn-save.active,
.cx_modified .cx_btn-save:active,
.cx_modified .cx_btn-save.focus, 
.cx_modified .cx_btn-save:focus,
.cx_modified .cx_btn-save.active.focus, 
.cx_modified .cx_btn-save.active:focus, 
.cx_modified .cx_btn-save.active:hover, 
.cx_modified .cx_btn-save:active.focus, 
.cx_modified .cx_btn-save:active:focus, 
.cx_modified .cx_btn-save:active:hover, 
.cx_modified .cx_btn-save.btn-default.focus, 
.cx_modified .cx_btn-save.btn-default:focus{
    background-image: none;
    outline: 0;
	color: white;
    background-color: #80cf65;
    border-color: #80cf65;
}
/* ------------ BTN IN CONTEXT------------------*/
.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;
}
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default:hover,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default:active,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default:focus,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default:visited,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default:active:hover,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .btn-default:active:focus,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .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;
}
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-Add_a_search_field):not(.dropdown) > .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; */ /* btn with icon && label did not look good with this + a scrollbar appeared on the table */
}
.table .btn-default,
.table .btn-default:visited{
	background: none;
    border: none;
    box-shadow: none;
	color: grey; 
    height: 30px;
}
.form-control-static:empty {
    display: none;
}
.form-group *:not(.btn-group-vertical) > .btn-default:hover,
.table .btn-default:hover{
	color: #2285e0;
}
.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;
}
.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;
}
/*----------- menu --------------*/
.cx_navbar-brand-logo{
    padding: 5px 10px 5px 0;
}
.cx_navbar-brand-logo img{
    max-height: 100%;
}
/* CX_NAV_COLLAPSED - IF MENU ITEMS ARE TOO MANY TO FIT IN 1 ROW */
.cx_nav_collapsed .container,
.cx_nav_collapsed .container-fluid{
	width: 100%;
	padding: 0; 
    margin: 0; 
}
.cx_nav_collapsed .navbar-collapse,
.cx_nav_collapsed .navbar-header{
	margin-right: 0;
    margin-left: 0;
}
.cx_nav_collapsed  .navbar-collapse{
  	padding-right: 0;
    padding-left: 0;
}
.cx_nav_collapsed  .navbar-collapse.in{
	display: block;
	width: 100%;
}
.cx_nav_collapsed .navbar-header{
	float: none;
}
.cx_nav_collapsed .navbar-header .navbar-toggle{
	display: block;
}
.cx_nav_collapsed .navbar-collapse .navbar-nav {
	float: none;
    margin: 0;
    overflow: hidden;
    width: inherit;
}
.cx_nav_collapsed .navbar-collapse .navbar-nav>li {
    float: none;
}
.cx_nav_collapsed .collapse{	
	display: none !important;
}
.cx_nav_collapsed .collapse.in{
	display: block !important;
}
.navbar-collapse{	
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: hidden;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in{
	border-color: #e7e7e7;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 50px);
}
/* DROPDOWN */
.cx_nav_collapsed .navbar-collapse.in .navbar-nav .open li.open>a, 
.cx_nav_collapsed .navbar-collapse.in .navbar-nav .open li.open>a:focus, 
.cx_nav_collapsed .navbar-collapse.in .navbar-nav .open li.open>a:hover {
    background-color: #eee;
}
.cx_nav_collapsed .navbar-nav a > .caret,
.cx_navbar-left .navbar-nav a > .caret{
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.cx_nav_collapsed .navbar-nav > .open > a > .caret,
.cx_navbar-left .navbar-nav > .open > a > .caret{
   transform: rotate(180deg);
}
.cx_nav_collapsed .dropdown-menu>li>a{
		color: #777;
		line-height: 20px;
}  
/* COLLAPSED SUBMENU 5 LAYERS */
.cx_nav_collapsed .navbar-nav .open .dropdown-submenu .dropdown-menu>li>a{
    padding-left: 40px;
}
.cx_nav_collapsed .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
    padding-left: 60px;
}
.cx_nav_collapsed .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
    padding-left: 80px;
}
.cx_nav_collapsed .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
    padding-left: 100px;
}
.cx_nav_collapsed .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
    padding-left: 120px;
}

/* SUBMENU VERTICAL */
.cx_fixed_vertical_menu_wrapper .navbar-nav .dropdown-menu>li>a{
	padding-left: 30px;
}
.cx_fixed_vertical_menu_wrapper .navbar-nav .open .dropdown-submenu .dropdown-menu>li>a{
	padding-left: 45px;
}
.cx_fixed_vertical_menu_wrapper .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
	padding-left: 60px;
}
.cx_fixed_vertical_menu_wrapper .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
	padding-left: 75px;
}
.cx_fixed_vertical_menu_wrapper .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
	padding-left: 90px;
} 
.cx_fixed_vertical_menu_wrapper .navbar-nav .open .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-submenu .dropdown-menu>li>a{
	padding-left: 105px;
}
@media (min-width: 768px){
	.navbar-collapse{
		overflow-x: visible;
		display: block;
	}
	.cx_nav_collapsed .navbar-collapse{
		overflow-x: hidden;
	}
	.cx_nav_collapsed .dropdown-menu{
		position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}	            
}
@media (max-width: 767px){
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
}
/********************/
/*					*/
/*		NAV 		*/
/*					*/
/********************/

.navbar {
	background-color: white;
    border-color: #ccc; /*#ddd*/
}
.navbar .navbar-collapse{
	border-top: none;
}
.navbar .navbar-nav > li.cx_menu-overflow{
	z-index: 1001;
    margin-bottom: -2px;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
}
.navbar .navbar-nav > li.cx_menu-overflow > a{
	z-index: 1001;
}
.navbar .navbar-nav > li.cx_menu-overflow:last-child::after{
	position: absolute;
    display: table;
    content: "";
    width: 300px;
    height: 51px;
    top: 0;
    right: -300px;
    z-index: 1001;
    background: white;
    border-bottom: 1px solid #ccc;	
}
.navbar .navbar-nav > li > a{
	background-color: white;
}
.navbar .navbar-nav > li > a, 
.navbar .navbar-nav > li > a:focus, 
.navbar .navbar-nav > li > a:hover {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.navbar .navbar-nav > li > a:focus, 
.navbar .navbar-nav > li >a:hover {
   	background-color: #f5f5f5;
	border-color: #ddd;
}
.navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:focus, 
.navbar .navbar-nav > .open > a:hover {
   	background-color: #eee;
    border-color: #ddd;
}
.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:focus, 
.navbar .navbar-nav > .active > a:hover {
	color: white;
 	background-color: #50a9f8;
 	border-color: #50a9f8;
}
.cx_fixed_vertical_menu_wrapper .cx_menu + *:not(.cx_toolbar){
	margin-top: 15px;
}
.cx_fixed_top_menu_wrapper .cx_menu + *:not(.cx_toolbar),
.cx_fixed_vertical_menu_wrapper .navbar-fixed-top + *:not(.cx_toolbar){
	margin-top: 70px;
}
.navbar-fixed-bottom.cx_nav_collapsed .navbar-collapse, 
.navbar-fixed-top.cx_nav_collapsed .navbar-collapse {
    max-height: calc( 100vh - 50px); /* NAVBAR HEADER HEIGHT */
    overflow-y: auto !important;
    border-top: 1px solid #e7e7e7;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand{
    margin-left: 0; 
}    
.navbar.cx_nav_collapsed >.container .navbar-brand,
.navbar.cx_nav_collapsed >.container-fluid .navbar-brand{
    margin-left: 15px; 
}    

/* VERTICAL NAVBARS - BEHAVE LIKE navbar-static-top ON SMALL SCREEN */
@media (min-width: 768px){
	
	.navbar>.container .navbar-toggle,
	.navbar>.container-fluid .navbar-toggle {
	    margin-right: 0; 
	}
	.navbar-right {
	    margin-right: 0;	
	}
	.cx_fixed_vertical_menu_wrapper{
	}
	/* NAVBAR LEFT */
	.cx_navbar-left{
		width:250px;
		margin-right: 0;
		margin-left: 0;		
	}	
	.cx_navbar-left .container,
	.cx_navbar-left .container-fluid{
		padding: 0;
	}
	.cx_navbar-left .navbar-nav,
	.cx_navbar-left .navbar-nav > li,
	.cx_navbar-left- .navbar-left,
	.cx_navbar-left .navbar-right,
	.cx_navbar-left .navbar-header{
		float:none !important;
	}
	.cx_navbar-left .navbar-right .dropdown-menu {
		left:0;
		right:auto;
	}
	.cx_navbar-left .dropdown-submenu>.dropdown-menu {
	    margin-top: 0;
	}
	.cx_navbar-left .navbar-collapse .navbar-nav.navbar-right:last-child {
	    margin-right: 0;
	}
	.cx_navbar-left .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    padding: 0;
	}
	.cx_navbar-left .dropdown-menu a{
	    white-space: normal;
	}
	.cx_fixed_vertical_menu_wrapper .dropdown-menu li a {
		line-height: 20px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	/*  VERTICAL NAVBAR FLOAT */
	.cx_fixed_vertical_menu_wrapper > .cx_navbar-left{	
		float: left;
		width: 250px;
	}
	.cx_fixed_vertical_menu_wrapper > .cx_content{
		width: calc( 100% - 250px );
		float: left;
	}
	/* FIXED VERTICAL NAVBAR */
	.cx_fixed_vertical_menu_wrapper .cx_navbar-left{	
		position: fixed;
		z-index: 100;		
		margin: 0;
		top: 0;
		left: 0;
		bottom: 0;
	    border-radius: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.cx_fixed_vertical_menu_wrapper .cx_content{
		margin-top: 15px;
	    width: calc(100% - 250px );
	    float: right;
	}	
	.cx_fixed_vertical_menu_wrapper .navbar-nav{
       margin: 0 -15px;
	}
	.cx_fixed_vertical_menu_wrapper .dropdown-menu>li>a {
	    padding: 3px 15px;
	}
	.cx_fixed_vertical_menu_wrapper .dropdown > a > .caret {
	    float: right;
	}
	.cx_fixed_vertical_menu_wrapper .dropdown-submenu>a:after {
	    display: inline-block;
    	width: 0;
    	height: 0;
    	margin-right:0;
		border-left: 4px solid transparent;
	    border-width: 4px 4px 0 4px;
	    border-top: 4px solid black;
        -webkit-transition: all 0.5s;
    	transition: all 0.5s;
	}
	.cx_fixed_vertical_menu_wrapper .dropdown-submenu.open>a:after {	
	    transform: rotate(180deg);
	}
}
/* DROPDOWN SUBMENU */
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
nav:not(.cx_nav_collapsed):not(.cx_navbar-left) .dropdown-submenu:hover>.dropdown-menu,
nav:not(.cx_nav_collapsed):not(.cx_navbar-left) .dropdown-submenu.hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-left: 4px solid;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu.pull-left > a:after {
	float: left;
    border-width: 4px 0 4px 4px;
    border-left: none;
    border-right: 4px solid;
    margin-right: 0;
    margin-left: -10px;
}
.dropdown-submenu.pull-left {
    float: none!important;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    transform: translateX(-100%);
    left: 0;
    margin-left: 1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* NAVBAR USERNAME */
.navbar-nav > .cx_username{
	float: right; 
	color: #777;
	height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.navbar-nav > .cx_username > div > span{
	color: #c5c4c4;
}
.cx_nav_collapsed .navbar-collapse .navbar-nav>.cx_username{
	border-top: 1px solid #e7e7e7;;
	padding-left: 15px;
}

.nav>li .fa{
    line-height: 1!important;
}
.caret{
    margin-top: -4px;
}


/* */
.cx_row-no-padding{
	padding: 0;
	margin: 0;
}
.cx_row-no-padding > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/* btn toolbar */
.btn-toolbar{
    margin: 0  0 10px 0; /* bottom -5px = button spacing */
}
.btn-toolbar .btn:first-child{
	margin-left: 0;
}
/* CX */
.cx_image{
	display: inline-block;
}
.cx_btn_wrapper-blobIcon{
	margin-left: -6px;	
}
.cx_drop-zone .cx_btn_wrapper-blobIcon{
	margin-left: 0;	
}
.cx_btn-blobIcon{
	margin-right: 6px!important;
}
.cx_drop-zone .cx_btn-blobIcon{
	margin-right: 0!important;
}
.cx_btn-blobIcon .cx_icon{
    display: flex;
    align-items: center;
}
.cx_btn-blobIcon .cx_icon::before{
	content: "\f016";
	font-size: 18px;
}
.cx_text{
	margin: 0 0 15px 0;
}
/* ------------------------- CX WELL CONTENT WIDTH -------------------------*/
.cx_well_content_width{
    display: inline-block;
    max-width: 100%;
}
.cx_well_content_width > .btn {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ------------------------- CX TREE - NODE -------------------------*/
.cx_tree{
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 0 !important;
}
.cx_tree ul li{
    position: relative
}
.cx_node-row{
	display: table-row;	

}
.cx_node a, 
.cx_end_node_icon{
	color: #333;
	text-decoration: none;
	display: block;
}
.cx_node_label{
	padding-right: 10px;
}
.cx_tree-label{
	display: block;
	margin: 0;
	font-weight: normal;
}
/* PAY ATTENTION - 10 LEVELS DEFINED - */
.cx_tree .cx_node{ 
	display: block;
	min-height: 25px;
	padding-left: 5px; /* root */
    margin: -1px 0;
}
.cx_tree > li{
    width: 100%;
    display: table;
}
.cx_tree ul .cx_node{
	padding-left: 40px;
}
.cx_tree ul ul .cx_node{
	padding-left: 75px;
}
.cx_tree ul ul ul .cx_node{
	padding-left: 110px;
}
.cx_tree ul ul ul ul .cx_node{
	padding-left: 145px;
}
.cx_tree ul ul ul ul ul .cx_node{
	padding-left: 180px;
}
.cx_tree ul ul ul ul ul ul .cx_node{
	padding-left: 215px;
}
.cx_tree ul ul ul ul ul ul ul .cx_node{
	padding-left: 250px;
}
.cx_tree ul ul ul ul ul ul ul ul .cx_node{
	padding-left: 285px;
}
.cx_tree ul ul ul ul ul ul ul ul ul .cx_node{
	padding-left: 320px;
}
.cx_tree ul ul ul ul ul ul ul ul ul ul .cx_node{
	padding-left: 355px;
}
/* LVL 11 + ( looks uglier )*/
.cx_tree ul ul ul ul ul ul ul ul ul ul ul{
	padding-left: 35px;
}
.cx_tree ul li::before, 
.cx_tree ul li:last-of-type .cx_node::before, 
.cx_tree ul li .cx_node::after {
	left: 27px;
}
.cx_tree ul ul li::before, 
.cx_tree ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul li .cx_node::after {
	left: 62px;
}
.cx_tree ul ul ul li::before, 
.cx_tree ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul li .cx_node::after {
	left: 97px;
}
.cx_tree ul ul ul ul li::before, 
.cx_tree ul ul ul ul li:last-of-type .cx_node::before,
.cx_tree ul ul ul ul li .cx_node::after {
	left: 132px;
}
.cx_tree ul ul ul ul ul li::before,
.cx_tree ul ul ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul ul ul li .cx_node::after {
	left: 167px;
}
.cx_tree ul ul ul ul ul ul li::before, 
.cx_tree ul ul ul ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul ul ul ul li .cx_node::after {
	left: 202px;
}
.cx_tree ul ul ul ul ul ul ul li::before, 
.cx_tree ul ul ul ul ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul ul ul ul ul li .cx_node::after {
	left: 237px;
}
.cx_tree ul ul ul ul ul ul ul ul li::before, 
.cx_tree ul ul ul ul ul ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul ul ul ul ul ul li .cx_node::after {
	left: 272px;
}
.cx_tree ul ul ul ul ul ul ul ul ul li::before, 
.cx_tree ul ul ul ul ul ul ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul ul ul ul ul ul ul li .cx_node::after {
	left: 307px;
}
.cx_tree ul ul ul ul ul ul ul ul ul ul li::before, 
.cx_tree ul ul ul ul ul ul ul ul ul ul li:last-of-type .cx_node::before, 
.cx_tree ul ul ul ul ul ul ul ul ul ul li .cx_node::after {
	left: 342px;
}
/* PAY ATTENTION - 10 LEVELS DEFINED */
.cx_tree ul li::before, 
.cx_tree ul li:last-of-type .cx_node::before,
.cx_tree ul li .cx_node::after{
    content:'';
    position:absolute;
    right:auto;
    z-index: 101;
}
.cx_tree ul li::before,
.cx_tree ul li:last-of-type > .cx_node::before{
    border-left:1px dashed #999;
    height:100%;
    top:0;
    width:1px
}
.cx_tree ul li .cx_node::after {
    border-top:1px dashed #999;
    height:10px;
    top: 50%;
    width:10px
}
.cx_tree ul li .cx_node:not(.cx_node-dir)::after {
    width: 25px;
}
.cx_tree ul li:last-of-type::before{
	height: 0;
}
.cx_tree ul li:last-of-type .cx_node::before{
    height: 50%;
	margin-left: -1px; /* EQUAL TO BORDER WIDTH OF NODE */
}
.cx_tree, .cx_tree ul, .cx_tree li{
	-webkit-padding-start: 0;
	padding: 0;
	list-style: none;
}
.cx_tree li{
    position: relative;
}
.cx_node{
    white-space: nowrap;
	border: 1px solid transparent;
	position: relative;
}
.cx_node:hover{
	border: 1px solid #90CBFF;
	background: aliceblue;
    z-index: 10;
}
.cx_node-selected{
	border: 1px solid #ccc; /* on white #D5DBDE */
	background: white; /*#f8f8f8; */
}
/* ELEMENTS IN A NODE  */
.cx_node .input-group-btn{
	margin-left: 1rem;
}
.cx_node .cx_btn_wrapper-Toggle_file_info {
	display: flex;
}
.cx_node .btn{
	line-height: 23px;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	color: #8C8A8A;
	display: inline-block;
	opacity: 0;
	 -webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.5s;
}
.cx_node:hover .btn{	
	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;
}
.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 .form-control{
	width: auto;
	width: initial;
    margin: 0.5rem 0;
}
.cx_node input[type=checkbox], 
.cx_node input[type=radio],
.cx_node .form-control-static input[type="checkbox"],
.cx_node .form-control-static input[type="radio"]{
    margin-right: 5px;
    margin-top: 0;
    vertical-align: middle;
}
.cx_node a, 
.cx_node_row > span:not(.cx_hiddenmarker), 
.cx_end_node_icon{
	display: table-cell;
    vertical-align: middle;
}
.cx_node_row > .cx_node-label-span{
	vertical-align: bottom;
}
.cx_node_row > span:not(.cx_node-icon, cx_node_label){
	padding-left: 15px; 
}
.cx_node_row >  span:not(.cx_node-icon) + span{
	padding-left: 5px;
}
.cx_node_row > span > .btn{
	float: left;
	margin-left: 0.5rem;
}
.cx_node_row > span > .btn > span{
	margin: 0;
}
.cx_node_row > input[type=checkbox], 
.cx_node_row >input[type=radio]{
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.cx_node .cx_widget{
	display: inline-block;
    width: auto;
	padding-left: 15px;
	vertical-align: middle;
}
.cx_node .cx_widget .input-group-btn:first-child, 
.cx_node .cx_editableWidget .input-group-btn:first-child {
    margin-left: 0;
}
.cx_node .cx_widget > * {
    float: left;
    line-height: 30px;
}
.cx_node .cx_widget > input + .input-group-btn{
	margin-top: 5px;	
}

/****************************/
/*							*/
/*		LAYOUT		 		*/
/*							*/
/****************************/
input[size],
textarea[cols]{ /* IF SIZE IS SET */
	width: auto;
	width: initial;
	max-width: 100%;
}
.cx_widget .input-group-btn .btn,
.cx_widget input + .input-group-btn .btn, 
.cx_widget select + .input-group-btn .btn{ 
	min-width: 30px;
	margin: 0;
}
select.form-control{
	width: auto;
	width: initial;
	max-width: 100%;
}
.cx_widget .input-group-btn{
	margin-left: -6px;
}
/* PREVENT BUTTONS AFTER INPUT[SIZE] TO OVERFLOW */
.cx_btn-count-1 > *:not(.input-group-btn),
.cx_btn-count-1 > input[size],
.cx_btn-count-1 > select.form-control,
.cx_btn-count-1 > textarea{
	max-width: calc( 100% - 30px - 15px + 6px);  /* 100% - buttonsWidth - margin + buttonsNegativeMargin */
}
.cx_btn-count-2 > *:not(.input-group-btn),
.cx_btn-count-2 > input[size],
.cx_btn-count-2 > select.form-control,
.cx_btn-count-2 > textarea{
	max-width: calc( 100% - ( 30px * 2 ) - 15px + 6px );
}
.cx_btn-count-3 > *:not(.input-group-btn),
.cx_btn-count-3 input[size],
.cx_btn-count-3 select.form-control,
.cx_btn-count-3 textarea{
	max-width: calc( 100% - ( 30px * 3 ) - 15px + 6px ); 
}
.cx_btn-count-4 > *:not(.input-group-btn),
.cx_btn-count-4 input[size], 
.cx_btn-count-4 select.form-control,
.cx_btn-count-4 textarea{ 
	max-width: calc( 100% - ( 30px * 4 ) - 15px + 6px ); 
}
.cx_btn-count-5 > *:not(.input-group-btn),
.cx_btn-count-5 input[size],
.cx_btn-count-5 select.form-control,
.cx_btn-count-5 textarea{ 
	max-width: calc( 100% - ( 30px * 5 ) - 15px + 6px ); 
}
.cx_btn-count-6 > *:not(.input-group-btn),
.cx_btn-count-6 input[size],
.cx_btn-count-6 select.form-control,
.cx_btn-count-6 textarea{ 
	max-width: calc( 100% - ( 30px * 6 ) - 15px + 6px ); 
}

/* reset max-width for items in td and treenode - for IE */
td  div[class*="cx_btn-count-"] > *,
.cx_node div[class*="cx_btn-count-"] > *{
	max-width: none!important;
}
td  div[class*="cx_btn-count-0"] > *,
.cx_node div[class*="cx_btn-count-0"] > *{
	max-width: 100%!important;
}

.cx_spacer{
    height: 15px;
}
.cx_searchbox{
	line-height: 34px;
}
/*-------------------------- Tabs -------------------------*/
.cx_tabpanel .dropdown-menu{
	z-index: 1001;
}
.nav-tabs>li>a {
    color: #757575;
}
.nav-tabs>li>a:hover {
    border-color: #ccc;
}
.tab-content{
	border: 1px solid #ccc;
	border-top: none;
	padding: 15px;  /* SAME AS BOOTSTRAP PANEL-BODY */
	margin-bottom: 15px;
	background: white;
    min-height: 40px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #ccc;
    border-bottom-color: transparent;
}
.cx_paragraph .tab-content,
.tab-content .tab-content,
.modal .tab-content{
	border-color: #ddd;
}

.cx_paragraph .tab-content .nav-tabs > li.active > a,
.tab-content .tab-content .nav-tabs > li.active > a,
.modal .tab-content .nav-tabs > li.active > a,
.cx_paragraph .tab-content .nav-tabs > li.active > a:hover,
.tab-content .tab-content .nav-tabs > li.active > a:hover,
.modal .tab-content .nav-tabs > li.active > a:hover{
    border: 1px solid #ccc;
    border-bottom-color: transparent;
}

/*-------------------------- Paragraph / Panel -------------------------*/
.cx_paragraph-stretch{
    width: calc( 100% + 30px );
    margin: 0 -15px;
    padding: 30px 0;
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
}
.cx_paragraph-hero .cx_template,
.cx_paragraph-hero .container .cx_template{
	color: white;
	text-shadow: 0 0 4px black;
	background: none;
}

.panel-group .panel-heading{
	border-bottom: 1px solid;
}
.panel-group > .panel > .panel-heading{
	border-bottom: none;
}
/* DEFAULT PANEL */
.panel-default {
    border-color: #ccc;
}
.panel .panel-default,
.modal .panel-default,
.tab-content .panel-default{
    border-color: #ddd;
}
/* PRIMARY PANEL */
.panel-primary,
.panel-primary .panel-heading-collapse,
.panel-primary .panel-collapse {
    border-color: #50a9f8;
}
.panel-primary>.panel-heading {
    background-color: #50a9f8;
    border-color: #50a9f8;
}
.panel-group .panel-primary  .panel-heading+.panel-collapse>.panel-body {
	border-color: #50a9f8;
}
.panel-primary>.panel-heading,
.panel-primary>.panel-heading  a {
    color: white;
}
/* PRIMARY-LIGHT PANEL */
.cx_panel-primary-light,
.cx_panel-primary-light .panel-heading-collapse,
.cx_panel-primary-light .panel-collapse  {
    border-color: #9dd1ff;
}
.cx_panel-primary-light>.panel-heading {
    background-color: #e6f3ff;
    border-color: #9dd1ff;
}
.panel-group .cx_panel-primary-light  .panel-heading+.panel-collapse>.panel-body {
	border-color: #9dd1ff;
}
.cx_panel-primary-light>.panel-heading,
.cx_panel-primary-light>.panel-heading  a {
    color: #31708f;
    text-decoration: none;
}
/* SUCCESS PANEL */
.panel-success,
.panel-success .panel-heading-collapse,
.panel-success .panel-collapse{
    border-color: #61c33f;
}
.panel-success>.panel-heading {
    background-color: #61c33f;
    border-color: #61c33f;
}
.panel-group .panel-success .panel-heading+.panel-collapse>.panel-body {
	border-color: #61c33f;
}
.panel-success>.panel-heading,
.panel-success>.panel-heading  a {
    color: white;
}
/* INFO PANEL */
.panel-info,
.panel-info .panel-heading-collapse,
.panel-info .panel-collapse{
    border-color: #3ed1d0;
}
.panel-info>.panel-heading {
    background-color: #3ed1d0;
    border-color: #3ed1d0;
}
.panel-group .panel-info .panel-heading+.panel-collapse>.panel-body {
	border-color: #3ed1d0;
}
.panel-info>.panel-heading,
.panel-info>.panel-heading  a {
    color: white;
}
/* WARNING PANEL */
.panel-warning,
.panel-warning .panel-heading-collapse,
.panel-warning .panel-collapse{
    border-color: #f8bb50;
}
.panel-warning>.panel-heading {
    background-color: #f8bb50;
    border-color: #f8bb50;
}
.panel-group .panel-warning .panel-heading+.panel-collapse>.panel-body {
	border-color: #f8bb50;
}
.panel-warning>.panel-heading,
.panel-warning>.panel-heading  a {
    color: white;
}
/* DANGER PANEL */
.panel-danger,
.panel-danger .panel-heading-collapse,
.panel-danger .panel-collapse{
    border-color: #f85050;
}
.panel-danger>.panel-heading {
    background-color: #f85050;
    border-color: #f85050;
}
.panel-group .panel-danger .panel-heading+.panel-collapse>.panel-body {
	border-color: #f85050;
}
.panel-danger>.panel-heading,
.panel-danger>.panel-heading  a {
    color: white;
}
.cx_paragraph-collapse{
    overflow: hidden;
}
.panel-heading-collapse{
	padding: 0;
}
.panel-heading-collapse a{
	display: block;
    padding: 10px 15px;
}
.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);
}
.panel .cx_table-wrapper{
	padding: 0;
	margin: 0;
}
.panel,
.panel-group{
	margin-bottom: 0;
}
.cx_paragraph-wrapper{
	margin-bottom: 15px;
}
.panel-body > *:last-child{
	margin-bottom: 0;
}


/* ------------------------- Table -------------------------*/
.cx_table-wrapper {
	display: inline-block;
    max-width: 100%;
    position: relative;
}
.table-responsive{
	border-bottom: 0;
} 
.table-responsive.cx_no_rows{
	border: 1px solid #ddd;
}
.table-striped>thead>tr,
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.table-striped>tbody>tr:nth-of-type(odd){
	background-color: white;
}
.table-responsive + .cx_float-wrapper{
	margin-top: 10px;
}
/* TABLE IN CONTAINER */
.cx_paragraph .table-striped>thead>tr,
.tab-content .table-striped>thead>tr,
.modal .table-striped>thead>tr,
.cx_paragraph .table-striped>thead>tr > .lockedColumn,
.tab-content .table-striped>thead>tr  > .lockedColumn,
.modal .table-striped>thead>tr > .lockedColumn,
.cx_paragraph .table-striped>tbody>tr:nth-of-type(even),
.tab-content .table-striped>tbody>tr:nth-of-type(even),
.modal .table-striped>tbody>tr:nth-of-type(even){
    background-color: white;
}
.cx_paragraph .table-striped>tbody>tr:nth-of-type(odd),
.tab-content .table-striped>tbody>tr:nth-of-type(odd),
.modal .table-striped>tbody>tr:nth-of-type(odd){
    background-color: #f9f9f9;
}
.cx_paragraph .table-striped>tbody>tr:nth-of-type(even):not(.cx_aggregationrow):hover,
.tab-content .table-striped>tbody>tr:nth-of-type(even):not(.cx_aggregationrow):hover,
.modal .table-striped>tbody>tr:nth-of-type(even):not(.cx_aggregationrow):hover,
.cx_paragraph .table-striped>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover,
.tab-content .table-striped>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover,
.modal .table-striped>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover{
	background: aliceblue;
}
.table>thead>tr>th {
	vertical-align: top;
    border-bottom: none;
}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th{
    border-top: 1px solid #aaa;
}
.cx_paragraph .table>tbody>tr>td, 
.cx_paragraph .table>tbody>tr>th, 
.cx_paragraph .table>tfoot>tr>td, 
.cx_paragraph .table>tfoot>tr>th,

.tab-content .table>tbody>tr>td, 
.tab-content .table>tbody>tr>th, 
.tab-content .table>tfoot>tr>td, 
.tab-content .table>tfoot>tr>th,

.modal .table>tbody>tr>td, 
.modal .table>tbody>tr>th, 
.modal .table>tfoot>tr>td, 
.modal .table>tfoot>tr>th{
    border-top: 1px solid #ddd;
}
.table>thead>tr>th {
	border-top: 0;	
}
.table > tbody > tr:last-of-type > td {
	border-bottom: 1px solid #aaa;	
}
.cx_paragraph  .table > tbody > tr:last-of-type > td,
.tab-content .table > tbody > tr:last-of-type > td,
.modal .table > tbody > tr:last-of-type > td{
	border-bottom: 1px solid #ddd;	
}
.table > li:first-child:nth-last-child(1) {
	width: 100%;
}
.table > tbody > tr > .cx_draghandle {
  vertical-align: middle;	
}
.table > thead > tr > td:first-of-type, .table > thead > tr > th:first-of-type,
.table > tbody > tr > td:first-of-type, .table > tbody > tr > th:first-of-type,
.table > tfoot > tr > td:first-of-type, .table > tfoot > tr > th:first-of-type{
	padding-left: 15px;		
}  
.table > thead > tr > th > *{
    white-space: nowrap;
}
.table .form-control-static{
    width: 100%;
    min-height: auto;
    min-height: initial;
	white-space: nowrap;
	overflow: hidden;
}
.table .form-control-static.cx_checkbox {
    line-height: 0;
    display: table;
}
.table .cx_wrap .form-control-static{
	white-space: normal;
}
.cx_columnheader,
.cx_cell-clickable{
    cursor: pointer;
}
.table > thead > tr > th.cx_columnheader-fixed-width *{
	 white-space: normal; 
	 word-break: break-word; /* Non standard for WebKit */
	 display: block;
}
.table > thead > tr > th:first-of-type .cx_column-width-dummy,
.table > tbody > tr > td:first-of-type .cx_column-width-dummy{
	margin-left: -15px;
}
.cx_td_content{ 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-height: 34px;
}
.cx_align_left{
	text-align: left;
}
.cx_align_left .form-control,
.cx_align_left .form-control-static{
	justify-content: flex-start;
}
.cx_align_center{
    text-align: center;
}
.cx_align_center .form-control,
.cx_align_center .form-control-static,
.lockedColumn.cx_align_center > *{
	justify-content: center;
}
.cx_align_right{
	text-align: right;
}
.cx_align_right .form-control,
.cx_align_right .form-control-static,
.lockedColumn.cx_align_right > *{
	justify-content: flex-end;
}
.table > thead > tr > th.cx_wrap > *{
    white-space: normal;
}
td.cx_wrap .cx_td_content {
    display: block;
}
td.cx_wrap .cx_td_content .cx_widget, 
td.cx_wrap .cx_td_content .cx_editableWidget {
	flex-wrap: wrap;
}   
td.cx_wrap .cx_td_content *{
	width: 100%;
}
.cx_td_content *{
	margin-right: 4px;
}
.cx_td_content .cx_searchbox{
    white-space: nowrap;
}
.cx_td_content .form-control{
	width: auto; 
	margin-right: 8px;
}
.cx_td_content .input-group-addon,
.cx_td_content .input-group-btn {
    height: 30px;
    display: flex;
    align-items: center;
}
.cx_td_content textarea.form-control,
.cx_td_content .cx_htmleditor {
    width: 500px; 
    max-width: 100%;
}
.cx_td_content input.form-control{
    width: 300px; 
   	max-width: 100%;
}
.cx_td_content input[size].form-control,
.cx_td_content textarea[cols].form-control{
    width: auto;
    width: initial;
}
/* AGGREGATION ROW */
.cx_paragraph .table-striped>tbody>.cx_aggregationrow:nth-of-type(odd),
.cx_paragraph  .lockedColumn,
.tab-content .table-striped>tbody>.cx_aggregationrow:nth-of-type(odd),
.tab-content  .lockedColumn,
.modal .table-striped>tbody>.cx_aggregationrow:nth-of-type(odd),
.modal .lockedColumn{
	background: white;
}
.table > tbody> .cx_aggregationrow  >td, 
.tab-content .table > tbody> .cx_aggregationrow >td, 
.cx_paragraph .table > tbody > .cx_aggregationrow >td {
	border-top: 1px solid #aaa;
}
.table > tbody> .cx_aggregationrow ~ .cx_aggregationrow >td,
.tab-content  .table > tbody> .cx_aggregationrow ~ .cx_aggregationrow >td,
.cx_paragraph .table > tbody > .cx_aggregationrow ~ .cx_aggregationrow >td{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.table > tbody > .cx_aggregationrow:last-of-type > td,
.tab-content  .table > tbody > .cx_aggregationrow:last-of-type > td,
.cx_paragraph .table > tbody > .cx_aggregationrow:last-of-type >td,
.table > tbody > .cx_aggregationrow:last-of-type:hover > td {
	border-bottom: none;
}
.cx_aggregationrow td hr{
	border-top: 1px solid #ddd;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}
.cx_aggregationrow td hr::before,
.cx_aggregationrow td hr::after{
    display: table;
    content: "";
    border-top: 1px solid #ddd;
    width: 8px;
    position: absolute;
    top: -1px;
}
.cx_aggregationrow td hr::before{
	left: -8PX;
}
.cx_aggregationrow td hr::after{
	right: -8PX;
}
.cx_td_content *:last-child {
	margin-right: 0;
}
.cx_large_row .cx_td_content select:last-child{
	min-width: 100%;
}
.cx_form-row .cx_input-inline{
	float: left;
	padding-right: 10px;
}
@media (min-width: 768px){
	.cx_form-row{
		display: table-row;
	}
	.cx_form-row .cx_input-inline{
		float: none;
		display: table-cell;
	}
}
.form-horizontal .cx_table-row:first-child .cx_input-inline{
	padding-top: 0;
}
.table-striped>tbody>.cx_dragging:nth-of-type(odd),
.cx_dragging{
	background: aliceblue;
}

.cx_table-wrapper .cx_float-wrapper{
	margin-bottom: 10px;
}
.cx_tablepaging{
	float: left;
	margin-right: 15px;
}
.cx_tablepaging .btn{
	width: 30px;
	height: 30px;
    line-height: 30px;
	padding: 0;
    font-size: 12px;
    border-radius: 3px;
}
.cx_tablecount{
	float: left;
    line-height: 30px;
    padding: 0 15px;
}
.cx_btn-preferences, 
.cx_btn-tablePreferences {
    width: 33px;
    height: 33px;
    padding: 5px 0 !important;
    line-height: 21px !important;
}
.cx_btn_wrapper-tablePreferences,
.cx_btn_wrapper-Preferences{
    float: right;
}
.cx_btn_wrapper-filter{
	float: right;
}

.cx_btn_wrapper-tablePreferences + .cx_btn_wrapper-filter,
.cx_btn_wrapper-Preferences + .cx_btn_wrapper-filter{
	margin-right: 5px;
}
.cx_btn_wrapper-tablePreferences:first-child,
.cx_btn_wrapper-Preferences:first-child{
	width: auto;
	width: initial;
	float: right;
}	
.cx_numberOfRecords{
	height: 30px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	float: right;			
}
.cx_numberOfRecords select{
    margin-right: 15px;
}
td .cx_icon{
	min-width: 18px; /* IS DIT NOG NODIG? */
}
tr .cx_btn-Details{
	opacity: 0;
}
td .cx_btn-tooltip.disabled,
.cx_btn-Button.disabled{
    border: none;
    height: 34px;
    opacity: 1;
    background: none;
    padding-left: 0;
    padding-right: 0;
}
td .cx_btn-tooltip.disabled span,
.cx_btn-Button.disabled span{
	    font-size: 15px;
}
@media screen and (max-width: 767px){
	.table-responsive {
		border: none;
		/* border-top: 1px solid #ddd; */
	}
}
/* HOVER */
.table-hover>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover,
/*.table-striped>tbody>.cx_aggregationrow:nth-of-type(odd):not(.cx_equal):hover, */
.table>tbody>tr:hover:not(.cx_difference):not(.cx_equal).lockedColumn,
.table-striped>tbody>tr:nth-of-type(odd):not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover .lockedColumn,
.table-striped>tbody>tr:nth-of-type(odd):not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover .lockedColumn {
    background: aliceblue;
}
.table>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover>td,
.table>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover + tr >td,
.cx_paragraph .table>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover>td,
.cx_paragraph .table>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover + tr >td {
	 border-top: 1px solid #90CBFF;
}
.table > tbody > tr:last-of-type:hover > td {
    border-bottom: 1px solid #90CBFF;
}
.table > tbody > tr:last-of-type > .lastLockedColumn,
.table > tbody > tr:last-of-type:hover > .lastLockedColumn{
	border-bottom: none;
}
tr:hover .cx_btn-Details{
	opacity: 1;
}

.table .cx_btn-Delete,
tr:hover .cx_btn-Delete:hover{
	color: #fc3434;
}

/* DRAGGING */
.table > thead > tr > th.cx_draghandle, 
.table > tbody > tr > td.cx_draghandle, 
.table > tfoot > tr > td.cx_draghandle{
	width: 15px !important;
	padding: 0 !important;
    cursor: move;
}
td.cx_draghandle{
	border-right: 1px solid transparent;
	border-left:  1px solid transparent;
}
td.cx_draghandle .cx_icon {
	font-size: 16px;
    min-width: auto;
    min-width: initial;
    margin: auto;
    color: #90CBFF;
    opacity: 0;
}
.table > thead > tr > th:first-of-type.cx_draghandle_header{
	width: 15px !important;
	padding: 0;
}
.table > thead > tr:hover > th.cx_draghandle, 
.table > tbody > tr:hover > td.cx_draghandle, 
.table > tfoot > tr:hover > td.cx_draghandle{
    border-left:1px solid #90CBFF;
	border-right:1px solid #90CBFF;
}
tr:hover td.cx_draghandle .cx_icon{
	opacity: 1;
}
.table>tbody>tr.sortable-ghost:hover>td,
.table>tbody>tr.sortable-ghost:hover + tr >td {
	 border-top: 1px solid #ddd
}
.table > tbody > tr:last-of-type.sortable-ghost:hover > td {
    border-bottom: 1px solid #ddd
}
.table-hover>tbody>tr.sortable-ghost,
.table-hover>tbody>tr.sortable-ghost:hover,
.table>tbody>tr.sortable-ghost .lockedColumn{
    background-color: white;
    position: relative;
}
.table-striped>tbody>tr:nth-of-type(odd).sortable-ghost,
.table-striped>tbody>tr:nth-of-type(odd).sortable-ghost .lockedColumn {
	background-color: #f9f9f9;
    position: relative;
}
.sortable-ghost td *{
	opacity: 0;
}
.table-hover>tbody>tr.cx_dragging .cx_draghandle,
.table-hover>tbody>tr.cx_dragging:hover .cx_draghandle,
.table-striped>tbody>tr:nth-of-type(odd).cx_dragging .cx_draghandle,
.table>tbody>tr.cx_dragging .lockedColumn .cx_draghandle,
.table-striped>tbody>tr:nth-of-type(odd).cx_dragging .lockedColumn .cx_draghandle{
	border-right: 1px solid transparent;
	border-left:  1px solid transparent;
}
.table-hover>tbody>tr.cx_dragging *,
.table-hover>tbody>tr.cx_dragging:hover *,
.table-striped>tbody>tr:nth-of-type(odd).cx_dragging *,
.table>tbody>tr.cx_dragging .lockedColumn *,
.table-striped>tbody>tr:nth-of-type(odd).cx_dragging .lockedColumn * {
	opacity: 0;
}
.table-hover>tbody>tr.cx_dragging *,
.table-hover>tbody>tr.cx_dragging:hover *,
.table-striped>tbody>tr:nth-of-type(odd).cx_dragging *,
.table>tbody>tr.cx_dragging .lockedColumn *,
.table-striped>tbody>tr:nth-of-type(odd).cx_dragging .lockedColumn * {
	opacity: 0;
}
/* ----- PERSISTANT HEADER && FIXED SCROLLBAR  ----- */
.cx_persist-table .table{
	margin-bottom: 0;
}
.persistantHeader {
	position: fixed;
	z-index: 1001;
    overflow: hidden;
    box-shadow: 3px 3px 10px #afafaf;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.table-striped>thead>tr.persistantHeader {
	background-color: white; /*background-color: #f1f4f5; */
}
.persistantHeader .lockedColumn{
	background: white;
}
.cx_paragraph .persistantHeader,
.tab-content .persistantHeader{
	background-color: white;
}
.table>thead>.persistantHeader>th {
    border-bottom: 0;
}
.table>thead>.persistantHeader{
    border-bottom: 1px solid #aaa; 
}
.cx_paragraph .table>thead>.persistantHeader,
.tab-content .table>thead>.persistantHeader,
.modal .table>thead>.persistantHeader{
	border-bottom: 1px solid #ddd; 
}
.table>thead>tr>th.lockedColumn{
	margin-top: 1px; /*  FIX ABSOLUTE COLUMN */
	border-top: 0;
}
.table>thead>.persistantHeader>th.lockedColumn{
	margin-top: 0; /*  FIX ABSOLUTE COLUMN */
}
.lockedColumn{
	background-color: #f9f9f9;
	z-index: 999;
}
.cx_paragraph .lockedColumn,
.tab-content .lockedColumn{
	background-color: white;
}
.cx_paragraph tr:hover .lockedColumn,
.tab-content tr:hover .lockedColumn{
	background-color: aliceblue;
}
/* ugly FF HACK */
@-moz-document url-prefix() {
   .lockedColumn{
   		margin-top: -1px;
	}
}
.lockedColumn > * {
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 	justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    line-height: 1.42857143; /* bootstrap standaard */
}
.lockedColumn.cx_align_center > * {
    justify-content: center;
}
.lockedColumn.cx_align_right > * {
	justify-content: flex-end;
}
.table-striped>tbody>tr:nth-of-type(odd):not(.cx_difference) .lockedColumn {
	background-color: white; 
}
.cx_paragraph .table-striped>tbody>tr:nth-of-type(odd) .lockedColumn,
.tab-content .table-striped>tbody>tr:nth-of-type(odd) .lockedColumn,
.modal .table-striped>tbody>tr:nth-of-type(odd) .lockedColumn{
	background-color: #f9f9f9; 
}
.cx_paragraph .table-striped>tbody>.cx_aggregationrow:nth-of-type(odd) .lockedColumn, 
.tab-content .table-striped>tbody>.cx_aggregationrow:nth-of-type(odd) .lockedColumn,
.modal .table-striped>tbody>.cx_aggregationrow:nth-of-type(odd) .lockedColumn{
	background: white;
}
.cx_paragraph .table-striped>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover .lockedColumn,
.tab-content .table-striped>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover .lockedColumn,
.modal .table-striped>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover .lockedColumn{
	background-color: aliceblue; 
}
.persistantScrollbar{ 
    z-index: 1001;
}

/* DIFFERENCE */
.cx_difference:hover td {
    /*background: aliceblue; */
}
/* ------------------------- FORM -------------------------*/
.cx_form-control-group{
	padding-top: 6px;
}
.table .cx_form-control-group{
	padding-top: 0;
}
.form-control-static{
	/*
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    */
    padding: 5px 0;
}
p.form-control-static{
	display: block;
}
.form-control-static.cx_checkbox{
	padding: 0; /* OVERBODIG MET AANPASSING BOVEN */
    line-height: 0;
    display: table;
}
.form-control-static input[type="checkbox"] {
    margin: 0;
    margin-top: 9.5px; /*8.5px; */
}
.table th .form-control-static{
	overflow: visible; 
}
th .form-control-static input[type="checkbox"],
.cx_td_content .form-control-static.cx_checkbox input[type="checkbox"]{
	margin: auto;
	margin-bottom: -2px;
}
.control-label{
	font-weight: 700;
	position: relative;
}
.control-label label,
.control-label .cx_label,
label{
    display: inline-block;
	position: relative;
}
.cx_label-left,
.form-horizontal .cx_label-left{
	text-align: left;
}
.cx_required_mark{
	position: absolute;
	top: 0;
	right: -10px;
}
.cx_label-above .cx_required_mark{
	position: static;	
}
.form-horizontal .cx_label-above, 
.form-horizontal .cx_label-right{
	text-align: left;
}
.form-horizontal .cx_label-right{
	font-weight: normal;
}
.form-horizontal .text-left{
	text-align: left;
}
.form-horizontal .text-right{
	text-align: right;
}
.cx_form_control_inline{
	display: inline;
	width: auto;
	width: initial;
}
.tab-pane > .row > div > .cx_readOnly-form-group:last-child,
.panel > .row > div > .cx_readOnly-form-group:last-child{
	margin-bottom: 0; /* re-reset */
}
/* RESPONSIVE */
@media (min-width: 768px){
	.form-horizontal .control-label {
		padding-top: 5px;
	/*
   		padding-top: 0; 
    	line-height: 34px;
    */
    }
}

/* -- DOUBLE SELECTBOX  ------------------------------------*/
.cx_doubleselectbox{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.cx_doubleselectbox select{
    flex: 1;
}
.cx_doubleselectbox > *:last-child{
	margin: 0;	
}	
.cx_doubleselectbox option{
	padding: 0;
	    
}
@media screen and (max-width: 767px) { /* BOOTSTRAP XS - PHONE */
	.cx_doubleselectbox{
		padding: 0;
		margin: 0;
	}
	.cx_doubleselectbox > [class*='col-'] {
		padding: 0;
	}
}

/* ------------------------- CX_CALENDAR -----------------------*/
.popover {
    max-width: 100%;
}
.cx_calendar{
/*	font-size: initial;	*/
	background: white;
	direction: ltr;
}
.cx_calendar_navigation{
	padding: 0;
	display: table;
	width: 100%;
}
.cx_calendar_navigation :first-child, .cx_calendar_navigation :last-child{
	width: 35px;
}
.cx_calendar_navigation li{
	list-style-type: none;
	height: 30px;
	line-height: 30px;
    text-align: center;
    display: table-cell;
}
.cx_calendar_navigation li span{
	vertical-align: baseline; /* default value for IE 11- */
	vertical-align: initial;
	line-height: 30px;
	font-size: 18px;
}
.cx_calendar_navigation li a{
	display: block;
}
.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_calendar_month{
	font-weight: bold;
}
.cx_calendar .weekday{
	text-align: center;
}
.cx_calendar .weeknr{
	text-align: center;
	width: 35px;
}
.cx_calendar .day a{
	width: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
    border-radius: 4px;
	display: block;
}
.cx_calendar .today a{
	border: 1px solid #fc3434;
}
.cx_calendar .selectedDay a{
    background: #1d95ff;
    color: white;
    border: none;
}
.cx_calendar .day.subdued a{
	color: grey;
}
.cx_calendar .day a:hover, 
.cx_calendar_navigation :first-child :hover, 
.cx_calendar_navigation:last-child:hover{
    color: #1d95ff;
	background: #eaeaea;
	text-decoration: none;
}

/* Calendar on small extremely devices  */
@media screen and (max-width: 310px) {
	.popover-content{
		padding: 9px;
	}
	.cx_calendar_content{
	    table-layout: fixed;
		width: 100%;
	}
	.cx_calendar .weeknr {
	    text-align: center;
	    width: auto;
	    width: initial;
	}
	.cx_calendar .day a {
	    width: 100%;
	}
}

/* ------------------------- CX_FIELDLINE -----------------------*/
/* multiline */
div[id^="cx_marker_multiline"] .cx_widget{
	width: auto;
	width: initial;
	margin-right: 15px;
	flex-wrap: nowrap;
}
div[id^="cx_marker_multiline"] .cx_widget:last-of-type{ 
	margin-right: 0;
}
.cx_fieldline_content .control-label{
	margin-right: 10px;
}
.cx_fieldline_content{
 	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.cx_multiline .cx_label-above-widget{
	float: left;
	margin-right: 15px;
}
.cx_multiline .cx_label-above-widget:last-child{
	margin-right: 0;
}
.cx_multiline .cx_label-above{
	margin-bottom: 5px;
}
.cx_multiline .cx_label-above label{
	margin-bottom: 0;
}
.cx_label-right-fieldline .cx_fieldline_content,
.cx_label-right-fieldline .cx_label-right{
	float: left;
	margin-right: 15px;
}
.cx_label-right-fieldline{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.cx_fieldline_content select,
.cx_fieldline_content input,
.cx_fieldline_content .form-control-static:not(:empty),
.cx_fieldline_content .cx_form-control-group,
.cx_fieldline_content .cx_row-no-padding,
.cx_fieldline_content .input-group-btn:first-child,
.cx_fieldline_content textarea,
.cx_fieldline_content .cx_searchbox{
	margin-right: 15px;
}
.cx_fieldline_content .form-control-static:not(:empty){
    overflow: hidden;
    word-wrap: break-word;
}
.cx_fieldline_content .cx_checkbox:not(:empty){
    overflow: initial;
}
.cx_fieldline_content select:last-child,
.cx_fieldline_content input:last-child,
.cx_fieldline_content .form-control-static:last-child,
.cx_fieldline_content .cx_row-no-padding:last-child,
.cx_fieldline_content textarea:last-child{
	margin-right: 0;
}
.cx_fieldline_content .btn {
	margin-right: 4px;
	padding: 6px;
    height: 30px;
}
.cx_fieldline_content .cx_btn-Add_a_search_field{
    height: auto;
    padding: 0;
    background: none!important;
    box-shadow: none!important;
    border: none;
    color: #41a6ff;
}
.cx_fieldline_content .input-group-btn .cx_btn_wrapper:last-child .btn{
	margin-right: 0;
}
.cx_fieldline_content >*:last-child{
	margin-right: 0;
}
.cx_col{
	padding-left: 0;
	padding-right: 1rem;
}
.form-control-autoSize{
	display: block;
    width: auto;
    width: initial;
    min-height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*
.checkbox label, 
.radio label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
*/
.checkbox label input, 
.radio label input,
.checkbox label input:last-child,
.radio label input:last-child {
	margin-right: 5px;
	-ms-flexbox: auto 0 0;
    -webkit-flex: auto 0 0;
	flex: auto 0 0;
}

.cx_input-date input{
	width: initial!important;
	float: left!important;
}
.cx_input-time input{
	float: left!important;
}
/*  ------------- cx_widget ------ */
.cx_widget,
.cx_editableWidget{
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; 
}
/*
.cx_memo{
	-webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
*/
.cx_td_content .cx_widget,
.cx_td_content .cx_editableWidget{
	-webkit-align-items: center;
    align-items: center; 
    min-height: 34px;
    flex-wrap: nowrap;
}
.cx_widget .input-group-addon,
.cx_editableWidget .input-group-addon,
.cx_widget .input-group-btn ,
.cx_editableWidget .input-group-btn {
    width: auto;
    width: initial;
}
.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;
} 

/* two part widget */
.cx_twopart_widget{
   flex-wrap: wrap;
   margin-bottom: -15px;
   margin-left: -1em;
}
.cx_twopart_widget > *{
	margin-left: 1em;
}
.cx_widget_first_part,
.cx_widget_second_part{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -15px;
    padding-bottom: 15px;
}
.cx_twopart_widget .form-control{
	width: auto;
	width: initial;
	max-width: 100%;
	margin-bottom: 15px;
    float: left;
}
.cx_range_label{
    line-height: 34px;
    margin-bottom: 15px;
}
.cx_range_label label{
	margin-bottom: 0;
}
.cx_range_label input{
	position: relative;
    vertical-align: middle;
    bottom: 1px;
    margin: 0;
}
.cx_range_label .checker{
    display: inline-block;
}

/* FLOAT WRAPPER */
.cx_float-wrapper{
    display: table;
    width: 100%;
}
.lastLockedColumn::after{
	content:"";
    display:block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 1px;
	border-right: 1px solid #aaa;
}
.lastLockedColumn.scrollOffset::after{
	box-shadow: 3px 3px 10px grey;
}
.cx_paragraph .lastLockedColumn::after,
.tab-content .lastLockedColumn::after{
	border-right: 1px solid #ddd;
}

/* Lookup List */
.cx_lkl-container{
	padding: 0;
	display: table;
	width: 100%;
}
.cx_lkl-item{
 	position: relative;
    display: table-cell;
    padding: 10px 15px;
    background: white;
}
.cx_lkl-description{
	margin: 0;
}
.cx_lkl-toggle{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin-bottom: -1px;
    background-color: #fff;
    /*border-left: 1px solid #ddd; */
    width: 30px; 
}
.cx_lkl-toggle .caret{
	transform: rotate(180deg);
	margin: 0;
	transition: all 0.5s;
}
.cx_lkl-toggle.collapsed .caret{
	transform: rotate(0deg);
}
.cx_lkl-item:hover,
.cx_lkl-toggle:hover{
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
/* MEDIA QUERIES */

/* Extra small devices (phones, less than 768px) */
@media screen and (max-width: 767px){
	.cx_persist-table>.table>tbody>tr>td, 
	.cx_persist-table>.table>tbody>tr>th, 
	.cx_persist-table>.table>tfoot>tr>td, 
	.cx_persist-table>.table>tfoot>tr>th, 
	.cx_persist-table>.table>thead>tr>td, 
	.cx_persist-table>.table>thead>tr>th {
	    white-space: normal; /* reset bootstrap default */
	}
	.cx_fieldline_content,
	.cx_widget, 
	.cx_editableWidget {
	    flex-wrap: wrap;
	}
	.table .cx_widget, 
	.table .cx_editableWidget {
		flex-wrap: nowrap;
	}
	.cx_td_content textarea.form-control{
    	width: 300px; 
	}
	.cx_td_content input.form-control{
	    width: 200px; 
	}
	.cx_td_content input[size].form-control,
	.cx_td_content textarea[cols].form-control{
	    width: auto;
	    width: initial;
	}
}
/* Small devices (tablets, 768px and up) */
@media screen and  (min-width: 768px) {
	#loginContent{
		min-width: 400px;
	}
}

/* ------------------------- CX PANES -------------------------*/
.cx_splitpane{
    margin-bottom: 15px;	
	/*
	padding-left: 15px;
	padding-right: 15px;
	*/
}
.cx_leftpanecontainer,
.cx_rightpanecontainer,
.cx_draglinecontainer{
	display: table-cell;
	z-index: 1;
    vertical-align: top;
}
.cx_leftpanecontainer{
	width: 1px;	
}
.cx_leftpane,
.cx_rightpane{
	height: 100%;	
	overflow: auto;	
}
.cx_leftpane > .container{
    margin-left: 1px;
}
.cx_rightpanecontainer{
	width: auto;
}
.cx_rightpane > .container{
    margin-right: 0;
}
.cx_draglinecontainer{
	position: relative;
	z-index: 100;
}
.cx_dragline{
	width: 20px;
	height: 100%;
	position: absolute;
	cursor: col-resize;	
	left: -10px;
}
.cx_dragline_inner{
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	background: #ddd;
	background: #aaa;
	transition: border-color 0.5s, box-shadow 0.5s, background 0.5s;
}
.cx_dragline.hover .cx_dragline_inner,
.cx_dragline.active .cx_dragline_inner{ 
	box-shadow: 0 0 20px #2285e0;
	background: #90CBFF;
	transition: border-color 0s, box-shadow 0s, background 0s;
}
.cx_dragline .cx_handle{
	width: 20px;
	height: 30px;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
   	-webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%, -50%);
}
.cx_dragline:not(.hover) .cx_handle{
	transition: top 0.5s;
}
.cx_dragline .cx_handle::after{
	display: block;
	content: "";
	width: 6px;
	height: 100%;
    background: white;
    border: 1px solid #aaa;
   	margin: auto;
   	transition: border-color 0.5s, box-shadow 1s, background 0.5s;
}
.cx_dragline.hover .cx_dragline_inner .cx_handle::after,
.cx_dragline.active .cx_dragline_inner .cx_handle::after{
	border-color: #90CBFF;
	transition: border-color 0s, box-shadow 0s, background 0s;
}
.cx_dragline.hover .cx_dragline_inner .cx_handle::after,
.cx_dragline.active .cx_dragline_inner .cx_handle::after{
	background: aliceblue;
	box-shadow: 0 0 20px #559EE2;
	transition: border-color 0s, box-shadow 0s, background 0s;
}
/* pane responsive */
.smallPane [class*='col-sm'],
.smallPane [class*='col-md'],
.smallPane [class*='col-lg']{
	width: 100%;
	float: none;
}
@media (min-width: 768px){
	.smallPane [class*='col-sm'] .form-horizontal .control-label,
	.smallPane [class*='col-sm'] .control-label,
	.smallPane [class*='col-md'] .form-horizontal .control-label,
	.smallPane [class*='col-md'] .control-label,
	.smallPane [class*='col-lg'] .form-horizontal .control-label,
	.smallPane [class*='col-lg'] .control-label{
		text-align: left;	
	}
}
/* TARGET IE10+ HACK*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.lockedColumn { 
		margin-top: -1px;
	}
}
/* Indicates a wait status (for ajax) */
.cx_wait {
	cursor: wait;
}
.cx_table-wrapper.cx_wait .table *{
	cursor: wait!important;
}


/* ------------------------- LOGIN MODAL -------------------------*/
.cx_loginModal{
	padding-right: 0!important;
}
.cx_loginModal .modal-dialog{
    top: 0;
    max-width: calc(100vw - 30px);
    transition: none!important;
    /* transition: all 1s ease-out; */
    margin: 30px auto;
}
.cx_loginModal .modal-dialog.cx_vertical-center{
	position: absolute;
	left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%) !important;
    margin: -30px 0 0 0;
    /*
    transition: transform 1s;
    animation: vertical-center 1s;
    */
}
@keyframes vertical-center {
	0%   { top: 0;}
	100% { top: 50%;}
}

.cx_loginModal .modal-content{
	width: 400px;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    border: none;
    background: none;
}
@media (max-width: 767px) { 
	.cx_loginModal .modal-dialog{
		transform: translate(0, -50%);
	}
}
@media (min-width: 768px){
	.cx_loginModal .modal-content {
	    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);
	    box-shadow: 3px 5px 15px rgba(0,0,0,.3);
	}
}

.cx_loginModal .modal-header{
	border-color: black;
	background: #333; /*#f8f8f8;*/
}

.cx_loginModal .close{
	height: 30px;
    font-size: 30px;
    font-weight: normal;
    color: white;
    text-shadow: none;
    filter: alpha(opacity=50);
    opacity: .5;
}
.cx_loginModal .close:hover{
	opacity: 1;
}
.cx_loginModal h4{
	margin-bottom: 0;
	line-height: 30px;
	color: white;
}
.cx_loginModal .modal-body{
    background: white;
}
.cx_loginForm{
    display: table;
    width: 100%;
}
.cx_loginModal .input-lg{
    font-size: 16px;
}
.loginForm label{
	color: #555;
}
.loginForm .form-control{
	min-height: 34px;
}
.cx_loginModal .btn-primary:hover{
    background-color: white;
    color: #50a9f8;
    border-color: #50a9f8;
}
.loginFormButtons{
	display: table;
	width: 100%;
}
.cx_loginModal .checkbox{
	float: left;
	margin-bottom: 0;
}
.cx_loginModal .checkbox input[type=checkbox]{
	margin-left: 0;
}
.cx_loginModal .checkbox label{
    text-transform: none;
    font-size: 0.9em;
    line-height: 20px;
    color: #50a9f8;
}
.cx_loginModal .wachtwoord-vergeten,
.cx_passwordSenderLink{
	font-size: 0.9em;
	float: right;
	margin-top: 10px;
    line-height: 20px;
}
.createAccount{
	float: right;
	line-height: 30px;
	color: white;
}
.createAccount span{
	color: #50a9f8;
}
.createAccount:hover{
	text-decoration: none;
	color: white;
}
.createAccount span:hover{
	text-decoration: underline;
}

.cx_loginModal .modal-footer {
    text-align: left;
  	border: none;
	background: #333; /*#f8f8f8;*/
}

.cx_loginModal .modal-footer p{
    color: white;
}
.cx_error-message{
	color: #fc3434;
}
.cx_loginModal .cx_error-message{
	margin-bottom: 15px;
}
.cx_loginModal .btn{
	height: 46px;
	margin-top: 15px;
}
.form-control.input-lg:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right) {
	height: 46px;
}
/* ------------------------- PASSWORD -------------------------*/
.cx_password-wrapper{
	display: inline-block;
	position: relative;
	margin-right: 30px;
	margin-bottom: 10px;
}
.cx_password-wrapper input{
	margin-right: 0;
	padding-right: 25px!important;
}
.cx_btn-viewPassword{
	position: absolute;
	top: 0;
	right: 5px;
	line-height: 30px;
}
.cx_btn-viewPassword .cx_icon::before{
	content: "\f06e";	
}
.cx_btn-viewPassword.viewing .cx_icon::before{
	content: "\f070";	
}
.cx_passwordCheckIcon{
	position: absolute;
	top: 0;
	right: -21px;
    line-height: 30px;
}
.cx_passwordCheckIcon .cx_icon::before{
	content: "\f00c";	
	font-weight: bold;
    font-size: 16px;
    color: #ccc;
}
.cx_passwordCheckIcon.checked .cx_icon::before{
    color: #61c33f;
}
@media (max-width: 767px){
	#cx_marker_value_password{
		display: block;
	}
	.cx_password-wrapper{
		display: table;
	}
	.cx_password-wrapper + .control-label{
		padding-left: 0;		
	}
}


/* NAVBAR USERNAME AND TOGGLE ( RIGHT MENU )*/
.navbar .navbar-nav.cx_menu-right > li > a, 
.navbar .navbar-nav.cx_menu-right > li > a:focus, 
.navbar .navbar-nav.cx_menu-right > li > a:hover{
	padding: 0;
	background: none;
	border: none;
	color: #888;
	width: 40px;
	text-align: center;
}
/* NAVBAR USER */
.navbar-nav > .cx_menu-user .cx_icon::before,
.navbar-nav > .cx_menu-user .cx_icon::after{
	content: "\f2be";
	font-size: 30px;
	line-height: 50px;
	transition: all 0.2s;
	opacity: 1;
}
.navbar-nav > .cx_menu-user .cx_icon::after{
	content: "\f2bd";
}
.navbar-nav > .cx_menu-user .cx_icon::after{
	font-weight: bold;
	position: absolute;
	left: 5px;
	color: #888;
	opacity: 0;
}
.navbar-nav > .cx_menu-user:hover .cx_icon::after{
	opacity: 1;
}
.navbar-nav > .cx_menu-user:hover .cx_icon::before{
	opacity: 0;
}

/* NAVBAR USER INVERSE */
.navbar-inverse .navbar-nav.cx_menu-right > li > a, 
.navbar-inverse .navbar-nav.cx_menu-right > li > a:focus, 
.navbar-inverse .navbar-nav.cx_menu-right > li > a:hover{
	color: #9d9d9d;
}
.navbar-inverse .navbar-nav > .cx_menu-user .cx_icon::after{
	color: white;
}

/* NAVBAR TOGGLE */
.cx_menu-toggle a{
	height: 50px;
}
.cx_menu-toggle .cx_menu-toggle-one{
	position: absolute;
	top: 11px;
	left: 4px;
}
.cx_menu-toggle .cx_menu-toggle-two{
	position: absolute;
	right: 4px;
	bottom: 11px;
}

.cx_menu-toggle .cx_menu-toggle-one,
.cx_menu-toggle .cx_menu-toggle-two{
	width: 24px;
	height: 20px;
	border: 2px solid #999;
	border-radius: 5px;
	background: white;
	transition: background-color 0.3s;
}
.cx_menu-toggle .cx_menu-toggle-two{
	background: #1d95ff;
}
.cx_menu-toggle a:hover .cx_menu-toggle-one{
	z-index: 100;
	background: #2FD371;
}
.cx_menu-toggle a:hover .cx_menu-toggle-two{
	background: white;
}
.cx_menu-admin .cx_menu-toggle cx_menu-toggle-one{
	z-index: 99;
	background: #2FD371;
}
.cx_menu-admin .cx_menu-toggle a:hover .cx_menu-toggle-one{
	background: white;
}
.cx_menu-admin .cx_menu-toggle a:hover .cx_menu-toggle-two{
	z-index: 100;
	background: #1d95ff;
}

/* INVERSE MENU VERSION */
.navbar-inverse .navbar-nav>li>a {
    color: #ccc;
    background: #222;
}	
.navbar-inverse .navbar-nav>li>a:focus, 
.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #222222;
}
.navbar-inverse .cx_menu-toggle .cx_menu-toggle-one,
.navbar-inverse .cx_menu-toggle .cx_menu-toggle-two{
	border-color: white;
}
.navbar-inverse .cx_menu-toggle .cx_menu-toggle-one{
	background: #222;
}
.navbar-inverse.cx_menu-admin .cx_menu-toggle .cx_menu-toggle-one{
	background: #2FD371;
}
.navbar-inverse.cx_menu-admin .cx_menu-toggle .cx_menu-toggle-two{
	background: #222;
}
.navbar-inverse:not(.cx_menu-admin) .cx_menu-toggle a:hover .cx_menu-toggle-two{
	background: #222;
}
.navbar-inverse.cx_menu-admin a:hover .cx_menu-toggle-one{
	background: #222;
}


/* SIMPLE / COMPLEX TOGGLE */
.cx_btn_wrapper-Advanced{
	margin-bottom: 0;
}
.cx_toggleBtn{
	text-decoration: none!important;
    color: #757575;
}
.cx_toggleBtn.active{
	color: #41a6ff;
}
.cx_toggleBtn .cx_icon{
    display: inline-block;
    position: relative;
    float: left;
    width: 40px;
    margin-right: 10px;
    height: 18px;
    margin-top: 1px;
    border-radius: 17px;
    border: 1px solid #ccc;
    background: #e5e5e5;
    border-color: #ccc;
    transition: all .2s linear .1s;
} 
.cx_toggleBtn.active .cx_icon{
	background: #41a6ff;
	border-color: #41a6ff;
}
.cx_toggleBtn .cx_icon::before{
	display: table;
	position: absolute;
	left: -1px;
	top: -2px;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #a7a7a7;
	background: white;
	transition: all .3s;
}
.cx_toggleBtn.active .cx_icon::before{
	left: 21px; /* auto; */
	/* right: -1px; */
	/*border-color: #50a9f8;	*/
}
.cx_toggleBtn .cx_label{
	line-height: 20px;
}
.cx_toggleBtn:hover .cx_icon::before{
	border-color: #1190ff;	
	-webkit-box-shadow: 0 0 10px 0 rgba(65, 166, 255, 0.8);
	box-shadow: 0 0 10px 0 rgba(65, 166, 255, 0.8);
}