ul {
	list-style:none;
}
fieldset {
	width:100%;
}

#datasourceFormWrapper {
	position:relative;
	padding:0;
	background:none;
	border:0;
}
#datasourceFormWrapper .ui-tabs-nav {
	width:auto !important;
	padding:0 !important;
	margin:0px 4px 0 !important;
	background:none;
	border:0;
}
#datasourceFormWrapper .ui-tabs-nav li {
	margin:0 3px 3px 0 !important;
	border:1px solid #dfdfdf !important;
	border-radius:2px;
}
#datasourceFormWrapper .ui-tabs-panel {
	margin:0;
	padding:0;
	position:relative;
}
/*default tab*/
#datasourceFormWrapper .ui-tabs-nav li.ui-state-default {
	background-color:#e4e4e4;
	
}
/*active tab, hover tab*/
#datasourceFormWrapper .ui-tabs-nav li.ui-state-active, #datasourceFormWrapper .ui-tabs-nav li.ui-state-hover {
	background-color:#fff;
	border:1px solid #e7e7e7 !important;
	
}
	#datasourceFormWrapper .ui-tabs-nav li.ui-state-active a, #datasourceFormWrapper .ui-tabs-nav li.ui-state-hover a {
		font-family: graphik,Arial,Helvetica,sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 36px;
		text-transform: uppercase;
		letter-spacing: -0.01em;
		color:#ff6600 !important;
		opacity:1 !important;
	}
	
#datasourceFormWrapper .ui-tabs-nav li.ui-state-disabled, #datasourceFormWrapper .ui-tabs-nav li.ui-state-disabled a, #datasourceFormWrapper .ui-tabs-nav li.ui-state-disabled a:hover {
	

}


.ui-tabs-vertical-li .ui-tabs-nav li
{
	padding-left:5px !important;
	padding-right:-5px !important;
	padding-top:5px !important;
	padding-bottom:5px !important;

}

#datasourceFormWrapper ul.ui-tabs-nav li a {
	padding:0 12px 0 32px;
	background-repeat: no-repeat;
	background-position: 6px center;
	background-size: 20px;
	font-family: graphik,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 36px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
	color: #333;
}
/* tab arrows */
#datasourceFormWrapper ul.ui-tabs-nav li.arrPadLeft {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	
}
#datasourceFormWrapper ul.ui-tabs-nav li.arrPadLeft a {
	padding-right:50px !important;
	background-position: 24px center;
}

#datasourceFormWrapper ul.ui-tabs-nav li.arr a {
	position:relative;
	display:block;
	padding-right:8px;
}
#datasourceFormWrapper ul.ui-tabs-nav:not(.processMenuMobile) li.arr a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 19px solid #e4e4e4;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left:-2px;
	left: 100%;
	z-index: 2;
	-webkit-filter: drop-shadow(2px 0px 0px #dfdfdf);
	filter: drop-shadow(2px 0px 0px #dfdfdf);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=0, Color='#dfdfdf')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=0, Color='#dfdfdf')";
}
#datasourceFormWrapper .ui-tabs-nav li.arr.ui-state-active a:after, #datasourceFormWrapper .ui-tabs-nav li.arr.ui-state-hover a:after {
	border-left: 19px solid #fff;
	-webkit-filter: drop-shadow(2px 0px 0px #e7e7e7);
	filter: drop-shadow(2px 0px 0px #e7e7e7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=0, Color='#e7e7e7')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=0, Color='#e7e7e7')";
}
#datasourceFormWrapper ul.ui-tabs-nav:not(.processMenuMobile) li.arr a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 19px solid #f0f0f1; /* same as body background-color */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left:3px;
	left: 100%;
	z-index: 1;
	-webkit-filter: drop-shadow(1px 0px 0px #dfdfdf);
	filter: drop-shadow(1px 0px 0px #dfdfdf);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=0, Color='#dfdfdf')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=0, Color='#dfdfdf')";
}
#datasourceFormWrapper ul.ui-tabs-nav li.arr.inactive a:after, #datasourceFormWrapper ul.ui-tabs-nav li.arr.inactive a:before {
	display:none;
}

/* turn off transitions */
.gridster > *, .ready .gs-w:not(.preview-holder), .ready .gs-w:not(.preview-holder), .ready .resize-preview-holder, .gridster .player-revert {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.gridster .gs-w {
	position:relative;
}
.gridster > ul > li.gs-w {
	position:absolute;
}

.gridster > ul {
	margin:0;
	list-style:none;
	overflow:visible;
}
	.gridster > ul > li {
		position:relative;
		padding: 0px;
		clear:left;
		border-radius: 3px;
		overflow:visible;
	}
	
	.gridster > ul > li.withtitle {
		padding-top:32px;
		border:3px solid #f0f0f1;
		border-radius: 3px;
	}

@media (max-width: 767px) {

	.ui-tabs-vertical { width: 100%; }
	.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 100%;}
	
}
@media (min-width: 768px) {

	.ui-tabs-vertical { width: 55em; }
	.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 41em;}
	
}

.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .0em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }


.processLine {
	border-left:0px solid #444;
	border-right:0px solid #444;	
	width:4px;
	background-color: lightgrey;
 	height:20px;
	float:left;
	left:23px;
	top:33px;
	position:relative;
	z-index:99;

}

@media (max-width: 1060px) {

.section-hide > section {
	display: none;
 }

 .div-hide > div {
	display: none;
 }

}



.processLineMarked {
	background-color:#036 !important;
}

.processLineLast {
	background-color: transparent !important;
	border-left:1px solid transparent !important;
	border-right:1px solid transparent !important;
}

.processCircle {
    border-radius: 50%;
    width: 33px;
    height: 33px;
	padding: 6px;
	margin-right:4px;
	margin-left:4px;
	
	float:left;
    background: #fff;
    border: 1px solid #666;
    color: #666;
    text-align: center;

    font: 16px Arial, sans-serif;
}

.processMenuMobile 
{
	padding-left:10px !important;	
	min-width: 150px;
}

	.gridster > ul > li.autoheight {
		height:auto !important;
	}

		.chosenheight
		{
			/*height:70px;*/
		}
		/* columns */
		.gridster > ul > li > section {
			min-height:100%;
			height:100%;
			border: 4px solid #f0f0f1;
			border-radius: 0px;
			float:left;
			background: #fefefe;
			position:relative;
			
			overflow:hidden;
			overflow-y:auto;
			-webkit-overflow-scrolling: touch;
		}
		
		html#mobile .gridster > ul > li > section 
		{
			overflow:visible !important;
			overflow-y:visible !important;
		}
	

		.gridster > ul > li > section.w1 {
			width:100%;
		}
		.gridster > ul > li > section.w2 {
			width:50%;
		}
		.gridster > ul > li > section.w3 {
			width:33.333333333333%;
		}
			.gridster > ul > li > section > div {
				background:none;
				
				width:100%;
				height:100%;
				max-height:100%;
				overflow:visible;
				overflow-x: visible;
				padding:0;
				
				position:relative;
				
			}
			.gridster > ul > li > section > div.withtitle {
				padding-top:35px;
			}
				.gridster > ul > li > section > div > p, .gridster > ul > li > section > div > div.p {
					background: none;
					line-height: 31px;
					margin: 0 0 2px;
					padding: 2px 8px 6px;
					position:relative;
					color:#333;
					overflow:visible;
				}
				.gridster > ul > li > section > div > p:not(:last-of-type), .gridster > ul > li > section > div > div.p:not(:last-of-type) {
					border-bottom:0px solid #e5e5e5;
				}
				/* p in containers without title needs no padding */
				.gridster > ul > li.withtitle > section, .gridster > ul > li.notitle > section.notitle p {
					padding:0;
				}
				.gridster > ul > li.notitle > section.notitle p {
					padding:6px;
				}
				
				.gridster > ul > li > section > div > p:last-of-type, .gridster > ul > li > section > div > div.p:last-of-type {
					margin-bottom:0;
				}
				.gridster > ul > li > section > div > p > label, .gridster > ul > li > section > div > div.p > label {
					line-height:25px;
					display:block;
					width: 100%;
					font-family:cmsCondSemiBold, Arial, Helvetica, sans-serif;
					color: #444;
				}
				.gridster > ul > li > section > div > p > label.inline, .gridster > ul > li > section > div > div.p > label.inline {
					display:inline !important;
					vertical-align:middle;
					padding:0 5px;
					cursor:pointer;
				}
					#datasourceFormWrapper p > label > span, #datasourceFormWrapper div.p > label > span {
						float:right;
					}
						#datasourceFormWrapper p > label > span > i.fa, #datasourceFormWrapper div.p > label > span > i.fa {
							transform: translateY(1px);
							margin-left:6px;
							cursor:pointer;
							opacity:.75;
							font-size: 22px;
							line-height: 15px;
							background: #fff;
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
						}
				.gridster > ul > li > section > div > p > label.headerlabel {
					font-size:20px;
					color:#333;
					padding:0px 0px 6px;
					line-height:25px;
					
				}
				.embeddedContentContainer {
					display:block;
					-webkit-transition: opacity 0.1s linear;
					-o-transition: opacity 0.1s linear;
					-moz-transition: opacity 0.1s linear;
					-ms-transition: opacity 0.1s linear;
					-kthtml-transition: opacity 0.1s linear;
					transition: opacity 0.1s linear;
				}
				.gridster > ul > li > section > div > p > .embeddedContentContainer {
					display: block;
					min-height: 44px;
					position: relative;
					padding-top: 0px;
				}
					.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer {
						display:block;
						position:absolute;
						top:-33px;
						right:3px;
						text-align:right;
						
												
					}
						.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer input[type=button], .gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button {
							background-color: #fff !important;
							color: #666 !important;
							font-family:graphik, Arial, Helvetica, sans-serif !important;
							font-weight:600;
							font-size: 12px !important;
							border-radius: 3px;
							line-height: 23px !important;
							
						}
						.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button {
							padding: 0px 6px;
							text-transform: uppercase;
							color: #666 !important;
							background-color: #eee !important;
							margin-left: 4px;
							line-height: 24px !important;
						}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i {
								transform: translate(0,2px);
								margin-right: 4px;
								display: inline-block;
								width: 20px;
								height: 24px;
								color: #666 !important;
								font-family: FontAwesome !important;
								font-style: normal !important;
								font-weight: normal !important;
								font-size: 18px !important;
								text-indent: 0 !important;
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.small {
								width:12px;
								height:12px;
								font-size: 12px !important;
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button:hover {
								opacity:.75;
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.add:before {
								content:"\f0fe";
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.addmultiple {
								font-size: 14px !important;
								line-height: 10px !important;
    							height: 18px;
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.addmultiple:before {
								content: "\f055";
								position: absolute;
								z-index: 1;
								top: 9px;
								left: 0px;
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.addmultiple:after {
								content: "\f055";
								position: absolute;
								z-index: 2;
								top: 3px;
								left: 9px;
								text-shadow: -1px 0px 0px #f5f5f6, -1px 0px 0px #f5f5f6;
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.export:before {
								content:"\f0ed";
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.import:before {
								content:"\f0ee";
							}
							.gridster > ul > li > section > div > p > .embeddedContentContainer .buttonContainer button i.externalform:before {
								content: "\f0ea";
							}
							
					.gridster > ul > li > section > div > p > label.headerlabel > span.labelimg {
						display:inline-block;
						width:26px;
						height:26px;
						float:none !important;
						vertical-align:bottom;
						margin-right:5px;
						background-position:center;
						background-repeat:no-repeat;
						background-size:16px;
						background-color:#666;
						border-radius:50%;
					}
				.gridster > ul > li > section > div .treeview, .gridster > ul > li > section > div .treeview ul {
					background-color:transparent !important;
				}
				.gridster > ul > li > section > div .treeview li {
					background:none !important;
					line-height:16px !important;
				}
					.gridster > ul > li > section > div .treeview li > input[type=checkbox] {
						margin-right:4px;
					}
				.gridster > ul > li > section > div ul.treeview, .gridster > ul > li > section > div ul.treeview ul {
					width:auto !important;
				}
				.gridster > ul > li > section > div > p input[type=text], .gridster > ul > li > section > div > p input[type=number], .gridster > ul > li > section > div > p select, .gridster > ul > li > section > div > p textarea {
					display:inline-block;
					width: 100%;
				}
				.gridster > ul > li > section > div > .txtLabel {
					position:absolute;
					top:5px;
					left:5px;
					width:215px;
					height:22px !important;
					min-height:22px !important;
					line-height:22px !important;
				}
				.gridster > ul > li > section > div > .btnDel {
					position:absolute;
					top:5px;
					right:5px;
					width:20px;
					height:20px;
					background:#555;
					color:#fff;
					border:0;
					cursor:pointer;
				}
				
				.gridster > ul > li > section > div > em {
					position:absolute;
					top:7px;
					right:28px;
					width:16px;
					height:16px;
					font-family: FontAwesome;
					font-weight: normal;
					font-style: normal;
					text-decoration: inherit;
					-webkit-font-smoothing: antialiased;
					color:#555;
					cursor:pointer;
				}
					.gridster > ul > li > section > div > em:before {
						content: "\f044";
					}
				.gridster > ul > li > section > div > i {
					position:absolute;
					top:6px;
					right:3px;
					width:16px;
					height:16px;
					font-family: FontAwesome;
					font-weight: normal;
					font-style: normal;
					text-decoration: inherit;
					-webkit-font-smoothing: antialiased;
					color:#555;
					cursor:pointer;
				}
					.gridster > ul > li > section > div > i:before {
						content: "\f00d";
					}
				.gridster > ul > li > section > div > em:hover, .gridster > ul > li > section > div > i:hover {
					color:#666;
				}
		
		.gridster > ul > li > header {
			display: block;
			cursor: move;
			position:absolute;
			top:5px;
			left:5px;
			width:30px;
			height:30px;
			line-height:28px;
			font-family:Arial,sans-serif;
			font-size:18px;
			font-weight: bold;
			text-align:center;
			color:#555;
		}
		.gridster > ul > li > header:hover {
			color:#666;
		}
		.gridster > ul > li > .btnDel {
			position:absolute;
			top:5px;
			right:5px;
			width:30px;
			height:30px;
			background:#888;
			color:#fff;
			border:0;
			cursor:pointer;
			font-size:14px;
		}
		.gridster > ul > li > .btnDel:hover {
			background:#666;
		}
		.gridster > ul > li > .txtLabel {
			position:absolute;
			top:5px;
			left:45px;
			width:200px;
		}
		.gridster > ul > li > .list {
			
			max-height:100%;
			overflow:auto;
			-webkit-overflow-scrolling: touch;
		}
			.gridster > ul > li > .list > p {
				background:rgba(255,255,255,.75);
				line-height:23px;
				margin:0 0 5px;
				padding:0 4px;
			}
		.gridster > ul > li > span.cnt {
			display:block;
			position:absolute;
			top:50%;
			margin-top:-75px;
			left:50%;
			margin-left:-75px;
			height:100px;
			width:150px;
			text-align:center;
			font-size:150px;
			line-height:150px;
			opacity:.05;
		}
.gridster h3 {
	margin: 0;
    position: absolute;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 33px;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 36px;
    height: 33px;
    background-color: #ddd;
    font-family: cmsCondSemiBold, Arial, Helvetica, sans-serif;
    color: #444;
}
#fieldsWithoutColumn h3 {
	display:none;
	margin:0;
	position:absolute;
	font-size:20px;
	text-transform:uppercase;
	line-height:32px;
	top:0px;
	left:0px;
	padding-left:37px;
	font-family:cmsCondBold, Arial, Helvetica, sans-serif;
	color:#333;
}
.gridster h3 > i, #fieldsWithoutColumn h3 > i {
	font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    color: inherit;
    font-size: 17px;
    line-height: 26px !important;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 3px;
    left: 4px;
    text-align: center;
    background: transparent;
    color: #666;
    border-radius: 50%;
}
.gridster > ul > li.withtitle > h3 > i {
	top: 2px;
	left: 3px;
}
#fieldsWithoutColumn h3 > i {
	color: #fff !important;
	background: #666 !important;
}
	.gridster h3 > i:before, #fieldsWithoutColumn h3 > i:before {
		content: "\f040";
	}

.gridster > ul > li.notitle > h3, .gridster > ul > li > section > div.notitle > h3 {
	display:none;
}

.gridster span.inputwrap {
	width:100%;
}
	
.gridButton {
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 8px;

	background:#666;
	color:#fff;
	cursor:pointer;
}

fieldsWithoutColumn#fieldsWithoutColumn {
	position:relative;
	margin-top:0px;
	/*padding: 36px 0px 8px !important;*/
	padding: 0px 0px 8px !important;
}
#fieldsWithoutColumn.fieldsmobile {
	background:#fff;
	
}
	#fieldsWithoutColumn.fieldsmobile h3 {

		display:none;
		top:6px;
		left:7px;
	}
	#fieldsWithoutColumn.fieldsmobile > p {
		display:block;
		margin:0 !important;
		padding: 5px 11px 10px 11px !important;
	}
	#fieldsWithoutColumn.fieldsmobile > p:not(:last-of-type) {
		border-bottom:1px solid #e5e5e5;
	}
	
#fieldsWithoutColumn.notitle {
	padding: 6px 12px !important;
}
	#fieldsWithoutColumn > p {
		display:inline-block;
		margin-right:4px;
		padding:2px 0px 6px 6px;
		white-space: nowrap;
		vertical-align: top;
		min-width: 168px;
	}
		#fieldsWithoutColumn > p > label {
			display:block;
			line-height:25px;
			font-family: cmsCondSemiBold, Arial, Helvetica, sans-serif;
		}

		#fieldsWithoutColumn > p > span {			
			line-height:26px;	
			vertical-align:middle;	
		}

		#fieldsWithoutColumn > p input[type=text], #fieldsWithoutColumn > p select, #fieldsWithoutColumn > p textarea {
			min-width:160px;
			max-width: 100%;
		}

/* embedded content IN TAB */
div.embeddedContentWrapper {
	background-color:#fff;
	padding:6px;
}
	div.embeddedContentWrapper label.headerlabel {
		display: block;
		width: 100%;
		font-family: cmsCondSemiBold, Arial, Helvetica, sans-serif;
		font-size:20px;
		text-transform: uppercase;
		color:#333;
		padding:0px 0px 6px;
		line-height:25px;
	}
		div.embeddedContentWrapper label.headerlabel > span.labelimg {
			display:inline-block;
			width:26px;
			height:26px;
			float:none !important;
			vertical-align:bottom;
			margin-right:5px;
			background-position:center;
			background-repeat:no-repeat;
			background-size:16px;
			background-color:#666;
			border-radius:50%;
		}
div.ui-tabs-panel > span.buttonContainer {
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	text-align:right;
							
}
	div.ui-tabs-panel > span.buttonContainer button {
		padding: 0px 6px;
		text-transform: uppercase;
		color: #666 !important;
		background-color: #f0f0f1 !important;
		margin-left: 4px;
		line-height: 24px !important;
		font-family: graphik, Arial, Helvetica, sans-serif !important;
		font-weight: 600;
		font-size: 12px !important;
		position: relative;
		
		
	}
	
		div.ui-tabs-panel > span.buttonContainer button i {
			margin-right: 4px;
			display: inline-block;
			width: 20px;
			height: 24px;
			color: #666 !important;
			font-family: FontAwesome !important;
			font-style: normal !important;
			font-weight: normal !important;
			font-size: 18px !important;
			text-indent: 0 !important;
			transform: translate(0,2px);
		}
		html#mobile div.ui-tabs-panel > span.buttonContainer button {
			width: 28px;
			height: 28px;
			text-indent: -9999px;
		}
		html#mobile div.ui-tabs-panel > span.buttonContainer button i {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}

		div.ui-tabs-panel > span.buttonContainer button:hover {
			opacity:.75;
		}
		div.ui-tabs-panel > span.buttonContainer button i.add:before {
			content:"\f0fe";
		}
		div.ui-tabs-panel > span.buttonContainer button i.externalform:before {
			content: "\f0ea";
		}
		div.ui-tabs-panel > span.buttonContainer button i.export:before {
			content:"\f0ed";
		}
		div.ui-tabs-panel > span.buttonContainer button i.import:before {
			content:"\f0ee";
		}
/* END embedded content IN TAB */

/* pageresults in narrow column */
li[data-sizex="1"] div.pageresults .prev, li[data-sizex="1"] div.pageresults .next {
	width:40px !important;
}
	li[data-sizex="1"] div.pageresults .prev i, li[data-sizex="1"] div.pageresults .next i {
		text-align: center;
  		
	}
	li[data-sizex="1"] div.pageresults .info_full, li[data-sizex="1"] div.pageresults .navtext {
		display:none;
	}
	li[data-sizex="1"] .chzn-select, li[data-sizex="1"] .chosen-container {
		width:317px !important;
		max-width:100%;
	}

/* simple (1 column) mode and small screens */
html:not(#mobile) .simple.gridster {
	width:720px;
}

.simple.gridster > ul {
		width:100% !important;
		height:auto !important;
	}
		.simple.gridster > ul > li {
			position:relative !important;
			width:100% !important;
			height:auto !important;
			top:auto !important;
			left:auto !important;
			margin-bottom:6px;
			background:none;
		}
		.simple.gridster > ul > li > section {
			float:none !important;
			width:100% !important;
			min-height:0 !important;
			height:auto !important;
			padding:0;
			margin-bottom:6px;
			background: #fff;
		}
		.simple.gridster > ul > li > section:last-of-type {
			margin-bottom:3px !important;
		}
			.simple.gridster > ul > li > section > div {
				padding-left:0;
				padding-right:0;
				overflow:visible;
			}
@media only screen and (max-width : 1066px) {
	.gridster > ul {
		width:100% !important;
		height:auto !important;
	}
		.gridster > ul > li {
			position:relative !important;
			width:100% !important;
			height:auto !important;
			min-height:0 !important;
			top:auto !important;
			left:auto !important;
			margin-bottom:6px;
			background:none;
		}
		.gridster > ul > li > section  {
			float:none !important;
			width:100% !important;
			min-height:0 !important;
			height:auto !important;
			padding:0 !important;
			background: #fff;
			overflow:inherit;
			overflow-y:auto;
		}

		html#mobile .gridster > ul > li > section 
		{
			overflow:visible !important;
			overflow-y:visible !important;
		}
		.gridster > ul > li > section:last-of-type {
			margin-bottom:0px !important;
		}
			.gridster > ul > li > section > div {
				padding-left:0;
				padding-right:0;
				overflow:visible;
				
			}
	
}

@media (max-width: 767px) {
	
	/* RESPONSIVE TABLES */

	table.hiddenlisttable {
		opacity:0;
		-webkit-transition: opacity 0.1s linear;
		-o-transition: opacity 0.1s linear;
		-moz-transition: opacity 0.1s linear;
		-ms-transition: opacity 0.1s linear;
		-kthtml-transition: opacity 0.1s linear;
		transition: opacity 0.1s linear;
	}
	table.responsiveTable, table.listtable thead, table.responsiveTable tbody, table.responsiveTable th, table.responsiveTable tr, table.responsiveTable td {
		display:block;
		
	}
	
	table.responsiveTable tr.tablerow > td:first-of-type * {
		cursor:pointer !important;
	}
	table.responsiveTable {
		transform: translateY(-10px);
	}
	#mobile table.responsiveTable, #datasourceFormWrapper table.responsiveTable {
		transform: translateY(0px);
	}
	
	i.newpost {
		
		position: relative;
    	top: -10px;

	}

	table.responsiveTable em.lnkRemoveAll {
		display: none;
	}

	table.responsiveTable tr.listheaderrow, table.responsiveTable tr:not(.tablerow):not(.navRow):not(.nodataRow):not(.trNextPage) {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.responsiveTable tr.tablerow {
		overflow:hidden;
	}
	table.responsiveTable tr.emptyRow {
		cursor:default;
	}
	table.responsiveTable tr.tablerow.show, table.responsiveTable tr.tablerow.show td, table.responsiveTable tr.tablerow.show:hover td, table.listtable tr.tablerow:not(.listheaderrow):hover td:nth-child(even) {
		background-color:rgba(0,0,0,.03) !important;
		border-bottom: 1px solid rgba(51,51,51,.07) !important;
	}
	table.responsiveTable tr.emptyRow:hover td {
		background-color:transparent !important;
		border-color:transparent !important;
	}

	table.listtable:not(.responsiveTable) tr.tablerow:not(.listheaderrow):not(:last-of-type):hover td {
		background-color:rgba(0,0,0,.03) !important;
		border-color:rgba(51,51,51,.07) !important;
	}
	
	table.responsiveTable tr.tablerow:hover td {
		background-color:rgba(0,0,0,.03) !important;		
	}



	table.responsiveTable tr.tablerow > td 
	{
		padding:10px 0px 0px 0px;
		border-bottom:1px dotted black !important;	
		margin-left:10px;	
		margin-right:10px;	
	}

	table.responsiveTable tr.tablerow > td.other:hover
	{
		border-left:1px dotted black !important;
		border-right:1px dotted black !important;	
	}

	.divTable 
	{	
		display:table;width:100%;z-index:9999;
		padding: 10px 10px 10px 10px;
		border-left:1px dotted black;		
		border-right:1px dotted black;		
		border-top:1px dotted black;		
	}
	
	.divRow
	{	
		display:table-row;width:auto;		
	}
	
	.divCellStrong
	{
		font-weight:bold;
	}
	
	.divCell
	{
		float:left;/*fix for buggy browsers*/
        display:table-column;
        width:150px;   
		padding-bottom:5px;   		
	}

	.divCellRowSpan
	{
		display:flex;
		height:auto;
		height: calc(100%);
	}

	table.responsiveTable tr.tablerow > td.hidetd {
		display:none;
		height:0;		
		padding-left:16px;padding-right:16px;
	}
	
	table.responsiveTable tr.tablerow > td.other {
		display:none;
		height:0;
		
		padding-left:16px;padding-right:16px;
	}

	
	table.responsiveTable tr.tablerow > td 
	{
		padding:10px 0px 0px 0px;
		border-bottom:1px dotted black !important;	
		margin-left:10px;	
		margin-right:10px;	
	}

	table.responsiveTable tr.tablerow > td.other:hover
	{
		border-left:1px dotted black !important;
		border-right:1px dotted black !important;	
	}

	.divTable 
	{	
		display:table;width:100%;z-index:9999;
		padding: 10px 10px 10px 10px;
		border-left:1px dotted black;		
		border-right:1px dotted black;		
		border-top:1px dotted black;		
	}
	
	.divRow
	{	
		display:table-row;width:auto;		
	}
	
	.divCellStrong
	{
		font-weight:bold;
	}
	
	.divCell
	{
		float:left;/*fix for buggy browsers*/
        display:table-column;
        width:150px;   
		padding-bottom:5px;   		
	}

	.divCellRowSpan
	{
		display:flex;
		height:auto;
		height: calc(100%);
	}

	table.responsiveTable tr.tablerow > td.hidetd {
		display:none;
		height:0;		
		padding-left:16px;padding-right:16px;
	}

	table.responsiveTable tr.tablerow.show > td.other {
		display:block;
		height:auto;
		
	}

	table.responsiveTable tr.tablerow.show > td.other {
		border-left:1px dotted black !important;
		border-right:1px dotted black !important;		
		margin-left:10px;
		margin-right:10px;
		padding-left:10px !important;
		padding-right:10px !important;
		padding-top:0px !important;

		
	}

	table.responsiveTable tr.tablerow.show > td.other:last-child {
		
		border-bottom:1px dotted black !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
		margin-bottom:10px;
		
	}

	table.responsiveTable tr.tablerow > td.buttonCol {
		display:none !important;
	}
	/*table.responsiveTable tr.tablerow { border: 1px solid #eee; }*/
	table.responsiveTable tr.tablerow > td { 
		/* Behave  like a "row" */
		position:relative;
		/*border: none !important;*/
		border-bottom: 0px solid #eee; 
		position: relative;
		max-width:none !important;
		background:none !important;
		width:auto !important;
		cursor:text;
		white-space:normal !important;
		word-wrap:normal !important;
		word-break:normal !important;
		line-height: normal;
	}
	
		table.responsiveTable tr.tablerow > td > i.tblArrow {
			position:absolute;
			right:0px;
			font-family: FontAwesome;
			font-weight: normal;
			font-style: normal;
			font-size: 18px;
			width:18px;
			height:18px;
			top:20px;
			-webkit-transform:translate(0,-9px);
			transform:translate(0,-9px);
			text-decoration: inherit;
			-webkit-font-smoothing: antialiased;
			-moz-transition:0.2s transform linear;
			-webkit-transition:0.2s transform linear;
			transition:0.2s transform linear;
			transform-origin: center;
		}
		table.responsiveTable tr.tablerow.show > td > i.tblArrow {
			-webkit-transform:scale(1.0) translate(-3px,-5px) rotate(90deg) !important;
			transform:scale(1.0) translate(-3px,-5px) rotate(90deg) !important;
		}
		/*table.responsiveTable tr.tablerow > td:hover > i.tblArrow {
			-webkit-transform:scale(1.4) translateY(-6px);
			transform:scale(1.4) translateY(-6px);
		}
		table.responsiveTable tr.tablerow.show > td:hover > i.tblArrow {
			-webkit-transform:scale(1.4) translateY(-16px);
			transform:scale(1.4) translateY(-16px);
		}*/
		table.responsiveTable tr.tablerow > td > i.tblArrow:before {
			content: "\f054";
		}
	table.responsiveTable tr.tablerow > td:not(.other) > span.cellcontent {
		font-family:cmsCondRegular, Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height: 28px;
	}
	
	
	.embeddedContentContainer table.responsiveTable tr.tablerow > td:not(.other) > span.cellcontent {
		font-family:cmsCondRegular, Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height: 28px;
	}
	
	
	
		table.responsiveTable tr.tablerow > td > label {
			display:block;
			font-family:cmsCondSemiBold, Arial, Helvetica, sans-serif;
			font-size:18px;
			padding-right:4px;
			cursor:text;
		}
		table.responsiveTable tr.tablerow > td:first-of-type > label {
			display:block;
			font-family:cmsCondSemiBold, Arial, Helvetica, sans-serif;
			font-size:20px;
			padding-right:4px;
			cursor:text;
		}
		table.responsiveTable tr.tablerow > td:not(.other) > label {
			display:none;
		}
		table.responsiveTable tr.tablerow.show > td:not(.other) > label {
			display:block;
		}
	
	table.responsiveTable tr.tablerow > td.other.hide {
		height:0 !important;
		border:0 !important;
		padding:0 !important;
		
	}
	
	/* SORT BUTTON + POPUP */
	.responsiveSortPopup {
		position:absolute;
		right:10px;
		top:24px;
		overflow:visible;
	}
	#datasourceFormWrapper .responsiveSortPopup {
		top:10px !important;
	}
		.responsiveSortPopup > i {
			display:inline-block;
			font-family: FontAwesome;
			font-weight: normal;
			font-style: normal;
			font-size: 18px;
			width:18px;
			height:18px;
			top:50%;
			text-decoration: inherit;
			-webkit-font-smoothing: antialiased;
			cursor:pointer;
			
		}
		.responsiveSortPopup > i:before {
			content: "\f160";
		}
		.responsiveSortPopup > ul {
			list-style:none;
			display:none;
			position:absolute;
			right:0;
			top:22px;
			z-index:999;
			padding:4px 8px;
			background:rgba(51,51,51,.75);
			color:#fff;
			cursor:pointer;
		}
			.responsiveSortPopup > ul > li {
				white-space:nowrap;
				font-family:cmsCondRegular, Arial, Helvetica, sans-serif;
				font-size:18px;
				line-height:28px;
				background:none !important;
			}
			.responsiveSortPopup > ul > li.heading {
				font-family:cmsCondSemiBold, Arial, Helvetica, sans-serif;
				font-size:22px;
				padding-bottom: 2px;
				text-align:center;
				cursor:default;
			}
				.responsiveSortPopup > ul > li > i {
					display:inline-block;
					opacity:0.2;
					font-family: FontAwesome;
					font-weight: normal;
					font-style: normal;
					font-size: 18px;
					line-height:28px;
					width:18px;
					height:18px;
					text-decoration: inherit;
					-webkit-font-smoothing: antialiased;
					color:#fff;
				}
				.responsiveSortPopup > ul > li.active > i, .responsiveSortPopup > ul > li:hover > i {
					opacity:1;
				}
				.responsiveSortPopup > ul > li.up > i:before, .responsiveSortPopup > ul > li.inactive > i:before {
					content: "\f0d8";
				}
				.responsiveSortPopup > ul > li.down > i:before {
					content: "\f0d7";
				}

	
}

/* turn tabs into dropdown menu */
#mobile #datasourceMobilemenu {
	position:absolute;
	left:7px;
	top:12px;
	display:inline-block;
	width:32px;
	height:31px;
	vertical-align:top;
	margin-top: 0;
	margin-right:8px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:24px;
	line-height:31px;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	background:none;
	color:#fff;
	cursor:pointer;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* second popup has another heading background color*/
#mobile body.alternate #datasourceMobilemenu {
	background:rgba(255,255,255,.1) !important;
}
	#mobile #datasourceMobilemenu:after {
		content:"\f0c9";
	}
#mobile	#datasourceFormWrapper {
	width: auto !important;
}
#mobile	#datasourceFormWrapper > ul.ui-tabs-nav {
	display:none;
	top:54px;
	left:0px;
	margin:0 !important;
	position:fixed;
	max-width:100%;
	z-index:999;
	padding:0;
	border: 0px solid #666;
	-moz-box-shadow: 0px 5px 30px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 5px 30px rgba(0,0,0,.4);
	box-shadow: 0px 5px 30px rgba(0,0,0,.4);
	border-radius:0;
}
	#mobile #datasourceFormWrapper > ul.ui-tabs-nav > li {
		display:block;
		width:100%;
		margin:0 !important;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}
		#mobile #datasourceFormWrapper > ul.ui-tabs-nav > li > a {
			display:block;
			width:100%;
			border-radius:0;
			font-family: Graphik,Arial,Helvetica,sans-serif;
			font-size: 14px;
			line-height: 40px;
		}
	
	#mobile	#datasourceFormWrapper .ui-state-default, #mobile #datasourceFormWrapper .ui-widget-content .ui-state-default, #mobile #datasourceFormWrapper .ui-widget-header .ui-state-default {
		  border:0 !important;
	}
	#mobile	#datasourceFormWrapper li , 
	#mobile #datasourceFormWrapper .ui-widget-content li, 
	#mobile #datasourceFormWrapper .ui-widget-header li {
		background:#f5f5f6;
		border:0 !important;
		color:#fff;
	}

	ul.filetree.treeview li {
		color: black !important;
	}



	#mobile	#datasourceFormWrapper li.ui-state-active, #mobile #datasourceFormWrapper .ui-widget-content li.ui-state-active, #mobile #datasourceFormWrapper .ui-widget-header li.ui-state-active,
	#mobile	#datasourceFormWrapper li.ui-state-hover, #mobile #datasourceFormWrapper .ui-widget-content li.ui-state-hover, #mobile #datasourceFormWrapper .ui-widget-header li.ui-state-hover {
		background:#fff;
		border:0 !important;
	}
		#mobile	#datasourceFormWrapper .ui-state-active a, #mobile #datasourceFormWrapper .ui-widget-content .ui-state-active a, #mobile #datasourceFormWrapper .ui-widget-header .ui-state-active a {
			color:#ff6600 !important;
		}
	/*hide tab arrows*/
	#mobile #datasourceFormWrapper ul.ui-tabs-nav li.arr a:before, #mobile #datasourceFormWrapper ul.ui-tabs-nav li.arr a:after, #datasourceFormWrapper ul.ui-tabs-nav processMenuMobile li.arr a:after {
		display:none !important;
	}

	#mobile #datasourceFormWrapper ul.ui-tabs-nav li.arrPadLeft a {
		padding: 0 12px 0 32px !important;
		background-position: 6px center !important;
	}
	
	#mobile #datasourceFormWrapper > div.withtitle > h3 {
		padding-bottom:8px;
	}

/* guillotine */
body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor:    -moz-grabbing !important;
  cursor:         grabbing !important;
  cursor: grabbing, move;  /* IE hack */
}

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor:    -moz-grab;
  cursor:         grab;
  cursor: grab, move;  /* IE hack */
}

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-sample {
  position: absolute !important;
  top: -100000px     !important;
  left: -100000px    !important;
  width: auto        !important;
  height: auto       !important;
}

div.chosen-container-active {
	z-index:3;
}
.chosen-container .chosen-drop {
	z-index:999;
}
#fieldsWithoutColumn div.chosen-container-active {
	z-index:999;
}
li[data-row="1"]{z-index:21 !important;}
li[data-row="2"]{z-index:20 !important;}
li[data-row="3"]{z-index:19 !important;}
li[data-row="4"]{z-index:18 !important;}
li[data-row="5"]{z-index:17 !important;}
li[data-row="6"]{z-index:16 !important;}
li[data-row="7"]{z-index:15 !important;}
li[data-row="8"]{z-index:14 !important;}
li[data-row="9"]{z-index:13 !important;}
li[data-row="10"]{z-index:12 !important;}
li[data-row="11"]{z-index:11 !important;}
li[data-row="12"]{z-index:10 !important;}
li[data-row="13"]{z-index:9 !important;}
li[data-row="14"]{z-index:8 !important;}
li[data-row="15"]{z-index:7 !important;}
li[data-row="16"]{z-index:6 !important;}
li[data-row="17"]{z-index:5 !important;}
li[data-row="18"]{z-index:4 !important;}
li[data-row="19"]{z-index:3 !important;}
li[data-row="20"]{z-index:2 !important;}

.textareaInput > a:link, a:visited 
{
 color:#f60 !important;
 text-decoration: none;
}


.textareaInput {
	display:block;
	min-height:48px;
	max-height:auto;
	padding:4px 8px;
	overflow:auto;
	border:1px solid #e5e5e5;
	background-color:#fff;
	-webkit-overflow-scrolling: touch;
}

canvas {
	max-width:100%;
}

.markerPicker {
	text-align: center;
    width: 32px;
    margin-top: 4px;
    display: block;
    height: 32px;
    line-height: 32px;
    position: relative;
    top: -9px;
    left: 6px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px;
}
	.markerPicker > img {
		height:100%;
	}

.infoTitle
{
	font-weight:bold;
	font-size:20px;
}

.infoTitleBackground
{
    margin:0px;
display:block;
position:absolute;
left:0px;
right:0px;
    
    font-size: 20px;
    text-transform: uppercase;
    width:100%;
    line-height: 33px;
    padding: 0px 0px 6px 36px;
    height: 33px;
    background-color: #ddd;
    font-family: cmsCondSemiBold, Arial, Helvetica, sans-serif;
    color: #444;
}

.infoTitleBackground > i:before {
font-family:FontAwesome;		
font-size:17px;
font-style:normal;
font-weight:400;
letter-spacing:-0.2px;

content: "\f040";
position:absolute;
top: 0px;
left: 10px;
}