/* 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;
}
@font-face {
	font-family: 'Helvetica mono';
	src: url('../fonts/Helvetica Monospaced W06 Rg.ttf');
}
html{ 
	min-height: 100%;
	-ms-overflow-style: scrollbar;
}
body{
	min-height: 100%;
	background: #fdfdfd; /*#fcfcfc; /*#fbfbfb;*/ /*#f9f9f9*/ /*#f1f4f5*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
}
.cx_horizontal-line{
	margin-top: 0;
}
img{
	max-width: 100%;
}
.cx_hiddenmarker {
	display: none;
}
hr{
    border-top: 1px solid #d4d4d4;
}
.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 */ 


/* Breadcrumb */
.breadcrumb {
    padding: 0;
    margin-bottom: 10px;
    background-color: transparent;
}
.breadcrumb>li+li:before {
	font-family: Font Awesome\ 5 Pro;
    content: "\f105";
}


.cx_transition-500{
	transition: all 0.5s;
}

/* EXPLANATIONS */
.cx_explainable,
.cx_explainable:hover{
	cursor: help;
}

.cx_explanation{
	background: #ffe384;
	z-index: 100000;
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.5 );
}
.cx_explanation-top,
.cx_explanation-bottom,
.cx_explanation-left,
.cx_explanation-right{
	position: absolute;
	background: #333; /*#ff1100;*/ /*#F44336;*/ /* #777 */
}
.cx_explanation-top,
.cx_explanation-bottom{
	left: 0;
	right: 0;
	height: 1px;
}
.cx_explanation-top{
	top: 0;
}
.cx_explanation-bottom{
	bottom: 0;
}
.cx_explanation-left,
.cx_explanation-right{
	top: 0;
	bottom: 0;
	width: 1px;
}
.cx_explanation-left{
	left: 0;
}
.cx_explanation-right{
	right: 0;
}

.cx_btn-Editing_plain{
	min-width: 93px!important; /* prevent jumping */
}
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 900 9px/16px Font Awesome\ 5 Pro;
    position: relative;
	bottom: 1px;
    margin: 0 2px;
    color: white;
}
.cx_folderCount:after{
	display: inline-block;
	content: "\f07b";
    font: normal normal normal 9px/16px Font Awesome\ 5 Pro;
    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 900 9px/16px Font Awesome\ 5 Pro;
    position: relative;
	bottom: 1px;
    margin: 0 2px;
    color: white;
}
.cx_fileCount:after{
	display: inline-block;
	content: "\f15b";
    font: normal normal normal 9px/16px Font Awesome\ 5 Pro;
    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;
}











/* 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);
	background: white;
}
.progress-bar[aria-valuenow="0"],
.progress-bar-success[aria-valuenow="0"],
.progress-bar-info[aria-valuenow="0"],
.progress-bar-warning[aria-valuenow="0"],
.progress-bar-danger[aria-valuenow="0"]{
	margin-left: 5px;
}
.progress-bar {
    background-color: #50a9f8;
}
.progress-bar[aria-valuenow="0"]{
	color: #50a9f8;
}
.progress-bar-success{
	background-color: #61c33f;
}
.progress-bar-success[aria-valuenow="0"]{
	color: #61c33f;
}
.progress-bar-info{
	background-color: #3ed1d0;
}
.progress-bar-info[aria-valuenow="0"]{
	color: #3ed1d0;
}
.progress-bar-warning{
	background-color: #f8bb50;
}
.progress-bar-warning[aria-valuenow="0"]{
	color: #f8bb50;
}
.progress-bar-danger{
	background-color: #f85050;
}
.progress-bar-danger[aria-valuenow="0"]{
	color: #f85050;
}






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


h1{
    margin-top: 0;
}





/* ALERT COLORS */
.alert-info {
	border-color: #9dd1ff;
	background-color: #e6f3ff;
}
.alert-success{
    border-color: #92dc7a;
    background-color: #e4fddc;
}
.alert-warning{
	border-color: #f9c873;
	background-color: #fff1d7;
}
.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 */

.cx_fieldgroup-autosize .form-group:last-child .cx_fieldline-content{
	padding-bottom: 0;
}

@media (min-width: 768px){
	/* LIEP TOCH NIET LEKKER
	.cx_fieldgroup-autosize{
		padding: 0;
		margin: 0 7.5px;
	}
	*/
	.cx_fieldgroup-autosize{
		display: table;
	}
	.cx_fieldgroup-autosize .cx_horizontal-line{
		display: table-row;
		position: relative;
    	height: 21px;
	}
	.cx_fieldgroup-autosize .cx_horizontal-line::before{
	    display: block;
	    content: "";
	    position: absolute;
	    margin-top: 5px;
	    left: 7.5px;
	    right: 7.5px;
	    height: 1px;
	    background: #d5dbde;
	}
	.cx_form-group-autosize{
		display: table-row;
	}
	.cx_form-group-autosize .control-label{
		display: table-cell!important;
	    padding-right: 15px;
	    padding-bottom: 10px;
        vertical-align: top;
	}
	.cx_form-group-autosize .cx_label-with-buttons{
		padding-right: 35px;
	}
	.cx_form-group-autosize .cx_label-with-buttons.cx_label-btn-count-1 .cx_label-buttons{
		position: absolute;
		min-width: 30px;
		right: 5px; /*right: 35px;*/
		margin-right: 0;
	}
	
	.cx_form-group-autosize .control-label label,
	.cx_form-group-autosize .control-label .cx_label{
		display: table;
		float: right;
	}
	.cx_form-group-autosize .control-label.cx_label-left label, 
	.cx_form-group-autosize .control-label.cx_label-left .cx_label {
		float: none;
	}
	.cx_fieldgroup-autosize{
		width: 100%;
	}
	.cx_form-group-autosize .control-label{
		display: table; /* to get a width - is later set to table-cell */
		position: relative;
	}
	.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,
	.cx_form-group-autosize.cx_multiline > .cx_fieldline-content{
		display: table-cell;
		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;
	}

	.cx_multiline .cx_label-above-widget{
		float: left;
		margin-right: 15px;
	}
	.cx_multiline .cx_label-above-widget:last-child{
		margin-right: 0;
	}

}
@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;
	}
	.cx_form-group-autosize .cx_description{
		margin-left: 0!important;
	}
}

/* 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;*/
}
.modal-header .close {
    font-size: 30px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 0;
}
.cx_modal-noBackdrop + .modal-backdrop, 
.modal-backdrop + .modal-backdrop {
	display: none;
}
.cx_modal-noBackdrop{
	padding: 0!important;
}
.cx_draggable-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_draggable-modal .modal-header{
	cursor: move;
	cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.cx_draggable-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 */
.cx_content .row{
	padding-right: 7.5px;
    padding-left: 7.5px;
}
.cx_content .col-lg-1, 
.cx_content .col-lg-10, 
.cx_content .col-lg-11, 
.cx_content .col-lg-12, 
.cx_content .col-lg-2, 
.cx_content .col-lg-3, 
.cx_content .col-lg-4, 
.cx_content .col-lg-5, 
.cx_content .col-lg-6, 
.cx_content .col-lg-7, 
.cx_content .col-lg-8, 
.cx_content .col-lg-9, 
.cx_content .col-md-1, 
.cx_content .col-md-10, 
.cx_content .col-md-11, 
.cx_content .col-md-12, 
.cx_content .col-md-2, 
.cx_content .col-md-3, 
.cx_content .col-md-4, 
.cx_content .col-md-5, 
.cx_content .col-md-6, 
.cx_content .col-md-7, 
.cx_content .col-md-8, 
.cx_content .col-md-9, 
.cx_content .col-sm-1, 
.cx_content .col-sm-10, 
.cx_content .col-sm-11, 
.cx_content .col-sm-12, 
.cx_content .col-sm-2, 
.cx_content .col-sm-3, 
.cx_content .col-sm-4, 
.cx_content .col-sm-5, 
.cx_content .col-sm-6, 
.cx_content .col-sm-7, 
.cx_content .col-sm-8, 
.cx_content .col-sm-9, 
.cx_content .col-xs-1, 
.cx_content .col-xs-10, 
.cx_content .col-xs-11, 
.cx_content .col-xs-12, 
.cx_content .col-xs-2, 
.cx_content .col-xs-3, 
.cx_content .col-xs-4, 
.cx_content .col-xs-5, 
.cx_content .col-xs-6, 
.cx_content .col-xs-7, 
.cx_content .col-xs-8, 
.cx_content .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: #41a6ff;	
}
a:hover{
	color: #1190ff;
}

/* 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{
	background-color: #fcfcfc;
}
.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);
    box-shadow: 2px 2px 5px rgba(200, 200, 200, 0.5);
}
.btn.disabled:hover, .btn[disabled]:hover{
	box-shadow: none;
}

.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;
    border-radius: 3px;
}
.btn-primary:hover{
    background-color: white;
    border-color: #50a9f8;
    color: #41a6ff;
}
.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;
    color: white;
}
/* SUCCESS BUTTON */
.btn-success{
    background-color: #61c33f!important;
    border-color: #61c33f;
}
.btn-success:hover{
    background-color: #80cf65!important;
    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!important;
    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: #f88950;
    border-color: #f88950;
}
.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;
}
/* LINK BUTTON */
.btn-link{
	color: #41a6ff;	
}
.btn-link:hover,
.btn-link:active,
.btn-link:focus{
	color: #1190ff;
	text-decoration: none;
}



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

.cx_label:empty{
	display: none;	/* hide empty label */
}

/* ------------------------- 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: "\f059";
}
[data-btnname]:only-child::before{
	content: attr(data-btnname); /* fallback: set button name as 'icon' if it is available */
}
.cx_icon.fa,
.cx_second-icon.fa{
    font-family: Font Awesome\ 5 Pro, "Helvetica Neue",Helvetica,Arial,sans-serif;
	display: inline;
    font-weight: 100; /* overrule fa 4 default of 900 */
    line-height: inherit; /* overrule fa default */
}
.cx_icon.fab,
.cx_second-icon.fab{
    font-family: 'Font Awesome 5 Brands';
}
.cx_cell .fa{
	line-height: 22px /*1!important; */ 
}

/* FILEMANAGER BTN */
.cx_btn-help .cx_icon::before {
	content: "\f059";
}


/* FIlEMANAGER TOP */
.cx_btn-uploadFile .cx_icon::before {
	content: "\f093";
}
.cx_btn-previewLookAndFeel .cx_icon::before {
	content: "\f06e";
}

/* EXAMPLE PAGE */
.cx_btn-examplePageIconOnly .cx_icon::before,
.cx_btn-examplePageIconLeft .cx_icon::before,
.cx_btn-examplePageIconRight .cx_icon::before {
	content: "\f135"; 
}
 

/* NAVIGATION BTNS */
.cx_btn-back .cx_icon::before {
	content: "\f0a8";
	font-weight: 900;
	color: #555;
}
.cx_btn-previous .cx_icon::before {
	content: "\f0d9";
	font-weight: 900;
    color: #555;
}
.cx_btn-next .cx_icon::before {
	content: "\f0da";
	font-weight: 900;
    color: #555;
}
/* RECORD - EDIT - BTNS */
.cx_btn-newRecord .cx_icon::before,
.cx_btn-Add .cx_icon::before,
.cx_btn-add .cx_icon::before,
.cx_btn-New .cx_icon::before{
	content: "\f067";
	font-weight: 900;
	color: #555;
} 

.cx_btn-Edit .cx_icon::before,
.cx_btn-edit .cx_icon::before,
.cx_btn-startEditing .cx_icon::before {
	content: "\f040";
} 
.cx_btn-stopEditing .cx_icon::before{
	content: "\f04d";
	font-weight: 900;
	color: #555;
}
td .cx_btn-stopEditing .cx_icon::before{
	color: grey;
}
.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;
}
td .cx_btn-stopEditing:focus .cx_icon::before,
td .cx_btn-Save:focus .cx_icon::before{
    color: #41a6ff;
}
.cx_btn-delete .cx_icon::before,
.cx_btn-Delete .cx_icon::before,
.cx_btn-deleteFile .cx_icon::before{
	content: "\f2ed"; /*"\f2ed"; */
} 
#dropdownMenu1 + .dropdown-menu .cx_btn-Delete .cx_icon::before{
	content: none;
} 
.cx_btn-cut .cx_icon::before {
	content: "\f0c4";
} 
.cx_btn-copyFile .cx_icon::before,
.cx_btn-copy .cx_icon::before {
	content: "\f0c5";
	font-weight: 100;
} 
.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{
	content: "\f067";
} 
.cx_btn-filter .cx_icon::before{
	content: "\f0b0";
}
.cx_btn-refresh .cx_icon::before{
	content: "\f021";
}
.cx_btn-rotateLeft .cx_icon::before{
	content: "\f0e2";
}
.cx_btn-rotateRight .cx_icon::before{
	content: "\f01e";
}
.cx_btn-crop .cx_icon::before{
	content: "\f125";
}
.cx_btn-Preview .cx_icon::before{
	font-family: "cx_icons";
	font-weight: normal;
	content: "\e805";
}
.cx_btn-renameFile .cx_icon::before{
	font-family: "cx_icons";
	font-weight: normal;
	content: "\e806";
}
.cx_btn-calendar .cx_icon::before{
	content: "\f073";
}
.cx_btn-manageAliases .cx_icon::before{
	font-family: "cx_icons";
	font-weight: normal;
	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{
	font-size: 1.33333333em;
}
.cx_btn-Details .cx_icon::before,
.cx_btn-hyperlink .cx_icon::before{
	content: "\f0a9";
}  	
.cx_draghandle .cx_icon::before {
	content: "\f142";
} 
.cx_btn-select .cx_icon::before{
	content: "\f002";	 
}
.cx_btn-find .cx_icon::before {
	content: "\f002";
	font-weight: 500;
}
.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-saveQuery .cx_icon::before {
	content: "\f0c7";
} 
.cx_btn-addSearchField .cx_icon::before {
    content: "\f067";
}
.cx_btn-editFile .cx_icon::before {
	content: "\f31c";
	font-size: 18px;
    padding-top: 2px;
    display: table
} 

.cx_btn-calculationExplanation .cx_icon::before {
    content: "\f64c";
}

/* -- 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;
}
/* TREE ICONS */
.cx_tree .cx_icon {
    text-align: center;
    font-size: 15px;
    width: 15px;
    /*	margin-right: 6px;	*/
    height: 23px;
    display: block;
    float: left;
}
.cx_btn-expand-node, .cx_btn-collapse-node {
    padding-right: 6px;
}
.cx_tree .cx_icon::before,
.cx_tree .cx_icon::after {
	line-height: 23px;
}	
.cx_btn-Close_all_nodes .cx_icon::before {
    content: "\f146";
    font-size: 15px;
}
.cx_btn-Expand_all_nodes .cx_icon::before {
    content: "\f0fe";
	font-size: 15px;
}
.cx_btn-expand-node .cx_icon,
.cx_btn-collapse-node .cx_icon{
	width: 12px;
}
.cx_btn-collapse-node .cx_icon::before,
.cx_btn-expand-node .cx_icon::before {
	font-size: 12px;
	width: 12px;
	content: "\f0c8";
	color: white;
	font-weight: 900;
} 
.cx_btn-expand-node .cx_icon::after {
	font-size: 12px;
	width: 12px;
	content: "\f0fe";
	position: relative;
    left: -10.5px;
	color: black;
} 
.cx_btn-collapse-node .cx_icon::after {
	font-size: 12px;
	width: 12px;
	content: "\f146";
	position: relative;
	left: -10.5px;
	color: black;
}
.cx_btn-opened-node .cx_icon::before {
	content: "\f07c";
	color: #9dd1ff;
	font-weight: 900;
} 
.cx_btn-opened-node .cx_icon::after {
	content: "\f07c";
	position: relative;
    left: -17.75px;
    color: black;
} 
.cx_btn-closed-node .cx_icon::before,
.cx_empty-node-dir .cx_icon::before{
	content: "\f07b";
    color: #9dd1ff;
    font-weight: 900;
} 
.cx_btn-closed-node .cx_icon::after,
.cx_empty-node-dir .cx_icon::after{
	content: "\f07b";
	position: relative;
    left: -15px;
    color: black;
}
.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: 17px;  
}
.cx_filemanager .cx_node-icon .cx_icon,
.cx_filemanager .cx_node:not(.cx_node-dir) .cx_btn-expand-node .cx_icon,
.cx_filemanager .cx_node:not(.cx_node-dir) .cx_btn-collapse-node .cx_icon{
	 margin-left: 19px;  
}
.cx_node_img_icon .cx_icon,
.cx_node_file_icon .cx_icon{
	width: 10.5px;
}
.cx_node_img_icon .cx_icon::before,
.cx_node_file_icon .cx_icon::before{
	font-size: 14px;
}
.cx_end_node_icon .cx_icon{
	width: 0; /*5px;*/
}
.cx_end_node_icon .cx_icon::before {
    content: "";	/* \f111  \f0ac */
    font-weight: 900;
    font-size: 5px;
    vertical-align: middle;
    position: relative;
    top: 1px;
}

/* FILE MANAGER ICONS */

.cx_title-help-icon{
	display: inline-block;
	margin-left: 15px;
	font-size: 0.8em;
	line-height: 0.8em;
	padding-bottom: 0.15em;
	vertical-align: middle;
	display: inline-block;
}
.cx_filemanager .cx_end_node_icon .cx_icon,
.cx_node_img_icon .cx_icon,
.cx_node_audio_icon .cx_icon,
.cx_node_video_icon .cx_icon,
.cx_node_word_icon .cx_icon,
.cx_node_excel_icon .cx_icon, 
.cx_node_pdf_icon .cx_icon{
	width: 15px;
}

.cx_filemanager .cx_end_node_icon .cx_icon::before,
.cx_node_img_icon .cx_icon::before,
.cx_node_audio_icon .cx_icon::before,
.cx_node_video_icon .cx_icon::before,
.cx_node_word_icon .cx_icon::before,
.cx_node_excel_icon .cx_icon::before, 
.cx_node_pdf_icon .cx_icon::before{
	font-weight: 900;
	color: white;
}
.cx_filemanager .cx_end_node_icon .cx_icon::before {
	content: "\f15b";
	font-size: 15px; 
	top: -0.75px;
	left: 2px;
}

.cx_filemanager .cx_end_node_icon .cx_icon::after,
.cx_node_img_icon .cx_icon::after,
.cx_node_audio_icon .cx_icon::after,
.cx_node_video_icon .cx_icon::after,
.cx_node_word_icon .cx_icon::after,
.cx_node_excel_icon .cx_icon::after, 
.cx_node_pdf_icon .cx_icon::after{
	position: relative;
	left: -9.5px;
}
.cx_filemanager .cx_end_node_icon .cx_icon::after {
	content: "\f15b";
	font-size: 15px; 
}
.cx_node_img_icon .cx_icon::before,
.cx_node_img_icon .cx_icon::after {
	content: "\f1c5";
}
.cx_node_audio_icon .cx_icon::before,
.cx_node_audio_icon .cx_icon::after{
	content: "\f1c7";
}
.cx_node_video_icon .cx_icon::before,
.cx_node_video_icon .cx_icon::after{
	content: "\f1c8";
}
.cx_node_word_icon .cx_icon::before,
.cx_node_word_icon .cx_icon::after {
	content: "\f1c2";
}
.cx_node_excel_icon .cx_icon::before, 
.cx_node_excel_icon .cx_icon::after{
	content: "\f317";
}
.cx_node_pdf_icon .cx_icon::before,
.cx_node_pdf_icon .cx_icon::after{
	content: "\f1c1";
}

/* SYNCH ICONS */
.cx_node_new_icon .cx_icon,
.cx_node_same_icon .cx_icon,
.cx_node_replace_table_icon .cx_icon,
.cx_node_delete_icon .cx_icon,
.cx_node_replace_with_older_icon .cx_icon,
.cx_node_replace_with_newer_icon .cx_icon{
	font-weight: 900;
} 
.cx_node_new_icon .cx_icon::before {
	content: "\f0fe";
	color: #5cb85c;
} 
.cx_node_same_icon .cx_icon::before {
	/*font-family: "cx_icons"; */
	content: "\f068";	/* "\e809"; */
	color: #B3B3B3;
    position: relative;
    top: -2.5px;
} 
.cx_node_same_icon .cx_icon::after {
	content: "\f068";
	display: table;
	position: absolute;
	top: 5px;
	width: 14px;
	line-height: 19px;
	text-align: center;
	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_icon-macro-in-database::before {
	font-family: "Font Awesome\ 5 Pro";
    content: "\f292";
}
.cx_node_delete_icon .cx_icon::before{
	content: "\f00d";
	color: #d9534f;
} 
.cx_node_replace_table_icon .cx_icon::before {
	content: "\f071";
	color: #f26418;
}
.cx_node_replace_with_older_icon .cx_icon::before {
	content: "\f355";
	color: #d9534f;
} 
.cx_node_replace_with_newer_icon .cx_icon::before {
	content: "\f355";
	color: #5cb85c;
} 

/* TABLE */
.cx_tablepaging .btn .cx_icon::before {
    font-size: 14px;
}
.cx_btn-firstPage .cx_label,
.cx_btn-previousTablePage .cx_label,
.cx_btn-nextTablePage .cx_label,
.cx_btn-lastPage .cx_label{
	display: none;
}
.cx_btn-goToTablePage.disabled{
    opacity: 1;
}
.cx_btn-goToTablePage .cx_icon{
	display: none;
}
.cx_btn-firstPage .cx_icon::before {
	content: "\f100";
}  
.cx_btn-previousTablePage .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_btn-tablePreferences,
.cx_btn-filter{
    width: 33px;
    height: 33px;
    padding: 5px 0 !important;
    line-height: 21px !important;
}
.cx_btn-tablePreferences .cx_icon::before{
	content: "\f013";
	font-size: 16px;
}
.btn-tableView .cx_icon::before {
	content: "\f0ce";
	font-size: 14px;
} 
.cx_label-buttons + .cx_label,
.cx_label-buttons + label{
	display: inline;
}

/* now there an be only 1 label button: explanation */
.cx_label-buttons.cx_label-btn-count-1 + .cx_label,
.cx_label-buttons.cx_label-btn-count-1 + label{
	width: calc(100% - 23px);
} 


.cx_btn-tooltip .cx_icon::before,
.cx_btn-explanation .cx_icon::before{
	content: "\f059";
}
/* BUTTONS */
.btn{
    height: 34px;
}
.form-group .btn{
	height: initial;
}
.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(.dropdown) > .btn-default,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.dropdown) > .btn-default:hover,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.dropdown) > .btn-default:active,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.dropdown) > .btn-default:focus,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.dropdown) > .btn-default:visited,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.dropdown) > .btn-default:active:hover,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):not(.dropdown) > .btn-default:active:focus,
.form-group *:not(.btn-group-vertical):not(.cx_btn_wrapper-editParametersForcalculation_helper_parameters):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: #41a6ff;
}
.form-group *:not(.btn-group-vertical):not(.dropdown) > .btn-default,
.table .btn-default{
	padding: 4px;
    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 */
}
.form-group .btn-toolbar{
	margin-bottom: 0;
	width: 100%;
}
.form-group .btn-toolbar .btn{
    padding: 4px 10px;
    line-height: 1.5;
}
.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: #1190ff;
}
.form-group .btn-toolbar .btn:hover{
	color: #333;
}
.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;
}

.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: none; /*inset 0 1px 0 rgba(255, 255, 255, .1);*/
    box-shadow:  none; /*inset 0 1px 0 rgba(255, 255, 255, .1);*/
	width: 100%;
	
}
.navbar-collapse::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.navbar-collapse.in{
	border-color: #e7e7e7;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 50px);
}


.cx_nav_collapsed .dropdown-menu>li>a{
	padding: 5px 15px 5px 25px;
}
.cx_nav_collapsed.navbar-inverse .dropdown-menu>li>a{
	color: #9d9d9d;
}

.cx_nav_collapsed  .dropdown-submenu>.dropdown-menu {
	margin-top: 0;
}


/* 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-inverse .navbar-collapse.in .navbar-nav .open li.open>a, 
.cx_nav_collapsed.navbar-inverse .navbar-collapse.in .navbar-nav .open li.open>a:focus, 
.cx_nav_collapsed.navbar-inverse .navbar-collapse.in .navbar-nav .open li.open>a:hover {
	background-color: #222;
}
.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: white;
		border: 0;
		border-radius: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}	            
}


.cx_nav_collapsed.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: white;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.cx_nav_collapsed.navbar-inverse  .open .dropdown-menu {
	background-color: #333;
}




/********************/
/*					*/
/*		NAV 		*/
/*					*/
/********************/
.cx_menu{
	height: 51px;
}
@media(min-width: 768px) {
	.cx_menu.resizing > .container-fluid{
		display: flex;
	}
	.cx_menu.resizing .navbar-header{ 
		display: table;
	}
	.cx_menu.resizing .navbar-nav{
		overflow-y:hidden;
	    height: 50px;
	}
}
.navbar-default {
	display: table;
	width: 100%;
	background-color: white;
    border-color: #ccc;
}
.navbar .navbar-collapse{
	border-top: none;
}
.navbar .navbar-nav > li.cx_menu-overflow{
	z-index: 1001;
	margin-bottom: -2px;
	height: 52px;
    margin-top: -1px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid white;
}
.navbar-inverse .navbar-nav > li.cx_menu-overflow{
	border-bottom: 1px solid #222;
    border-top: 1px solid #222;
}
.navbar .navbar-nav > li.cx_menu-overflow > a{
	z-index: 1001;
}
.navbar .navbar-nav > li.moreItems {
	z-index: 1000;
}
.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;	
}
/* INVERSE VERSION */
.navbar-inverse .navbar-nav > li.cx_menu-overflow:last-child::after{
    background: #222;
    border-bottom: 1px solid #080808;	
}
.navbar-default .navbar-nav > li > a{
	background-color: white;
}
.cx_menu-application.navbar .navbar-nav > li > a, 
.cx_menu-application.navbar .navbar-nav > li > a:focus, 
.cx_menu-application.navbar .navbar-nav > li > a:hover {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li >a:hover {
   	background-color: #f5f5f5;
	border-color: #ddd;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .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;
}
  
.cx_navbar-brand-logo{
    margin-left: 15px; 
}    

/* VERTICAL NAVBARS - BEHAVE LIKE navbar-static-top ON SMALL SCREEN */
@media (min-width: 768px){
	.navbar>.container .cx_navbar-brand-logo,
	.navbar>.container-fluid .cx_navbar-brand-logo{
	    margin-left: 0; 
	} 
	.navbar.cx_nav_collapsed >.container .cx_navbar-brand-logo,
	.navbar.cx_nav_collapsed >.container-fluid .cx_navbar-brand-logo{
	    margin-left: 15px; 
	}  
	
	.cx_menu-application.navbar>.container .navbar-toggle,
	.cx_menu-application.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;	
		margin-bottom: 0;	
		border-radius: 0;
        border-top: 0;
        border-left: 0;
        border-bottom: 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_static-vertical-menu-wrapper {
		display: flex;
	}
	.cx_fixed-vertical-menu-wrapper .dropdown-menu,
	.cx_static-vertical-menu-wrapper .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_fixed-vertical-menu-wrapper .dropdown-menu li a,
	.cx_static-vertical-menu-wrapper .dropdown-menu li a{
		line-height: 20px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	    white-space: normal;
	}
	/*  VERTICAL NAVBAR FLOAT */
	.cx_fixed-vertical-menu-wrapper > .cx_navbar-left,
	.cx_static-vertical-menu-wrapper > .cx_navbar-left{
		float: left;
		width: 250px;
	}
	.cx_fixed-vertical-menu-wrapper > .cx_content,
	.cx_static-vertical-menu-wrapper > .cx_content{
		width: calc( 100% - 250px );
		float: left;
	}
	/* FIXED VERTICAL NAVBAR */
	.cx_fixed-vertical-menu-wrapper .cx_navbar-fixed-left{	
		position: fixed;
		z-index: 100;		
		margin: 0;
		top: 0;
		left: 0;
		bottom: 0;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.cx_fixed-vertical-menu-wrapper .cx_content{
		margin-top: 15px;
	    width: calc(100% - 250px );
	    float: right;
	}	
	.cx_static-vertical-menu-wrapper .navbar-nav,
	.cx_fixed-vertical-menu-wrapper .navbar-nav{
       margin: 0 -15px;
	}
	.cx_fixed-vertical-menu-wrapper .dropdown > a > .caret {
	    float: right;
	    margin-top: 6px;
	}
	.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;
}
.cx_nav_collapsed .dropdown-submenu>a:after{
	margin-right: 0;
}
.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;
}
 .nav>li .fa{
    line-height: 1!important;
}
.caret{
    margin-top: -4px;
}

/* NAVBAR USERNAME AND TOGGLE ( RIGHT MENU )*/
.navbar .navbar-nav.cx_menu-right{
	position: absolute; 
	top: 0;
	right: 15px; 
	background: white; 
	z-index: 1001;
}
.navbar.cx_nav_collapsed .navbar-nav.cx_menu-right {
	position: static; 
}
@media (max-width: 767px){
	.navbar .navbar-nav.cx_menu-right {
		position: static; 
	}
}
.navbar-inverse .navbar-nav.cx_menu-right{
	background: #222;	
}
.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 APPLICATION INFO */
.cx_menu-application-info {
    display: flex;
    flex-direction: column;
	justify-content: center;
	padding: 5px;
    height: 50px;
	cursor: pointer;
	color: #777;
}
.cx_menu-application-info:hover{
	color: #333;
}
.navbar-inverse .cx_menu-application-info {
	color: #9d9d9d;
}
.navbar-inverse .cx_menu-application-info:hover{
	color: white;
}


/* NAVBAR USER */
.navbar-nav > .cx_menu-user .cx_icon::before,
.navbar-nav > .cx_menu-user .cx_icon::after{
	content: "\f2bd";
	font-size: 30px;
	line-height: 50px;
	transition: all 0.2s;
	opacity: 1;
}
.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: #41a6ff;
}
.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: #41a6ff;
}

/* 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;
}


/* */
.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: "\f15b";
	font-size: 18px;
    margin: auto;
}
.cx_text{
	margin: 0 0 15px 0;
}
/* ------------------------- CX WELL CONTENT WIDTH -------------------------*/
.well{
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}
.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 .cx_a{
	color: #41a6ff;	
}
.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 #aaa;
    height:100%;
    top:0;
    width:1px
}
.cx_tree ul li .cx_node::after {
    border-top:1px dashed #aaa;
    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;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.cx_tree:not(.cx_tree-dragged) .cx_node.hover,
.cx_tree:not(.cx_tree-dragged) .cx_node:not(.no_hover):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-icon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 6px;
}
.cx_node .input-group-btn,
.cx_node .cx_widget .input-group-btn{
    margin: 5px 0 5px 15px;
}
.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;
    height: initial;
}
.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,
.cx_node .cx_btn-scriptEditor{
	opacity: 1;
}
.cx_node .cx_btn-filter_details{
    margin-left: 5px;
    margin-right: 10px;
}
.cx_tree >li .cx_node:first-child .cx_btn_wrapper-Insert_child{
	margin-left: 5px;
}
.cx_node .form-control{
	width: auto;
	width: initial;
    margin: 5px 0;
}
.cx_node .form-control-static.cx_checkbox{
	min-height: 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: 5px;
}
.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_empty-widget{
    padding-left: 0!important;
}
.cx_node .cx_node-toggle + .cx_widget{
	padding-left: 10px; /* minus 5px of node toggle */
}
.cx_node .cx_end_node_icon + .cx_widget{
	padding-left: 22px; /* align with collapsables */
}
.cx_node .cx_btn_wrapper-copy {
	padding-left: 10px;
}
.cx_operator-tree .cx_tree ul li .cx_node:not(.cx_node-collapsible)::after{
	width: 40px;
}
.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 > .cx_searchbox{
	line-height: 40px;
}
.cx_node .cx_widget > input + .input-group-btn{
	margin-top: 5px;	
}

/* DRAGGABLE TREE */
#cx_draggNodeGhost{
	position: fixed;
	top: -10000px;
	padding: 5px 15px 5px 20px;
	color: black;
	border: 1px solid #4dabff;
	background: #e6f3ff;
	cursor: grab;
	cursor: no-drop!important;
}
.no-drop.hover{
	border: 1px solid #f85050!important;
    background-color: #ffe1e1!important;
}
.cx_insert-above::after,
.cx_insert-below::after{
	display: table;
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #90CBFF;
	left: 0;
	z-index: 101;
}
.cx_insert-above::after{
	top: -1px;
}
.cx_insert-below::after{
	bottom: 0;
}
.cx_tree ul li.cx_insert-above::after,
.cx_tree ul li.cx_insert-below::after{
	left: 27px;
	width: calc(100% - 27px);
}
.cx_tree ul ul li.cx_insert-above::after,
.cx_tree ul ul li.cx_insert-below::after{
	left: 62px;
	width: calc(100% - 62px);
}
.cx_tree ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul li.cx_insert-below::after{
	left: 97px;
	width: calc(100% - 97px);
}
.cx_tree ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul li.cx_insert-below::after{
	left: 132px;
	width: calc(100% - 132px);
}
.cx_tree ul ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul ul li.cx_insert-below::after{
	left: 167px;
	width: calc(100% - 167px);
}
.cx_tree ul ul ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul ul ul li.cx_insert-below::after{
	left: 202px;
	width: calc(100% - 202px);
}
.cx_tree ul ul ul ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul ul ul ul li.cx_insert-below::after{
	left: 237px;
	width: calc(100% - 237px);
}
.cx_tree ul ul ul ul ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul ul ul ul ul li.cx_insert-below::after{
	left: 272px;
	width: calc(100% - 272px);
}
.cx_tree ul ul ul ul ul ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul ul ul ul ul ul li.cx_insert-below::after{
	left: 307px;
	width: calc(100% - 307px);
}
.cx_tree ul ul ul ul ul ul ul ul ul ul li.cx_insert-above::after,
.cx_tree ul ul ul ul ul ul ul ul ul ul li.cx_insert-below::after{
	left: 342px;
	width: calc(100% - 342px);
}


.cx_node-container-on {
	box-shadow: inset 0 1.5px 0 0 #90CBFF, inset -1.5px 0 0 #90CBFF, inset 1.5px 0 0 #90CBFF, inset 0 -1.5px 0 0 #90CBFF;
}
.cx_tree-dragged .cx_node-selected{ /* do not show selected node as being selected - prevent */
	border-color: transparent;
	background: none;
	transition: all .3s;
}



/*
.cx_node-container-on .cx_node-selected{
	border-left: 1px solid #90CBFF;
	border-right: 1px solid #90CBFF;
	box-shadow: inset -.5px 0 0 #90CBFF, inset .5px 0 0 #90CBFF;
}
.cx_node-container-on > .cx_node-selected:first-child{
	border-top-color: #90CBFF;
	border-right-color: #90CBFF;
	border-left-color: #90CBFF;
	box-shadow: inset 0 .5px 0 0 #90CBFF, inset -.5px 0 0 #90CBFF, inset .5px 0 0 #90CBFF;
	background: orange!important;
}
.cx_node-container-on > .cx_node-selected:first-child{

}
/*
.cx_node-container-on > .cx_node{
	box-shadow: inset 0 .5px 0 0 #90CBFF, inset -.5px 0 0 #90CBFF, inset .5px 0 0 #90CBFF;
	border-top: 1px solid #90CBFF;
	border-left: 1px solid #90CBFF;
	border-right: 1px solid #90CBFF;
}

.cx_node-container-on:not(.cx_end_node_container) > .cx_node{
	box-shadow: inset 0 1.5px 0 0 #90CBFF, inset -1.5px 0 0 #90CBFF, inset 1.5px 0 0 #90CBFF, inset 0 -1.5px 0 0 #90CBFF;
}
.cx_node-container-on > ul {
	border-left: 1.5px solid #90CBFF;
	border-right: 1.5px solid #90CBFF;
	border-bottom: 1.5px solid #90CBFF;
}
*/


/****************************/
/*							*/
/*		LAYOUT		 		*/
/*							*/
/****************************/
input[size],
textarea[cols]{ /* IF SIZE IS SET */
	width: auto;
	width: initial;
	max-width: 100%;
}
.cx_widget .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{
	clear: both;
    height: 15px;
}
.cx_searchbox{
	line-height: 30px;
}
td .cx_searchbox {
    line-height: initial;
}
/*-------------------------- Tabs -------------------------*/

.cx_tabpanel{
	border-bottom: none;
	margin-bottom: -1.01px;
    position: relative;
    z-index: 999;
}
.nav-tabs>li {
    margin-bottom: 0;
}
.cx_tabpanel.resizing{
	overflow-y: hidden;
    height: 42px;
}
.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;
}

.panel-heading .caret{
	position: relative;
	border-top: 8px solid;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	
	display: table;
	border: none;
}

/*
.panel-heading .caret::after{
    display: table;
    position: absolute;
    top: -7px;
    left: -6px;
    content: '';
    border-top: 6px solid #e6f3ff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
*/
.panel-heading .caret::after{
	display: table;
	content: '\f0d7';
	font: normal normal normal 24px/14px Font Awesome\ 5 Pro;
}

/* PRIMARY-LIGHT PANEL - comes first so we can overwrite style*/
.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;
}
	
/* DEFAULT PANEL */
.panel-default {
    border-color: #d4d4d4;
}
.panel .panel-default,
.modal .panel-default,
.tab-content .panel-default{
    border-color: #d4d4d4;
}
/* 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;
}
/* 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: #fcfcfc;
}
.cx_paragraph .table-striped.table-hover>tbody>tr:nth-of-type(even):not(.cx_aggregationrow):hover,
.tab-content .table-striped.table-hover>tbody>tr:nth-of-type(even):not(.cx_aggregationrow):hover,
.modal .table-striped.table-hover>tbody>tr:nth-of-type(even):not(.cx_aggregationrow):hover,
.cx_paragraph .table-striped.table-hover>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover,
.tab-content .table-striped.table-hover>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover,
.modal .table-striped.table-hover>tbody>tr:nth-of-type(odd):not(.cx_aggregationrow):hover{
	background: aliceblue;
}
.table>thead>tr>th {
	vertical-align: middle; /* was top tm 3.4 */
    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 .cx_image_control{
	min-width: 100px;
}
.table .form-control-static.cx_checkbox {
    line-height: 0;
	display: table;
	position: relative;
}
.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 .cx_btn_wrapper-explanation{
	margin-left: -5px;
}
.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_empty-cell{
	padding: 0!important;
}
.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.form-control{
	margin-right: 0;
}
.cx_td-content input.form-control + .cx_custom-label:not(:last-child){
	display: inline;
	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;
}
.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;
}
.cx_checkcolumn .form-control-static input{
	display: block;
}
/* 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;
		vertical-align: top;
	}
	.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
		position: absolute;
		margin-left: 0;
	}
	.form-inline .cx_radio-label,
	.form-inline .cx_checkbox-label{
		margin-left: 20px;
	    margin-right: 15px;
        white-space: nowrap;
	}
}
.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_wrapper-tablePreferences,
.cx_btn_wrapper-Preferences{		/* ook op table */
    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;
}
.cx_table-editable tr .cx_btn-Details{
	opacity: 1;
}
.cx_table-editable .cx_columnheader > * {
	/*padding-left: 11px;*/
}
.cx_table-editable .form-control-static {
	padding-left: 11px;
}
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-hover>tbody>tr:hover:not(.cx_difference):not(.cx_equal).lockedColumn,
.table-striped.table-hover>tbody>tr:nth-of-type(odd):not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover .lockedColumn,
.table-striped.table-hover>tbody>tr:nth-of-type(odd):not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):hover .lockedColumn {
    background: aliceblue;
}
.table-hover>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):not(.cx_subheaderrow):hover>td,
.table-hover>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):not(.cx_subheaderrow):hover + tr >td,
.cx_paragraph .table-hover>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):not(.cx_subheaderrow):hover>td,
.cx_paragraph .table-hover>tbody>tr:not(.cx_difference):not(.cx_equal):not(.cx_aggregationrow):not(.cx_subheaderrow):hover + tr >td {
	 border-top: 1px solid #90CBFF;
}
.table-hover > 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 > tbody > tr > td.cx_draghandle{
	width: 12px !important;
	padding: 0 !important;
    cursor: move;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
td.cx_draghandle.lockedColumn > .cx_draghandle-inner,
.cx_draghandle-inner{
    width: 10px;
    height: 100%;
    cursor: move;
    text-align: center;
    vertical-align: middle;
    display: flex;
    line-height: 34px;
}

.cx_draghandle-inner .cx_icon {
	font-size: 14px;
    min-width: auto;
    min-width: initial;
    margin: auto;
    color: #90CBFF;
    opacity: 0;
}
.table > thead > tr > th:first-of-type.cx_draghandle_header{
	width: 12px !important;
	padding: 0;
}
.table > tbody > tr:hover > td.cx_draghandle { /* .cx_draghandle-inner{ */

    border-left:1px solid #90CBFF;
	border-right:1px solid #90CBFF;
	
}
tr:hover td.cx_draghandle .cx_icon{
	opacity: 1;
}

td.cx_draghandle.lockedColumn.disabled > .cx_draghandle-inner,
.cx_draghandle.disabled .cx_draghandle-inner{
	cursor: not-allowed;
}
.table > tbody > tr:hover > td.cx_draghandle.disabled .cx_draghandle-inner{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
tr:hover td.cx_draghandle.disabled .cx_icon{
	color: #ccc;
}


/* ----- 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;
}
tr:hover td.lockedColumn{
	background-color: aliceblue!important;
}
/*
.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;
}
/* .table-condensed uses 5px */
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    padding: 2px 5px;
}
.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;
}
.cx_td-content{
    min-height: 30px;
}
.cx_td-content .cx_widget, 
.cx_td-content .cx_editableWidget {
    min-height: 30px;
}



/* ------------------------- FORM -------------------------*/
.form-group {
    margin-bottom: 5px;
}
.cx_form-control-group{
	padding-top: 5px;
}
.table .cx_form-control-group{
	padding-top: 0;
}
.form-control-static{
	/*width: 100%; */
    padding: 5px 0;
}
p.form-control-static{
	display: block;
}
.form-control-static.cx_checkbox{
	display: table;
	position: relative;
	min-width: 13px;
}
.form-control-static input[type="checkbox"] {
	margin: 0;
	top: 0;
	margin-top: 9.5px;	/*4px; /*8.5px; 9.5px; */
    position: absolute;
}
.cx_node .form-control-static input[type="checkbox"] {
	position: relative;
}
.table th .form-control-static{
	overflow: visible; 
}
th .form-control-static input[type="checkbox"]{
	margin: 0;
}
th.cx_checkcolumn .form-control-static input[type="checkbox"]{
	margin: 0 auto;
}
.cx_columnheader input[type="checkbox"],
.cx_td-content .form-control-static.cx_checkbox input[type="checkbox"]{
	margin: 0 auto;
	position: relative;
/*	margin-bottom: -2px;*/
}
 
/* IE 10+ hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.cx_td-content .form-control-static.cx_checkbox input[type="checkbox"]{
		margin-top: 0;
	}
}
.control-label{
	font-weight: 700;
	position: relative;
    padding-top: 5px;
}
@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 5px; /* bs overrule */
	}
}
.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;	
}
.cx_required_mark::after{
	display: table;
	content: '*';	
}
.cx_label-above .cx_required_mark::after{
	display: inline-block;
}
.form-horizontal .cx_label-above{
	text-align: left;
}
.form-horizontal .cx_label-inline{
	font-weight: normal;
	cursor: pointer;
	text-align: left;
	margin-left: 20px;
	line-height: 1.42857143;
    padding-top: 0;
}

.cx_custom-checkbox{
	cursor: pointer;
}
.cx_custom-label{
	display: none;
	margin-bottom: 0;
}
.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 {
    }
}

/* --- FORM CONDENSED--- */

/* same as .input-sm || .form-group-sm .form-control */
.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right){
    height: 30px;
    min-height: 30px;	
    padding: 4px 10px;
    line-height: 1.5;
}
select.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right){
    padding-left: 6px; /* select has an aditional 4px of padding automatically */
}
textarea.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right){
    height: auto;
}

.form-horizontal .form-group .control-label label{
	margin-bottom: 0;
}
/* same as .input-group-sm */
.input-group>.form-control, 
.input-group>.input-group-addon, 
.input-group>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
/*    font-size: 12px; */
    line-height: 1.5;
    border-radius: 3px;
}

.form-horizontal .checkbox, 
.form-horizontal .checkbox-inline, 
.form-horizontal .radio, 
.form-horizontal .radio-inline{
    padding-top: 0px;
}
.form-control-static{
    min-height: 30px;
}
.cx_fieldline-content .cx_widget .input-group-btn:first-of-type,
.cx_fieldline-content .cx_editableWidget .input-group-btn:first-of-type{
	margin-left: -6px;
}



/* -- 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: #41a6ff;
    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: #41a6ff;
	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 */
.cx_multiline{
	margin-bottom: 0;
}
.cx_multiline > .cx_fieldline-content > .cx_widget{
	margin-bottom: 5px;
}
.cx_multiline .cx_widget{
	width: auto;
	width: initial;
	margin-right: 15px;
	flex-wrap: nowrap;
}
.cx_multiline .cx_widget:last-of-type{ 
	margin-right: 0;
}
.cx_multiline-element {
    display: table;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.cx_multiline-element .control-label {	
    margin-right: 15px;
    text-align: left;
}
.cx_fieldline-content .cx_required_mark{
	top: 5px;
}
	
@media (min-width: 768px){
	.cx_multiline > .cx_fieldline-content{
		display: table;
		padding: 0;
	}
	.cx_multiline > .cx_fieldline-content::before,
	.cx_multiline > .cx_fieldline-content::after{
	    content: "";
	    display: table-cell;
	    width: 7.5px;
	}
	.cx_multiline > .cx_fieldline-content[class^="col-sm-"] > .cx_widget, 
	.cx_multiline > .cx_fieldline-content[class*=" col-sm-"]  > .cx_widget{
		float: left;
		display: table;
	}
	.cx_multiline-element .control-label {	
		float: left;
	}
}


.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{
	margin-bottom: 5px;
}
.cx_multiline .cx_label-above label{
	margin-bottom: 0;
}

.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 .control-label .input-group-btn.cx_label-buttons:first-child{
	margin-right: -7.5px;
}

.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;
	line-height: 18px;
}
.cx_fieldline-content .cx_btn-addSearchField {
	padding-left: 0;
}
.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;
}



.cx_autosize-widget-wrapper {
	float: left;
	width: 100%;
    display: flex;
    flex-direction: column;
}
.cx_multiline .cx_autosize-widget-wrapper {
	width: initial;
}

.form-control-autoSize{
	display: block;
    width: auto;
	width: initial;
	height: 34px;
    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;
}
.cx_form-group-autosize .control-label {
	display: table-cell; 
}
.cx_description-autosize{
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.cx_description-autosize .cx_fieldline-content, 
	.cx_description-autosize.cx_multiline > .cx_fieldline-content {
		padding-bottom: 0;
	}
}
.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;
}

/* EXPLANATION BTN - FIELDLINE */
.btn.cx_btn-explanation{
	background: none;
    border: none;
    box-shadow: none;
    color: #41a6ff;
	opacity: 1;
	padding: 5px 8px 4px 8px!important; /*padding: 0 6px!important;*/ /* 30 * 30 */
    height: 30px;
	min-width: initial!important;
}
.btn.cx_btn-explanation.disabled{
	cursor: pointer;
	pointer-events: all;
}  
.table .btn-default.cx_btn-explanation,
.table .btn-default.cx_btn-explanation:visited {
	color: #41a6ff;
}
.cx_label-buttons{
  	margin-top: -5px;
    margin-right: -8px;
    margin-bottom: -8px;
    float: right;
    display: inline-table;
}
.cx_form-group-autosize .cx_label-buttons{
	float: none;
}
.cx_label-with-buttons{
	display: table;
}



/* ------------------------- DATE TIME -----------------------*/
.cx_input-date,
.cx_input-datetime,
.cx_input-time{
	display: block;
	max-width: auto !important;
    max-width: initial !important;
    margin-right: 15px;
    margin-bottom: -5px;
}

td .cx_input-date,
td .cx_input-datetime,
td .cx_input-time{
	display: inherit;
	flex-wrap: inherit;
	margin-bottom: 0; /* in table niet */
}
.cx_input-date input,
.cx_input-time input,
.cx_input-datetime input,
.cx_input-date select,
.cx_input-time select,
.cx_input-datetime select{
	margin-bottom: 5px;
	float: left!important;
}

td .cx_input-date input,
td .cx_input-time input,
td .cx_input-datetime input,
td .cx_input-date select,
td .cx_input-time select,
td .cx_input-datetime select{
	margin-bottom: 0; /* in table niet */
}

.cx_input-date input[size="2"],
.cx_input-time input[size="2"],
.cx_input-datetime input[size="2"]{
    width: 45px!important; 
    padding-right: 0;
}
.cx_input-date input[size="4"],
.cx_input-datetime input[size="4"]{
    width: 59px!important;
    padding-right: 0; /* in case it overflows */
}
 





/*
.form-control:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right)

*/

/*  ------------- 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: wrap; /* nowrap */
    flex-wrap: wrap; /* nowrap */
}
.cx_td-content .cx_widget,
.cx_td-content .cx_editableWidget{
	-ms-align-items: center;
	-webkit-align-items: center;
    align-items: center; 
    min-height: 30px;
    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 0 0 5px;
}
.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;	
    overflow: hidden;
	/*
	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-fluid{
	margin-left: 1px;
    padding-left: 0;
}
.cx_rightpanecontainer{
	width: 100%;
}
.cx_rightpane > .container-fluid{
    padding-right: 0;
    overflow-x: hidden;
}
.cx_draglinecontainer{
	position: relative;
	z-index: 100;
}
.cx_dragline{
	width: 20px;
	height: 100%;
	position: absolute;
	cursor: col-resize;	
	left: -10px;
}
.cx_dragline_inner{
	width: 1.12px; /* not 1 else line is not visible on some browser zoom lvls */
	height: 100%;
	position: absolute;
	left: 50%;
	background: #ccc;
	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 #1190ff;
	box-shadow: 0 0 10px #90CBFF;
	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 #ccc;
   	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;
	/*background: aliceblue;*/
	box-shadow: 0 0 20px #559EE2;
	box-shadow: 0 0 10px #90CBFF;
	transition: border-color 0s, box-shadow 0s, background 0s;
}
.cx_dragline .cx_dragline_inner .cx_handle::before{
	content: "\f104";
    display: table;
    font: normal normal normal 24px/14px Font Awesome\ 5 Pro;
    position: absolute;
    left: -10px;
    width: 10px;
    height: 100%;
    line-height: 115%;
    color: #90cbff;
    opacity: 0;
    transition: all .5s ease-in 0s;
}
.cx_dragline.collapsed .cx_dragline_inner .cx_handle::before{
	content: "\f105";
	left: initial;
	right: -10px;	
}
.cx_dragline.hover .cx_dragline_inner .cx_handle:hover::before{
	opacity: 1;
	transition: all .5s ease-out 1s;
	animation: draglineArrow 2s 0.3s infinite;
}
@keyframes draglineArrow {
    0%   {opacity: 1;}
    50%  {opacity: 1;}
    60%  {opacity: 0;}
    90%  {opacity: 0;}
    100% {opacity: 1;}
}	
.cx_dragline .cx_dragline_inner .cx_handle:hover::after,
.cx_dragline .cx_dragline_inner .cx_handle:active::after{
	box-shadow: 0 0 40px #559EE2;
}
/* 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;
}

/* color picker widget */
.cx_color-picker-wrapper{
    align-items: center;
    flex-direction: row;
}
.cx_color-picker_readOnly{
    height: 30px;
    padding: 4px;
    background-color: white; 
    border: 1px solid #d5dbde;
    margin-right: 15px;
    min-width: 120px;
}
.cx_color-picker_readOnly-inner{
    width: 26px;
    height: 20px;
    border: solid 1px #d5dbde;
    float: left;
}
.cx_color-picker_readOnly-hex{
	float: left;
	margin: 0 5px;
	line-height: 20px;
}

 
/* ------------------------- 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_loginForm .form-group{
	margin-bottom: 15px;
	position: relative;
}



.cx_loginForm .btn-lg,
.cx_loginModal .bt-lg{
	height: 46px;
    line-height: 34px;
/*	margin-top: 15px; */
}
.form-control.input-lg:not(.cx_doubleselectbox-left):not(.cx_doubleselectbox-right) {
	height: 46px;
}
.cx_login-forgotPasswordLink,
.cx_login-createAccountLink,
.cx_login-loginWithStudioLink{
	font-size: 14px;
}

.cx_login-title_wrapper,
.cx_login-header{
	margin-bottom: 15px;
}

.cx_loginPanel .btn-toolbar,
.cx_loginModal .btn-toolbar{
	margin: 0;
}
.cx_loginPanel .cx_btn_wrapper,
.cx_loginModal .cx_btn_wrapper  {
	margin-bottom: 0;
}



.cx_loginPanel{
	font-size: 18px;
}

.cx_login-heading-studio {
    background: #2e9afa;
    color: white;
    margin: -15px;
    margin-bottom: 15px;
    padding: 15px;
}
.cx_stayLoggedIn {
    margin-left: 10px;
    font-weight: normal;
}

/* ------------------------- PASSWORD -------------------------*/
.cx_btn_wrapper-Log_in{
	display: block;
	width: 100%;
}
.cx_password-wrapper{
	position: relative;
	width: 100%;
}
.cx_loginForm .form-group {
	display: block;
	margin-right: 0;
}
.cx_password-wrapper input{
	margin-right: 0;
	padding-right: 25px!important;
}
.cx_password-wrapper + label{
	margin-right: 15px;
}
.cx_btn-viewPassword{
	position: absolute;
	top: 0;
	right: 5px;
	width: 30px;
    text-align: center;
    line-height: 30px;
    text-decoration: none!important;
}
.cx_btn-viewPassword:focus{
    outline: none;
}
.cx_loginForm .cx_btn-viewPassword{
	line-height: 46px;
}
.cx_btn-viewPassword .cx_icon{
	font-weight: normal;
}
.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;		
	}
}

/* ------- TABLE SUBHEADER -------------- */
.table>tbody>tr.cx_subheaderrow + tr >td{
	border-color: #777;
}
.cx_header{
    padding: 20px 0 5px 0;
	min-height: 30px;
	font-weight: bold;
}
.cx_subheaderrow{
	background: initial!important;
	position: relative; /* for locked col */
   	height: 50px;
}
.cx_subheaderrow td.lockedColumn {
	position: absolute;
	width: 100%!important;
    background: initial;
}
.table-striped>tbody>tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd){
    background-color: #f9f9f9;
}
.table-striped>tbody>tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(even),
.table-striped>tbody>tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(even),
.table-striped>tbody>tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(even){
    background-color: white;
}
.table-striped>tbody>tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(odd){
    background-color: white;
}
.table-striped>tbody>tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even),
.table-striped>tbody>tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even),
.table-striped>tbody>tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even).cx_subheaderrow ~ tr:nth-of-type(odd).cx_subheaderrow ~ tr:nth-of-type(even){
    background-color: #f9f9f9;
}
.table-striped.table-hover tr:not(.cx_equal):not(.cx_difference):hover td{
	background: aliceblue;
}
.cx_subheaderrow:hover{
	background: initial!important;
}
.cx_subheaderrow:hover td,
.cx_subheaderrow:hover td.lockedColumn{
	background: initial!important;
}





/* 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);
}



pre.cx_editor{
	margin-top: 6px; /* to draw label */
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
	width: 100%;
    background: rgb(240, 240, 240);
    color: rgb(51, 51, 51);
	font-size: 14px;
	position: relative;
	min-height: 35px;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
	line-height: 17.6px; /* was 1.25 == 17.5px but ace made that into 17.2 somehiw */
	overflow: hidden;
	padding-left: 53px;
}
.cx_node div[class*="cx_btn-count-0"] > .form-control-static:empty{
	margin-left: -15px;
}


/* Inline code */
code{
	display: inline-block;
	padding: 2px 4px;
	margin: -2px 0; /* negative margin to compensate for additional padding */
    font-size: 100%;
    color: #333;
	border-radius: 4px;
	background-color: #fff1d7;
}
code.cx_code-primary {
    background-color: #e6f3ff;
}

/* Ace editor - in other contexts - code formats plugin */
/*
.cx_editor span {
	display: block;
    overflow-x: auto;
}
.cx_editor.ace_editor span{
	display: inline;
    overflow-x: intitial;
}
*/
.cx_editor .ace_gutter-layer{
	min-width: 49px;
}
.cx_editor::after{
	display: block; 
	content: '1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A';
	position: absolute;
	top: 9.5px;
	bottom: 9.5px;
    overflow: hidden;
	right: calc(100% - 43px	);
	line-height: 17.6px;
	width: 43px;
	text-align: right;
	white-space: pre;
}
.cx_editor.ace_editor::after{
	display:none;
}
.cx_editor[data-autoheight="true"]{
	overflow: visible!important;
}
.cx_editor[data-autoheight="true"]::before{
    display: block;
    position: absolute;
    top: -8.5px;
    right: 15px;
    z-index: 100;
    background: white;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px;
    font-size: 11px;
    line-height: 11px;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
.cx_editor[data-mode="ace/mode/velocity"]::before,
.ace_editor[data-mode="ace/mode/velocity"]::before{
	content: 'velocity';
}
.cx_editor[data-mode="ace/mode/css"]::before,
.ace_editor[data-mode="ace/mode/css"]::before{
    content: 'CSS';
}
.cx_editor[data-mode="ace/mode/html"]::before,
.ace_editor[data-mode="ace/mode/html"]::before{
    content: 'HTML';
}
.cx_editor[data-mode="ace/mode/javascript"]::before,
.ace_editor[data-mode="ace/mode/javascript"]::before{
    content: 'JS';
}
.cx_editor[data-mode="ace/mode/json"]::before,
.ace_editor[data-mode="ace/mode/json"]::before{
    content: 'JSON';
}
.cx_editor[data-mode="ace/mode/text"]::before,
.ace_editor[data-mode="ace/mode/text"]::before{
    content: 'text';
}
.cx_editor[data-mode="ace/mode/xml"]::before,
.ace_editor[data-mode="ace/mode/xml"]::before{
    content: 'XML';
}
/* HOVER */
.ace_editor[data-mode="ace/mode/velocity"]:hover,
.ace_editor[data-mode="ace/mode/css"]:hover,
.ace_editor[data-mode="ace/mode/html"]:hover,
.ace_editor[data-mode="ace/mode/javascript"]:hover,
.ace_editor[data-mode="ace/mode/json"]:hover,
.ace_editor[data-mode="ace/mode/text"]:hover,
.ace_editor[data-mode="ace/mode/xml"]:hover{
	border-color: #999!important;
	transition: all .3s;
}
.ace_editor[data-mode="ace/mode/velocity"]:hover::before,
.ace_editor[data-mode="ace/mode/css"]:hover::before,
.ace_editor[data-mode="ace/mode/html"]:hover::before,
.ace_editor[data-mode="ace/mode/javascript"]:hover::before,
.ace_editor[data-mode="ace/mode/json"]:hover::before,
.ace_editor[data-mode="ace/mode/text"]:hover::before,
.ace_editor[data-mode="ace/mode/xml"]:hover::before{
	border-color: #999;
	transition: all .3s;
}
.ace_editor[data-mode="ace/mode/css"]:hover::before{
    color: #2a85d6;
}
.ace_editor[data-mode="ace/mode/html"]:hover::before{
   	color: #e03131;
}
.ace_editor[data-mode="ace/mode/velocity"]:hover::before{
   	color: #8950f8;
}
.ace_editor[data-mode="ace/mode/javascript"]:hover::before{
   	color: #ce9c2e;
}
.ace_editor[data-mode="ace/mode/json"]:hover::before{
   	color: #20c31e;
}
.ace_editor[data-mode="ace/mode/xml"]:hover::before{
   	color: #ce9c2e;
}



/* WIDGET SHOW AS BUTTON */
.cx_widget-show-as-buttons .cx_form-control-group{
	max-width: 100%!important;
	margin-right: 0;
	padding-top: 0;
}
.cx_widget-show-as-buttons .input-group-btn {
	display: none;
}
.cx_widget-show-as-buttons .cx_form-row {
	display: table;
	float: left;
	margin-right: 10px;
}
.cx_widget-show-as-buttons input{
	display: none;
}
.cx_widget-show-as-buttons .cx_radio-label{
	display: inline-block;
    margin-left: 0;
    margin-right: 0;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    line-height: 18px;
}
.cx_widget-show-as-buttons .cx_radio-label:hover {
    background-color: #ffffff;
    box-shadow: 2px 2px 5px rgb(224, 224, 224);
    box-shadow: 2px 2px 5px rgba(200, 200, 200, 0.5);
}
.cx_widget-show-as-buttons input:checked + .cx_radio-label {
    border-color: #50a9f8;
    background-color: #50a9f8;
    color: white;
}


/* CAPTCHA */
.cx_captcha-container{
	display: table;
}
.cx_captcha-image {
	display: table;
	background: white;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.cx_captcha-label{
	display: block;
	font-weight: normal;
}
.cx_captcha-input-row {
	display: table;
}
.cx_captcha-input-row > * {
	float: left;
	/*border: 1px solid red;*/
}
.cx_captcha-input-row input{
	width: 80px;
	margin-right: 5px;
}
.btn.cx_btn-reload{
	background: none;
    border: none;
    box-shadow: none;
    color: #41a6ff;
    opacity: 1;
    padding: 5px 8px 4px 8px!important;
    /* padding: 0 6px!important; */
    height: 30px;
    min-width: initial!important;
}
.cx_btn-reload .cx_icon::before{
	content: "\f021";
	display: inline-block;
}
.cx_btn-reload:hover .cx_icon::before{
	transform: rotateZ(360deg);
	transition: all 0.5s;
}


/* CONTEXT MENU */
.cx_context-menu {
	display: none;
    position: fixed;
    z-index: 2000;
    min-width: 160px;
    padding: 5px 0!important;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.cx_context-menu.cx_show{
	display: block;
}
.cx_context-menu >li::before{
	display: none;
}
.cx_context-menu >li.divider{
	height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.cx_context-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.cx_context-menu>li>a:focus, 
.cx_context-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
} 
.cx_context-menu>li>a.disabled {
	pointer-events: none;
	cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
}


/* PAGE BUTTONS */

/* Descending z-index for better overlap during hover */
.cx_page-buttons {
	margin-bottom: 15px;
}
.cx_page-buttons > .btn,
.cx_page-buttons > .btn.active,
.cx_page-buttons > .btn:active,
.cx_page-buttons > .btn:focus,
.cx_page-buttons > .btn:hover {
	z-index: 10;
}
.cx_page-buttons > .btn + .btn,
.cx_page-buttons > .btn + .btn.active,
.cx_page-buttons > .btn + .btn:active,
.cx_page-buttons > .btn + .btn:focus,
.cx_page-buttons > .btn + .btn:hover {
	z-index: 9;
}
.cx_page-buttons > .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn:hover {
	z-index: 8;
}
.cx_page-buttons > .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn:hover {
	z-index: 7;
}
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn:hover {
	z-index: 6;
}
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn:hover {
	z-index: 5;
}
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn:hover {
	z-index: 4;
}
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:hover {
	z-index: 3;
}
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:hover {
	z-index: 2;
}
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn.active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:active,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:focus,
.cx_page-buttons > .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn + .btn:hover {
	z-index: 1;
}

.cx_page-buttons .btn + .btn, 
.cx_page-buttons .btn + .btn-group,
.cx_page-buttons .btn-group + .btn,
.cx_page-buttons .btn-group + .btn-group {
	margin-left: 0;
	margin-right: -1px;
}


.btn.cx_page-button{
	padding-left: 20px;
	position: relative;
	/*z-index: unset!important; /* z-index is 2 on hover - active  */
	border-right: none;
	/*border-left: none; off*/
}
.btn[disabled].cx_page-button{
	opacity: 1;
	cursor: default;
}
.btn[disabled].cx_page-button:not(.btn-primary){
	background-color: #eee;
}
.btn.cx_page-button:first-child{
	padding-left: 15px;
	border-left: 1px solid #ccc;
}
.btn.cx_page-button:last-child{
	padding-right: 15px;
	border-right: 1px solid #ccc;
}
.cx_page-button::after{
	position: absolute;
	top: 0;
	left: 100%;
	display: table;
	content: "";
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-left: 12px solid white;
	border-bottom: 16px solid transparent;
	z-index: 2;
}
.cx_page-button[disabled]::after{
	border-left: 12px solid #eee;
}
.cx_page-button.btn-default:active::after, 
.cx_page-button.btn-default:focus::after, 
.cx_page-button.btn-default:active:focus::after,
.cx_page-button.btn-default:active:hover::after{
	border-left: 12px solid #eeeeee;
}
.cx_page-button.btn-primary::after{
	/*
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34' width='14'%3E%3Cpolygon points='-0.5,0 -0.5,34 13,17' style='fill:%232e9afa;stroke:%232e9afa;stroke-width:1' /%3E%3C/svg%3E");
	*/
	border-left: 10px solid #2e9afa;
}
.btn-default.cx_page-button::before{
    position: absolute;
    top: -1px;
    left: 100%;
    display: table;
    content: "";
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-left: 13px solid rgba(0,0,0, 0.3);
    border-bottom: 17px solid transparent;
    z-index: 2;
}
.cx_page-button:last-child::before,
.cx_page-button:last-child::after{
	display: none;
}

/* CX NAVIGATION TOOLBAR */
.cx_btn-toolbar-navigation{
	display: table;
	width: 100%;
	max-width: 800px;
	padding: 7.5px;
	background: #E5E5E5;
	margin: 10px 0;
}
.cx_btn-toolbar-navigation .btn-toolbar{
	margin-bottom: 0;
}
.cx_btn-toolbar-navigation .cx_btn_wrapper {
	display: block;
    margin-bottom: 0;
}
.cx_btn-toolbar-navigation .pull-right .cx_btn_wrapper:last-child {
    margin-right: 0;
}
.cx_btn-previousPage {
	color: #555;
}
.cx_btn-previousPage .cx_icon {
	float: left;
	margin-right: 7.5px;
}
.cx_btn-previousPage .cx_icon::before {
    content: "\f0d9";
    font-weight: 900;
}
.cx_btn-nextPage{
	position: relative;
	margin-right: 14px;
	border-right: none;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}
.cx_btn-nextPage::after{
    position: absolute;
	display: table;
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34' width='14'%3E%3Cpolygon points='-0.5,0 -0.5,34 13,17' style='fill:%2350a9f8;stroke:%2350a9f8;stroke-width:1' /%3E%3C/svg%3E");	
	top: -1px;
	left: 100%;   
	width: 0;
    height: 0;
    z-index: 2;
}
.cx_btn-nextPage:hover::after{
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34' width='14'%3E%3Cpolygon points='-0.5,0 -0.5,34 13,17' style='fill:white;stroke:%2350a9f8;stroke-width:1' /%3E%3C/svg%3E");	
}
.cx_btn-nextPage:active::after, 
.cx_btn-nextPage:focus::after, 
.cx_btn-nextPage:active:focus::after, 
.cx_btn-nextPage:active:hover::after{
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='34' width='14'%3E%3Cpolygon points='-0.5,0 -0.5,34 13,17' style='fill:%232e9afa;stroke:%232e9afa;stroke-width:1' /%3E%3C/svg%3E");
}



/*
.cx_btn-nextPage::before{
	position: absolute;
	top: -1px;
	left: 100%;
	display: table;
	content: "";
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-left: 13px solid #50a9f8;
	border-bottom: 17px solid transparent;
	z-index: 2;
}
.cx_btn-nextPage::after{
    position: absolute;
    top: -0.5px;
    left: calc(100% - 1px);
    display: table;
	content: "";
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='' width=''%3E%3Cpolygon points='-1,0 -1,34 13,17' style='fill:lime;stroke:purple;stroke-width:1' /%3E Sorry, your browser does not support inline SVG.%0A%3C/svg%3E%0A");
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 13px solid white;
    border-bottom: 16.5px solid transparent;
    z-index: 2;
}
*/
   
/* --- */

.cx_content-sm,
.cx_content-md,
.cx_content-flex{
	width: 100%;
	width: calc(100% - 30px);
	max-width: 100%;
	max-width: calc(100% - 30px);
	padding: 30px;
	border: 1px solid #ccc;
	background: white;
	margin: auto;
	margin-bottom: 15px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
@media (min-width: 768px) {
	.cx_content-sm {
		width: 500px;
	}
	.cx_content-md {
		width: 800px;
	}
	.cx_content-flex {
		display: table;
		min-width: 500px;
		width: auto;	
	}
	@supports (width: min-contentss) {
		.cx_content-flex {
			display: block;
			width: min-content;
		}
	}
	.cx_content-sm .form-inline .cx_radio-label,
	.cx_content-sm .form-inline .cx_checkbox-label,
	.cx_content-md .form-inline .cx_radio-label,
	.cx_content-md .form-inline .cx_checkbox-label {
		white-space: normal;
		display: inline-block;
	}
}



/* TAGS */
.cx_tag-textarea{
	display: none;
}
.cx_tags{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.cx_tag-editor{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 5px 5px 0 5px;
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: text;
    -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;
}
.cx_tag-editor.focus{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/* Same colors as alert-primary */
.cx_tag{
	display: table;
	float: left;
	color: #31708f;
	background-color: #e6f3ff;
	margin-right: 6px;
	margin-bottom: 6px;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
	line-height: 28px;
	border: 1px solid #31708f;
}
.cx_tag-editable:hover{
    text-decoration: none;
    background-color: white;
}
.cx-tag-editable{
	margin-right: 4px;
}
.cx_tag-x{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 15px;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    margin-left: 4px;
    cursor: pointer;
}
.cx_tag-x:hover{
	background: #f85050;
	color: white;
	-webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}
.cx_tag-input{
	line-height: 30px;
	padding: 0 6px;
	border: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	float: left;
	margin-right: 6px!important;
	margin-bottom: 6px;
}
.cx_tag-input:focus{
	outline: none;
}

/* suggestion */
.cx_tag-suggestion-wrapper{
	display: table;
    position: absolute;
    border: 1px solid #ccc;
    padding: 4px;
    margin-top: -1px;
    z-index: 1000;
    background: white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3)
}
.cx_tag-suggestion{
	display: table;
	float: left;
	color: #31708f;
	background-color: #e6f3ff;
    margin-right: 4px;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.cx_tag-suggestion.active{
	color: white;
	background: #31708f;
}
.cx_tag-suggestion-highlight{
	font-weight: bold;
	text-decoration: underline;
}



#cx_crop-wrapper{
	opacity: 0;
}


/* VIRUS SCANNER ICON */
.cx_image_control {
	position: relative;
}
.cx_image_control .cx_btn-virusScanInfo,
.plupload_droptext .cx_btn-virusScanInfo {
	position: absolute; 
}
.cx_btn-virusScanInfo {
	top: 0;
    right: 0;
    margin: 15px 10px 10px!important;
	border-radius: 50%!important;
	border: 1px solid;
	background: white;
	width: 30px;
	height: 30px!important;
	line-height: 28px!important;
	padding: 0!important;
}
.cx_btn-virusScanInfo .cx_icon {
	position: relative;
}
.cx_btn-virusScanInfo .cx_icon:not([class*='fa-'])::before {
    content: "\f3ed";
    font-family: "Font Awesome 5 Duotone";
	font-weight: 900;
}
.cx_btn-virusScanInfo .cx_icon:not([class*='fa-'])::after {
    content: "\f132";
    position: absolute;
    left: 0;
}
.cx_btn-virusScanInfo.btn-outline-success {
	color: #2FD371;
	border-color: #2FD371;
}
.cx_btn-virusScanInfo.btn-outline-success:hover,
.cx_btn-virusScanInfo.btn-outline-success:hover,
.cx_btn-virusScanInfo.btn-outline-success:hover{
	color: white;
	background: #2FD371;
}

.cx_btn-virusScanInfo.btn-outline-danger {
	color: #fc3434;
	border-color: #fc3434;
}
.cx_btn-virusScanInfo.btn-outline-danger:hover,
.cx_btn-virusScanInfo.btn-outline-danger:hover,
.cx_btn-virusScanInfo.btn-outline-danger:hover{
	color: white;
	background: #fc3434;
}