/*=======================================================
                      GENERALS
=========================================================*/

body, 
a, .btn,
.tooltip,
p, span, .iswitcherLabel,
.headerButtonSettings button.btn,
h1, h2, h3, h4, h5, h6, h7, h8,
.navbar-nav>li>a { font-family: lato; font-weight: 100; }


/* disable generals above for AceEditor */
body .aceEditor, 
.aceEditor a, .aceEditor .btn,
.aceEditor .tooltip,
.aceEditor p, .aceEditor span, .aceEditor .iswitcherLabel,
.aceEditor .headerButtonSettings button.btn,
.aceEditor h1, .aceEditor h2, .aceEditor h3, .aceEditor h4, .aceEditor h5, .aceEditor h6, .aceEditor h7, .aceEditor h8,
.aceEditor .navbar-nav>li>a { font-family: monospace; font-weight: normal; font-size: 13px; line-height: 20px; }

.btn { text-transform: uppercase; }


/*=======================================================
                      TOP NAV
=========================================================*/

.webnerBuilderLogo { 
	width: 140px;
	margin-top: -2px;	
}

.topmenu { display: none !important; /* kill webner top menu, because webner is not more available */ }
.topmenu { position: fixed; transform: translate(-53%, 0); min-width: 700px; left: 50%; z-index: 1000; font-size: 1.13em; top: -3px; white-space: nowrap; }

.topmenu > div, .topmenu > a > div { box-shadow: 2px 0 7px rgba(0, 0, 0, 0.2); }
.topmenu a { font-family: "Helvetica Neue",helvetica,arial; }

.topmenu ul { display: inline-block; list-style: none; list-style-type: none; }
.topmenu ul li { margin-top: -39px; background: #0064b4; color: #ffffff; display: inline-block; float: left; width: 85px; height: 81px; text-align: center; border-radius: 3px; border-bottom: 2px solid #0059a2;
				 margin-right: 7px; padding: 7px; box-shadow: 2px 0 7px rgba(0, 0, 0, 0.2); cursor: pointer; }
.topmenu ul li:last-child { margin-right: 0px; }
.topmenu ul li:hover,
.topmenu ul li.activebt { background: #83b100; margin-top: 0px; box-shadow: 2px 0 15px rgba(0, 0, 0, 0.4); }


.topmenu ul > li span.fa-stack { font-size: 1.11em; display: block; margin: 0 auto; margin-bottom: 4px; }
.topmenu ul li span i.fa-stack-1x { color: #0064b4; } /* FA Icon */
.topmenu ul li span i.fa-stack-2x { color: #ffffff; } /* FA circle */

.navMenuPoint { color: #ffffff; font-size: 0.7em; line-height: 1.1em; font-weight: normal; display: block; }
.navMenuPointSingleLine { padding-top: 7px; }

.topmenu ul li,
.topmenu ul li:hover
{ 
	-o-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-khtml-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; 
}	


/*=======================================================
                      Login Area
=========================================================*/

a { color: #0064b4; }
a:hover, a:focus { color: #83b100; }


.btn { border-radius: 3px; }

body.login .logo { display: none; }
.WebnerLogo { cursor: pointer; background: url(/images/webnerlogo_beta.png) 0 0 no-repeat; width: 238px; height: 40px; position: relative; z-index: 1000; display: block; left: 0; right: 0; margin: 22px auto 52px auto; }
.VideoBackground { position: absolute; width: 100%; min-height: 800px; top: 0px; left: 0px; z-index: 0; opacity: 0.3; background: url(../images/movie_clouds_small.jpg) 0 0 no-repeat; }

body.login {
	background-color: #ffffff;	
	color: #1e1e1e;
}
body.login form a {
	color: #0064b4;
}
body.login form a:hover {
	color: #000000;
	text-decoration: underline; 	
}
body.login .checkbox {
	color: #000000;	
}
body.login .divider>span {
	background: transparent;
	color: #000000;
}
body.login .divider {
	border-bottom: 0px;
}
body.login .logo {
	font-size: 3em;
}
body.login .logo span {
	letter-spacing: -3px !important;
}
body.login  .btn-primary.active, body.login .btn-primary.hover, body.login .btn-primary:active, body.login .btn-primary:focus, body.login .btn-primary:hover, body.login .open>.dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #0064b4;	
}
.btn-inverse.active, .btn-inverse.hover, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
	color: #ffffff;
	background-color: #83b100;		
}
body.login h2 { color: #000000; }

body.waitcursor, .waitcursor { 
	cursor: progress !important; 
	/* cursor: url("http://easy.webner.ch/images/loading_whiteBG.gif"), url("http://easy.webner.ch/images/loading_whiteBG.gif"), progress !important;	*/
}

body.login input { font-weight: normal; }

.groundcolor1 { background: #0064b4; }
.groundcolor2 { background: #83b100; }


.LoginFreeAccounts { background: url(../images/webner_freeaccounts.png) 0 0 no-repeat; width: 396px; height: 288px; position: absolute; top: 0px; left: 50%; margin: 280px 0 0 -577px; }
.LoginFreeAccountsChristmas { background: url(../images/weihnachten-aktion.png) 0 0 no-repeat; width: 283px; height: 251px; position: absolute; z-index: 20; top: 0px; left: 50%; margin: 200px 0 0 -684px; }
.LoginFreeAccountsWrapper { margin: 20px 0 0 10px; width: 250px; font-size: 13pt; text-transform: uppercase; color: #000000; text-align: center; font-weight: 100; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.7); }

.FreeH1 { display: block; line-height: 27pt; }
.FreeH2 { display: block; line-height: 27pt; margin-bottom: 10px; margin-left: -7px; font-weight: 900; font-size: 40pt; color: #0064b4; }
.FreeH3 { display: block; line-height: 17pt; }
.FreeH4 { display: block; line-height: 9pt; font-weight: 900; font-size: 9pt; margin-top: 6px; margin-right: 7px; }

	/* Messages */
	.alert-success { background: #ffffff; box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17), 1px 1px 0px rgba(0, 0, 0, 0.14); color: #4d4d4d; font-weight: 500; }
	/*.alert-success:before { content: '\f06a'; font-family: FontAwesome; font-size: 65px; text-align: center; position: absolute; margin-left: -65px; color: #83b100; margin-top: -60px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.14); }*/
	.alert-success .close.fui-cross { color: #ffffff; }

	.webnerSiteBuilder .modal-dialog .alert-success { background-color: #f1f1f1; color: #34495e; box-shadow: none; }

	.alert-info { box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17), 1px 1px 0px rgba(0, 0, 0, 0.14); }

	input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #83b100 !important; color: #ffffff !important; }


/*=======================================================
                      Sites Area
=========================================================*/

.sitesmanagement .container-fluid { padding-bottom: 147px; }

.navbar-collapse { box-shadow: inset 0px -1px 15px rgba(0,0,0,0.7), 0px -3px 50px rgba(0,0,0,0.7) !important; border-radius: 0px !important; }
.navbar-collapse .navbar-nav.navbar-right:last-child>.dropdown:last-child>a { border-radius: 0px; }
.navbar-default .navbar-nav>.active>a .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret, .navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:focus .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-inverse .navbar-nav>.dropdown>a:focus .caret, .navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #979797; border-bottom-color: #979797; }
.navbar-nav [class^=fui-] { margin-right: 3px; }

.sitesheader { font-size: 27pt; color: #4d4d4d; margin-top: 40px; text-transform: uppercase; }
.sitesheader [class^=fui-] { font-size: 23pt; margin-right: 7px; }
.PaymentStatus { font-size: 13pt; margin-top: -10px; display: block; }

hr.dashed { border-top: 1px dashed #BDC3C7; }
div.container-fluid > hr.dashed {
border-top: 7px solid #4d4d4d;
margin-left: -30px;
margin-right: -30px;
margin-top: 27px;
margin-bottom: 37px;
box-shadow: 7px 7px 47px rgba(0,0,0,0.37);
}

.sites .site .siteLink { height: auto; }
.sitestableview.sites .site { box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px -37px 177px rgba(0,0,0,0.07); }
.sitestableview.sites .site { min-height: auto; height: auto; }
.sites .site { min-height: 580px; border: 1px solid #bdc3c7; margin-right: 27px; margin-bottom: 27px; width: 400px;  display: inline-block; float: left; 

border-radius: 2px; 
border: 1px solid rgba(0,0,0,0.13);
border-bottom: 1px solid rgba(202, 202, 202, 0.46);
border-left: 1px solid rgba(255, 255, 255, 0.17);
border-right: 1px solid rgba(255, 255, 255, 0.17);
border-top: 1px solid white;

background-color: #f7f7f7;
/*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px 0px 20px rgba(0,0,0,0.17);*/
/*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px -37px 177px rgba(0,0,0,0.17);*/
padding: 27px;

}

.sites .site .window {
box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px 7px 17px rgba(0,0,0,0.07);
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.13);
border-bottom: 1px solid rgb(202, 202, 202);
border-left: 1px solid rgba(255, 255, 255, 0.17);
border-right: 1px solid rgba(255, 255, 255, 0.17);
border-top: 1px solid white;	
}

.sitestableview.sites .site .window {
box-shadow: none;
border-radius: 2px;
border: none;
}

.sitestableview.sites .site .window .top {
box-shadow: none;
}

.siteDetails hr.dashed.light {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid whitesmoke;
}

.sitestableview.sites .site { display: block; float: none; width: 100%; margin-bottom: 0px; margin-left: 0px; }
	
	
	/* pagination */
	.paginationWrapper { margin-top: -25px; margin-bottom: 10px; position: relative; height: 30px; }
	.paginationWrapper .paginationPages { position: absolute; display: inline-block; right: 0px; cursor: pointer; }
	.paginationWrapper .paginationItems { position: absolute; display: inline-block; left: 0px; cursor: pointer; }	
	
	/* zoomer loader */
	.sites .site .window .viewport:before {
		content: "\f1ce";
		font-family: FontAwesome;
		font-size: 57px;
		position: absolute;
		-webkit-animation: fa-spin 2s infinite linear;
		animation: fa-spin 2s infinite linear;
		margin: 10% 36%;
		color: #e7e7e7;
		width: 58px;
		height: initial;
	}
		.sites .site .window .viewport .zoomer-loader:before {
			content: "";
			font-family: inherit;
			font-size: inherit;
			position: absolute;
			-webkit-animation: inherit;
			animation: inherit;
			margin: inherit;
			color: inherit;
		}	
	
	.window .viewport .placeHolder {
	background: #f9f9f9;
	position: relative;
	box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px 7px 17px rgba(0,0,0,0.07);
	border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.13);
	border-left: 1px solid rgba(255, 255, 255, 0.17);
	border-right: 1px solid rgba(255, 255, 255, 0.17);
	border-top: 1px solid white;
	padding: 67px 0 200px 0;
	line-height: 0px;
	color: #b9b9b9;
	}
	
		.window .viewport .placeHolder:hover {
		color: #4d4d4d;
		}
	
	.sites .site .window .viewport .placeHolder:before {
		content: "\f07c ";
		font-family: FontAwesome;
		font-size: 57px;
		position: absolute;
		margin: 14% 15%;
		color: #d7d7d7;
	}
		.sites .site .window .viewport .placeHolder:hover:before {
			color: #4d4d4d;
		}

		
		/* zoomer hardlinks and copy elements */
		.zoomer-loader { line-height: 267px !important; font-size: 12px !important; letter-spacing: 2px; text-transform: uppercase; color: #a7a7a7 !important; }
		.zoomer-loader:before {
			content: "\f1ce";
			font-family: FontAwesome;
			font-size: 57px;
			position: absolute;
			-webkit-animation: fa-spin 2s infinite linear;
			animation: fa-spin 2s infinite linear;
			margin: -19% 21%;
			color: #e7e7e7;
			width: 58px;
			height: initial;			
		}


.sites .site .window .viewport .zoomer-loader { background: transparent !important; line-height: 270px !important; font-size: 12px !important; letter-spacing: 2px; text-transform: uppercase; color: #b7b7b7 !important; }

.sites .site .window .viewport iframe { opacity: 0; }
.sites .site .window .viewport .zoomer-small iframe { overflow: hidden !important; height: 200px !important; }
.sites .site .window .viewport,
.sites .site .window .viewport .zoomer-small,
.sites .site .window .viewport .zoomer-cover,
.sites .site .window .viewport .zoomer-loader,
.sites .site .window .viewport .zoomer-cover a { overflow: hidden !important; width: 341px !important; min-height: 200px; max-height: 200px; height: 200px !important; overflow: hidden; }
.sites .site .window .viewport { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.04); }
.sites .site .window .bottom { height: 0px }
.sites .viewport .zoomer-wrapper { max-height: 200px; min-height: 200px; }
.sites .viewport .zoomer-cover:hover { background: rgba(255, 255, 255, 0.5); }

.sitestableview.sites .site .window .viewport iframe { opacity: 1 !important;  height: inherit !important }
.sitestableview.sites .site .window .viewport,
.sitestableview.sites .site .window .viewport .zoomer-small,
.sitestableview.sites .site .window .viewport .zoomer-cover,
.sitestableview.sites .site .window .viewport .zoomer-loader,
.sitestableview.sites .site .window .viewport .zoomer-cover a { margin-left: -25px; width: auto !important; min-height: none !important; max-height: none !important; height: auto !important;  }
.sitestableview.sites .viewport .zoomer-wrapper { max-height: none !important; min-height: none !important; }

.sitestableview.sites .site .window .viewport:before,
.sitestableview.sites .zoomer-loader:before { content: '' !important; }

.sitesmanagement .window .top { height: 32px; padding-left: 15px; box-shadow: inset 0px -1px 27px rgba(0, 0, 0, 0.17), 0px 7px 97px rgba(0, 0, 0, 0.27); }
.sitesmanagement .window .top b { color: #4d4d4d; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.77); }
.sitesmanagement .window .top .left { box-shadow: inset 0px -1px 27px rgba(0, 0, 0, 0.17), 0px 1px 2px rgba(255, 255, 255, 0.77); }

.dynamicPreviewGitem .top:before { content: '\f00e'; font-family: FontAwesome; color: #000000; position: absolute; margin-top: 5px; margin-left: -17px; font-size: 13px; }

.dynamicPreviewFullView .dynamicPreviewGitem { width: 100%; text-align: center; border: 1px solid rgba(0, 0, 0, 0.5); }
.dynamicPreviewFullView .dynamicPreviewGitem:before { content: 'VORSCHAU - ERSTES WEB-ELEMENT'; position: absolute; margin-top: 7px; font-size: 12px; letter-spacing: 3px; }
.dynamicPreviewFullView .dynamicPreviewGitem:after { content: '\f00d'; font-family: FontAwesome; position: absolute; color: #ffffff; right: 7px; top: -4px; font-size: 25px; }

.sitestableview .dynamicPreviewGitem { width: 40%; }
.sitestableview .dynamicPreviewFullView .dynamicPreviewGitem { width: 100%; }
.dynamicPreviewFullView { min-height: 580px; display: block; position: fixed; left: 0px; right: 0px; top: 0px; width: 90%; background: #ffffff !important; z-index: 100; box-shadow: 0 40px 50px rgba(0, 0, 0, 0.27); bottom: 0px; margin: 100px auto; overflow: hidden; } 
.dynamicPreviewFullView iframe { min-height: 1000px; height: 100%; }
.dynamicPreviewFullView .placeHolder { top: 35px; position: relative; }
.window .viewport .placeHolder:hover { color: #0064b4; }

.licensesModalBodyFix { overflow-y: hidden; }
.licensesModalBodyFix .container-fluid,
.licensesModalBodyFix .mainnav { opacity: 0; }
.licensesModal { display: none; position: fixed; background-color: #ffffff; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; }
.licensesModal-dialog { position: relative; width: 90%; height: 80%; margin: 40px 75px 100px 75px; border: 1px solid rgba(70, 70, 70, 1); overflow-x: hidden; overflow-y: scroll; }
.licensesModal-content { padding: 20px 30px;  }
.licensesModal-content p, .licensesModal-content font { font-size: 19px; font-family: serif; line-height: 23px; }
.licensesModal-content p.licenceHeader.licenceHeaderFirst { margin-top: 0px; }
.licensesModal-content p.licenceHeader { font-size: 40px !important; line-height: 45px !important; margin-top: 30px; margin-bottom: 0px; }
.licensesModal-buttonsContainer { position: fixed; bottom: 0px; height: 100px; width: 100%; padding-top: 20px; }
.licensesModal-buttonsContainer .btn.btn-info { width: 150px; display: inline-block; right: 0px; position: absolute; margin: 0px; }
.licensesModal-buttonsContainer .btn.btn-danger { width: 150px; display: inline-block; left: 0px; position: absolute; margin: 0px; }

.licenseSwitcherBox { text-align: center; padding: 5px 170px 0 170px; } 
.licenseSwitcherBox .icons { display: none; }
.iswitcherLabelContainer { top: -4px; display: block; position: relative; margin-left: 3px; line-height: 1.1em; }
.saveLicenseStateContainer { width: 100%; text-align: center; padding: 0 170px; }
.saveLicenseStateContainer .saveLicenseStateLabel { margin: 2px 0 5px 0; line-height: 1.2em; display: inline-block; }
.saveLicenseStateContainer .saveLicenseStateCheckbox { display: inline-block; top: -10px; margin-right: 10px; }


/* reprint Modal */
#extendLicensesModal { width: 100%; }
#extendLicensesModal .modal-dialog { margin: 20px auto 30px; }
#extendLicensesModal .modal-dialog { width: 90%; max-width: 1100px; max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: scroll; border-radius: 3px; }
#extendLicensesModal .modal-body { overflow-y: scroll; }
#extendLicensesModal .modal-body p { line-height: 1.2em; }


.window .top .buttons .red { margin-left: -15px; }
.titledomain { float: left; margin: 0px 0px 0px 5px; line-height: 11px; margin-left: 5px; font-weight: bold; }
.sites .top .titledomain { display: none; }


	/* only for sites admin */
	.redadmin { color: #ff0000; font-weight: 900; }
	.redadmin .checkbox input[type=checkbox].custom-checkbox:checked+.icons .icon-checked, 
	.redadmin .checkbox input[type=radio].custom-radio:checked+.icons .icon-checked, 
	.redadmin .radio input[type=checkbox].custom-checkbox:checked+.icons .icon-checked, 
	.redadmin .radio input[type=radio].custom-radio:checked+.icons .icon-checked { color: #ff0000; }
	
	.sitestableview .site { padding: 0px; border: 0px; }
	.sitestableview .dynamicPreviewGitem { width: 40%; display: inline-block; padding: 0 0 0 10px; margin: 0px; position: relative; overflow: visible; top: -55px; }
	
	.sitestableview .dynamicPreviewFullView .dynamicPreviewGitem { top: 0px; }
	.sitestableview .dynamicPreviewFullView .dynamicPreviewGitem .top:before { color: #ffffff; }
	
	.sitestableview .dynamicPreviewGitem .top .buttons { display: none; }	

	.sitestableview .siteDetails { width: 59%; display: inline-block; margin-top: 12px; }
	
	.sitestableview .siteDetails p {  }
	/*
	.sitestableview .siteDetails > p > br { margin: 0 10px 0 0; padding: 0px; content: ' '; }
	.sitestableview .siteDetails p.siteLink br { margin: inherit; padding: inherit; content: inherit; }	
	.sitestableview .siteDetails p.siteLink span.text-danger br { margin: auto; padding: auto; content: auto; }
	*/
	.sitestableview .siteDetails > p { display: inline-block; width: 70%; position: relative; line-height: 15px; font-size: 12px; }
	.sitestableview .siteDetails .dashed { display: none; }
	.sitestableview .siteDetails .siteLink { display: inline-block; position: absolute; left: 24px; margin-top: 35px; font-size: 12px; width: 20%; white-space: normal; top: inherit; }
	.sitestableview .siteDetails .siteLink b { float: none; font-weight: normal; }	

	.sitestableview .siteDetails .text-danger { font-size: 12px; line-height: 13px; }
	.sitestableview .siteDetails .clearfix { display: inline-block; width: 29%; vertical-align: top; margin-top: 16px; }	
	.sitestableview .siteDetails .clearfix a { overflow: hidden; text-overflow: ellipsis; padding: 0px 5px; width: 32%; white-space: nowrap; display: inline-block; height: 20px; margin: 0px; border-radius: 3px; float: none !important; }		
	.sitestableview .siteDetails .clearfix .siteSettingButtons { font-size: 10px; text-transform: uppercase; }	
	.sitestableview .siteDetails .clearfix span[class^=fui-] { font-size: 12px; line-height: 18px; }
	.sitestableview .siteDetails .clearfix:before { display: none; }		
	
	.sitestableview .window .top, .sitestableview .window .bottom { background: transparent; text-align: left; }
	.sitestableview .window .top { height: 17px; }
	.sitestableview .window .top b { float: none; }
	.sitestableview.sites .site .window .bottom { height: 16px }

	.sitestableview div.site { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
	.sitestableview div.site:nth-child(even) { background: rgba(0, 0, 0, 0.03);	}
	.sitestableview div.site:nth-child(odd) { background: transparent; box-shadow: none; }

	.masonry-4 .siteDetails p { line-height: 1.2em; }
	.masonry-4 .siteDetails .dashed { display: none; }

	/* users management area */
	#users .userSites .buttons.clearfix { display: none; }
	#users .userSites .siteButtons a { font-size: 11px; padding: 0px; color: #000000; background: transparent; background-color: transparent; box-shadow: none }
	#users .userSites .window .top { background: transparent; }
	#users .userSites .window .top b { float: none; }
	#users .userSites .userSite .siteButtons a:first-child { text-align: left; }
	#users .userSites .userSite .siteButtons a:nth-child(1) { text-align: left; }	

	#users div.user { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
	#users div.user:nth-child(even) { background: rgba(0, 0, 0, 0.03);	}
	#users div.user:nth-child(odd) { background: transparent; }

	#users .user { padding: 0; border: 0px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.04); }
	#users .user .topPart:before { content: '\f040'; font-family: FontAwesome; position: absolute; margin-top: 10px; margin-left: -20px; }
	#users .user .topPart { padding: 0 10px; cursor: pointer; border: 0px; background: transparent; margin-left: 20px; }
	#users .user .topPart .details { text-align: left; width: 100%; }	
	#users .user .topPart .details h4 { font-size: 15px; display: inline-block; width: 49%; }	
	#users .user .topPart .details p { font-size: 15px; display: inline-block; width: 50%; }		
	#users .user .bottom { display: none; }	

	#users .bottom .actions.clearfix div a { width: 50%; }
	#users .bottom .actions.clearfix div span { width: 50%; }	
	#users .bottom .actions.clearfix div span a { width: 100%; }		



/*=======================================================
                      Editor Area
=========================================================*/

.webnerSiteBuilder .alert-success { background: #83b100; color: #ffffff; bottom: 0px; }
/*.webnerSiteBuilder .alert-success:before { content: '\f06a'; font-family: FontAwesome; font-size: 30px; text-align: center; position: absolute; margin-left: -45px; color: #0064b4; margin-top: -40px; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7); }*/
/*.styleEditor .alert-success { background: #83b100; color: #ffffff; position: fixed; width: 300px; bottom: 0px; left: 0px; margin-bottom: 139px; z-index: 10; left: 0px; border: 0px; }*/
.styleEditor .alert-success { background: rgba(129, 176, 0, 0.85); color: #ffffff; position: fixed; border-radius: 2px; width: 300px; height: 85px; z-index: 10; border: 0px; margin: auto; bottom: 20px; right: 20px; font-size: 20px; line-height: 25px; }
.styleEditor .alert-success .close { right: -15px; } 
/*.styleEditor .alert-success:before { content: '\f00c'; font-family: FontAwesome; }*/


/* Style Editor */
.webnerSiteBuilder .container { max-width: 100%; }

.styleEditor { background: #ffffff; overflow-y: scroll; overflow-x: hidden; padding-top: 155px; height: 100%; height: calc(100% - 81px); z-index: 1002; }
.styleEditor .form-group>.btn-block.select { float: none; width: 100%; }
.styleEditor .select-primary .select2-choice { background-color: #0064b4; min-height: auto; font-size: 13px; }
.select2-drop .select2-highlighted>.select2-result-label { background: #83b100; }
.styleEditor .tab-content { height: 100%; background: #ffffff;  padding: 15px 15px 80px 15px; border: 0px solid #e1e4e7; border-radius: 0px; }
.styleEditor .nav-tabs { margin-bottom: -2px; width: 270px; }
.styleEditor .navtabsFixed { position: fixed; top: 65px; z-index: 20; background: #EAEAEA; width: 300px; padding: 0px; left: -300px; border-bottom: 6px solid rgb(205, 205, 205); box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(0); transform: translateZ(0); display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }


	/* display types icons desktop, tablet and mobile */
	body.webnerSiteBuilder.editorViewDesktop #frameWrapper { width: 100%; margin: inherit; opacity: 1; }
	body.webnerSiteBuilder.editorViewMobile #frameWrapper { width: 480px; margin: 0 auto; opacity: 1; }
	body.webnerSiteBuilder.editorViewTablet #frameWrapper { width: 768px; margin: 0 auto; opacity: 1; }
	
	body.webnerSiteBuilder.editorReRender #frameWrapper { width: 0px; margin: 0 auto !important; }
/*
	body.webnerSiteBuilder.editorReRender #frameWrapper
	{ 
		-o-transition: all 3s ease-out;
		-moz-transition: all 3s ease-out;
		-khtml-transition: all 3s ease-out;
		-webkit-transition: all 3s ease-out;
		-ms-transition: all 3s ease-out;
		transition: all 3s ease-out; 
	}	
*/	
	
	.webnerSiteBuilder.editorViewTablet .rePRINTruler,
	.webnerSiteBuilder.editorViewMobile .rePRINTruler { display: none; }
	
	.webnerSiteBuilder .screen .toolbar .buttons { margin-top: 0px; }

		/* fixed toolbar */	
		.webnerSiteBuilder .screen .toolbar.affix { 
			position: fixed; 
			z-index: 100; 
			left: 0; 
			right: 0; 
			width: 100%; 
			margin: 0; 
			padding: 0 52px 0 107px; 
			top: 76px; 
			overflow: hidden; 
			background: #e5e9ea; 
			box-shadow: inset 0px -1px 15px rgba(0,0,0,0.1), 0px -3px 30px rgba(0,0,0,0.77); 
		}
													
		.screen .toolbar .title { padding: 5px 77px 0 0px; }
													
		/*    
		@media (min-width: 1250px) {
			.webnerSiteBuilder .screen .toolbar.affix { position: fixed; z-index: 1000; left: 0; right: 0; width: 1200px; margin: 0 auto; top: 74px; transform: scale(0.87); 
														border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; overflow: hidden; background: #e5e9ea; 
														box-shadow: inset 0px -1px 15px rgba(0,0,0,0.1), 0px -3px 50px rgba(0,0,0,0.15); }													
	
			.webnerSiteBuilder .screen .toolbar.affix .displayTypeDesktop.displayTypeIcons { margin-left: -11px; }
			.webnerSiteBuilder .screen .toolbar.affix .displayTypeDesktop.displayTypeIcons.active { margin-left: -11px; }
		}															
		*/											
	.webnerSiteBuilder .screen .toolbar { box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.097), 0px 0px 18px rgba(0,0,0,0.17); }
	.webnerSiteBuilder .screen .toolbar .title strong { font-weight: 400; }
	
	.webnerSiteBuilder .displayTypeIcons span { 
		font-weight: 400; 
		position: absolute; 
		display: block; 
		font-size: 8px; 
		text-transform: uppercase; 
		margin-top: 0px;
		font-family: lato;
		left: 0;
		right: 0;
	 }	

	.webnerSiteBuilder .displayTypeIcons:before { top: -4px; display: inline-block; position: relative; }
	.webnerSiteBuilder .displayTypeIcons { cursor: pointer; font-size: 22px; border-right: 1px solid rgba(0, 0, 0, 0.3); padding-right: 12px; 
										   padding-top: 8px; padding-left: 10px; height: 35px; margin-left: -2px; width: 47px; text-align: center; 
										   display: inline-block; position: relative; margin-top: 0px; top: 0px; overflow: hidden; 
										   text-shadow: 1px 1px 1px #ffffff; background: rgba(255,255,255, 0.09); box-shadow: inset 0px 3px 7px rgba(255,255,255, 0.47); }

	.webnerSiteBuilder .displayTypeIcons:hover { box-shadow: inset 0px 17px 47px rgba(0, 0, 0, 0.07), 1px 0px 1px rgba(255,255,255,0.27); }	

	.webnerSiteBuilder .displayTypeIcons.active { background: #4d4d4d; color: #ffffff; box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff; 
												  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-left: -3px; }

	.webnerSiteBuilder .displayTypeDesktop.displayTypeIcons { margin-left: -9px; border-left: 1px solid rgba(0, 0, 0, 0.3); }
	.webnerSiteBuilder .displayTypeDesktop.displayTypeIcons.active { margin-left: -9px; }

	.webnerSiteBuilder .displayTypeDesktop { font-size: 16px; }	
	.webnerSiteBuilder .displayTypeDesktop:before { top: -2px; }	
	.webnerSiteBuilder .displayTypeDesktop span { margin-top: 1px; margin-left: -4px; }
	
	.webnerSiteBuilder .displayTypeTablet { font-size: 19px; }
	.webnerSiteBuilder .displayTypeTablet:before { top: -4px; }	
	.webnerSiteBuilder .displayTypeTablet span {  margin-top: -2px; margin-left: -2px; }

	.webnerSiteBuilder .displayTypeMobile { font-size: 21px; margin-top: -1px; }
	.webnerSiteBuilder .displayTypeMobile:before { top: -6px; }	
	.webnerSiteBuilder .displayTypeMobile span { margin-top: -4px; margin-left: -2px; }

	.webnerSiteBuilder .displayTypeGrid, .webnerSiteBuilder .displayTypeGrid.active { font-size: 17px; margin-top: -1px; margin-left: 5px; border-left: 1px solid rgba(0, 0, 0, 0.3); }
	.webnerSiteBuilder .displayTypeGrid:before { top: -4px; }	
	.webnerSiteBuilder .displayTypeGrid span { margin-top: 0px; margin-left: -2px; }


	.webnerSiteBuilder .displayTypeIcons.displayTypeElements.active {
		background-color: #0064b3;
	}

	.webnerSiteBuilder .displayTypeShowAllElements, .webnerSiteBuilder .displayTypeShowAllElements.active { font-size: 16px; margin-left: 5px; border-left: 1px solid rgba(0, 0, 0, 0.3); }	
	.webnerSiteBuilder .displayTypeShowAllElements:before { top: -2px; margin-left: 2px; }	
	.webnerSiteBuilder .displayTypeShowAllElements span { margin-top: 1px; }

	.webnerSiteBuilder .displayTypeShowWebElements { font-size: 17px; }	
	.webnerSiteBuilder .displayTypeShowWebElements:before { top: -3px; left: -1px; margin-left: 3px; }	
	.webnerSiteBuilder .displayTypeShowWebElements span { margin-top: 0px; }
	
	.webnerSiteBuilder .displayTypeShowPopupElements { font-size: 16px; }	
	.webnerSiteBuilder .displayTypeShowPopupElements:before { top: -2px; margin-left: 1px; }	
	.webnerSiteBuilder .displayTypeShowPopupElements span { margin-top: 1px;  }	

	.webnerSiteBuilder .displayTypeShowPopupElements.loading:before,
	.webnerSiteBuilder .displayTypeShowWebElements.loading:before,
	.webnerSiteBuilder .displayTypeShowAllElements.loading:before {
		visibility: hidden;
		transition: none !important;		
	}
	.webnerSiteBuilder .displayTypeShowPopupElements.loading,
	.webnerSiteBuilder .displayTypeShowWebElements.loading,
	.webnerSiteBuilder .displayTypeShowAllElements.loading {
		transition: none !important;
		background-image: url(../images/loading_ajax.gif);
		background-size: 16px;
		background-position: center 5px;
		background-repeat: no-repeat;
		background-color: #ebebeb !important;
	}
	.webnerSiteBuilder .displayTypeShowPopupElements.loading span,
	.webnerSiteBuilder .displayTypeShowWebElements.loading span,
	.webnerSiteBuilder .displayTypeShowAllElements.loading span {
		color: black;
		text-shadow: none;
	}	

	body.editorViewPopupElements .noWebElements, body.editorViewPopupElements .noPopupElements {
		display: none;
	}
	
	body.editorViewWebElements .noWebElements, body.editorViewPopupElements .noPopupElements {
		display: block;
		z-index: 100;
		position: relative;
		font-size: 25px;
		text-align: center;
		margin-top: 40px;
	}

	body.styleEditorPanelOpen.webnerSiteBuilder .displayTypeShowAllElements {
		margin-left: 250px;
		border-left: 0px;
	}
	
	body.styleEditorPanelOpen.webnerSiteBuilder .toolbar.affix .displayTypeShowAllElements {
		margin-left: 236px;
		border-left: 1px solid rgba(0, 0, 0, 0.3);
	}
	body.styleEditorPanelOpen.webnerSiteBuilder.toggleFullScreenNavFix .toolbar.affix .displayTypeShowAllElements {
		margin-left: 199px;
		border-left: 1px solid rgba(0, 0, 0, 0.3);
	}				

	body.styleEditorPanelOpen.webnerSiteBuilder .fullscreenResized .displayTypeShowAllElements {
		margin-left: -10px;
		border-left: 0px;
	}

	/* show all elements */
	body.webnerSiteBuilder.editorViewAllElements #pageList:not(.elementModeResize) ul li {
		display: block !important;
	}

	/* show only web elements */	
	body.webnerSiteBuilder.editorViewWebElements #pageList:not(.elementModeResize) ul li {
		display: block !important;
	}
	body.webnerSiteBuilder.editorViewWebElements #pageList:not(.elementModeResize) ul li.module-popup {
		display: none !important;		
	}

	/* show only popup elements */		
	body.webnerSiteBuilder.editorViewPopupElements #pageList:not(.elementModeResize) ul li {
		display: none !important;
	}	
	body.webnerSiteBuilder.editorViewPopupElements #pageList:not(.elementModeResize) ul li.module-popup {
		display: block !important;	
	}
	
	/* dynamic slider arrows */
	.sliderArrows {
		position: fixed;
		top: 100px;
		left: 100px;
		width: 90vw;
		width: calc(90vw - 10px);
		height: 90vh;
		height: calc(90vh - 60px);
		color: black;
		z-index: 1100;
		background: white;
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid #cecece;
		border-radius: 5px;
		box-shadow: 0px 0px 20px #0000003d;
	}
	.slidearrows-icon {
		width: 70px;
		height: 70px;
		display: inline-block;
		font-size: 50px;
		border: 1px solid #c7c7c7;
		border-radius: 5px;
		margin: 5px;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
	}	
	.slidearrows-icon:hover {
		border: 1px solid #656565;
		background-color: rgb(237, 237, 237);
	}
	.slidearrows-icon .iconify-name {
		display: none;
	} 
	.dslider_arrowsIcons_wrapper {
		margin-bottom: 20px;
	}
	.dslider_arrowsIcons_left svg,
	.dslider_arrowsIcons_right svg,
	.dslider_arrowsIcons_left span,
	.dslider_arrowsIcons_right span {
		vertical-align: middle;
	}
	.dslider_arrowsIcons_left, .dslider_arrowsIcons_right {
		font-size: 50px;
		line-height: 50px;
		transform: scale(1);
		transform-origin: center;
		border: 1px solid #c7c7c7;
		border-radius: 5px;
		vertical-align: middle;
		text-align: center;
		width: 45%;
		width: calc(50% - 15px);
		height: auto;
		display: inline-block;
		margin-right: 10px;
		padding: 5px 10px 8px 12px;
		cursor: pointer;
	}
	.dslider_arrowsIcons_right {
		transform-origin: center;
		transform: scaleX(-1);
	}
	

	/* Color Picker */
	.sp-container { border: 2px solid rgba(185, 185, 185, 0.55); border-radius: 3px;     box-shadow: 7px 7px 30px rgba(0, 0, 0, 0.17); }
	.sp-container button { border-radius: 3px; }
	
	.sp-palette-container { }
	.sp-palette-row-selection { width: 160px; margin-top: 5px; }
	
	body .sp-container .sp-palette-container { border-right: 2px solid #E2E2E2; }
	
	.sp-palette .sp-thumb-el { margin: 0px; border: 0px; width: 20px; height: 20px; }
	.sp-clear, .sp-color, .sp-hue { border-radius: 3px; border: 2px solid rgba(134, 134, 134, 0.48); }
	.sp-input { border-radius: 3px; }
	.sp-slider { border-radius: 6px; height: 4px; }

	.gallerySettingsModal .sp-replacer,
	.dslider_dots_color_inactive_wrapper .sp-replacer,
	.dslider_dots_color_active_wrapper .sp-replacer,
	.dslider_arrows_color_wrapper .sp-replacer,
	.dslider_arrows_color_hover_wrapper .sp-replacer,
	.wbe_box_upperside_color_wrapper .sp-replacer,
	.wbe_box_lowerside_color_wrapper .sp-replacer,
	.styleEditor .form-group > .sp-replacer { width: 100%; border-radius: 3px; }
	
	.gallerySettingsModal .sp-preview,
	.dslider_dots_color_inactive_wrapper .sp-preview,
	.dslider_dots_color_active_wrapper .sp-preview,
	.dslider_arrows_color_wrapper .sp-preview,
	.dslider_arrows_color_hover_wrapper .sp-preview,	
	.wbe_box_upperside_color_wrapper .sp-preview,
	.wbe_box_lowerside_color_wrapper .sp-preview,
	.styleEditor .form-group .sp-preview { width: 90% }
	.styleEditor .sp-preview-inner { border: 1px solid rgba(0, 0, 0, 0.07); }
	.styleEditor .form-group > input { border-top-left-radius: 3px; border-top-right-radius: 3px; }


	/* web-elements side bar */
	.menu .main>ul>li>a { line-height: 1.7em !important; letter-spacing: 1px; font-weight: 300 !important; color: #C7C7C7; }
	.elcatsDelimiter { border-top: 2px solid rgba(255, 255, 255, 0.1); margin: 7px 20px; }
	.elcatsIcons { width: 17px; margin-right: 1px; text-align: center;font-size: 13px; top: -1px; position: relative; color: #C7C7C7; }
	.menu .main>hr { border-top: 2px solid rgba(255, 255, 255, 0.27) !important; margin: 17px 0 23px 0; }

	/* Redactor Editor */
	.redactor-editor span,
	.redactor-editor h1,
	.redactor-editor h2,
	.redactor-editor h3,
	.redactor-editor h4,
	.redactor-editor h5,				
	.redactor-editor b,
	.redactor-editor strong,
	.redactor-editor p,
	.redactor-editor div,
	.redactor-editor .fa { color: #000000 !important; }
	#redactor-image-editter { color: #ffffff !important; }
	.redactor-editor img { border: 1px dashed rgba(0, 100, 181, 0.3) }


	/* Tabs */
	.styleEditor h3 { margin-bottom: 10px; }
	.styleEditor ul.breadcrumb { background: #F1F1F1; border-radius: 0px; padding: 14px 45px 10px 15px; font-size: 12px; line-height: 13px; margin-bottom: 0px; margin-top: 7px; margin: -15px -20px 0 -20px;
								 box-shadow: 0px -20px 20px RGBA(0, 0, 0, 0.09), inset 0px 5px 20px RGBA(0, 0, 0, 0.09); height: 57px; overflow: hidden; }
	.styleEditor ul.breadcrumb>li { display: block; line-height: 10px; }
	.styleEditor ul.breadcrumb>li:after { display: none; }
	.styleEditor ul.breadcrumb>li:first-child { color: #e34835; font-size: 10px; margin-bottom: 2px; margin-top: 2px }	
	.styleEditor .breadcrumb .active,
	.styleEditor .breadcrumb>li:after { color: #0064b4; }

	header.clearfix { box-shadow: inset 0px -1px 15px rgba(0,0,0,0.1), 0px -3px 50px rgba(0,0,0,0.15);  }
	header.clearfix.affix-top { border-bottom: 1px solid rgba(0,0,0,0.13); }
	header.affix { box-shadow: inset 0 -4px 0 #0064b4; padding-left: 0px; }
	header.affix .modes { padding-left: 0px; }
	.styleEditor .nav-tabs > li { padding: 0px; height: 85px; margin-bottom: -17px; }
	.styleEditor .nav-tabs > li:first-child { margin-left: 7px; }	

		/* centering tabs */
		.styleEditor .nav-tabs { 
			text-align: center;	
			/*box-shadow: 6px 0 1px rgba(0,0,0,.1);*/
		}
		/*
		.styleEditor .nav-tabs {
			white-space: nowrap;
			width: 300px;
			overflow: hidden;
			overflow-x: scroll;				
		}
		.styleEditor .nav-tabs::-webkit-scrollbar {
			height: 6px;
		}		
		.styleEditor .nav-tabs::-webkit-scrollbar-thumb {
			background: #0064b4;
			border-radius: 10px;
		}		
		*/
		
		.styleEditor .nav-tabs > li { float: none; display: flex;
			flex-direction: column; }
		.styleEditor .nav-tabs > li:first-child { margin-left: -5px; }		
		
		.webnerSiteBuilder #mainNav { transform: translateZ(0px); } /* Chrome Bug */
	
	.styleEditor .nav-tabs > li > a { height: 68px; text-align: center; font-size: 0.6em; padding: 13px 0px 5px 0px; text-transform: uppercase; font-weight: normal; border: 2px solid transparent; }
	.styleEditor .nav-tabs > li > a > span { width: 55px; height: 30px; padding: 0px; display: table-cell; vertical-align: middle; text-align: center; font-size: 1.9em; }
	.styleEditor ul.nav-tabs li.active { background: url(../images/tab_arrow_greyborder.png) center bottom no-repeat; }
	.styleEditor ul.nav-tabs li.active a { background-color: #0064b4; border: 0px solid black; color: #ffffff; border-radius: 0px; }
	.styleEditor ul.nav-tabs li.active span { color: #ffffff; }
	.nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav-tabs>li>a:hover span { color: #0064b4; }

	#emailResponse { height: 130px; }
	#emailSendText { height: 100px; }
	#emailError { height: 100px; }
	#emailEmpty { height: 130px; }			


	/* Style Editor Close Icons */
	.styleEditor #icons_chosen { margin-bottom: 10px; }
	.styleEditor > a.close { opacity: 0.17; top: 158px; right: 15px; z-index: 10; }
	.styleEditor > a.close:hover { opacity: 0.57; }
	.styleEditor > a.close span { font-size: 24px; }
	.styleEditor p.or span { background: #ffffff; }
	
	.styleEditor .tab-pane.iconTab .chosen-container-active .chosen-search input {
		background-size: 30px 30px !important;
		background-position: 100% 2px;
	}
	
	/* iconify */
	body.iconifySearchActive .styleEditor .nav-tabs,
	body.iconifySearchActive .styleEditor > a.close {
		display: none;
	}
	.styleEditor .iconifyShowButton {
		background: #0074cf;
		cursor: pointer;
		text-transform: none;
		font-size: 15px;
		line-height: 15px;
		text-align: left;
		width: 100%;
	}
	.styleEditor .iconifyShowButton:hover {
		background: #0074cf;
	}
	.styleEditor .iconifyShowButton .fa {
		font-size: 27px;
		float: left;
		margin-right: 10px;
		padding-top: 2px;	
	}	
	.styleEditor iframe.iconify-iframe-wrapper {
		display: none;
		position: fixed;
		background: white;	
		top: 77px;
		z-index: 10000;
		left: 0;
		height: calc(100vh - 164px);
		width: 299px;
		border: none;
		border-radius: 0;
		box-shadow: none;		
		
	}
	.styleEditor iframe.iconify-iframe-wrapper.largesize {
		top: 150px;
		z-index: 9999;
		left: 370px;
		height: calc(100vh - 200px);
		width: calc(100vw - 450px);
		border: 1px solid rgba(0,0,0,0.13);
		border-radius: 10px;	
		box-shadow: 0px 0px 10px #e0e0e0;
	}	
	.styleEditor iframe.iconify-iframe-wrapper.active {
		display: block;
	}

	
		/* Slider for Colorstyles and PX */
		.ui-slider-handle { background-color: #0064b4; }
		.ui-slider-range { background-color: #cbe7ff; }	
		.ui-slider-handle:focus, .ui-slider-handle:hover { background-color: #00457d; }
	
		#hueslider.ui-slider { height: 17px; background-image: url(../images/colorstyles_huebar.png); background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; margin-bottom: 30px; }	
		#hueslider .ui-slider-range { background-image: none; background-color: transparent; }	
		#hueslider .ui-slider-handle { background: url(../images/colorstyles_huebar_selector_small.png) center top no-repeat transparent; background-color: transparent; top: -14px; height: 44px; border-radius: 0px; }

		/* Slider for effects/shadow */
		.shadowWrapper { min-width: 100%; margin-left: -15px; margin-right: -15px; margin-top: 35px; margin-bottom: 10px; padding: 13px 20px 10px 20px; /*border: 1px solid #e4e4e4; border-radius: 7px;*/ }
		.shadowContainer { padding-bottom: 7px; padding-top: 22px; }
		.shadowContainer .ui-slider { width: 67px; margin-bottom: 5px; }
		.shadowContainer .radial-wrapper { position: absolute; right: 23px; margin-top: 24px; }
		
		.shadowSwitcherBox { float: left; width: 72px; text-align: center; }
		.shadowSwitcherBoxFirst { margin-left: -10px; }
		.tab-pane .shadowSwitcherBox label.iswitcherLabel { font-size: 11px; margin-bottom: 2px; line-height: 12px;}
		.shadowSwitcherBoxClear { clear: both; }


		.shadowSwitcherBoxShadowType { position: absolute; border-radius: 2px; margin: -51px 0 0 -29px; background: transparent; border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; padding: 7px 7px; width: 261px; white-space: nowrap; }
		.shadowSwitcherBoxShadowType .iswitcherLabel { padding-left: 43px; margin-top: 3px; text-align: left; }
		.shadowSwitcherBoxShadowType .iswitcher { position: absolute; top: 7px; left: 1px; width: 50px !important; }

		.shadowSwitcherBoxShadowType .iswitcherLabel strong { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding-left: 2px; line-height: 14px; }
		/* .shadowSwitcherBoxShadowType .iswitcher i:before { width: 80px; content: 'Text Schatten'; color: #ffffff; }*/
				
		.shadowSwitcherBoxShadowType .iswitcher :checked + i:after { content: ''; }
		.shadowSwitcherBoxShadowOnOff { margin-left: -10px; margin-bottom: 7px; }
		
		.shadowSwitcherBoxColorPicker { position: absolute;	right: 27px; margin-top: -2px; }
		.shadowSwitcherBox.shadowSwitcherBoxColorPicker label.iswitcherLabel { margin-bottom: 5px; }

		.shadowSwitcherBoxColorPicker .sp-replacer { border-radius: 3px; padding: 6px; border: 2px solid #bdc3c7; background: #fff; }

		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher :checked + i { 
			padding-left: 45%;
			box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5), inset 0 0 40px #ffffff;
			-webkit-box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5), inset 0 0 40px #ffffff;			
		}
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher i:before {
			width: 8px;
		}
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher i {
			border-radius: 5px;
		}
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcherLabel strong {
			font-size: 12px;
			letter-spacing: 0px;			
		}
		/*
		.shadowSwitcherBoxShadowType .iswitcher { position: absolute; top: 7px; left: 1px; width: 100% !important; }
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher i { width: 100%; border-radius: 2px; }		
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher i:before { width: 50%; }
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .shadowSwitcherBox label.iswitcherLabel { z-index: 10; color: white; }
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher i:before { border-radius: 3px; width: 100%; }
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher :checked + i { 
			padding-left: 45%;
			box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5), inset 0 0 40px #ffffff;
			-webkit-box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5), inset 0 0 40px #ffffff;			
		}
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .iswitcher :checked + i:after {
			content: ' ';
			background-color: #0064b4;
			width: 77px;
			height: 18px;
			margin-top: -18px;
			border-radius: 3px;			
		}
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .tab-pane .shadowSwitcherBox label.iswitcherLabel {
			z-index: 10;
			position: relative;
			background-color: white;
			top: -15px;
			padding: 0;
			text-align: center;
			font-size: 10px;
			width: 100%;
			padding: 0;
			margin: 0;			
		}
		.shadowSwitcherBox.shadowSwitcherBoxShadowType .shadowSwitcherBoxShadowType .iswitcherLabel strong {
			font-size: 11px;
		}
		*/

		#shadowCSSDistance,
		#shadowCSSBlur,
		#shadowCSSOpacity { position: absolute; font-size: 10px; line-height: 10px; width: 40px; height: 12px; margin: 23px 0 0 70px; border: 0px solid rgba(0, 0, 0, 0.28); 
							text-align: right; padding-right: 3px; border-radius: 7px; background: #EBEDEF; color: #000000; padding: 0px; }  
		
		.iswitcherLabelShadowKnob { position: absolute; right: 0px; display: inline-block; text-align: right; padding-right: 19px; margin-top: 7px; }
		
		/* Sliders for Rotation and Transparency */ 
		.ElementRotationSlider .ui-slider-range,
		.ElementRotationSlider.ui-slider {
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;			
		}
		.ElementOpacitySlider .ui-slider-range,
		.ElementOpacitySlider.ui-slider {		
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;			
		}
		.ElementOpacitySlider {
			margin-bottom: 30px;
		}		


		/* Sliders for 3D rotateX, rotateY, perspective etc */ 
		.transform3DSliders .ui-slider-range,
		.transform3DSliders.ui-slider {
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;			
		}
		.transform3DSliders .ui-slider-range,
		.transform3DSliders.ui-slider {		
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;			
		}
		.transform3DSliders {
			margin-bottom: 30px;
		}	


		.transform3D_boxwrapper { 	position: relative; width: 25px; height: 25px; float: left; margin: 1px 7px 0 2px; border-radius: 1px; 
									background: #d7d7d7; } 		

		.effectTab label.transformEffectLabel { line-height: 13px; margin-bottom: 10px; }
		.effectTab label.transformEffectLabel small { line-height: 1em; }		
			
		.transform3D_rotateX { border-left: 4px solid #4d4d4d; border-right: 4px solid #4d4d4d; margin: -2px 13px 0 7px; transform: perspective(27px) rotateX(45deg) rotateY(0deg) skewX(0deg) skewY(0deg) rotate(0deg); }
		.transform3D_rotateY { border-top: 4px solid #4d4d4d; border-bottom: 4px solid #4d4d4d; margin: 2px 6px 0 10px; transform: perspective(29px) rotateX(0deg) rotateY(35deg) skewX(0deg) skewY(0deg) rotate(0deg); width: 30px; height: 22px; }
		.transform3D_perspective { border-top: 6px solid #4d4d4d; border-bottom: 4px solid #4d4d4d; margin: -5px 15px 0 12px; transform: perspective(18px) rotateX(50deg) rotateY(0deg) skewX(0deg) skewY(0deg) rotate(0deg); width: 19px; height:25px; }	
		.transform3D_skewX { border-left: 4px solid #4d4d4d; border-right: 4px solid #4d4d4d; margin: 1px 11px 0 7px; transform: perspective(0px) rotateX(0deg) rotateY(0deg) skewX(30deg) skewY(0deg) rotate(0deg); width: 28px; height: 24px; }	
		.transform3D_skewY { border-top: 4px solid #4d4d4d; border-bottom: 4px solid #4d4d4d; margin: -1px 11px 0 7px; transform: perspective(0px) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(21deg) rotate(0deg); width: 29px; height: 24px; }				
		.transform3D_rotate { border-top: 4px solid #4d4d4d; border-bottom: 4px solid #4d4d4d; margin: 2px 13px 0 11px; transform: perspective(0px) rotateX(0deg) rotateY(0deg) skewX(0deg) skewY(0deg) rotate(52deg); width: 23px; height: 25px; }				
		.transform3D_opacity1 { width: 8px; opacity: 0.7; background: #000000; margin: 1px 2px 0 5px; }
		.transform3D_opacity2 { width: 8px; opacity: 0.4; background: #000000; margin: 1px 2px 0 0px; }
		.transform3D_opacity3 { width: 8px; opacity: 0.1; background: #000000; margin: 1px 10px 0 0px; }		
		
		.transformEffectsWrapper .deleteAttributeBtn.transformDeleteAttributeBtn { right: 15px; margin-top: -35px; height: 35px; border-bottom: 1px solid #c7c7c7; }
		
		.transformEffectsWrapper input.form-control { width: 173px; width: calc(100% - 43px); }
		
		.cssAttributesGroup .transformEffectLabel .fa-arrows-h { font-size: 18px; }
		.cssAttributesGroup .transformEffectLabel .fa-arrows-v { font-size: 18px; }		
		
		.cssAttributesGroup .transformEffectLabel.control-label .fa { margin: -2px 6px 0 1px; }
		.cssAttributesGroup .transformEffectLabel.control-label .fa.fa-first:before { margin: -4px 0 0 0; font-size: 14px; display: block; }
		.cssAttributesGroup .transformEffectLabel.control-label .fa.fa-second { box-shadow: none; margin: 3px 0 0 1px; font-size: 14px; position: absolute; display: block; background-color: transparent; }		

		.cssAttributesGroup .transformEffectLabel.control-label .fa.fa-chevron-left.fa-first:before { margin: 2px 0 0 -11px; }
		.cssAttributesGroup .transformEffectLabel.control-label .fa.fa-chevron-right.fa-second { margin: 0px 0 0 7px; }		
		
		
		/* Text/Background Color  pickers */
		.effect_general_linkcolor_wrapper .sp-replacer,
		.effect_active_general_linkcolor_wrapper .sp-replacer,
		.effect_hover_general_linkcolor_wrapper .sp-replacer,
		.effect_hover_textcolor_wrapper .sp-replacer,
		.effect_hover_bgcolor_wrapper .sp-replacer { width: 100%; border-radius: 3px; padding: 6px; border: 2px solid #bdc3c7; background: #fff; }

		.effect_general_linkcolor_wrapper .sp-replacer .sp-preview,
		.effect_active_general_linkcolor_wrapper .sp-replacer .sp-preview,
		.effect_hover_general_linkcolor_wrapper .sp-replacer .sp-preview,
		.effect_hover_textcolor_wrapper .sp-replacer .sp-preview,
		.effect_hover_bgcolor_wrapper .sp-replacer .sp-preview { width: 90%; border: 0px solid black; }


		/* delete attributes button with trash */
		.deleteAttributeBtn { position: absolute; right: 0px; margin-top: -34px; z-index: 1; height: 33px; width: 43px; display: inline-block; border-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
		.deleteAttributeBtn:before, .youtubeDelete:before { font-family: FontAwesome; }
		
		/* Tabs Help Descriptions */
		.tab-pane label { margin-bottom: -2px; display: block; width: 100% !important; }
		.effectTab label { margin-bottom: -6px; font-size: 13px; display: block; width: 100% !important; }

		.shadowDistanceLabel,
		.shadowBlurLabel,
		shadowOpacityLabel { line-height: 29px; }

		.styleEditor .form-group>.sp-replacer { float: left; }

		.TabsShortDescription { /* height: 30px; overflow: hidden; cursor: pointer; */ line-height: 1.2em; font-size: 13px; display: block; margin-bottom: 10px; 
								font-weight: normal; font-style: italic; text-align: justify; color: #9CA7B3; }
		.TabsShortDescription:before { content: '\f05a'; font-family: FontAwesome; position: absolute; margin-left: -25px; margin-top: -1px; font-size: 23px; color: #B3BBC3; background: #ffffff; font-style: normal; }
		
		.TabsShortDescriptionContent { /* height: 30px; overflow: hidden; cursor: pointer; */ display: block; border-top: 1px dashed #E4E4E4; padding-top: 17px; margin-top: -1px; margin-bottom: 10px; margin-top: 5px; 
									   line-height: 1.2em; font-size: 13px; font-weight: normal; font-style: italic; text-align: justify; color: #9CA7B3; }
		.TabsShortDescriptionContent:before { content: '\f05a'; font-family: FontAwesome; position: absolute; margin-left: -25px; font-size: 23px; color: #B3BBC3; background: #ffffff; font-style: normal;  }

		.TabsShortDescriptionClear:before { content: ''; }

		/* Old headers
		.TabsCSSHeaders { 
			letter-spacing: 9px;										
			line-height: 17px;
			font-size: 15px;
			border-top: 4px solid #CDCDCD;
			text-transform: uppercase;
			text-align: center;
			color: #fff;
			background-color: #dedede;
			margin: 20px -35px 20px -35px;
			padding: 10px 0 10px 0;
			box-shadow: 0px -20px 20px RGBA(0, 0, 0, 0.09), inset 0px 5px 20px RGBA(0, 0, 0, 0.09);							
		}
		*/
		
		.TabsCSSHeaders { 
			letter-spacing: 1px;										
			line-height: 17px;
			font-size: 15px;
			border-top: 0px solid #CDCDCD;
			text-transform: uppercase;
			text-align: center;
			color: #0064B4;
			background-color: #F1F1F1;
			margin: 0px -35px 20px -35px;
			padding: 10px 0 10px 35px;
			box-shadow: 0px -20px 20px RGBA(0, 0, 0, 0.09), inset 0px 5px 20px RGBA(0, 0, 0, 0.09);	
			text-align: left;
			cursor: pointer;	
			font-weight: 600;					
		}		
			
		.TabsCSSHeadersAccordion,
		.OtherTabsCSSHeadersAccordion { 
			letter-spacing: 1px;										
			line-height: 17px;
			font-size: 15px;
			border-top: 0px solid #CDCDCD;
			text-transform: uppercase;
			text-align: center;
			color: #0064B4;
			background-color: #F1F1F1;
			margin: 0px -35px 1px -35px;
			padding: 10px 0 10px 35px;
			box-shadow: 0px -20px 20px RGBA(0, 0, 0, 0.09), inset 0px 5px 20px RGBA(0, 0, 0, 0.09);	
			text-align: left;
			cursor: pointer;	
			font-weight: 600;					
		}	

		.TabsCSSHeadersAccordionFirst { margin-top: -12px; }

		.cssAttributesGroup { margin-top: 17px; margin-bottom: 25px; }
		#effect_Tab .cssAttributesGroup { margin-top: 25px; margin-bottom: 7px; }
		.styleEditor #styleElements .control-label { margin-bottom: 4px; }
		
		/* preview boxes for margin, padding etc */

			/* text */
			.styleEditor .form-group { margin-bottom: 20px; }
			.cssbox_text { color: #424242; font-weight: 900; }
	
			/* icon color */		
			.cssAttributesGroup .control-label .fa { font-size: 15px; float: left; margin: 0px 6px 0 1px; padding: 7px 0; color: #000000; width: 31px; height: 30px; border-radius: 100%; background: #ebedef; text-align: center;
													 box-shadow: inset 1px 1px 7px rgba(0,0,0,0.1); }			

			/* font color icon */		
			.cssAttributesGroup .control-label .fa-paint-brush-double { font-size: 15px; }
			.cssAttributesGroup .control-label .fa-paint-brush-double:before { margin: 0px 0 0 -8px; }
			.cssAttributesGroup .control-label .fa-font-small { box-shadow: none; font-size: 10px; position: absolute; left: 5px; margin-top: 7px; background-color: transparent; }			

			/* font size icon */
			.cssAttributesGroup .control-label .fa-font-size-big { font-size: 15px; }
			.cssAttributesGroup .control-label .fa-font-size-big:before { margin: 0px 0 0 -8px; }
			.cssAttributesGroup .control-label .fa-font-size-small { box-shadow: none; font-size: 10px; position: absolute; left: 7px; margin-top: 7px; background-color: transparent; }			

			/* font uppercase/lowercase icon */
			.cssAttributesGroup .control-label .fa-header-size-big { font-size: 15px; }
			.cssAttributesGroup .control-label .fa-header-size-big:before { margin: 0px 0 0 -8px; font-size: 13px; display: block; }
			.cssAttributesGroup .control-label .fa-header-size-small { box-shadow: none; font-size: 8px; position: absolute; left: 6px; margin-top: 8px; background-color: transparent; }			
	
			/* samplebox margin and padding */
			.sampleMarginBox { width: 100%; height: 67px; overflow: hidden; background: #4d4d4d; border: 0px; margin: 10px 0 13px 0; } 			
			.sampleMarginBox:before { 	content: 'Aussenabstand'; color: #a7a7a7; text-shadow: 1px 1px 1px #000000; position: absolute; margin: 3px auto; left: 0; right: 0; display: inline-block; 
										text-align: center; text-transform: uppercase; letter-spacing: 3px; font-size: 9px; }		 			
			
			.sampleMarginBoxInner { border: 1px dashed red; width: 80%; background: #c7c7c7; margin: 0px auto; top: 20px; display: block; position: relative; text-align: center; letter-spacing: 5px; font-size: 12px; } 			
			.sampleMarginBoxInner:before { 	content: 'Innenabstand'; color: #ffffff; position: absolute; margin: 4px auto; left: 0; right: 0; display: inline-block; text-align: center; text-transform: uppercase; 
											text-shadow: 1px 1px 0px #737373; font-weight: 900; letter-spacing: 5px; font-size: 9px; }		 						
											
			.sampleMarginBoxInnerElement { color: rgb(154, 154, 154); border: 1px dashed rgb(154, 154, 154); margin: 22px 0px; display: inline-block; position: relative; padding: 3px 1px 2px 4px; line-height: 8px; font-size: 10px; } 			

			.samplePaddingBox { }
	
			/* cornered */
			.cssbox_boxwrapper { 	position: relative; width: 25px; height: 25px; float: left; margin: 2px 7px 0 2px; border-radius: 1px; 
									background: #d7d7d7; 
									/*border: 4px solid rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.72), inset 0px 0px 4px 0px rgba(0, 0, 0, 0.18); */ } 		
			
			.cssbox_all		{ border: 7px solid #777777; }
			.cssbox_top		{ border-top: 7px solid #777777; }
			.cssbox_bottom	{ border-bottom: 7px solid #777777; }
			.cssbox_left	{ border-left: 7px solid #777777; }
			.cssbox_right	{ border-right: 7px solid #777777; }						
			
				/* rounded corners */
				.cssbox_cornerwrapper { 	position: relative; width: 25px; height: 25px; float: left; margin: 2px 9px 0 0px; border-radius: 0px; 
											background: #d7d7d7;
											/*border: 4px solid rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.72), inset 0px 0px 4px 0px rgba(0, 0, 0, 0.18); */ } 		

				.cssbox_main_all { border-radius: 9px; border: 3px solid #777777; }

				.cssbox_topleft		{ background: #777777; position: relative; top: 0; left: 0; width: 12px; height: 12px; border-top-left-radius: 9px; } 
				.cssbox_main_topleft { border-top-left-radius: 9px; }
				
				.cssbox_topright	{ background: #777777; position: relative; top: 0px; left: 13px; width: 12px; height: 12px; border-top-right-radius: 9px; }
				.cssbox_main_topright { border-top-right-radius: 9px; }
	
				.cssbox_bottomleft	{ background: #777777; position: relative; top: 13px; left: -0px; width: 12px; height: 12px; border-bottom-left-radius: 9px; }
				.cssbox_main_bottomleft { border-bottom-left-radius: 9px; }
	
				.cssbox_bottomright	{ background: #777777; position: relative; top: 13px; left: 13px; width: 12px; height: 12px; border-bottom-right-radius: 9px; }			
				.cssbox_main_bottomright { border-bottom-right-radius: 9px; }
			
			
		.TabsCSSDelimiter { display: block; border: 2px solid #f0f0f0; margin: -7px -35px 17px -35px; }
		.OtherTabsCSSDelimiter { display: block; border: 2px solid #f0f0f0; margin: 17px -35px 17px -35px; }
		.OtherTabsCSSTitle { text-transform: uppercase; font-weight: 900; margin-top: -14px; margin-bottom: 11px; margin-left: -35px; margin-right: -35px; padding: 6px 0 6px 35px; background-color: #f4f4f4; }
		
		.TabsCSSHeadersAccordion:before,
		.OtherTabsCSSHeadersAccordion:before { 
			content: '\f055';
			font-family: FontAwesome;
			padding-right: 4px;
		}	
		
		.TabsCSSHeadersAccordion.active:before,
		.OtherTabsCSSHeadersAccordion.active:before { 
			content: '\f056';
		}		

							
		.TabsCSSHeadersFirst { border-top: 0px dashed #E4E4E4; margin-top: -12px; }
		
			/* css Styles tab */
			#styleElements label.control-label small { line-height: 1em; display: inline-block; margin-bottom: 7px; }
			#styleElements label.control-label .cssStyleMoreInfo { line-height: 1em; font-size: 9pt; margin-bottom: 7px; margin-top: -1px; border-top: 1px dashed #E6E6E6; padding-top: 3px; white-space: nowrap; }			
			.styleEditor .control-label { line-height: 1.2em; float: none !important; }
			.styleEditor .form-group>input { float: none !important; width: 100% !important; position: relative !important; }
			#tab1 .form-group .ui-slider, #icon_Tab .form-group .ui-slider {  border-radius: 3px; border-top-right-radius: 0px; margin-bottom: 0px; }	
			#tab1 .form-group .ui-slider-range, #icon_Tab .form-group .ui-slider-range { border-radius: 3px; border-top-left-radius: 0px; }
			#icon_Tab #s2id_icons { display: none !important; }
			
			.control-label .cssStyleMoreInfo { display: none; }

			.dslider_dots_color_inactive_wrapper .sp-replacer,
			.dslider_dots_color_active_wrapper .sp-replacer,
			.dslider_arrows_color_wrapper .sp-replacer,
			.dslider_arrows_color_hover_wrapper .sp-replacer,
			.wbe_box_upperside_color_wrapper .sp-replacer,
			.wbe_box_lowerside_color_wrapper .sp-replacer,
			.styleEditor .form-group>.sp-replacer,
			.effect_hover_textcolor_wrapper .sp-replacer, 
			.effect_hover_bgcolor_wrapper .sp-replacer,
			.shadowSwitcherBoxColorPicker .sp-replacer,
			.videoColorizer_wrapper .sp-replacer,
			.form-control, .select2-search input[type=text] { border-radius: 2px; border: 1px solid #c7c7c7; box-shadow: inset 0px 20px 77px rgba(255,255,255,1), 1px 1px 0px #ffffff; }
			
			.form-control, .select2-search input[name=background-image] { box-shadow: none; }
			.form-control:focus, .form-group.focus .form-control, .form-group.focus .select2-search input[type=text], .select2-search input[type=text]:focus { border-color: #0064b4; }

			/* Color Shemes Tab */
			.addColorStyleWrapper { float: left; display: inline-block; font-size: 11px; width: 70px; height: 70px; padding-left: 5px; margin-top: 15px; margin-bottom: 10px; margin-right: 5px; text-align: center; }
			.addColorStyle { width: 50px; height: 50px; border-radius: 25%; border: 3px solid rgba(0, 0, 0, 0.2); margin: 0 auto; }

			.ColorStyleActive { border: 3px solid #0064b4; -moz-box-shadow: inset 0 0 0px 3px #ffffff; -webkit-box-shadow: inset 0 0 0px 3px #ffffff; box-shadow: inset 0 0 0px 3px #ffffff; }
			
			.ColorStyleSliderWrapper { display: block; }
			.colorStylesElementTypes { display: none; }
			label.ColorStylesSlider { margin-top: -17px; margin-bottom: -6px; font-size: 13px; }
			label.ColorStylesSliderFirst { margin-top: 0px; }
			
			.ColorStylesSliderInverted { display: block; position: absolute; right: 0px; width: 125px; border-left: 1px solid #0064b4; margin-top: -26px; font-size: 11px; padding-left: 4px; padding-top: 6px; height: 17px; z-index: 1; } 			

		
			/* Css switch */
			.iswitcher input { display: none; }
			.iswitcher .icons, .iswitcher .icons .icon-unchecked, .iswitcher .icons .icon-checked { display: none; }	
			.iswitcher i { display: inline-block; cursor: pointer; padding-right: 20px; transition: all ease 0.2s; -webkit-transition: all ease 0.2s; border-radius: 20px; box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5); } 	
			.iswitcher i:before { display: block; content: ''; width: 18px; height: 18px; border-radius: 20px; background: #0064b4; /* box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.3); */ } 	
			.iswitcher :checked + i:after { content: '\f00c'; font-size: 10px; font-weight: 900; color: rgb(255, 255, 255); position: absolute; margin: -20px 0 0 -6px; z-index: 20; font-family: FontAwesome; } 
				@media screen\0 { /* Only for Ie 8,9,10 */
					.iswitcher :checked + i:after { margin: -20px 0 0 2px; }
				}
				

				
			.iswitcher :checked + i { padding-right: 0; padding-left: 20px; box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5), inset 0 0 40px #CBE7FF; -webkit-box-shadow: inset 0 0 0 2px rgba(151, 151, 151, 0.5), inset 0 0 40px #CBE7FF; } 	
			.iswitcher.red :checked + i { box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5), inset 0 0 40px red; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5), inset 0 0 40px red; } 
			label[for].iswitcher { cursor: pointer; }
			
			/* Images CSS */
			.imageSwitcherBox { width: 100%; text-align: center; margin-top: 10px; margin-bottom: -15px; }
			.imageSwitcherBox .iswitcherLabel { position: absolute; margin: 7px 0 0 45px; }
			.tab-pane .imageSwitcherBox label.iswitcherLabel { width: auto !important;}
			.tab-pane .imageSwitcherBox .iswitcher { width: 50px !important; margin-left: -5px; }
			
			
			.tab-pane label.iswitcherLabel { font-size: 11px; margin-bottom: 0px; line-height: 12px;}
			.colorStylesSwitcherWrapper { clear: both; }
			.colorStylesSwitcherBox { float: left; width: 69px; text-align: center; }
			.colorStylesSwitcherAfterFirst { }
			.colorStylesSwitcherFirst { margin-top: 15px; background: #F3F3F3; height: 100px; border-radius: 7px; padding: 9px 0px; } 	
			.colorStylesSwitcherBeforeLast .colorStylesSwitcherBox { }
			.colorStylesSwitcherClear { clear: both; }
			.colorStylesSwitcherLast { clear: both; display: block; margin: 15px; }

			.colorStylesSwitcherHeader { background: #ffffff; color: #0064b4; position: absolute; margin: -33px 0 0 10px; padding: 0 10px; font-size: 13px; }
			.colorStylesSwitcherGeneral { border: 1px solid #e4e4e4; padding: 22px 0 5px 0; border-radius: 7px; margin-top: 22px; }
			.colorStylesSwitcherButtons { border: 1px solid #e4e4e4; padding: 22px 0 5px 0; border-radius: 7px; margin-top: 22px; }

			.wrapperMonochromatic { display: block; }
			.wrapperImageMonochromatic { text-align: left; width: 200px; padding-left: 15px; height: 30px; padding-top: 7px; }
			.wrapperImageMonochromatic .iswitcherLabel { position: absolute; left: 77px; }
			.wrapperImageMonochromatic .iswitcher { text-align: center; position: absolute; left: 25px; width: 50px !important; margin-top: -7px; }
			
			.wrapperApplyStyle { display: block; }
			.wrapperApplyStyle div { background: #0064b4; color: #ffffff; font-size: 16px; border-radius: 100%; width: 30px; height: 30px; cursor: pointer; right: 0px; position: absolute; margin-right: 35px; margin-top: 2px; padding-top: 2px; } 
			.wrapperApplyStyle div:hover { background: #83b100; }			
			.wrapperApplyStyle div:hover label { color: #000000; }						
			.wrapperApplyStyle label { font-size: 10px; color: #9C9C9C; margin: -2px -8px; }

			.wrapperRemoveStyle { width: 220px; margin-bottom: 15px; border-radius: 3px; font-size: 13px; }
			
				/* Loader Colorstylers */
				.colorStylesLoader { position: absolute; top: -55px; left: -20px; padding: 30px; width: 300px; height: 100%; background: #ffffff; z-index: 30; text-align: center; line-height: 1.1em; }
				.colorStylesLoader img { margin-top: 40px; }
				
		/* Youtube Video BG checkboxes */
			#youtubeIDBG { width: 80%; display: inline-block; float: left; }
			.youtubeDelete { display: inline-block; float: left; width: 20%; clear: right; height: 42px; border-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
			
			.videoBGSwitcherBox	{ width: 70px; text-align: center; float: left; }			
			.videoBGSwitcherBox label { width: 140px !important; display: inline-block; }
			.videoBGSwitcherBox label.iswitcher	{ width: 45px !important; }
			.videoBGSwitcherBox label.iswitcherLabel { text-align: center; top: 4px; position: relative; }				
			
			.YTEditorvideoPreviewContainer i { position: absolute; right: 15px; margin-top: 9px; font-size: 20px; }
			.YTEditorvideoPreview { width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; border: 2px solid #bdc3c7; border-radius: 3px; box-shadow: inset 0px 0px 0px 4px #ffffff; padding: 4px; margin-bottom: 12px; }
			
			/* videoColorizer ColorPicker */
			.videoColorizer_wrapper { margin-bottom: 20px; }
			.videoColorizer_wrapper .sp-replacer { width: 100%; border-radius: 3px; padding: 6px; border: 2px solid #bdc3c7; background: #fff; }
			.videoColorizer_wrapper .sp-replacer .sp-preview { width: 90%; border: 0px solid black; }
			
			/* video raster */
			.videoRasterPreview  { position: relative; width: 100%; height: 150px; background-size: contain, auto; background-position: center center, 0 0; background-repeat: no-repeat, repeat; border: 1px solid #bdc3c7; 
								 background: url(../images/videobackground_preview.jpg); background-size: cover; border-radius: 3px; box-shadow: inset 0px 0px 0px 4px #ffffff; margin-bottom: 15px; }
			#videoRasterPreviewOverlay { width: 100%; border: 4px solid white; height: 148px; position: absolute; }
			
			#videoRasterOpacitySlider { border-radius: 3px; border-top-right-radius: 0px; }
			#videoRasterOpacitySlider .ui-slider-range, #icon_Tab .form-group .ui-slider-range { border-radius: 3px; border-top-left-radius: 0px; }
			.accordionRasterSecondOptions .videoBGSwitcherBox { width: 100%; }				
			.accordionRasterSecondOptions .iswitcher { display: inline-block; height: 25px; }				
			.accordionRasterSecondOptions .iswitcherLabel { font-size: 15px !important; float: left; top: 0px !important; display: inline-block; margin-bottom: 3px; margin-right: 10px; line-height: 12px; 
															text-align: left; white-space: nowrap; padding-top: 7px; padding-right: 5px; }				 									
				

				/* Rasters for preview - same must be defined in webnerfects.css */
				.raster { background: url("/elements/images/videoraster/videoBGraster.png"); }
				.raster-dot { background: url("/elements/images/videoraster/videoBGraster_dot.png"); }
				.raster-fourdot { background: url("/elements/images/videoraster/videoBGraster_points.png"); }
				.raster-lines { background: url("/elements/images/videoraster/videoBGraster_lines.png"); }
				.raster-bubble { background: url("/elements/images/videoraster/videoBGraster_bubble.png"); }
				
				.raster-white { background: url("/elements/images/videoraster/videoBGraster_white.png"); }
				.raster-dot-white { background: url("/elements/images/videoraster/videoBGraster_dot_white.png"); }
				.raster-fourdot-white { background: url("/elements/images/videoraster/videoBGraster_points_white.png"); }
				.raster-lines-white { background: url("/elements/images/videoraster/videoBGraster_lines_white.png"); }
				.raster-bubble-white { background: url("/elements/images/videoraster/videoBGraster_bubble_white.png"); }				

				.raster-diagonal-bl { background: url("/elements/images/videoraster/videoBGraster_diagonal_bl.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left bottom; transition: none; }
				.raster-diagonal-br { background: url("/elements/images/videoraster/videoBGraster_diagonal_br.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: right bottom; transition: none; }
				.raster-diagonal-tl { background: url("/elements/images/videoraster/videoBGraster_diagonal_tl.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; transition: none; }
				.raster-diagonal-tr { background: url("/elements/images/videoraster/videoBGraster_diagonal_tr.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: right top; transition: none; }
			
				.raster-diagonal-bl-white { background: url("/elements/images/videoraster/videoBGraster_diagonal_bl_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left bottom; transition: none; }
				.raster-diagonal-br-white { background: url("/elements/images/videoraster/videoBGraster_diagonal_br_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: right bottom; transition: none; }
				.raster-diagonal-tl-white { background: url("/elements/images/videoraster/videoBGraster_diagonal_tl_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; transition: none; }
				.raster-diagonal-tr-white { background: url("/elements/images/videoraster/videoBGraster_diagonal_tr_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: right top; transition: none; }
			
				.raster-triangle-bottom { background: url("/elements/images/videoraster/videoBGraster_triangle_bottom.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; transition: none; }
				.raster-triangle-top { background: url("/elements/images/videoraster/videoBGraster_triangle_top.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left bottom; transition: none; }
				.raster-triangle-left { background: url("/elements/images/videoraster/videoBGraster_triangle_left.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left center; transition: none; }
				.raster-triangle-right { background: url("/elements/images/videoraster/videoBGraster_triangle_right.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: right center; transition: none; }	
				
				.raster-triangle-bottom-white { background: url("/elements/images/videoraster/videoBGraster_triangle_bottom_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left top; transition: none; }
				.raster-triangle-top-white { background: url("/elements/images/videoraster/videoBGraster_triangle_top_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left bottom; transition: none; }
				.raster-triangle-left-white { background: url("/elements/images/videoraster/videoBGraster_triangle_left_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: left center; transition: none; }
				.raster-triangle-right-white { background: url("/elements/images/videoraster/videoBGraster_triangle_right_white.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: right center; transition: none; }	
								

			/* Auto animation switches */
			.animationSwitcherBox.animationSwitcherBoxFirst { margin-top: 10px; }
			.animationSwitcherBox.animationSwitcherBoxLast { margin-bottom: 15px; margin-top: -5px; }
			.animationSwitcherBox { width: 100%; text-align: center; float: left; margin-bottom: 5px; }			
			.animationSwitcherBox label { width: 140px !important; display: inline-block; }
			.animationSwitcherBox label.iswitcher	{ width: 45px !important; }
			.animationSwitcherBox label.iswitcherLabel { font-weight: 400; text-align: left; top: 1px; margin-left: 5px; position: relative; }				
			.animationSwitcherBox.animationSwitcherBoxLast label.iswitcherLabel { top: 7px; }							

			/* start stio video time sliders */
			#bgvideoStart, #bgvideoStop { margin-bottom: 0px; }
			#bgvideoStopSlider .ui-slider-range,
			#bgvideoStopSlider,
			#bgvideoStartSlider .ui-slider-range,
			#bgvideoStartSlider {
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				border-bottom-left-radius: 2px;
				border-bottom-right-radius: 2px;			
			}


		/* map tab */
		#mapAddressHeight { margin-bottom: 0px; }
		.mapTab .ui-slider-range,
		.mapTab .ui-slider {
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-left-radius: 2px;
			border-bottom-right-radius: 2px;			
		}


		/* Upload files area / sites management */
		.uploadPanel { 	border-radius: 2px; border: 1px solid rgba(0,0,0,0.13); border-bottom: 1px solid rgba(202, 202, 202, 0.46); border-left: 1px solid rgba(255, 255, 255, 0.24); border-right: 1px solid rgba(255, 255, 255, 0.5); 
						border-top: 1px solid white; background-color: #f7f7f7; box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px 0px 177px rgba(0, 0, 0, 0.27); }

		.container-fluid .row .col-md-9 .nav.nav-tabs.nav-append-content li:before { border: none; background: transparent;	}
		
		.container-fluid .row .col-md-9 .nav.nav-tabs.nav-append-content li a { background: #efefef; box-shadow: none; z-index: 10; position: relative; display: block; border-bottom: 0px solid transparent; 
																				margin-bottom: 1px; margin-left: 0px; border-width: 1px; border-top: 1px solid rgba(255, 255, 255, 0.63); border-left: 1px solid rgba(255, 255, 255, 0.63);	}
		
	
		
		.container-fluid .row .col-md-9 .tab-content { 	border-radius: 2px; border: 1px solid rgba(0,0,0,0.13); border-bottom: 1px solid rgba(202, 202, 202, 0.46); border-left: 1px solid rgba(255, 255, 255, 0.24); 
														border-right: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid white; background-color: #f7f7f7; box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px 0px 177px rgba(0, 0, 0, 0.27); }
		

		/* Upload files area / style editor */
		.imageOptimizerSliderWrapper { display: none; margin-top: 25px; }
		.imageOptimizerInfoWrapper { width: 100%; display: none; }
		#imageOptimizerInfoOriginal, #imageOptimizerInfoOptimized { width: 50%; float: left; display: inline-block; height: 50px; height: 65px; font-size: 15px; line-height: 19px; }
		#imageOptimizerPixelMaxSize, #imageOptimizerQuality { width: 99%; }
		
		#optimizedpreviewMovable { 
			width: 100%;
			height: 100%;
		}
		#optimizedpreviewMovable img { 
			display: inline-block !important;
		}		
		#optimizedpreviewMovable.loading {
			display: none !important;
		}
		.optimizedpreviewZoom #optimizedpreviewMovable.ui-draggable-dragging img {
			cursor: move !important;
			cursor: grabbing !important;
		}		
		
		.fileinput-preview, 
		.fileinput-optimizedpreview { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); background-repeat: repeat; }

		.fileinput-preview.imageOptimizerScreen, 
		.fileinput-optimizedpreview.imageOptimizerScreen { background-image: none; }		
		
		.tab-pane#uploadTab .fileinput-preview.thumbnail.notImageType { font-size: 30px; background-image: none; color: #000000; }
		.tab-pane#uploadTab .fileinput-preview.thumbnail.notImageType:before { content: '\f15b\00a0'; font-family: FontAwesome; display: inline-block; font-size: 40px; color: #000000; }		
		
		.tab-pane#uploadTab .fileinput-preview.thumbnail.imageOptimizerScreen { overflow: hidden; display: inline-block; margin-bottom: 5px; text-align: center; border: 2px solid #bdc3c7; border-radius: 3px; padding: 4px;
																				max-height: 100% !important; width: 50%; height: 350px; float: left; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 0px; }		
		.tab-pane#uploadTab .fileinput-preview.thumbnail.imageOptimizerScreen img { display: block; max-height: 100% !important; height: auto; margin-left: auto; margin-right: auto; vertical-align: middle; }

		.fileinput .fileinput-optimizedpreview.imageOptimizerScreen { overflow: hidden; display: inline-block; margin-bottom: 5px; text-align: center; border: 2px solid #bdc3c7; 
																	  border-radius: 3px; padding: 4px; width: 50%; height: 350px; float: left; border-top-left-radius: 0px; border-bottom-left-radius: 0px;  }				
		.fileinput .fileinput-optimizedpreview.imageOptimizerScreen img { display: block; max-width: 100%; max-height: 100%; height: auto; margin-left: auto; margin-right: auto; vertical-align: middle; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }		
				
		.optimizedpreviewZoom img { max-width: none !important; max-height: none !important; cursor: -webkit-zoom-out !important; cursor: -moz-zoom-out !important; margin-left: -100% !important; margin-top: -100% !important; }		
				
		.fileinput .imageProcessing { width: 100%; height: 350px; background: url(../images/loading.gif) center center no-repeat rgba(255, 255, 255, 0.90); padding-top: 35px; color: #000000; text-align: center; }		
		
		.fileinput .imageProcessingOptimized { padding-top: 200px; }				
				
		.imageOptimizerUpload { color: #9A9A9A; display: inline-block; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.07); padding: 5px 13px; margin-right: 5px; cursor: pointer; }
		.imageOptimizerUpload.active { box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-bottom: 2px solid rgba(0, 0, 0, 0.1); color: #ffffff; background: #0064b4; }
		.imageOptimizerUploadOriginal { }
		.imageOptimizerUploadOptimized { }
		

			
			/* masonry */
		
			.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
				background-color: inherit;
				border-color: #e1e4e7 #e1e4e7 #fff;
				border-width: 2px;
				color: #7f8c9a;
			}
				@media (max-width: 768px) {
					.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
						background-color: #4d4d4d;
						border: 2px solid #4d4d4d;
						color: #fff;
					}	
				}

			
			.uploadLibraryListing .letterheading { color: #B3B3B3; font-size: 50px; line-height: 50px; background-color: #f7f7f7; padding: 5px 15px; display: block; margin-top: 15px; margin-bottom: 15px; text-align: center; font-weight: 900; border-radius: 3px;	
													border-bottom: 2px solid rgba(202, 202, 202, 0.46); border-left: 2px solid rgba(255, 255, 255, 0.17); border-right: 2px solid rgba(255, 255, 255, 0.17); border-top: 2px solid white; 
													background-color: #f7f7f7; /*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17);*/ }

			/*.uploadLibraryListing .letterheading:first-child { margin-top: 0px; }*/
			.uploadLibraryListing .image { width: 247px; display: inline-block; margin: 1%; border-radius: 2px; 
											border: 1px solid rgba(0,0,0,0.13); border-bottom: 2px solid rgba(202, 202, 202, 0.46); border-left: 2px solid rgba(255, 255, 255, 0.17); 
											border-right: 2px solid rgba(255, 255, 255, 0.17); border-top: 2px solid white; background-color: #f7f7f7; 
											/*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 7px 7px 47px rgba(0,0,0,0.07);*/ padding: 20px;	}

			.uploadLibraryListing .image:hover { /*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17), 7px 7px 47px rgba(0,0,0,0.17);*/ border-top: 2px solid #0064b4; }

				/* image library sitebuilder and in sites admin */
				.inlineGalleryImageHolder { 
					max-height: 120px; 
					min-height: 120px; 
					max-width: none; 
					background-size: contain, auto; 
					background-position: center; 
					background-repeat: no-repeat, 
					repeat; background-color: transparent;
					/*box-shadow: inset 0px 0px 17px rgba(0,0,0,0.27); */ 
					border: 1px solid #cccccc; 
					overflow: hidden;
				}			

				#viewPic .modal-dialog.modal-lg {
					width: 90vw;
					margin-top: 60px;
				}

				.images .image .imageWrap img, .viewPic .modal-body img { 
					min-height: 120px; 
					text-align: center; 
					max-width: 100%; 
				}			
				.viewPic .modal-body img {
					max-height: 75vh;
					max-height: calc(100vh - 240px);				
				}
				.images .image .imageWrap img {  }
				.imageFileWrap { text-align: center; }
				
				.tableview .imageWrapFileName {
					font-size: 13px;
					text-align: center;
					line-height: 15px;
					overflow: hidden;
					display: block;
					white-space: pre-wrap;
					margin: 10px 0 7px 0;
					font-weight: 600;					
					
				}
				
				.imageWrapFileName {
					font-size: 11px;
					text-align: center;
					line-height: 15px;
					overflow: hidden;
					display: block;
					white-space: pre-wrap;
					margin: 10px 0 -9px 0;
					font-weight: 600;
					height: 32px;
					word-break: break-word;				
				}				
				
				.imageWrapOutsideEditor { height: 120px !important; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); vertical-align: middle; }
				.imageWrapOutsideEditor img { max-height: 120px; min-height: auto !important; }
				.imageFileWrap.imageWrapOutsideEditor { background-image: none; background-color: #ffffff; }
				.images .image .imageWrap { text-align: center; }
				.imageFileIcon .fa:before { font-size: 120px; }
		
				/* images tabs */
				.freeImagesTabs .form-control { width: 80%; display: inline-block; }
				.freeImagesTabs.tab-pane .btn { display: inline-block; margin-top: -1px; margin-left: -7px; }	
					
				/*
				@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
				*/



					/* pixabay search results */					
					.freeImages_loading {
					  display: none;
					  text-align: center;
					  padding: 0 1em;
					}
					
					.freeImages_wrapper {
					  display: none;
					  margin: 0.5em auto;
					  padding: 0 0.5em;
					  text-align: center;
					}


					  .freeImages_wrapper {
					    width: 100% !important;
					  }
					  .freeImages_wrapper .freeImages_image {
						width: calc(17.2% - 2em) !important;
						height: 200px;
						background-position: center !important;
						background-size: cover !important;
						float: left;
					  }

					.freeImages_wrapper .freeImages_image {
					  position: relative;
					  margin: 0.5em;
					  overflow: hidden;
					  transition: box-shadow 0.2s;
					}
					.freeImages_wrapper .freeImages_image .freeImages_overlay {
					  position: absolute;
					  top: 0;
					  left: 0;
					  width: 100%;
					  height: 100%;
					  background: rgba(0, 0, 0, 0.5);
					  opacity: 0;
					  transition: all 0.2s;
					}
					.freeImages_hidden div {
						display: inline-block;	
					}
					.freeImages_direct-links {
						display: block !important;
					}
					.freeImages_wrapper .freeImages_image .freeImages_hidden {
					  position: absolute;
					  top: 50%;
					  left: 50%;
					  transform: translate(-50%, 200%) scale(0);
					  text-align: center;
					  transition: transform 0.2s;
					  color: white;
					}
					.freeImages_wrapper .freeImages_image:hover {
					  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_overlay {
					  opacity: 1;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden {
					  top: 50%;
					  transform: translate(-50%, -50%) scale(1);
					  font-size: 10px;
					  line-height: 11px;
					  width: 94%;	
					  text-transform: uppercase;				  
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden div b {
					  font-weight: 500;
					  vertical-align: bottom;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden div i {
					  font-size: 12px;
					  font-weight: 700;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_stats {
					  margin: 0.25em 0;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_stats b, .freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_stats i {
					  vertical-align: middle;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links button,
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links a {
					  display: inline-block;
					  margin: 0.2em 0.25em;
					  padding: 0.4em 0.5em;
					  cursor: pointer;
					  background: rgba(255, 255, 255, 0.9);
					  text-decoration: none;
					  border-radius: 15px;
					  border: 0px solid transparent;
					  color: #000000;
					  text-transform: uppercase;
					  font-weight: 900;
					  height: 20px;
					  min-width: 117px;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links a i {
					  vertical-align: middle;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links a, .freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links a:visited {
					  color: black;
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links a:hover {
					  background: rgba(255, 255, 255, 0.8);
					}
					.freeImages_wrapper .freeImages_image:hover .freeImages_hidden .freeImages_direct-links a:active {
					  background: rgba(255, 255, 255, 0.7);
					}
					
						/* pagination */
						.importPaginationFoundImages {
							clear: both;
							margin-top: -15px;
							margin-bottom: 11px;
							text-transform: uppercase;
							font-weight: 400;
							letter-spacing: 1px;
							font-size: 11px;							
						}
						.importPageNo { 
							padding: 0 8px;
							cursor: pointer;
							display: inline-block;
							font-weight: 600;														
						}
						.importPageNo.active {
							border: 1px solid rgba(0, 0, 0, 0.07);
							border-radius: 2px;
							background: #f4f4f4;
							color: #000000;							
						}
						.importingData {

						}
						.importingData:before {
							content: 'Importiere Bild';
							position: absolute;
							top: 42%;
							left: 0;
							right: 0;
							display: inline-block;
							margin: 0 auto;
							font-weight: 900;
							color: #ffffff;
							font-size: 17px;
							line-height: 18px;
							text-transform: uppercase;
							z-index: 10;
						}
						.importingData:after {
							content: '\A';
							position: absolute;
							width: 100%; 
							height:100%;
							top:0; 
							left:0;
							background:rgba(0,0,0,0.7);
							opacity: 1;
							transition: all 0.5s;
							-webkit-transition: all 0.5s;
							-moz-transition: all 0.5s;
							z-index: 5;
						}
						.importingData:hover:after {
							opacity: 0;
						}						
						.importingData .freeImages_hidden {
							display: none !important;
						}
						
						button#pixabaySubmit {
							height: 35px;
							margin-top: -2px;
							border-top-left-radius: 0;
							border-bottom-left-radius: 0;							
						}
						input#pixabaySearch {
							height: 35px;
						}						
						
						/* imported marked */						
						.importedImage:before {
							content: 'Importiert!';
							position: absolute;
							top: 10px;
							left: 0;
							right: 0;
							display: inline-block;
							margin: 0 auto;
							font-weight: 900;
							color: #ffffff;
							font-size: 17px;
							line-height: 18px;
							text-transform: uppercase;
							z-index: 10;
						}
						.importedImage:after {
							content: '\A';
							position: absolute;
							width: 100%; 
							height:100%;
							top:0; 
							left:0;
							background:rgba(0,0,0,0.7);
							opacity: 1;
							transition: all 0.5s;
							-webkit-transition: all 0.5s;
							-moz-transition: all 0.5s;
							z-index: 5;
							height: 38px;
						}
						.importedImage:hover:after {
							opacity: 0;
						}
						.importedImage .freeImages_hidden {
							/*display: none !important;*/
						}												
	 


	/* galleries tab */
		.galeriesImageWrap {
			width: 10%;
			display: inline-block;
			margin: 0 15px 15px 0;
		}
		.galeriesImageWrap > div.galleriesImageFilename {
			font-size: 12px;
			line-height: 14px;
			height: 28px;
			overflow: hidden;
			font-weight: 400;
			box-shadow: none;
			margin-top: 6px;
			text-align: center;
		}
		.galeriesTabs {
			min-height: 70vh;
			min-height: calc(100vh - 330px);			
		}
		.galeriesTabsHeader {
			margin-bottom: 15px;	
		}
		.gallerySelectedItem > div {
			border-radius: 10px;
			box-shadow: 0px 0px 0px 5px #3b97e3;
		}
		#insertGalleryItems, #insertAllGalleryItems, #updateGalleryItems, #deleteExistingGalleryItems, #insertNewGalleryItems, #settingsGalleryItems {
			margin-bottom: 15px;
			margin-right: 5px;
			font-weight: 500;
		}
		#galleriesTab.modeDeleteGalleryItems #deleteExistingGalleryItems {
			background-color: red;
		}		
		#galleriesTab.modeDeleteGalleryItems #sortableGalleryImages li {
		    outline: 2px solid red;
		}

		button#settingsGalleryItems {
			background-color: #ec9900;
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
			display: none !important;			
		}
				
		button#insertGalleryItems {
			background-color: #83b100;
			pointer-events: none;	
			opacity: 0.5;	
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);			
		}
			button#insertGalleryItems.active {
				pointer-events: all;	
				opacity: 1;
			}		
		
		button#updateGalleryItems {
			background-color: #83b100;
			pointer-events: none;	
			opacity: 0.5;	
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);				
		}
			button#updateGalleryItems.active {
				pointer-events: all;	
				opacity: 1;
			}			
		
		button#insertNewGalleryItems {
			background-color: #0064B4;
		}	
		button#deleteExistingGalleryItems {
			background-color: #a40000;
		}					
		
		
		/* edit galleries */
		#sortableGalleryImages {
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 100%;
			-webkit-backface-visibility: hidden !important;
		}
		#sortableGalleryImages li {
			margin: 20px 30px 60px 0;
			padding: 1px;
			display: inline-block;
			width: 100px;
			height: 100px;
			-webkit-backface-visibility: hidden !important;
			cursor: move;
			background: white;
			outline: 2px dashed #3b97e3;
			outline-offset: 3px;
			position: relative;
		}
		#sortableGalleryImages li .addInfoGalleryImages {
			z-index: 10;
			position: absolute;
			top: 0;
			color: black;
			width: 20px;
			height: 20px;
			background: white;
			font-size: 18px;
			line-height: 20px;
			border-bottom-right-radius: 5px;
		}
		
		.addInfoGalleryImagesWindow {
			position: absolute;
			top: 25px;
			left: 0;
			right: 0;
			margin: 0 auto;
			display: block;
			background-color: white;
			padding: 20px;
			border-radius: 10px;
			border: 1px solid rgb(202, 202, 202);
			box-shadow: 0px 0px 10px #e8e8e8;
			z-index: 11;
			max-width: 1170px;
			overflow-y: auto;
			max-height: 95vh;
			max-height: calc(100vh - 50px);			
		}
		.addInfoGalleryImagesWindow small {
			margin-bottom: 0px;
			margin-top: -5px;
			display: block;			
		}
		.addInfoGalleryImagesWindow textarea.addInfoGalleryTitle {
			padding: 3px;
			font-size: 16px;
			height: 55px;
			min-width: 350px;
		}
		.addInfoGalleryImagesWindow textarea {
			padding: 3px;
			min-width: 350px;
			width: 100%;
			min-height: 60px;
			height: 130px;	
			font-size: 16px;		
		}
		.addInfoGalleryImagesWindow textarea, .addInfoGalleryImagesWindow input {
			border: 1px solid #bdbdbd;
			border-radius: 3px;
		}
		.addInfoGalleryImagesWindow textarea::placeholder, .addInfoGalleryImagesWindow input::placeholder {
			color: rgb(215, 215, 215);
		}			
		.addInfoGalleryImagesWindow label {
			font-weight: 600;
			margin-bottom: -4px;
			margin-top: 10px;			
		}
		.addInfoGalleryImagesWindowTitle {
			font-size: 20px;
		}
		.addInfoSingleImages {
			border: 1px solid rgb(218, 218, 218) !important;
			margin: 1px 2px 2px 10px;
			font-size: 14px;
			padding: 3px 10px 2px 10px;
			border-radius: 4px;
			font-weight: 600;
			background-color: #83b100;
			color: white;
			cursor: pointer;	
		}
		.addInfoSingleImages .fa {
			margin-right: 7px;
		}
		.addInfoGalleryText {
			border: 1px dashed;
			padding: 10px;
		}
		
		.addInfoGalleryText h1.flgtTitle {
			font-size: 30px;
			line-height: 1.2em;
			margin: 0;
			font-weight: normal;
		}		
		.addInfoGalleryText h2.flgtSubtitle {
			font-size: 20px;
			line-height: 1.2em;			
			margin: 0;
			margin-bottom: 20px;			
			font-weight: normal;
		}		
		.addInfoGalleryText .flgtPlaintext {
			font-size: 17px;
			line-height: 1.6em;
			font-weight: normal;
		}
		.addInfoGalleryText .flgtPlainBox {
			font-size: 17px;
			line-height: 1.6em;						
			margin-top: 1.75rem;
			margin-bottom: 2.125rem;
			padding: 25px;
			border-radius: 0.25rem;
			background-color: #f7f7f7;
			font-weight: normal;
		}
		.addInfoGalleryText .flgtLineHeading {
			width: 35px;
			height: 1px;
			margin-top: 0;
			margin-bottom: 20px;
			margin-left: 0;
			border: none;
			background-color: #d2d2d2;
			padding: 0;
		}									
		.ftlgEditorBtn {
			border: 1px solid rgb(218, 218, 218);
			margin: 0 2px 2px 0;
			font-size: 14px;
			padding: 0 10px 0 10px;
			border-radius: 4px;
		}
		.ftlgFontsizeWrapper {
			display: inline-block;
			background-color: #efefef;
		}
		
		#galleriesTab.modeDeleteGalleryItems #sortableGalleryImages li {
			cursor: not-allowed;
		}
		
		#sortableGalleryImages li div {
			width: 100%;
			height: 100%;
			background-size: cover;
			-webkit-backface-visibility: hidden !important;
		}

		#sortableGalleryImages li.item-divider {
			display: block;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-top: 0;
			width: auto;
			height: auto;
			outline: none !important;
			margin-bottom: 0px;	
			position: relative;
		}
		
		#sortableGalleryImages .dragSortableFileName {
			display: block;
			position: absolute;
			font-size: 10px;
			font-weight: 400;
			line-height: 13px;
			height: 43px;
			top: 106px;
			overflow: hidden;
			width: 100%;
			word-break: break-all;
			text-overflow: ellipsis;
			padding: 2px 0px 1px 0px;
		    text-align: center;
		}
		
		#sortableGalleryImages li.item-divider:after {
			position: absolute;
			border: 2px dashed #e7e7e7;
			content: ' ';
			left: -15px;
			top: 30px;
			width: 100%;
			height: 175px;
			background-color: #f7f7f7;
			z-index: -1;
		}					

		.galleryBlock {
			border: 2px solid black;
		}	
		.editExistingGalleryWrapper .col-md-3.text-center {
			width: 100px;
		}
		
		.changeGalleryImageWrapper {
			position: fixed;
			width: 100vw;
			height: 100vh;
			left: 0px;
			top: 0px;
			background: white;
			padding: 30px 30px 10px 30px;
			border: 2px solid #dddddd;
			border-radius: 5px;
			overflow: hidden;
			overflow-y: auto;	
			z-index: 9999;	
		}
		.changeGalleryImageWrapper .galeriesImageWrap {
			cursor: pointer;
		}
		.changeImageTitle {
			display: block;
			margin-bottom: 12px;
			font-weight: 400;
		}
		.changeGalleryButtonWrapper {
			display: block;
		}
		#closeChangeGalleryImageWrapper, #insertImagesIntoGalleryImageWrapper {
			margin-bottom: 17px;
			margin-right: 10px;			
			font-weight: 400;
		}
		#insertImagesIntoGalleryImageWrapper {
			background-color: #83b100;	
			pointer-events: none;	
			opacity: 0.5;	
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);			
		}
			#insertImagesIntoGalleryImageWrapper.active {
				pointer-events: all;	
				opacity: 1;
			}
		.updateGalleryItemsText, .insertGalleryItemsText, .updateGalleryItemsText span, .insertGalleryItemsText span {
			font-weight: 400;			
		}
		
		
		/* Gallery settings modal */	
		.noOrderPopupFound {
			margin-top: 20px;
			color: red; 
			font-weight: 800;
			margin-bottom: 10px;			
		}
		.gallerySettingsModal .sp-replacer {
			max-width: 170px;
		}
		.gallerySettingsModal .modal-body, .gallerySettingsModal .modal-body span {
			font-weight: 500;
		}
		.gallerySettingsModal input, .gallerySettingsModal select {
			border: 1px solid #969696;
			border-radius: 4px;
			padding: 6px;
			height: 37px;			
		}
		.gallerySettingsModal input::placeholder, .gallerySettingsModal select::placeholder {
			color: rgb(215, 215, 215);
		}	
		.galleryItemsShopActiveSettings {
			margin-top: 20px;
			border: 1px solid #e0e0e0;
			border-radius: 6px;
			padding: 10px 20px 3px 20px;
			background-color: #fafafa;		
		}

		.gallerySettingsBlock {
			margin-bottom: 2px;
			border-bottom: 1px solid #dedede;
			padding-bottom: 4px;
			padding-top: 4px;
		}
		.lastGallerySettingsBlock {
			border-bottom: 1px solid transparent !important;
		}
		
		.gallerySettingsBlock.active {
			margin-bottom: 3px;
			border-bottom: 1px solid #dedede;
			padding-bottom: 25px;
		}		
		.gallerySettingsBlockBody {
			display: none;
		}	
		.gallerySettingsBlock.active .gallerySettingsBlockBody {
			display: block;
		}	
		.gallerySettingsBlockTitle {
			font-size: 18px;
			font-weight: 700;	
			cursor: pointer;
			user-select: none;		
		}
		.gallerySettingsBlock .gallerySettingsBlockTitle .fa {
			width: 20px;
		}		
		.gallerySettingsBlock.active .gallerySettingsBlockTitle .fa:before {
			content: "\f078";
		}		
		.gallerySettingsBlock.active .gallerySettingsBlockTitle {
			margin-bottom: 10px;
		}
		#galleryItemsPaymentPrepaymentText, #galleryItemsPaymentInvoiceText {
			width: 100%;
			height: 90px;
			font-size: 100%;
		}
		#galleryItemsPaymentPrepayment, #galleryItemsPaymentInvoice{
			-webkit-appearance: checkbox;
			display: inline-block;
			margin: 0;
			padding: 0;
			height: auto;
		}		

				
		/* DropDowns */
		/*.select2-container { width: 100%; min-width: auto; }*/
		.select2-drop { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
		.select2-dropdown-open a, .select2-dropdown-open a.select2-choice { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;  }
		.select2-results { max-height: 300px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-bottom: 2px solid white; }
		.select2-drop .select2-result-label { padding: 3px 8px 3px 20px; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
		.select2-drop .select2-result-unselectable div.select2-result-label:first-child { margin-left: -20px !important; color: #000000; border-bottom: 1px solid #d7d7d7; } /* Optiongroup */
		.select2-drop .select2-result-unselectable ul { margin-left: 20px !important; color: #474747 !important;  }
		.select2-drop .select2-result-unselectable ul .select2-result-label { border-bottom: 0px solid #d7d7d7 !important; color: #474747 !important; }

		/* Image Preview */
		#styleEditor .styleEditorBackgroundImagePreviewOverlay { width: 100%; width: calc(100% - 4px); border: 6px solid white; box-shadow: 0px 0px 0px 1px #B4B9BD; height: 148px; position: absolute; cursor: pointer; }
		#styleEditor .styleEditorImagePreview { width: 100%; height: 150px; background-size: contain, auto; background-position: center center, 0 0; background-repeat: no-repeat, repeat; 
												cursor: pointer; border: 2px solid #bdc3c7; border-radius: 3px; box-shadow: inset 0px 0px 0px 4px #ffffff; margin-bottom: 15px; }

			/* Image Preview checkbox for display thumb */
			.addThumbnailImage { width: 55%; text-align: center; margin-top: 0px; padding-top: 0px; padding-left: 13px; }
			.addThumbnailImage { margin-top: 4px; margin-bottom: 3px; display: inline-block; }
			.addThumbnailImage label.iswitcherLabel { float: left; display: inline-block; font-size: 11px; width: 50px !important; margin-bottom: 3px; line-height: 12px; text-align: left; padding-top: 1px; padding-right: 5px; }	
			.addThumbnailImage label.iswitcher { display: inline-block; height: 25px; width: auto !important; }

			/* Image Preview checkbox for enable/disable wbgallery */
			.deactivateGalleryMode { width: 45%; text-align: center; margin-top: 0px; padding-top: 0px; }
			.deactivateGalleryMode { margin-top: 4px; margin-bottom: 3px; display: inline-block; }
			.deactivateGalleryMode label.iswitcherLabel { float: left; display: inline-block; font-size: 11px; width: 47px !important; margin-bottom: 3px; line-height: 12px; text-align: left; padding-top: 1px; padding-right: 5px; }	
			.deactivateGalleryMode label.iswitcher { display: inline-block; height: 25px; width: auto !important; }
	
			

		/* Background Image Preview & Button */
		#styleEditor .form-group input[name=background-image] { background: url(../images/icon_loadimage.png) 5px center no-repeat #0064b4; color: #0064b4; border-radius: 3px; border: 0px solid black; text-indent: -9999px; cursor: pointer; }
		.publishing .text-primary { color: #0064b4; }
		#styleEditor .styleEditorBackgroundImagePreview { width: 100%; height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center center; border: 2px solid #bdc3c7; border-radius: 3px; box-shadow: inset 0px 0px 0px 4px #ffffff; margin-top: -2px; }
		#styleEditor .deleteBackgroundImage { text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); color: #ffffff; padding: 0px 15px; position: absolute; margin-top: 90px; right: 6px; font-size: 30px; cursor: pointer; }
		#styleEditor .deleteBackgroundImage:hover { text-shadow: 0px 0px 20px rgb(255, 0, 0); color: #FFFFFF; }




		/* font-family sample */
		.fofGridIcons { background: #ebedef; width: 100%; clear: both; margin: -6px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default;
						 border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; }

		.fofGrid { white-space: nowrap; display: inline-block; height: 20px; font-size: 17px; opacity:1; border-bottom: 0px; margin: 0px; padding: 0px; position: relative; cursor: pointer; }
			




		/* text-transform icons */
		.tetGridIcons { background: #ebedef; width: 100%; clear: both; margin: -6px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default;
						 border-top-left-radius: 3px; border-top-right-radius: 3px; }

		.tetGrid { display: inline-block; height: 20px; font-size: 17px; opacity: 0.5; border-bottom: 0px; margin: 0 17px 0 0; padding: 0px; position: relative; cursor: pointer; }
				   
		.tetGrid:hover { opacity: 1; }
		.tetGrid.active { opacity: 1; }

		.tetGrid-capitalize { margin-right: 0px; }		






		/* font-weight icons */
		.ftwGridIcons { background: #ebedef; width: 100%; clear: both; margin: -6px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default;
						 border-top-left-radius: 3px; border-top-right-radius: 3px; }

		.ftwGrid { font-family: "Helvetica Neue"; display: inline-block; height: 20px; font-size: 17px; opacity: 0.3; border-bottom: 0px; margin: 0 7px 0 0; padding: 0px; position: relative; cursor: pointer; }
				   
		.ftwGrid:hover { opacity: 1; }
		.ftwGrid.active { opacity: 1; }

		.ftwGrid-900 { margin-right: 0px; }		




		/* text-decoration icons */
		.texdeGridIcons { background: #ebedef; width: 100%; clear: both; margin: -6px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default;
						 border-top-left-radius: 3px; border-top-right-radius: 3px; }

		.texdeGrid { display: inline-block; height: 20px; font-size: 17px; opacity: 0.5; border-bottom: 0px; margin: 0 17px 0 0; padding: 0px; position: relative; cursor: pointer; }
				   
		.texdeGrid:hover { opacity: 1; }
		.texdeGrid.active { opacity: 1; }

		.texdeGrid-line-through { }
		.texdeGrid-overline { }
		.texdeGrid-underline { margin-right: 0px; }		



		/* text-align icons */
		.stalGridIcons { background: #ebedef; width: 100%; clear: both; margin: -6px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default;
						 border-top-left-radius: 3px; border-top-right-radius: 3px; }

		.stalGrid { display: inline-block; height: 20px; font-size: 17px; opacity: 0.5; border-bottom: 0px; margin: 0 17px 0 0; padding: 0px; position: relative; cursor: pointer; }
				   
		.stalGrid:hover { opacity: 1; }
		.stalGrid.active { opacity: 1; }

		.stalGrid-left { }
		.stalGrid-center { }
		.stalGrid-right {  }				
		.stalGrid-justify { margin-right: 0px; }		



		/* background position grid */
		.backgroundSizeGridHeader { text-align: center; display: block; font-size: 10px; text-transform: uppercase; cursor: default; color: #afafaf; margin-top: 3px; }
		.backgroundSizeGrid { width: 100%; height: 65px; clear: both; margin: -6px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default; }

		.bgsGrid { background-image: url(../images/videobackground_preview.jpg); background-repeat: no-repeat; background-position: center center; 
				   display: inline-block; height: 59px; width: 59px; opacity: 0.5; border: 1px solid #4d4d4d; border-radius: 3px; margin: 0 17px 0 0; padding: 0px; position: relative; cursor: pointer; }
				   
		.bgsGrid:hover { opacity: 1; }
		.bgsGrid.active { opacity: 1; }
		.bgsGrid.active:before { content: '\f058'; font-family: FontAwesome; text-align: center; position: absolute; display: inline; font-size: 27px; color: #ffffff; margin: 0 auto; margin-left: -13px; margin-top: 9px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); }

		.bgsGrid-cover { background-size: cover; }
		.bgsGrid-contain { background-size: contain;  }
		.bgsGrid-auto { background-size: auto; margin-right: 0px; }				



		/* background position grid */
		.backgroundPositionGridHeader { background: #ebedef; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: center; display: block; font-size: 10px; text-transform: uppercase; cursor: default; color: #afafaf; margin-top: 3px; }
		.backgroundPositionGrid { width: 100%; height: 100px; clear: both; margin: -7px 0 3px 0; display: block; position: relative; bottom: -4px; z-index: 10; }
		
		.backgroundPositionGridBackground { opacity: 0.3; position: absolute; background-image: url(../images/videobackground_preview.jpg); background-repeat: no-repeat; background-position: center center; 
											width: 100%; left: 0; height: 100px; }

		.bgpGrid { float: left; height: 20px; width: 33.3%; border: 1px solid #e7e7e7; border-bottom: 0px; margin: 0px; padding: 0px; position: relative; cursor: pointer; }
		.bgpGrid:hover { background-color: rgba(255, 255, 255, 0.7); }
		.bgpGrid.active { background-color: rgba(0,0,0,0.5); box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) }
		.bgpGrid.active:before { content: '\f00c'; font-family: FontAwesome; text-align: center; position: relative; display: block; font-size: 13px; color: #ffffff; }

		.bgpGrid-left-top { border-top-left-radius: 3px; }
		.bgpGrid-right-top { border-top-right-radius: 3px; }

		.bgpGrid-left-bottom,
		.bgpGrid-center-bottom,
		.bgpGrid-right-bottom { border-bottom: 1px solid #4d4d4d; }
		
		.bgpGrid-right-top,
		.bgpGrid-right-25,		
		.bgpGrid-right-center,
		.bgpGrid-right-75,		
		.bgpGrid-right-bottom { width: 33.4%; }
		
		

		/* columns elements selector */
		.colMDHowToImage { margin: 7px 0 0 -30px; background-image: url(../images/icon_columns_howto.png); background-position: top center; background-repeat: no-repeat; background-size: 275px; width: 275px; height: 131px; display: block; }
		
		.colMDElementWrapper { margin-bottom: 17px; }
		.colMDElementWrapper .colMDElement.colMDElementSelected {  }
		.colMDElementWrapper .colMDElement.colMDElementMother { margin-right: 0px; }		
		.colMDElementWrapper .colMDElement.colMDElementMother.disabled { opacity: 0.2 !important; cursor: auto; }
		.colMDElementWrapper .colMDElement.colMDElementMother.disabled .fa { border-color: #b7b7b7; }

		.colMDElement { font-size: 15px; display: inline-block; width: 48%; opacity: 0.67; border: 1px solid #c7c7c7; border-bottom: 3px solid #c7c7c7; border-radius: 3px; margin: 7px 4% 0 0; padding: 12px 10px 7px 10px; 
						position: relative; cursor: pointer; text-align: center; } 
						
		.colMDElement:hover { opacity: 1; background-color: #fdfdfd; }

		.colMDElement.active { opacity: 1; color: #000000; background-color: #f7f7f7; border-bottom: 3px solid #4d4d4d; }

		.colMDElement.active:before { 	z-index: 5; content: '\f058'; font-family: FontAwesome; text-align: center; position: absolute; display: inline; font-size: 19px; color: #ffffff; 
										margin: 0 auto; margin-left: -2px; margin-top: -28px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); left: 0; right: 0; } 
										
		.colMDElement .fa { display: inline-block; border: 2px solid white; margin: 4px 0 7px 0; padding: 6px 10px 4px 9px;}
		.colMDElement span { font-size: 12px; line-height: 13px; display: block; font-weight: 400; }	


		.colMDElement.colMDElementSelected .fa { border-color: rgba(0, 0, 0, 0.27); color: #ff0000; }		
		.colMDElement.colMDElementMother .fa { border-color: #ff0000; color: rgba(0, 0, 0, 0.27); }				

		/*
		.colMDElement.colMDElementSelected.active .fa { border-color: rgba(0, 0, 0, 0.27); color: #ff0000; }		
		.colMDElement.colMDElementMother.active .fa { border-color: #ff0000; color: rgba(0, 0, 0, 0.27); }				
		*/

		/* columns options - col-md-1 to col-md-12 */
		.colMDGridWrapper { width: 227px; clear: both; margin: -6px 0 12px 0; display: block; position: relative; bottom: -4px; z-index: 10; text-align: center; cursor: default; }

		.colMDGrid { display: inline-block; height: 29px; width: 49px; opacity: 0.37; border: 1px solid #c7c7c7; border-radius: 3px; margin: 0 7px 0 0; padding: 0px; position: relative; cursor: pointer; }
		.colMDGridOff { display: block; height: 29px; width: 217px; opacity: 0.47; border: 1px solid #c7c7c7; border-radius: 3px; margin: 0 7px 8px 2px; padding: 0px; position: relative; cursor: pointer; line-height: 28px; font-size: 15px; font-weight: 300; }
		.colMDGridOff:hover { opacity: 1; }
		.colMDGridOff.active { opacity: 1; background-color: #4d4d4d; color: #ffffff; }		
		
		.colMDGrid:hover { opacity: 1; }
		.colMDGrid.active { opacity: 1; }

		.colMDGrid.active:before { 	z-index: 5; content: '\f058'; font-family: FontAwesome; text-align: center; position: absolute; display: inline; font-size: 15px; color: #ffffff; 
									margin: 0 auto; margin-left: -5px; margin-top: -13px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); } 

		.colMDGridWidth { 	padding: 0px; height: 27px; background-color: #b7b7b7; border-right: 1px solid #575757; 
							/*background-image: linear-gradient( to right top, transparent 33%, black 33%, black 66%, transparent 66%); background-size: 3px 3px;	*/
							}							
							
		.colMDGrid-12 { border-right: 0px; }

		.colMDGrid span { position: absolute; left: 0; right: 0; margin: 0 auto; font-size: 10px; margin-top: 5px; color: #000000; font-weight: 700; }
		
		

		/* columns options OFFSET - col-md-offset-1 to col-md-offset-12 */
		.colMDGridOffsetWrapper { display: inline-block; height: 29px; width: 49px; margin: 0 7px 3px 0; padding: 0px; position: relative; }

		.colMDGridOffset { overflow: hidden; height: 29px; width: 49px; border: 1px solid #c7c7c7; border-radius: 3px; cursor: pointer; }
		.colMDGridOffsetOff { display: block; height: 29px; width: 217px; opacity: 0.47; border: 1px solid #c7c7c7; border-radius: 3px; margin: 0 7px 8px 2px; padding: 0px; position: relative; cursor: pointer; line-height: 28px; }
		.colMDGridOffsetOff:hover { opacity: 1; }
		.colMDGridOffsetOff.active { opacity: 1; background-color: #4d4d4d; color: #ffffff; }		

		.colMDGridOffsetWrapper	{ opacity: 0.37; cursor: pointer; }		   
		.colMDGridOffsetWrapper:hover { opacity: 1; }
		.colMDGridOffsetWrapper.active { opacity: 1; }

		.colMDGridOffsetWrapper.active:before { z-index: 5; content: '\f058'; font-family: FontAwesome; text-align: center; position: absolute; display: inline; font-size: 15px; color: #ffffff; 
										 margin: 0 auto; margin-left: -7px; margin-top: -12px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); } 

		.colMDGridOffsetWrapper.colMDGridOffsetOff .colMDGridOffset { width: auto; height: auto; opacity: 1; margin: 0; border: 0px; display: block; line-height: 28px; font-size: 15px; font-weight: 300; }
		.colMDGridOffsetWrapper.colMDGridOffsetOff.active .colMDGridOffset { color: #ffffff; }
		.colMDGridOffsetWrapper.colMDGridOffsetOff.active:before { content: ''; }

		.colMDGridOffsetWidth.col-md-1 { }
		.colMDGridOffsetWidth { padding: 0px; height: 27px; background-color: #b7b7b7; }
		.colMDGridOffset {  }

		.colMDGridOffsetWrapper span { position: absolute; left: 0; right: 0; top: 0px; margin: 0 auto; font-size: 10px; margin-top: 6px; color: #000000; font-weight: 700; }


		
		
		
		/* elements direct modes menu */
		.elementDirectEditModes {
			background: #4d4d4d;
			border: 0px solid rgba(0, 0, 0, 0.07);
			box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 6px 0 1px rgba(0,0,0,.1);
			text-shadow: 1px 1px 2px #2b2b2b;
			color: #ffffff;
			/*position: absolute;*/
			height: 21px;
			border-radius: 0;
			padding: 0px;
			bottom: 65px;
			z-index: 1;
			left: 0px;
			width: 300px;
			cursor: pointer;
			white-space: nowrap;
		}
			
			/* icon wrapper */
			.elementDirectEditModes > div {
				display: inline-block;
				height: 20px; 
				float: left;
				color: #ffffff;
			}
			.elementDirectEditModes > div:hover {
				background: #626262;
			}	
			
				/* icons*/
				.EditElementIconStyles {
					margin: 5px 4px 5px 5px;
					padding: 0px;
					display: block;
					line-height: 12px;
					font-size: 11px;
					font-family: lato;
				}
				
				.EditElementIconStyles:before {
					color: rgba(255, 255, 255, 0.77);
					font-family: FontAwesome; 
					font-size: 12px; 
					margin-right: 3px;
				}
				.EditElementIconStyles:hover:before {
					color: rgba(255, 255, 255, 1);
				}		
				
				
					/* submenu */
					.addElementsDirectModeMenu {
						display:none; 
						font-size: 14px;
						font-family: Lato,Helvetica,Arial,sans-serif;
						position:absolute; 
						z-index:10; 
						background: #4d4d4d; 
						list-style:none;
						box-shadow: 0px -20px 57px rgba(0, 0, 0, 0.2), inset 0px 5px 17px rgba(0, 0, 0, 0.21); 
						list-style-type:none; 
						padding: 7px 0px; 
						margin: 0 auto;
						border-radius: 0px;
						border-bottom-right-radius: 0px; 
						border-bottom-left-radius: 0px; 		
						border: 1px solid rgba(0,0,0,0.4);
						border-bottom: transparent;
						bottom: 81px;						
						left: 0px;
						right: 0px;
						max-height: 70vh;
						max-height: calc(100vh - 170px);
						overflow-y: auto;						
					}
						.directAddElement:hover ul {
							display: block;
						}
						.addElementCopy:after {
							content: '';
							font-family: FontAwesome, Helvetica;
							margin-left: 7px;
							border: 1px solid transparent;
							border-radius: 3px;
							padding: 0px 5px;
							font-size: 9px;
							color: #d7d7d7;
							display: inline-block;
							top: -1px;
							position: relative;
							margin-bottom: -2px;							
						}						
						.addElementCopy.active:after {
							content: '\f192\a0\a0KOPIE VORHANDEN';
							border: 1px solid #a7a7a7;
						}
						.addElementCopy.activeCopy:after {
							content: '\f00c\a0\a0 ELEMENT KOPIERT';
							border: 1px solid #a7a7a7;
						}
						.addSubMenuWrapper.inactive,
						.addStyleInlineCSSPaste.inactive,
						.addElementPasteBefore.inactive, 
						.addElementPasteAfter.inactive, 
						.addElementReplace.inactive { opacity: 0.4; pointer-events: none; }

						.addDynamicSliderWrapper .fa-refresh.fa-spin,
						.addElementLink .fa-refresh.fa-spin,
						.removeElementLink .fa-refresh.fa-spin,
						.addGalleryMode .fa-refresh.fa-spin,
						.removeGalleryMode .fa-refresh.fa-spin,
						.addPopupOverlayWrapper .fa-refresh.fa-spin,
						.addElementWrapper .fa-refresh.fa-spin,
						.addElementWrapperRow .fa-refresh.fa-spin,
						.addElementWrapperContainer .fa-refresh.fa-spin,
						.addElementRemoveWrapper .fa-refresh.fa-spin,
						.addElementPasteBefore .fa-refresh.fa-spin,
						.addElementPasteAfter .fa-refresh.fa-spin,
						.addElementReplace .fa-refresh.fa-spin,
						.addElementSelectNextRow .fa-refresh.fa-spin,
						.addElementSelectNextContainer .fa-refresh.fa-spin,
						.addElementSelectNextElement .fa-refresh.fa-spin,
						.addElementFlexVerticalCenter .fa-refresh.fa-spin,
						.addElementFullSizeHeight .fa-refresh.fa-spin,
						.addElementFullSizeWidth .fa-refresh.fa-spin {
							display: none;
							font-size: 14px;
							margin-left: 2px !important;
							opacity: 0.7;	
						}
						
						.addDynamicSliderWrapper.pastingElement .fa-refresh.fa-spin,
						.addElementLink.pastingElement .fa-refresh.fa-spin,
						.removeElementLink.pastingElement .fa-refresh.fa-spin,
						.addGalleryMode.pastingElement .fa-refresh.fa-spin,
						.removeGalleryMode.pastingElement .fa-refresh.fa-spin,
						.addPopupOverlayWrapper.pastingElement .fa-refresh.fa-spin,
						.addElementWrapper.pastingElement .fa-refresh.fa-spin,
						.addElementWrapperRow.pastingElement .fa-refresh.fa-spin,
						.addElementWrapperContainer.pastingElement .fa-refresh.fa-spin,	
						.addElementRemoveWrapper.pastingElement .fa-refresh.fa-spin,	
						.addElementPasteBefore.pastingElement .fa-refresh.fa-spin,
						.addElementPasteAfter.pastingElement .fa-refresh.fa-spin,
						.addElementReplace.pastingElement .fa-refresh.fa-spin,
						.addElementSelectNextRow.pastingElement .fa-refresh.fa-spin,
						.addElementSelectNextContainer.pastingElement .fa-refresh.fa-spin,
						.addElementSelectNextElement.pastingElement .fa-refresh.fa-spin,
						.addElementFlexVerticalCenter.pastingElement .fa-refresh.fa-spin,
						.addElementFullSizeHeight.pastingElement .fa-refresh.fa-spin,
						.addElementFullSizeWidth.pastingElement .fa-refresh.fa-spin {
							display: inline-block;
							margin-top: -1px !important;
						}
						
					
					.addElementsDirectModeMenu li {
						font-size: 13px;
						line-height: 1em;
						text-align: left;
						padding: 5px 17px 5px 17px;
						white-space: nowrap;
						text-transform: none;				
					}
					
					
					/* delimiter */
					ul.addElementsDirectModeMenu li.elementDirectModeDelimiter { 
						height: 2px;			
						border-bottom: 2px solid rgba(255, 255, 255, 0.07);
						padding-bottom: 8px;
						margin-bottom: 7px;
						margin-left: 0px;
						text-align: left;
						font-size: 11px;
						text-transform: uppercase;
						letter-spacing: 3px;
						cursor: default;
						color: #a7a7a7;
						padding-top: 11px;
					}
					ul.addElementsDirectModeMenu li.elementDirectModeDelimiter:hover { 
						background-color: transparent !important;
						cursor: default;
					}	
					
					ul.addElementsDirectModeMenu .EditElementSubIconStyles {
						font-size: 13px;
						width: 13px;
					}					
						ul.addElementsDirectModeMenu li ul li.elementDirectModeDelimiter {
							margin-left: 3px;			
						}
						
							ul.addElementsDirectModeMenu li.elementDirectModeDelimiter.elementDirectModeDelimiterFirst { 
								padding-top: 1px;
							}
							ul.addElementsDirectModeMenu li.elementDirectModeDelimiter span {
								background: #4d4d4d;
								padding: 0 2px 0 5px;
								display: inline-block;
								margin-top: 4px;								
							}						

							
					
					.addElementsDirectModeMenu li:hover {
						background: #626262 !important;
					}
					
						/* icons*/
						.addElementsDirectModeMenu li i {
							margin: 0px 4px 0 0 !important;
						}
		
		
		/* Save, clone, reset, delete buttons */
		.closeBottom { margin-top: -4px; color: #000000; }
		.closeBottom:hover { background-color: #c9c9c9; }
		.BottomControlsFixed { position: fixed; bottom: 0px; z-index: 20; background: #dadada; width: 300px; padding: 0px; left: -300px; border-top: 6px solid rgba(0, 0, 0, 0.06); box-shadow: -30px -30px 50px rgba(0, 0, 0, 0.1); 
							   -webkit-transform: translateZ(0); transform: translateZ(0); }
		.BottomControls .btn { box-shadow: inset 7px 7px 17px 0px rgba(0, 0, 0, 0.04), 1px 1px 0px #ffffff; }
		.BottomControls .btn.closeBottom { box-shadow: inset 7px 7px 17px 0px rgba(0, 0, 0, 0.04); }
		
		.styleEditor .sideButtons { margin-bottom: 0px; box-shadow: 6px 0 1px rgba(0,0,0,.1); }
		
		.styleEditor #saveStyling,
		.styleEditor #cloneElementButton,
		.styleEditor #resetStyleButton,
		.sideButtons #removeElementButton,
		.styleEditor .closeBottom {
			width: 20%;
			border-radius: 0px;
			overflow: hidden;
			margin: 0px;
			height: 60px;
			font-size: 8px;
			padding: 0px;
		    background-color: #EAEAEA;
		    color: #7f8c9a;	
		    text-transform: uppercase;
		    padding-top: 4px;
		}
			.styleEditor #saveStyling:hover,
			.styleEditor #cloneElementButton:hover,
			.styleEditor #resetStyleButton:hover,
			.sideButtons #removeElementButton:hover,		
			.styleEditor .closeBottom:hover {
				background-color: #0064B4;	
				color: #ffffff;					
			}	
						
		.styleEditor #saveStyling i,
		.styleEditor #cloneElementButton span,
		.styleEditor #resetStyleButton i,
		.sideButtons #removeElementButton i,
		.styleEditor .closeBottom i {
			font-size: 19px;
			display: block;
			margin-top: 7px;	
			color: #34495E;	
					
		}	
			.styleEditor #saveStyling:hover i,
			.styleEditor #cloneElementButton:hover span,
			.styleEditor #resetStyleButton:hover i,
			.sideButtons #removeElementButton:hover i,
			.styleEditor .closeBottom:hover i {
				color: #ffffff;			
			}			
		.styleEditor #cloneElementButton span {
			font-size: 17px;
			margin-bottom: 2px;
		}	
		.styleEditor .closeBottom i {
			font-size: 21px;
			margin-bottom: -2px;
		}			
		.sideButtons  .btn-embossed.active, .btn-embossed:active {
			box-shadow: none;
		}
		
		
		/* symbol tab */
		.iconsize input { font-size: 13px; }
		
		/* help checkbox */
		.helpCheckboxWrapper { width: 100%; text-align: center; margin-top: 13px; border-top: 1px dashed #E4E4E4; padding-top: 17px; }
		.helpCheckbox { display: inline-block; margin-left: -10px; }
		.helpCheckbox label.iswitcherLabel { float: left; display: inline-block; font-size: 11px; margin-bottom: 3px; line-height: 12px; text-align: left; white-space: nowrap; padding-top: 7px; padding-right: 5px; }	
		.helpCheckbox label.iswitcher { display: inline-block; height: 25px; }
		
		/* help checkbox */
		.fullscreenCheckboxWrapper { width: 100%; text-align: center; margin-top: 0px; padding-top: 0px; padding-bottom: 20px; }
		.fullscreenCheckbox { display: inline-block; margin-left: -10px; }
		.fullscreenCheckbox label.iswitcherLabel { float: left; display: inline-block; font-size: 11px; margin-bottom: 3px; line-height: 12px; text-align: left; white-space: nowrap; padding-top: 7px; padding-right: 5px; }	
		.fullscreenCheckbox label.iswitcher { display: inline-block; height: 25px; }
				
		
		/* image library */
		#FreeImagesTab { padding-bottom: 15px; }
		#FreeImagesTab input { width: 70%; display: inline-block; margin-right: 5px; height: 35px; }
		#FreeImagesTab button { width: 20%; display: inline-block; height: 35px; background: #0064b4; line-height: 15px; margin-top: -2px; }		
	
		.webnerSiteBuilder #imageModal { width: 100%; }
		.webnerSiteBuilder #imageModal .modal-alerts.imageModalAlertsErrorThrow { border: 2px solid red; padding: 20px; margin-bottom: 30px; border-radius: 5px; }
		.webnerSiteBuilder #imageModal .modal-dialog { margin: 20px auto 30px; }
		.webnerSiteBuilder #imageModal .modal-dialog { width: 90%; max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: auto; border-radius: 3px; }
		.webnerSiteBuilder #imageModal .images .image { text-align: center }

		.images.uploadLibraryListing .image .buttons {
			display: none;
		}
		
		.images.uploadLibraryListing.tableview .image .buttons {
			display: inline-block;
		}		

		.images.uploadLibraryListing .image:hover .buttons {
			display: block;
			position: absolute;
			width: 247px;
			background-color: #f7f7f7;
			padding: 10px;
			padding-top: 0px;
			margin-left: -22px;
			margin-top: -1px;
			box-shadow: 0px 25px 25px rgba(0,0,0,0.15);
		}
		.images.uploadLibraryListing.donthideimageoptions .image:hover .buttons, .images.uploadLibraryListing.tableview .image:hover .buttons {
			position: relative;
			display: inline-block;
			width: auto;
			padding: 0;
			margin: 0;
			box-shadow: none;
			background-color: transparent;
			margin-top: 5px;
		}
		.images.uploadLibraryListing.donthideimageoptions .image:hover .buttons, .images.uploadLibraryListing.donthideimageoptions .image .buttons {
			display: block;
		}		
	
			/* Buttons insert, delete, view */
			.webnerSiteBuilder #imageModal .image button,
			.webnerSiteBuilder #imageModal .buttons a { 
				padding: 6px 7px 6px 7px; 
				width: 48% !important; 
				font-size: 12px; 
				font-weight: 400; 
				text-transform: uppercase; 
				float: left !important; 
				display: inline-block; 
				margin: 0px !important; 
				margin: 2px 1% !important; 
			}
			.webnerSiteBuilder #imageModal .uploadLibraryListing .image .buttons a {
				height: auto;
				font-size: 12px;
				padding: 6px 7px 6px 7px;
			}			
	
			/*.webnerSiteBuilder #imageModal .image button.useImage { font-size: 13px; padding: 5px 7px 7px 7px }*/
			.webnerSiteBuilder #imageModal .buttons a { height: 36px; padding: 5px 7px 4px 7px; width: 48% !important; font-size: 9px; }
	
			.webnerSiteBuilder #imageModal .image button span { display: block; font-size: 13px; margin-bottom: 5px; }
			/*.webnerSiteBuilder #imageModal .image button.useImage span { display: inline-block; margin-bottom: 0px; margin-top: 5px; }*/
			
			.webnerSiteBuilder #imageModal .image a span { display: block; font-size: 13px; margin-bottom: 5px; }
	
			#viewPic .modal-body { 
				text-align: center;
				background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
			}

			.importedImages {
				font-size: 17px; line-height: 60px; color: #7b7b7b; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;
			}


			/* tableview - lined details */
			.galleryview_scrolltochar {
				display: inline-block;
				font-size: 16px;
				text-transform: uppercase;
				font-weight: 500;
				line-height: 11px;
				position: relative;
				margin-left: 0px;
				top: 150px;
				position: fixed;
				left: 0px;
				width: 51px;
				background: rgb(247 247 247);
				padding-left: 10px;
				padding-top: 73px;
				padding-bottom: 7px;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				border: 1px solid #dddddd;
				border-left: 0px solid transparent;
				z-index: 10;
			}
			.scrollcharheader {
				font-size: 10px;
				text-transform: uppercase;
				text-align: left;
				width: 100px;
				height: 100px;
				display: block;
				top: -37px;
				left: 12px;
				opacity: 0.4;
				transform: rotate(-90deg);
				position: absolute;
				margin: 0;
				padding: 0;
			}

			.galleryview_scrolltochar ul {
				list-style-type: none;
				margin: 0;
				padding: 0;					
			}			
			.galleryview_scrolltochar ul li {
				list-style-type: none;
				display: inline-block;
				margin-right: 5px;
				padding: 6px 6px;
				border: 1px solid #e2e2e2;
				text-align: center;
				border-radius: 4px;
				cursor: pointer;
				width: 26px;
				height: 26px;
				line-height: 12px;
				margin-bottom: 5px;
			}
			.galleryview_scrolltochar ul li:hover {
				background-color: #e0e0e0;
			}			
									
			.libraryTableview, .libraryShowImageOptions {
				font-size: 15px;
				font-weight: 500;
				text-transform: uppercase;
				border: 1px solid rgba(0, 0, 0, 0.11);
				display: inline-block;
				padding: 9px 17px;
				border-radius: 2px;
				cursor: pointer;
				margin-bottom: -5px;		
			}
			#myImagesTab .libraryShowImageOptions {
			    background-color: #c0c0c0;
			}					
			.libraryTableview i, .libraryShowImageOptions i {
				margin-right: 7px;
			}
			.inlineGalleryHiddenPreview {
				display: none;
			}
			.uploadLibraryListing.tableview .inlineGalleryHiddenPreview.active {
				display: block;
				position: absolute;
				z-index: 2;
				box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.39);
				border: 3px solid white;
				margin-left: -2px;
				max-width: 350px;
				max-height: 350px;				
			}
			.uploadLibraryListing.tableview .inlineGalleryHiddenPreview.active image {
				height: auto;
				width: auto;				
			}
			.uploadLibraryListing.tableview .importedImages {
				font-size: 17px;
			}
			.uploadLibraryListing.tableview {
				
			}
			
			.uploadLibraryListing.tableview .image {
				width: 100%;
				display: block;
				margin: 0;
				border-radius: 0;
				border: 0;
				border-bottom: 0;
				border-left: 0;
				border-right: 0;
				border-top: 0;
				background-color: #f7f7f7;
				box-shadow: none;
				padding: 0;			
			}
			
			.uploadLibraryListing.tableview .image .imageWrap {
				width: 57px;
				height: 30px;
				display: inline-block;
				margin-left: 7px;
			}
			.uploadLibraryListing.tableview .inlineGalleryImageHolder {
				max-height: 30px;
				min-height: 30px;
				width: 50px;
				cursor: pointer;
			}
			
			.webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image {
				text-align: left;
			}
			.webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image.odd {
				background-color: #ffffff;
			}
			
			.uploadLibraryListing.tableview .imageWrapFileName {
				display: inline-block;
				font-size: 16px;
				font-weight: 500;
				height: 17px;
				line-height: 17px;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				max-width: calc(100% - 540px);				
			}
			.uploadLibraryListing.tableview .image .buttons {
				display: inline-block;
				white-space: nowrap;
				min-width: 440px;
				float: right;				
			}
			.uploadLibraryListing.tableview .letterheading {
				font-size: 17px;
				line-height: 25px;
				padding: 0px 5px;
				margin-top: 20px;
				margin-bottom: 2px;
				border-radius: 0px;
				border-left: 0;
				border-right: 0;    				
			}
			.uploadLibraryListing.tableview .imageFileWrap{
				text-align: left;
				display: inline-block;
				margin: -7px 20px 4px 19px;
				position: relative;
				transform: translate3d(1px, -6px, 0);
			}			
			.uploadLibraryListing.tableview .imageFileIcon .fa:before {
				font-size: 30px;
			}
			.webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image button span {
				display: inline-block;
			}
			.webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image button.useImage { font-size: 12px; font-weight: 400; }
			.webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image button.useImage span { display: inline-block; margin-bottom: 5px; margin-top: 0px; }		
			.webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image button, .webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .buttons a, .webnerSiteBuilder #imageModal .uploadLibraryListing.tableview .image button.useImage {
				width: 100px !important;
				height: 27px;
				display: inline-block;
			}


		/* image library mass upload */

		.multiFileUploadWrapper {
			display: none;
		}
		.multiFileUploadWrapper label {
			margin-top: 10px;
		}		
		.multiFileUploadWrapper .progressBar {
			background: none repeat scroll 0 0 #E0E0E0;
			left: 0;
			padding: 3px 3px;
			position: relative;
			width: 100%;
			margin-bottom: 20px;
			margin-top: 8px;
		}
		.multiFileUploadWrapper .progressBar .bar {
			background-color: #0064b4;
			width: 0%;
			height: 30px;
		}
		.multiFileUploadWrapper .progressBar .percent {
			display: inline-block;
			left: 0;
			position: absolute;
			text-align: center;
			top: 1px;
			width: 100%;
			color: white;
			font-weight: 500;
			font-size: 20px;
		}	
		.massUploadSingleFiles {
			width: 9%;
			width: calc(10% - 0px);
			width: 180px;
			display: inline-block;
			border: 1px solid #e1e1e1;
			border-radius: 4px;
			margin-left: 10px;
			margin-bottom: 11px;
			text-align: center;
			position: relative;
		}		
		.massUploadSingleFiles .massUploadSingleFilesImages {
			width: 180px;
			height: 180px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			image-orientation: none;
		}
		.massUploadSingleOrientation {
			font-size: 10px;
			text-transform: uppercase;
			font-weight: 400;
		}		
			.massUploadSingleFiles .massUploadSingleFilesImages.showOrientation[data-orientation='90'] {
				transform: rotate(-90deg);
			}
			.massUploadSingleFiles .massUploadSingleFilesImages.showOrientation[data-orientation='180'] {
				transform: rotate(-180deg);
			}
			.massUploadSingleFiles .massUploadSingleFilesImages.showOrientation[data-orientation='270'] {
				transform: rotate(-270deg);
			}
		.massUploadSingleFilesInfo {
			position: absolute;
			text-align: center;
			width: 100%;
			bottom: 0px;
			background-color: #0064b4;
			color: white;
			font-weight: 500;
			font-size: 12px;
			line-height: 15px;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			padding: 3px 5px 5px 5px;
			height: 35px;
			overflow: hidden;
			word-break: break-all;
		}
		.uploadTabSubNav {
			margin-left: -20px;
			margin-top: -20px;
			margin-right: -20px;
			margin-bottom: 20px;
			background: rgb(255,255,255);
			background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
			border-bottom: 1px solid #dddddd;	
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;			
		}
		.uploadTabSubNav small {
			font-size: 12px;
			line-height: 13px;
			display: block;
			margin-top: 2px;
		}		
		.activateUploadSingleImage, .activateUploadMassImage, #uploadMassFiles, #multiFiles {
			font-weight: 400;
			margin-right: 6px;
			margin-bottom: 15px;
		}
		.activateUploadSingleImage, .activateUploadMassImage {
			background-color: transparent;
			color: #aaaaaa;
			font-size: 20px;
			box-shadow: none;
			border-radius: 0px;
			border-bottom: 0px solid transparent;
			border-right: 1px solid #c8c8c8;
			margin: 0;
			margin-right: 0px;
			padding: 20px 20px 15px 20px;
			border-bottom: 4px solid transparent;
		}	
		button.activateUploadSingleImage:hover, button.activateUploadMassImage:hover {
			color: black;
			background: rgb(255,255,255);
			box-shadow: none;
		}		
		.activateUploadSingleImage.active, .activateUploadMassImage.active {
			color: black;
			background-color: #ffffff;
			box-shadow: none;
			margin-right: 0px;
			border-bottom: 4px solid #82b100;
		}			
		#uploadMassFiles span {
			font-weight: 400;
		}
		#uploadMassFiles {
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
			display: inline-block;
			height: 43px;
			opacity: 0.5;
			pointer-events: none;
		}
		#uploadMassFiles.active {
			background-color: #83b100;
			opacity: 1;
			pointer-events: all;
		}
		
		#multiFiles {
			background-color: #0064b4;
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
			font-weight: 400;
			letter-spacing: 1px;
			display: inline-block;
			height: 43px;				
		}
		.multiFileOptionWrapper {
			border: 1px solid #dddddd;
			padding: 0px 15px 15px 15px;
			margin: 0 0 10px 0;
			border-radius: 4px;
		}
		#uploadMassFilesChangePrefix {
			height: 33px;
			padding: 9px 15px 15px 15px;
			top: -1px;
			position: relative;			
		}
		.uploadMassFilesPrefix.disabled {
			opacity: 0.5;
			border: 2px dashed #0064b4;
			pointer-events: none;
		}		
		.multiFileOptionWrapperFirst {
			margin-top: 15px;
		}		
				


		/* favicon gallery */
		.pagesettings_favicon {
			width: 32px;
			height: 32px;
			background-size: 32px 32px;
			border: 2px dashed #0064b3;
			background-position: center;
			display: inline-block;
			top: 12px;
			position: relative;
			margin-right: 10px;	
		}
		body .modal .faviconsection label {
			line-height: 47px;
		}


		/* reImage */
		.reImageStartWrapper {
			text-align: center;
		}
		.reImageStartWrapper h1	{
			font-size: 27px;
		}
		.openPixabay,
		.openMediaManager {
			border: 1px solid #cacaca;
			padding: 2px 5px;
			margin: 0 5px;
			border-radius: 2px;
			cursor: pointer;
		}
		.reImageStartWrapper .fa-startwrapper.fa {
			font-size: 50px;
			line-height: 50px;
			margin-bottom: -27px;
			position: relative;
			display: block;
			margin-top: 20px;
		}
		.form-group-reImage {
			display: inline-block;
			margin: 0;
			float: left;
		}
		.reImagesWrapper {
			width: calc(100% - 292px);
			display: inline-block;			
		}
		#reImage {
			width: 100%;
			max-width: 100%;
			max-height: calc(100vh - 360px);
			width: auto;			
		}
		.reImageSettings {
			width: 270px;
			display: inline-block;	
			margin-left: 15px;	
			vertical-align: top;
			margin-top: 23px;	
		}
		.reImageSettings .reImageSettingsLoader {
			display: none;
			background-image: url(../images/loading.gif);
			background-size: contain;
			background-position: bottom center;
			background-repeat: no-repeat;
			width: 100%;
			height: 90px;
			text-align: center;
			text-transform: uppercase;
			font-weight: 500;
			letter-spacing: 2px;
			font-size: 11px;
			line-height: 13px;
		}
		.reImageSettings.loading > div, .reImageSettings.loading > span {
			display: none !important;
		}
		.reImageSettings.loading .reImageSettingsLoader {
			display: block !important;
		}		
		.reImageSettings .form-control, .reImageSettings .select2-search input[type=text] {
			font-size: 11px;
			font-weight: 700;
			padding: 4px 10px;
			height: 23px;    
		}
		.reImageSettings .progress, .reImageSettings .ui-slider {
			border-radius: 3px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;	
			margin-bottom: 0;		
		}
		.reImageSettings .ui-slider-horizontal .ui-slider-range {
			border-radius: 3px 0 0 3px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;			
		}
		#imageManipulationTab canvas
		{
			vertical-align: top;
		}
		.reImageOriginalWrapper {
			margin-top: 15px;
			font-weight: 500;
			text-transform: uppercase;
			margin-bottom: 13px;
			position: absolute;
			left: 41px;
			top: 35px;
			width: 17%;
			cursor: pointer;
			-o-transition: all 0.5s linear;
			-moz-transition: all 0.5s linear;
			-khtml-transition: all 0.5s linear;
			-webkit-transition: all 0.5s linear;
			-ms-transition: all 0.5s linear;
			transition: all 0.5s linear;
		}
		.reImageOriginalWrapper.minimized {
			width: 15px;
			height: 15px;
			margin-left: -36px;
			top: 25px;
			-o-transition: all 0.5s linear;
			-moz-transition: all 0.5s linear;
			-khtml-transition: all 0.5s linear;
			-webkit-transition: all 0.5s linear;
			-ms-transition: all 0.5s linear;
			transition: all 0.5s linear;
		}
		.reImageOriginalWrapper.minimized .reImageOriginalTitle {
			display: none;
		}
		.reImageOriginalWrapper.minimized #reImageOrig{
			border: 1px solid #c9c9c9;
			border-left: 1px solid #c9c9c9;
			border-bottom: 1px solid #c9c9c9;
			height: 15px;
			width: 15px;
			overflow: hidden;
			padding: 1px;
			box-shadow: none;	
			margin-top: -8px;	
		}
		
		#reImageOrig {
			position: relative;
			width: 100%;
			height: auto;
			border: 3px solid rgba(255, 255, 255, 0.38);
			margin: 0 0 0 -3px;
			border: 2px solid #ffffff;
			border-radius: 3px;
			padding: 0px;
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);			
		}
		.tab-pane .reImageSettings label {
			margin-bottom: -7px;
			margin-top: -5px;
			text-transform: uppercase;
			font-size: 13px;	
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;					
		}
		.reImageManipulatedWrapper {
			position: relative;
			border: 2px solid #bdc3c7;
			border-radius: 3px;
			padding: 4px;
			margin-top: 0px;	
			margin-bottom: 15px;
			text-align: center;
			min-height: 400px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
			overflow: auto;
			width: 100%;			
		}	
		#imageManipulationTab.crop-active .reImageManipulatedWrapper  {
			padding: 0;
			max-width: 100%;
			width: 100%;
			border: 0px;
		}
		.cropper-container {
			border: 2px solid #bdc3c7;
			border-radius: 3px;			
		}
		.reImageProgress {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgb(255, 255, 255);
			text-align: center;
			vertical-align: middle;		
			opacity: 0.8;	
		}	
		.reImageProgress img {
			vertical-align: middle;
			top: 40%;
			position: relative;
			display: block;
			margin: 0 auto;			
		}
		.reImageOriginalTitle {
			text-align: left;
			margin-bottom: -2px;
			letter-spacing: 2px;
			text-align: left;
			margin-bottom: -2px;
			letter-spacing: 2px;
			color: #ffffff;
			text-shadow: 1px 1px 1px black;					
		}
		.reImageManipulatedTitle {
			text-align: left;
			margin-bottom: -2px;
			letter-spacing: 2px;
			text-transform: uppercase;
			font-weight: 500;	
			user-select: none;						
		}
		.reImageManipulatedTitle label {
			display: inline-block;
			width: auto !important;
			top: -3px;
			position: relative;
		}		
		.reImageZoomInImage {
			margin-left: 20px;
		}
		.reImageZoomInImage, .reImageZoomOutImage, .reImageZoomResetImage {
			cursor: pointer;
			user-select: none;
			background: #eeeeee;
			border-radius: 3px;
			padding: 0 0 0px 0;
			width: 24px;
			height: 24px;
			position: relative;
			display: inline-block;
			line-height: 25px;
			text-align: center;
			top: -3px;
		}
		.reImageZoomFactor {
			font-size: 12px;
			top: -3px !important;
			left: 0px !important;			
			position: relative;
			font-weight: 400;
			cursor: ew-resize;	
		}		
		#Filters {
			margin-top: 10px;
		}
		#imageManipulationTab #PresetFilters {
			margin-bottom: 20px;
			margin-top: 10px;	
			margin-left: 15px;		
		}
		#imageManipulationTab #PresetFilters a {
			border: 1px solid rgba(0, 0, 0, 0.21);
			cursor: pointer;
			padding: 0px 5px 0px 5px;
			margin: 0 2px 2px 0;
			display: inline-block;
			border-radius: 2px;
			font-size: 11px;
			text-transform: uppercase;	
			font-weight: 400;	
		}
		#imageManipulationTab #PresetFilters a.active {
			background-color: #e7e7e7;
		}		
		.PresetTitle, .FiltersTitle, .PresetTitleInside, .SaveReImageTitle {
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 2px;
			border-bottom: 1px solid #dbdbdb;
			display: block;	
			margin-bottom: 10px;
		}
		.FiltersTitleInside {
			display: block;
			position: relative;
			padding-top: 20px;
			clear: both;			
		}
		#imageRotation {
			margin-bottom: 20px;
		}
		.reImageCrop, .reImageRotate-cw, .reImageRotate-cww, .reImageFlipX, .reImageFlipY {
			border: 1px solid #cfcfcf;
			padding: 10px 7px;
			position: relative;
			float: left;
			display: inline-block;
			width: 30%;
			width: calc(33% - 10px);
			margin-right: 5px;
			margin-left: 5px;
			font-size: 12px;
			line-height: 12px;
			text-align: center;
			text-transform: uppercase;
			font-weight: 500;
			border-radius: 3px;
			cursor: pointer;
			overflow: hidden;
			text-overflow: ellipsis;
			margin-bottom: 10px;
		}
		.reImageRotate-cww.disabled, .reImageRotate-cw.disabled {
			opacity: 0.4;
		}
		.reImageRotate-cww {
			margin-right: 0px;
		}
		.reImageFlipY .fa {
			transform: rotate(-90deg);
		}
		.reImageCrop .fa, .reImageRotate-cw .fa, .reImageRotate-cww .fa, .reImageFlipX .fa, .reImageFlipY .fa {
			font-size: 30px;
			display: block;
			text-align: center;	
			margin-bottom: 5px;		
		}
		.saveImageButton,
		.manipulateImageButton {
			margin-top: 14px;
			margin-bottom: -7px;
			margin-right: 15px;
			border-radius: 3px;
			text-transform: none;
			font-weight: 400;
			border: 2px solid rgba(0, 0, 0, 0.27);
			padding: 11px 13px 9px 13px;
			box-shadow: none !important;
			font-size: 15px;
			box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
			border: 0px solid transparent;
			border-bottom: 2px solid rgba(0, 0, 0, 0.4);
		}
		.saveImageButton span,
		.manipulateImageButton span {
			margin-right: 7px;	
		}		
		.saveImageButton {
			margin-top: 14px;
			background-color: #83b100;
		}
		.saveImageButton:hover {
			background-color: #79a400;
			border-color: #045951;			
		}
		.reImageSaveWrapper {
			margin-bottom: 20px; 
		}
		.reImageSaveWrapper .col-sm-12 {
			padding-left: 0px;	
		}
		.resetImageSettings {
			border: 1px solid rgba(0, 0, 0, 0.21);
			cursor: pointer;
			margin: 0px 0px 4px 0px;
			display: inline-block;
			border-radius: 3px;
			font-size: 16px;
			top: -5px;
			position: relative;
			font-weight: 400;
			float: right;
			border-bottom: 0px solid transparent;
			background-color: #d60000;
			color: white;
			text-transform: none;
			letter-spacing: 0px;
			border-bottom: 2px solid #00000029;
			line-height: 23px;
			padding: 2px 11px;
			margin-left: 10px;
			margin-bottom: -4px;	
		}
		.resetImageSettings:hover {
			opacity: 0.9;
		}
		.resetImageSettings .fa.fa-trash {
			margin-right: 7px;
			font-size: 15px;
		}
		.undorevert {
			-moz-transform: scale(-1, 1);
			-webkit-transform: scale(-1, 1);
			-o-transform: scale(-1, 1);
			-ms-transform: scale(-1, 1);
			transform: scale(-1, 1);			
		}
		.reImageFilenameWrapper {
			margin-bottom: 0px;
		}
		#reImageFilenameWrapper .reImageFilenameVal {
			margin-left: 0px;
			margin-bottom: 10px;
			font-size: 14px;
			height: 28px;
			margin-right: 20px;
			display: inline-block;
			width: 95%;
			max-width: 400px;
			color: black;
		}
		
			/* crop/resize */
			#imageManipulationTab.crop-active .reImageCrop {
				background: #e7e7e7;
			}
			.cropperWrapper {
				text-align: center;
			}
			.cropperPreviewWrapper {
				text-align: center;
				display: block;
				width: 99%;
				width: calc(100% - 15px);
				margin-top: 6px;
				margin-left: 5px;
				margin-right: 5px;
				margin-bottom: 7px;
				border: 1px solid #bdc3c7;
				border-radius: 3px;
				padding: 0px;
				overflow: hidden;
				max-height: 175px;
				/*min-height: 175px;*/
			}
			#reImageCropElement {
				margin-bottom: 20px;
				margin-left: 5px;
				display: inline-block;
			}
			#reImageCropAbort {
				display: inline-block;
				margin-bottom: 20px;
				margin-right: 10px;				
			}
			.cropperWrapper {
				display: none;
			}
			#imageManipulationTab.crop-active .cropperWrapper {
				display: block;
				text-transform: uppercase;
				font-size: 11px;
				font-weight: 400;
			}
			#imageManipulationTab.crop-active .cropperPreview {
				display: inline-block;
				overflow: hidden;
				width: 100%; 
				height: 200px;				
				max-height: 200px;
				position: relative;
				max-width: 100%;
				margin-bottom: -7px;
			}
			.reImageToggleOptions {
				cursor: pointer;
				font-family: arial;
			}
			.reImageToggleOptions:before {
				font-family: FontAwesome;
				font-size: 11px;
				line-height: 22px;
				top: -1px;
				position: relative;
				margin-right: 5px;				
			}
			.reImageToggleOptions.active:before {
				content: "\f078";
				top: -2px;
				margin-right: 2px;
			}
			.reImageResizeWidthVal,
			.reImageResizeHeightVal,						
			.reImageCropHeightVal,
			.reImageCropWidthVal {
				width: 67px;
				display: inline-block;
				top: -1px;
				position: relative;
				font-size: 14px;
				line-height: 14px;
				padding-top: 6px;
				margin-left: 3px;				
			}
				.cropWrapperLabel,
				.resizeWrapperLabel {
					font-size: 13px;
					line-height: 15px;
					margin-bottom: 10px;
					font-weight: 400;	
					text-align: left;
					text-transform: none;		
				}
				.reImageResizeProportionalWrapper {
					font-size: 13px;
					line-height: 15px;
					margin-bottom: 10px;
					font-weight: 400;
					margin-top: 5px;
					margin-bottom: 2px;
					display: block;
				} 
				#reImageResizeProportional {
					top: 2px;
					position: relative;					
				}
				#reImageResizeElement {
					margin-bottom: 20px;
					margin-top: 10px;
				}			

			/* reImage switchers */
			.PresetTitle.hide, #PresetFilters.hide, #Filters.hide {
				display: none;
			}
			.PresetFilterSwitcherBox	{ 
				width: auto !important; 
				display: inline-block;
				text-align: center;
				float: none; 
			}			
			.PresetFilterSwitcherBox label.iswitcher	{ 
				width: 45px !important;
				display: inline-block;
				float: left;
				margin-top: 1px;
				margin-bottom: -8px;
				margin-left: -5px;
				margin-right: 4px;
			 }
			.PresetFilterSwitcherBox div.iswitcherLabel { 
				display: inline-block;
				float: left;
				width: 100%;
				max-width: calc(100% - 45px);
				text-align: left;
				line-height: 22px;
				font-size: 12px;
				white-space: nowrap;
				overflow: visible;	
				text-transform: uppercase;			
			 }	


	
		/* editor sourcecode, reset, delete */
		.editorButtons button.btn { border-radius: 0px !important; }
		
		/* MODALS */
		
			/* SEO Modal */
			.pageSettingsModal .form-group label { line-height: 1.2em; }
		
		
			/* reprint */
			
			.reprintInfoHeader { display: inline-block; }
			
			#reprintModal .modal-body { overflow-y: scroll; }
			#reprintModal .modal-body p { line-height: 1.2em; }

			#reprintModal .rePRINTnotSupported { line-height: 1.3em; clear: both; }
			#reprintModal .rePRINTnotSupported a { color: #ba0000; }
			#reprintModal .rePRINTnotSupported a:hover { color: red; }
			#reprintModal .rePRINTnotSupported img { display: inline-block; float: left; margin-right: 30px; margin-top: 5px; margin-bottom: 20px; margin-left: 20px; }
		
			.reprintWrapper .modal-body p { line-height: 1.4em; }
			.reprintWrapper .optionPane h6 { margin-bottom: 27px; }
			.reprintWrapper .form-group-title { border-bottom: 1px solid #e0e0e0; padding-bottom: 7px; margin-bottom: 15px !important; }
			.reprintWrapper .form-group-title-first { margin-top: 15px; }			
			.reprintWrapper .form-group { margin-bottom: 0px; }
			.reprintWrapper .form-group .control-label { line-height: 1.2em; padding-left: 3px; }
			.reprintWrapper .control-label-description { padding-left: 3px; white-space: nowrap; height: 25px; }
			.reprintWrapper .rePRINT_xsign { width: 20px; display: inline-block; position: absolute; top: 30px; left: 100%; margin-left: -5px; }
			.reprintWrapper .ui-slider { background: #ffffff; }
			.reprintWrapper .ui-slider,
			.reprintWrapper .ui-slider-horizontal .ui-slider-range { 
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;				
			}
			
			.reprintWrapper .select-primary .select2-choice {
				color: #fff;
				background-color: #4d4d4d;
				border-color: #4d4d4d;				
			}
			
			.reprintWrapper .reprint-option-width,
			.reprintWrapper .reprint-option-height { margin-bottom: 20px; }
			.reprintWrapper .rePRINT_imagetext { display: none; white-space: nowrap; line-height: 1em; margin: 35px 0 0 0; }
			.reprintWrapper .rePRINT_imagetext label { line-height: 1em; }
			
			.reprintWrapper .select-primary .select2-choice.hover, 
			.reprintWrapper .select-primary .select2-choice:active, 
			.reprintWrapper .select-primary .select2-choice:focus, 


			.rePRINTruler { color: #4d4d4d; position: absolute; left: 0px; width: 100%; top: 0px; /*border-bottom: 1px dashed blue;*/ border-bottom: 3px dashed #c7c7c7; height: 0px; }	
			.rePRINTrulerInfo { position: absolute; right: -30px; width: 30px; overflow: hidden; background-color: #e1e0e0; text-align: center; margin-top: -35px; border-radius: 0px; padding: 3px 2px; }
			.rePRINTruler1 { border-bottom-color: transparent; }
			.rePRINTruler1 .rePRINTrulerInfo { margin-top: 0px; }
			
			.rePRINTrulerInfo .fa.fa-sliders { font-size: 20px; margin-top: 5px; cursor: pointer; margin-bottom: 7px; border-bottom: 3px solid #c7c7c7; padding-bottom: 7px; }
			.rePRINTrulerInfo .fa.fa-sliders:hover { color: #7f7f7f; }			
			
			.rePRINTrulerInfo .fa.fa-level-down,
			.rePRINTrulerInfo .fa.fa-level-up { font-size: 17px; margin-top: 5px; cursor: pointer; margin-bottom: 0px; padding-bottom: 7px; cursor: pointer; }
			.rePRINTrulerInfo .fa.fa-level-down:hover,
			.rePRINTrulerInfo .fa.fa-level-up:hover { color: #7f7f7f; }	


			.rePRINTruler span { font-size: 10px; line-height: 1.2em; display: block; }		
			.rePRINTruler span strong { font-size: 15px; }	
			.rePRINTruler span i { font-size: 11px; font-style: normal; display: block; margin-bottom: -1px; }
			.rePRINTruler .rePRINTrulermm { line-height: 0.9em; margin-top: 5px; margin-bottom: 5px; }

			/* reprint Modal */
			#reprintModal { width: 100%; }
			#reprintModal .modal-dialog { margin: 20px auto 30px; }
			#reprintModal .modal-dialog { width: 90%; max-width: 1100px; max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: scroll; border-radius: 3px; }
			#reprintModal .rePrintPopupInfo { font-size: 13px; line-height: 15px; text-align: center; margin-top: -4px; }
			#reprintModal .rePrintPopupInfo strong { color: #ba0000; font-weight: bold; }

			/* disabled autopagebreaking */
			.autopagingContainer,
			.rePRINTrulerInfo .pagebreakOnOff { display: none !important; }
			

			/* ftp/publishing modal */
			#siteSettings { width: 100%; }
			#siteSettings .modal-dialog { margin: 20px auto 30px; }
			#siteSettings .modal-dialog { width: 90%; max-width: 1100px; max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: scroll; border-radius: 3px; }
			
			
			.siteSettingsWrapper .dualline { line-height: 1.3em; }


			#siteSettings_license_verify { color: #008000; font-weight: bold; border: 2px solid #008000; }
			.licenseVerifiedFailed { color: #ff0000 !important; border: 2px solid #ff0000 !important; }

			.siteSettings_license_verify_title { color: #008000; font-weight: bold;  }
			.siteSettings_license_verify_title.licenseVerifiedFailed { color: #ff0000 !important; border: 0px solid #ff0000 !important; }

			#siteSettings_license { border: 2px solid #ff0000; }
			.siteSettings_license_title { color: #ff0000; font-weight: bold; }
			.siteSettings_license_title.licenseDomainValid { color: #008000 !important; border: 0px solid #008000 !important; }
			.licenseDomainValid { color: #008000; border: 2px solid #008000 !important; }

			.addLicenceDomainBeforeProceed { font-weight: bold; margin-top: 10px; display: none; }
			.addLicenceDomainBeforeProceed strong { color: #ff0000; }

			.hostingContainer ul.ftpnav { list-style: none; list-style-type: none; margin: 0px 0 -2px 0; padding: 0px; }
			.hostingContainer ul.ftpnav li { border-bottom: 2px solid #eeeeee; display: inline-block; padding: 5px 10px; border: 1px solid #dddddd; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #eeeeee; cursor: pointer; }
			.hostingContainer ul.ftpnav li.active { background: #fbfbfb; border: 1px solid #c7c7c7; border-bottom: 2px solid transparent; color: #000000; }
		
			.hostingContainer .optionPane { display: none; }
			.hostingContainer .optionPane.active { display: block; }			
		
			#siteSettingsInternalHosting .form-group { margin: 15px; }
			.siteDomainToRegister { background: #ffffff; padding: 15px 10px; border-radius: 3px; }

				/* publishing modal */
				#publishModal .modal-body .modal-body-content .optionPane h6 small { text-transform: none; }

				#publishModal .modal-dialog .modal-body-content {
					display: flex;
				}
				
				#publishModal .modal-dialog .modal-body-content > div:nth-child(1) {
					margin-right: 25px;
				}				

				#publishModal .modal-dialog {
					width: 80vw;
					width: calc(100vw - 120px);
					margin-top: 80px;
				}				


		/* linkBlock Modal */	
		#linkBlock { width: 100%; z-index: 1040; }
		#linkBlock .modal-dialog { width: 90%; margin: 0 auto; }
		
		#linkBlock .modal-body { overflow-y: scroll; }
		#linkBlock .modal-body p { line-height: 1.2em; }
		#linkBlock .modal-dialog { margin: 20px auto 30px; }
		#linkBlock .modal-dialog { max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: scroll; border-radius: 3px; }
		
		#linkBlock .modal-title { text-align: center; }
		
		#linkBlock .modal-dialog .linkBlockItems { text-align: center; }
		#linkBlock .modal-dialog .linkBlockItems li { display: inline-block; margin-right: 30px; margin-bottom: 30px; border-radius: 2px; box-shadow: 0 11px 50px rgba(0,0,0,0.17); }
		#linkBlock .modal-dialog .linkBlockItems li .zoomer-cover { border: 2px solid #4d4d4d;  border-radius: 2px; }
		#linkBlock .modal-dialog .linkBlockItems li .zoomer-loader { border: 2px solid #e7e7e7; }

		#linkBlock .modal-dialog li.linkBlockPageName small { font-size: 13px; font-weight: 300; text-transform: uppercase; letter-spacing: 7px; }
		#linkBlock .modal-dialog li.linkBlockPageName span { font-size: 25px; font-weight: 500; line-height: 20px; display: block; padding-bottom: 13px; top: -2px; }		
		#linkBlock .modal-dialog li.linkBlockPageName { display: block; text-align: center; font-size: 20px; font-weight: 500; background: #4d4d4d; color: #ffffff; margin-top: 40px; border-radius: 2px; }
		#linkBlock .modal-dialog li.linkBlockPageName:first-child { margin-top: 20px; margin-bottom: 50px;}
		#linkBlock .modal-dialog .linkBlockDescription { padding: 0 35px; text-align: center; }	
		
		

		/* copyBlock Modal */	
		#copyBlock { width: 100%; z-index: 1040; }
		#copyBlock .modal-dialog { width: 90%; margin: 0 auto; }
		
		#copyBlock .modal-body { overflow-y: scroll; }
		#copyBlock .modal-body p { line-height: 1.2em; }
		#copyBlock .modal-dialog { margin: 20px auto 30px; }
		#copyBlock .modal-dialog { max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: scroll; border-radius: 3px; }

		#copyBlock .modal-title { text-align: center; }

		#copyBlock .modal-dialog .copyBlockItems { text-align: center; }		
		#copyBlock .modal-dialog .copyBlockItems li { display: inline-block; margin-right: 30px; margin-bottom: 30px;  border-radius: 2px; box-shadow: 0 11px 50px rgba(0,0,0,0.17); }
		#copyBlock .modal-dialog .copyBlockItems li .zoomer-cover { border: 2px solid #4d4d4d; border-radius: 2px; }
		#copyBlock .modal-dialog .copyBlockItems li .zoomer-loader { border: 2px solid #e7e7e7; }

		#copyBlock .modal-dialog li.copyBlockPageName small { font-size: 13px; font-weight: 300; text-transform: uppercase; letter-spacing: 7px; }
		#copyBlock .modal-dialog li.copyBlockPageName span { font-size: 25px; font-weight: 500; line-height: 20px; display: block; padding-bottom: 13px; top: -2px; }		
		#copyBlock .modal-dialog li.copyBlockPageName { display: block; text-align: center; font-size: 20px; font-weight: 500; background: #4d4d4d; color: #ffffff; margin-top: 40px; border-radius: 2px; }
		#copyBlock .modal-dialog li.copyBlockPageName:first-child { margin-top: 20px; margin-bottom: 50px;}
		#copyBlock .modal-dialog .copyBlockDescription { padding: 0 35px; text-align: center; }				
		

		/* inlineEditor: Link Edit/add Modal */
		#iedEditLinkModal { width: 100%; z-index: 1040;  }
		#iedEditLinkModal .modal-dialog { width: 877px; margin: 0 auto; overflow-y: hidden !important;}
		
		#iedEditLinkModal .modal-content { overflow-y: auto; }
		
		#iedEditLinkModal .modal-body { overflow-y: scroll; }
		#iedEditLinkModal .modal-body p { line-height: 1.2em; }
		#iedEditLinkModal .modal-dialog { margin: 20px auto 30px; }
		#iedEditLinkModal .modal-dialog { max-height: 96%; max-height: calc(100% - 40px); overflow: hidden; overflow-y: scroll; border-radius: 3px; }

		#iedEditLinkModal .modal-dialog .iedLinkOptions { margin-top: 20px; float: none; clear: both; }
		#iedEditLinkModal .modal-dialog .iedLinkOptions #searchServerFiles { height: 41px; }

		#iedEditLinkModal .modal-dialog .iedLinkOptions .iedLinkWrapperProtocol { padding-right: 0px; }		
		#iedEditLinkModal .modal-dialog .iedLinkOptions .iedLinkWrapperProtocol .select2-container a { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }				

		#iedEditLinkModal .modal-dialog .iedLinkOptions .iedLinkWrapperURL { padding-left: 0px; padding-right: 0px; }		
		#iedEditLinkModal .modal-dialog .iedLinkOptions .iedLinkWrapperURL #iedLinkURL { height: 42px; border: 1px solid #bdc3c7; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }				

		#iedEditLinkModal .modal-dialog .iedLinkOptions .iedLinkWrapperServerButton { padding-left: 7px; }						
		#iedEditLinkModal .modal-dialog .iedLinkOptions .iedLinkWrapperServerButton i { margin-right: 5px; font-size: 19px; top: 2px; position: relative; }

		#iedEditLinkModal .modal-dialog .iedEmailOptions { margin-top: 20px; display: none; float: none; clear: both; }		
		#iedEditLinkModal .modal-dialog .iedLinkMainSettings { float: none; clear: both; }

			#iedEditLinkModal .modal-dialog .iedLinkMainSettings .sp-replacer { width: 100%; height: 31px; height: 41px; border-radius: 3px; }
			#iedEditLinkModal .modal-dialog .iedLinkMainSettings .sp-replacer .sp-preview { width: 90%; width: calc(100% - 16px); height: 31px; border-radius: 3px; }
			#iedEditLinkModal .modal-dialog .iedLinkMainSettings .control-label { white-space: nowrap; }

			#iedEditLinkModal .modal-body p { line-height: 1.4em; }
			#iedEditLinkModal .optionPane h6 { margin-bottom: 27px; }

			#iedEditLinkModal .form-group-title { border-bottom: 1px solid #e0e0e0; padding-bottom: 7px; margin-bottom: 15px !important; }
			#iedEditLinkModal .form-group-title-first { margin-top: 15px; }			
				#iedEditLinkModal .modal-dialog .iedLinkOptions .form-group-title { font-size: 17px; }
				#iedEditLinkModal .modal-dialog .iedEmailOptions .form-group-title { font-size: 17px; }		


			#iedEditLinkModal .form-group { margin-bottom: 0px; }
			#iedEditLinkModal .form-group .control-label { line-height: 1.2em; padding-left: 3px; }

			#iedEditLinkModal .form-group .multiselect, 
			#iedEditLinkModal .form-group .select { min-width: auto; }

			#iedEditLinkModal .select-primary .select2-choice {
				color: #fff;
				background-color: #4d4d4d;
				border-color: #4d4d4d;				
			}
	
		
		
		/* ACE code editor .ace */
		.ace_search_field { color: #000000; }
		.ace_search.right { left: 50px; }
		.ace_selected-word { background: rgba(190, 0, 0, 1); }

		/* inline-editor - modal browser not supported */
		#browserNotSupported .modal-body { text-align: center; padding: 35px 20px }
		#browserNotSupported .modal-body button { width: 157px; padding: 10px 0 16px 0; }
		#browserNotSupported .modal-body button img { height: 100px; width: auto; margin-bottom: 7px; }
		#browserNotSupported .modal-body a { margin-right: 25px; }
		#browserNotSupported .modal-body a:last-child { margin-right: 0px; }	



		/* ied inline editor */
		.inlineEditorToolbar {
			z-index: 777; 
			text-align: center; 
			position: absolute;	
			border-top: 1px solid #e7e7e7;
			border-bottom: 1px solid #e7e7e7;
			border-left: 1px solid #e7e7e7;
			border-right: 1px solid #e7e7e7;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			background-color: rgba(255, 255, 255, 1);	
			padding: 2px 5px 5px 5px;	
			box-shadow: inset 0px -1px 15px rgba(0,0,0,0.1), 0px -3px 100px rgba(0,0,0,0.5);					
		}
		.inlineEditorToolbar:after {
			content: "";
			width: 45px;
			height: 22px;
			background: url(../images/inlineeditor_arrow_down.png) center bottom no-repeat #ffffff;
			right: 0px;
			left: 0px;
			bottom: -21px;
			position: absolute;
			display: block;
			margin: 0 auto;
			background-color: transparent;			
		}

		.iedDelimiter {
			border-right: 4px solid #e7e7e7;
			padding-right: 12px;
			margin-right: -1px;
			display: inline;		
		}
		.iedHeading { 
			font-size: 8px;
			text-transform: uppercase;
			display: inline-block;
			position: relative;
			top: -2px;
			line-height: 7px;
			text-align: left;
			color: #777777;
			padding: 0 1px 0 2px;
		}
		.iedHeadingTwoLine { 
			font-size: 8px;
			text-transform: uppercase;
			display: inline-block;
			position: relative;
			top: 1px;
			line-height: 7px;
			text-align: left;
			color: #777777;
			padding: 0 1px 0 2px;
		}		

		.inlineEditorToolbar > button,
		.iedMainMenu {
			color: #000000;
			background-color: transparent;
			border: 2px solid transparent;
			opacity: 1;
			width: 30px;
			height: 27px;
			border-radius: 3px;
			padding: 0px;
			display: inline-block;
			margin-right: 1px;
			margin-bottom: 1px;
			font-weight: normal;
		}
		.inlineEditorToolbar > button:hover,
		.inlineEditorToolbar > button.active,
		.iedMainMenu:hover,
		.iedMainMenu.active {
			background: #4d4d4d;			
			border: 2px solid rgba(0, 0, 0, 0.07);
			box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
			border-bottom: 2px solid rgba(0, 0, 0, 0.1);
			color: #ffffff;									
		}		
		.iedFirstIcon {
			margin-left: -3px;
		}

		.iedSecondIcon {
			font-size: 12px;
			position: absolute;
			margin-top: -2px;
			margin-left: -1px;
		}

		.iedFixed {
			position: absolute;
			left: 0px;
			margin: -6px 0px 0 -1px;
			font-size: 12px;
			cursor: pointer;
			text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.03);
			color: #ffffff;
			background: #000000;
			width: 16px;
			height: 13px;
			border-top-left-radius: 4px;
			border-bottom-right-radius: 4px;
			opacity: 0.3;
		}
		.iedFixed:hover {
			opacity: 0.7;	
		}
		.iedFixed > i {
			padding: 0px;
			margin: 1px 0 0 -1px;
			display: block;
		}
							
		/* Disabled, maybe enable in future */
		.iedClose, .iedFixed { display: none; }
			
		.iedClose {
			position: absolute;
			right: 0px;
			margin: -6px -1px 0 0px;
			font-size: 13px;
			cursor: pointer;
			text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.03);
			color: #ffffff;
			background: #000000;
			width: 16px;
			height: 13px;
			border-top-right-radius: 4px;
			border-bottom-left-radius: 4px;	
			opacity: 0.3;
		}
		.iedClose:hover {
			opacity: 0.7;
		}
		.iedClose > i {
			padding: 0px;
			margin: 0px;
			display: block;
		}
			/*
			.iedClose .fa-circle {
				color: #000000;
			}		
			.iedClose .fa-times-circle {
				color: #ffffff;
			}	
			.iedClose .fa-stack {
				width: 1em;
				height: 1em;
				line-height: 1em;				
			}			
			*/
			
			/* fixed toolbar */
			.inlineEditorToolbar.FixedInlineEditorToolbar {
				position: fixed;
				bottom: 0px !important;
				width: 100% !important;
				left: 0 !important;
				top: auto !important;
				z-index: 1000 !important;
				border-radius: 0px !important;
			}	

				/* not fixed */
				.inlineEditorToolbar .iedFixed {
					border-top-left-radius: 0px;
					margin-top: -2px;
				}
				.inlineEditorToolbar .iedClose {
					border-top-right-radius: 0px;
					margin-top: -2px;
				}		

					/* only fixed */		
					.inlineEditorToolbar.FixedInlineEditorToolbar .iedFixed {
						border-top-left-radius: 0px;
						margin-top: -3px;
					}
					.inlineEditorToolbar.FixedInlineEditorToolbar .iedClose {
						border-top-right-radius: 0px;
						margin-top: -3px;
					}	
						
			
			
		
		/* mainmenu */	
		.iedMainMenu {
			width: auto;
			height: 30px;
			padding: 1px 12px 0 12px;
			cursor: pointer;
			margin-right: -2px;
		}
				/* not fixed toolbar */
				.inlineEditorToolbar .iedMainMenu {
					display: none; /* dont show menues when not fixed */
				} 	
				.inlineEditorToolbar .iedDelimiterOnlyFixed {
					display: none;
				}						
				/* fixed toolbar */
				.inlineEditorToolbar.FixedInlineEditorToolbar .iedMainMenu {
					display: inline-block; /* show menues only when fixed */
				} 
				.inlineEditorToolbar.FixedInlineEditorToolbar .iedDelimiterOnlyFixed {
					display: inline-block;
				}	
				

			/* LATER context menu 
			.iedContextMainMenu {
				z-index:1000;
				position: absolute;
			}			
			.iedContextMainMenu ul.iedMainSubmenu {
				display: block;
			}
			*/
									
		
		.iedMainMenu:hover {
			background: #404040;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}		
		.iedMainMenu.active {
			background: #404040;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
			border-bottom: 2px solid transparent;
			position: relative;
			z-index: 10;
			box-shadow: inset 0px 10px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
		}
			/* fixed toolbar */
			.inlineEditorToolbar.FixedInlineEditorToolbar .iedMainMenu.active {
				background: #474747;
				border-top-right-radius: 0px;
				border-top-left-radius: 0px;
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px;
				box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
			} 		
		
		.iedMainMenu > i {
			margin-right: 5px			
		}
		
		.iedMenuDelimiter { 
			height: 2px;			
			border-bottom: 2px solid rgba(255, 255, 255, 0.07);
			padding-bottom: 8px;
			margin-bottom: 7px;
			margin-left: 7px;
			text-align: left;
			font-size: 11px;
			text-transform: uppercase;
			letter-spacing: 3px;
			cursor: default;
			color: #a7a7a7;
			padding-top: 11px;
		}
		
		ul.iedMainSubmenu li ul li.iedMenuDelimiter {
			margin-left: 3px;			
		}
		
			.iedMenuDelimiter.iedMenuDelimiterFirst { 
				padding-top: 0px;
			}
			.iedMenuDelimiter span {
				background: #4d4d4d;
				padding: 0 2px 0 7px;
			}
			
				/* submenu delimiter */
				
				.iedMainSubmenu.open li .iedMenuDelimiter.iedMenuDelimiterFirst {
					margin-top: 7px;
				}
				
				.iedMainSubmenu.open li .iedMenuDelimiter {
					margin-top: 10px;
					margin-bottom: 9px;
				}

				.iedMainSubmenu.open li .iedMenuDelimiter span {
					position: absolute;
					margin: -6px 0 0 -11px;
					text-align: left;
					font-size: 11px;
					text-transform: uppercase;
					letter-spacing: 3px;
					cursor: default;
					color: #a7a7a7;					
				}				
		
		
		.iedMenuDelimiter:hover { 
			background: transparent !important;
		}		
		
		
		/* submenu */
		
		.iedMainSubmenu {
			display: inline-block;			
		}

			.iedMainSubmenu {
				display: none;
				font-weight: 100;
			}
			
			.iedMainSubmenu li button {
				color: #000000;
				background-color: transparent;
				border: 2px solid transparent;
				opacity: 1;
				height: 27px;
				border-radius: 3px;
				padding: 0px 12px;	
				text-align: left;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 237px;				
			}
			
			.iedMainSubmenu li button i {
				margin-right: 7px;
				width: 11px;
				text-align: center;						
			}
			
							
				.iedMainSubmenu.open {
					display: block;
					position: absolute;
					list-style-type: none;
					padding: 7px 0px 7px 0px;
					margin: 1px 0 0 -14px;
					background: #4c4c4c;
					min-width: 250px;
					text-align: left;
					box-shadow: inset 0px 17px 11px 0px rgba(0, 0, 0, 0.17), 0px 10px 20px rgba(0, 0, 0, 0.07);
					border-bottom-left-radius: 4px;
					border-bottom-right-radius: 4px;
					border-top-right-radius: 4px;
				}
				
					/* fixed toolbar */
					.inlineEditorToolbar.FixedInlineEditorToolbar .iedMainSubmenu.open {
						bottom: 28px;
						border-bottom-left-radius: 0px;
						border-bottom-right-radius: 4px;
						border-top-right-radius: 4px;
						border-top-left-radius: 4px;	
						box-shadow: inset 0px -17px 11px 0px rgba(0, 0, 0, 0.17), 0px 0px 20px rgba(0, 0, 0, 0.07);
					} 
				
				.iedMainSubmenu.open li button {
					color: #c7c7c7;
					text-shadow: 1px 1px 2px #2b2b2b;
				}			
		
				.iedMainSubmenu.open li:hover {		
					background: rgba(255, 255, 255, 0.07);
				}
		
				.iedMainSubmenu.open li:hover button {
					color: #ffffff;
				}
				
				
					/* 2nd level ELEMENTS */
					.iedMainSubmenu.open li ul {					
						display: none;	
					}
					
					.iedMainSubmenu.open li:hover ul {					
						margin-left: 277px;
						display: inline-block;
						position: absolute;
						list-style-type: none;
						padding: 7px 12px;
						margin: -7px -12px 0 -3px;
						background: #4d4d4d;
						min-width: 277px;
						text-align: left;
						box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 0px 10px 20px rgba(0, 0, 0, 0.07);
						border-bottom-left-radius: 4px;
						border-bottom-right-radius: 4px;
						border-top-right-radius: 4px;	
						z-index: -1;								
					}	
					
					.iedMainSubmenu.open li ul li {					
						padding: 3px 12px; 
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						margin-right: -12px;
						line-height: 20px;											
					}	
					.iedMainSubmenu.open li ul li i {					
						margin-right: 7px;
						margin-left: 7px;								
					}	
					ul.iedMainSubmenu.open li ul li {
						color: #c7c7c7 !important;
					}			
			
					ul.iedMainSubmenu.open li ul li:hover {
						color: #ffffff !important;
					}	
					
					
						/* 3rd level */
						.iedMainSubmenu.open li ul li ul {					
							display: none !important;	
							min-width: 240px;
						}
						
						.iedMainSubmenu.open li ul li:hover ul {					
							display: inline-block !important;
							margin: -9px 0 0 63px;
							z-index: -2;							
						}											
		
		
					/* 2nd level HR Styles */		
					.iedMainSubmenu.iedMainSubmenuLineStyles.open li ul,
					.iedMainSubmenu.iedMainSubmenuLineStyles.open li:hover ul {
						bottom: 0px;
						margin: -5px -12px 0 13px;
						border-bottom-left-radius: 0px;
						border-bottom-right-radius: 4px;
						border-top-left-radius: 4px;						
						border-top-right-radius: 4px;	
						height: 550px;
						padding: 7px 0px;
						overflow-x: hidden;
						overflow-y: scroll;		
					}
					.iedMainSubmenu.iedMainSubmenuLineStyles.open:hover {
						border-top-right-radius: 0px;
						border-bottom-right-radius: 0px;
					}
						.iedMainSubmenu.iedMainSubmenuLineStyles .iedMenuDelimiter {
							letter-spacing: 3px;
						}
					
						

					/* LATER for white background version 
					.iedMainSubmenu.iedMainSubmenuLineStyles.open li ul.iedMainSubmenuLightLineStyles,
					.iedMainSubmenu.iedMainSubmenuLineStyles.open li:hover ul.iedMainSubmenuLightLineStyles {					
						background: #ffffff;
						box-shadow: inset 50px 0px 77px 0px rgb(64, 64, 64), 0px 10px 20px rgba(0, 0, 0, 0.07);
					}
					*/
					
						.iedMainSubmenu.iedMainSubmenuLineStyles.open li ul.iedMainSubmenuLightLineStyles li:hover {		
							background: rgba(255, 255, 255, 0.77);
						}	
						
					.iedMainSubmenu.iedMainSubmenuLineStyles.open li ul li {
						padding: 3px 32px 3px 20px;
					}
					
					
					/* colorpicker in toolbar */
					.inlineEditorToolbar .spectrumSpacer {
						margin-right: 13px;
						margin-left: 1px; 
					}
					
					.inlineEditorToolbar .sp-replacer,
					.inlineEditorToolbar .sp-replacer:hover {
						border-color: transparent;
						background: transparent;
						padding: 0;
						margin: -3px 0 0 -7px;
					}
					.inlineEditorToolbar .sp-preview {
						height: 17px;
						width: 20px;
						border: 1px solid #d7d7d7;
					}
					.inlineEditorToolbarColorPicker.sp-container {
						background: #4c4c4c;
						box-shadow: inset 0px 17px 11px 0px rgba(0, 0, 0, 0.17), 0px 10px 20px rgba(0, 0, 0, 0.07);
						border: 0px;
						border-radius: 4px;
						border-bottom-left-radius: 0px;
					}
					.inlineEditorToolbarColorPicker.sp-container .sp-palette-container {
						border-right: 2px solid #292929;
					}		
					
						.inlineEditorToolbarColorPicker.sp-container .sp-cancel,
						.inlineEditorToolbarColorPicker.sp-container .sp-cancel:hover {
							color: #ffffff !important;
							margin-right: 15px;
						}
						.inlineEditorToolbarColorPicker.sp-container .sp-button-container button
						.inlineEditorToolbarColorPicker.sp-container .sp-button-container button:hover {
							border-radius: 2px;
							background-color: #1b1b1b;
						}	
						
						
					/* inline editor pulldowns */
					.iedSelectBox {
						display: inline-block;
						border: 1px solid #e5e5e5;
						position: relative;
						width: 47px;
						height: 24px;
						margin-top: 5px;
						margin-right: 4px;
						box-shadow: inset 0 -2px 5px rgba(255, 255, 255, 0.4);
						border-radius: 4px;
						/*
						border-top-left-radius: 0px;
						border-bottom-left-radius: 0px;
						*/
						line-height: 14px;


						/*
						background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
						background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7));
						background: -moz-linear-gradient(#ffffff, #e7e7e7);
						background: -webkit-linear-gradient(#ffffff, #e7e7e7);
						background: linear-gradient(#ffffff, #e7e7e7);
						*/
					}
					
					.iedSelectBox:hover {
						background: #4d4d4d;			
						box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
						text-shadow: none;
						color: #ffffff;						
					}
						.iedSelectBox:hover:after {
							border-color: #ffffff transparent transparent transparent;				
						}					
					
					
					.iedSelectBoxIcon {
						margin: 0px 0px 0 6px;
						border: 0px solid #e5e5e5;
						border-top-left-radius: 4px;
						border-bottom-left-radius: 4px;
						border-right: 0px;
						padding: 6px 3px 0px 3px;
						display: inline-block;
						position: relative;
						line-height: 12px;
						font-size: 12px;
						color: #9e9e9e;
						height: 24px;
					}
					
					.iedSelectBox.iedSelectBoxLastBox {
						margin-right: 10px;
					}
					.iedSelectBox, .iedSelectBox > * {
						cursor: pointer;
					}
					.iedSelectBox select {
						-moz-box-sizing: content-box;
						-webkit-box-sizing: content-box;
						box-sizing: content-box;
						background: transparent;
						border: 0;
						outline: 0;
						text-shadow: none;
						padding: 2px 0 2px 8px;
						font-size: 12px;
						width: 100%;
						height: 20px;
						-webkit-user-select: none;
						-moz-user-select: -moz-none;
						-ms-user-select: none;
						user-select: none;
						-webkit-appearance: none;
						-moz-appearance: radio-container;
						appearance: none;
					}

					.iedSelectBox:after {
						content: '';
						width: 0;
						position: absolute;
						right: 7px;
						top: 50%;
						margin-top: -3px;
						border-width: 6px 4px;
						border-style: solid;
						pointer-events: none;
						border-color: #656565 transparent transparent transparent;
					}
					.iedSelectBox input[type='range']::-moz-focus-outer {
						border: 0;
						outline: none !important;
					}
					
						/* font family select */
						.iedStandardPulldownMenu {
							margin-top: 0px;
							top: 3px;							
						}
						.iedStandardPulldownMenu.open {
							border-top-right-radius: 0px;
							background: #4d4d4d;
							color: #ffffff;
						}						
						.iedStandardPulldownMenu .activeItem {
							overflow: hidden;
							white-space: nowrap;
							margin-top: 5px;
							font-size: 12px;
							margin-left: 3px;
							line-height: 14px;
							text-align: left;
						}
						.inlineEditorToolbar.FixedInlineEditorToolbar .iedStandardPulldownMenu ul.iedMainSubmenu.open {
							bottom: 22px;
							margin-left: 0px;
							z-index: 10;
							max-height: 600px;
							overflow-x: hidden;
							overflow-y: auto;														
						}
							
							.iedStandardPulldownMenu ul.iedMainSubmenu.open li {
								padding: 7px 10px 7px 10px;
								bottom: 22px;
								color: #ffffff;
								font-weight: normal;
								text-shadow: 1px 1px 0 #000000;
								border-bottom: 1px solid rgba(255, 255, 255, 0.07);
								white-space: nowrap;	
								font-size: 17px;
								line-height: 18px;						
							}	
							.iedStandardPulldownMenu ul.iedMainSubmenu.open li.active {
								background: rgba(255, 255, 255, 0.27);
							}							
						
						.iedSelectBox.iedSelectBoxFonts { 
							width: 77px;
						}					
						.iedSelectBox.iedSelectBoxFonts:after {
							border-color: transparent;
						}
						.iedSelectBox.iedSelectBoxFonts select {
							padding: 2px 0 2px 0px;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: 40px;							
						}
						
					@media (min-width: 2100px) {
						.iedDoubleLineItems { display: none; }						
					}					

					#iedFontColor, #iedBackground { margin: -3px 0 0 -7px; display: inline-block; width: 37px; height: 19px; border: 1px solid transparent; outline: none; }
					
								
		

					/* HR line styles - same must be in webnerfects.css */
					body hr.lineStyle1 { border: 0;  height: 1px; position: relative; margin: 30px 0; }
						body hr.lineStyle1:before { top: -0.5em; height: 1em; }
						body hr.lineStyle1:after { content:''; height: 0.5em; top: 1px; }

						body hr.lineStyle1:before, body hr.lineStyle1:after { content: ''; position: absolute; }
						
						body hr.lineStyle1, body hr.lineStyle1:before {
							background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 75%);
							background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(75%,rgba(0,0,0,0)));
							background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
							background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
							background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
							background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
						}
						body hr.lineStyle1:after { background: #f4f4f4; }		
		
		
					body hr.lineStyle2 { border: 0; height: 1px; padding: 0px !important; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
		
					body hr.lineStyle3 { border: 0; border-bottom: 1px dashed #ccc; padding: 0px !important; background: #999; }
		
					body hr.lineStyle4 { margin-bottom: 10px; height: 12px; padding: 0px !important; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
		
					body hr.lineStyle5 { border: 0; height: 0; padding: 0px !important; box-shadow: 0 0 10px 1px black; } 
						body hr.lineStyle5:after { content: "\00a0"; }
		
					body hr.lineStyle6 { border: 0; height: 0; padding: 0px !important; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
		
					body hr.lineStyle7 { margin-top: 30px; margin-bottom: 0px; height: 30px; padding: 0px !important; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } 
						body hr.lineStyle7:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }
						
					body hr.lineStyle8 { margin-top: 30px; margin-bottom: 0px; height: 30px; padding: 0px !important; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } 
		
					body hr.lineStyle9 { border-top: 1px solid transparent; margin-top: 32px; } 
						body hr.lineStyle9:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }
		
					body hr.lineStyle10 { padding: 0px !important; border: 0;  height: 1px;  background-image: -webkit-linear-gradient(left, #f0f0f0, #878787, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #878787, #f0f0f0); 
										  background-image: -ms-linear-gradient(left, #f0f0f0, #878787, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #878787, #f0f0f0); }
					
					body hr.lineStyle11 { padding: 0px !important;  background-color: #fff; border-top: 2px dotted #878787; }
					
					body hr.lineStyle12 { padding: 0px !important; border-top: 1px solid #878787; border-bottom: 1px solid #fff; }
					
					body hr.lineStyle13 { padding: 0px !important; border-top: 1px solid #878787; border-bottom: 1px solid #fff; }
						body hr.lineStyle13:after { content: ''; display: block; margin-top: 2px; border-top: 1px solid #878787; border-bottom: 1px solid #fff;  }
					
					body hr.lineStyle14 { padding: 0px !important; border-top: 1px dashed #878787; border-bottom: 1px dashed #fff; }
					
					body hr.lineStyle15 { padding: 0px !important; border-top: 1px dotted #878787; border-bottom: 1px dotted #fff; }
					
					body hr.lineStyle15 { padding: 0px !important; height: 10px; border: 0; box-shadow: 0 10px 10px -10px #878787 inset; }
					
					body hr.lineStyle16 { padding: 0px !important; height: 10px; border: 0; box-shadow: 0 10px 10px -10px #878787 inset; }

					/* icons, we disable it here
					body hr.lineStyle17 { border: none; border-top: medium double #333; padding: 0px !important; color: #333; text-align: center; } 
						body hr.lineStyle17:after { content: "\00A7"; display: inline-block; position: relative; top: -24px; font-size: 27px; padding: 0 0.25em; background: #ffffff; }
										
					body hr.lineStyle18 { padding: 0px; border-top: 4px double #878787; text-align: center; color: #333; }
						body hr.lineStyle18:after { content: '\002665'; display: inline-block; position: relative; top: -24px; padding: 0 10px; background: #ffffff; font-size: 26px; }

					body hr.lineStyle19 { padding: 0px; border-top: 4px double #878787; text-align: center; color: #333; }
						body hr.lineStyle19:after { content: '\002702'; display: inline-block; position: relative; top: -24px; padding: 0 10px; background: #ffffff; font-size: 26px; }
					*/
					
					body hr.lineStyle17 { padding: 0px !important; border-top: 1px dashed #878787; }
					
					body hr.lineStyle18 { padding: 0px !important; border-top: 1px dotted #878787; }
					
					body hr.lineStyle19 { padding: 0px !important; background-color: #fff; border-top: 2px dashed #878787; }
					
					body hr.lineStyle20 { border: 0; height: 1px; padding: 0px !important; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }
					
					body hr.lineStyle21 { padding: 0px !important; border-top: 1px solid #878787; }
					
					body hr.lineStyle22 { padding: 0px !important; border-top: 3px double #878787; }
					




				/* HR Div lines with icons - Default  - same must be in webnerfects.css */
					.ied_HRStyles_IconDelimiter {
						clear: both;
						display: block;
						width: 100%;
						position: relative;
						height: 20px;
						margin: 30px 0 30px 0;
						white-space: nowrap;
					}	
					
					/* line left */
					.ied_HRStyles_IconDelimiter .iedHRID_Left {
						width: 45%;
						width: calc(50% - 50px);
						display: inline-block;
						float: left;
						height: 0px;
						position: relative;
						border-bottom: 2px solid #575757;
					}
					

					/* line right */					
					.ied_HRStyles_IconDelimiter .iedHRID_Right {
						width: 45%;
						width: calc(50% - 50px);
						display: inline-block;
						float: left;
						height: 0px;
						position: relative;
						border-bottom: 2px solid #575757;
					}												
					
					/* middle icon */
					.ied_HRStyles_IconDelimiter .iedHRID_Middle {
						width: 10%;
						width: calc(200px - 100px);
						display: inline-block;
						float: left;
						white-space: nowrap;
						position: relative;
						text-align: center;
					}
						/* icon */
						.ied_HRStyles_IconDelimiter .iedHRID_Middle  i {
							font-size: 60px;
							margin: 0 auto;
							margin-top: -30px;
						}
						
					/* style 1 */
					.ied_HRStyles_IconDelimiter.lineIconStyle1 {
						margin: 90px 0 60px 0;
					}	
						
						
					/* style 2 */
					.ied_HRStyles_IconDelimiter.lineIconStyle2 {
						margin: 90px 0 75px 0;
					}
						.ied_HRStyles_IconDelimiter.lineIconStyle2 .iedHRID_Middle {
							border: 2px solid #575757;
							height: 100px;
							margin-top: -50px;						
						}
						.ied_HRStyles_IconDelimiter.lineIconStyle2 .iedHRID_Middle i {
							margin-top: 13px;
							font-size: 70px;			
						}
						
						
					/* style 3 */
					.ied_HRStyles_IconDelimiter.lineIconStyle3 {
						margin: 90px 0 75px 0;
					}
						.ied_HRStyles_IconDelimiter.lineIconStyle3 .iedHRID_Middle {
							border: 2px solid #575757;
							height: 100px;
							margin-top: -50px;	
							background: #575757;					
						}
						.ied_HRStyles_IconDelimiter.lineIconStyle3 .iedHRID_Middle i {
							margin-top: 13px;
							margin-left: 4px;
							font-size: 70px;	
							color: #ffffff;		
						}									
						
						
						
					/* style 4 */
					.ied_HRStyles_IconDelimiter.lineIconStyle4 {
						margin: 90px 0 75px 0;
					}
						.ied_HRStyles_IconDelimiter.lineIconStyle4 .iedHRID_Middle {
							border: 2px solid #575757;
							height: 100px;
							margin-top: -50px;
							border-radius: 50px;						
						}
						.ied_HRStyles_IconDelimiter.lineIconStyle4 .iedHRID_Middle i {
							margin-top: 16px;
							font-size: 70px;
							border-radius: 50px;			
						}		
						
						
						
					/* style 5 */
					.ied_HRStyles_IconDelimiter.lineIconStyle5 {
						margin: 90px 0 75px 0;
					}
						.ied_HRStyles_IconDelimiter.lineIconStyle5 .iedHRID_Middle {
							border: 2px solid #575757;
							height: 100px;
							margin-top: -50px;
							border-radius: 50px;
							background: #575757;						
						}
						.ied_HRStyles_IconDelimiter.lineIconStyle5 .iedHRID_Middle i {
							margin-top: 16px;
							font-size: 70px;
							border-radius: 50px;
							color: #ffffff;				
						}							
	
					/* style 6 - with image */
					.ied_HRStyles_IconDelimiter.lineIconStyle6 {
						margin: 90px 0 75px 0;
					}
						.ied_HRStyles_IconDelimiter.lineIconStyle6 .iedHRID_Middle {
							border: 2px solid #575757;
							height: 100px;
							margin-top: -50px;

							background-image: url(/elements/templatedata/images/team1.jpg); /* ATTENTION: diferent path in webnerfects.css */
							background-repeat: no-repeat;
							background-position: center center;
							background-size: cover;
							background-attachment: scroll;		
						}
					
					/* style 7 - with image */
					.ied_HRStyles_IconDelimiter.lineIconStyle7 {
						margin: 90px 0 75px 0;
					}
						.ied_HRStyles_IconDelimiter.lineIconStyle7 .iedHRID_Middle {
							border: 2px solid #575757;
							height: 100px;
							margin-top: -50px;
							border-radius: 50px;

							background-image: url(/elements/templatedata/images/team1.jpg); /* ATTENTION: diferent path in webnerfects.css */
							background-repeat: no-repeat;
							background-position: center center;
							background-size: cover;
							background-attachment: scroll;		
						}	

						
						
		

				/* HR line styles - only for Builder/InlineEditor Specific | DO NOT COPY TO webnerfects.css  */
					body ul.iedMainSubmenuLineStyles li ul li hr.lineStyle17:after { top: -12px; }
					body ul.iedMainSubmenuLineStyles li ul li hr.lineStyle18:after { top: -12px; }					
					body ul.iedMainSubmenuLineStyles li ul li hr.lineStyle19:after { top: -10px; }										
		
		
		
/*=======================================================
                     MENUES
=========================================================*/

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	color: #83b100; 
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #abda29; 	
}

.menu .second { left: 210px; }


.menu .toggle {
	background: none repeat scroll 0 0 #0064b4;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	top: 80px;
	right: -49px;	
}
.menu .toggle i {
	margin-right: 7px;
}


.menu .main {
	background: none repeat scroll 0 0 #0064b4;
	box-shadow: inset 62px 0px 107px rgba(0,0,0,0.5), 0px -3px 50px rgba(0,0,0,0.5);	
}

.screen .start {
	overflow: auto;
}

.screen .frameWrapper.empty,
.screen .frameWrapper #pageList ul {
	min-height: 120px
}
.screen .frameWrapper #pageList ul:after {
  content: "";
  display: table;
  clear: both;
}

.screen .start > span {
	background: transparent;
	border-radius: 2px; 
	box-shadow: none;
	width: 100%;
	padding: 0px;
}
.help_start_step_1 { 
	background: url(../images/help_start_step1.png) 0 0 no-repeat;
	width: 170px;
	height: 138px;
	top: 0px;
	left: 0px;
    position: fixed;
    top: 131px;
    left: 25px;
    z-index: 10;	
}
.help_start_right,
.help_start_left { 
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17), 1px 1px 0px rgba(0, 0, 0, 0.14);	
}

.navbar-inverse {
	background-color: #0064b4;
}
.chosen-container, .chosen-container-single .chosen-single {
	font-size: 1.1em;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #83b100;
}

body .sp-container button, body .sp-container button:hover {
	background-color: #83b100;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: #83b100;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color: #83b100;
}
.navbar-inverse .navbar-nav>.open>.dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav>.open>.dropdown-menu>li>a:hover {
	background-color: #83b100;
	border-radius: 0px;	
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-top-color: #ffffff;
    border-bottom-color: #ffffff;	
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
	border-top-color: #83b100;
    border-bottom-color: #83b100;	
}
.btn-primary.active, .btn-primary.hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	background-color: #0064b4;	
	border-color: #c7c7c7;
}

.btn-primary, .btn-primary-image {
	background-color: #83b100;	
}

.btn-primary-file {
	background-color: #0064b4;	
	line-height: 1em;
	height: 32px;
	color: #ffffff;
	font-size: 13px;	
}
.btn-primary-file:hover {
	background-color: #83b100;		
}

.btn {
	/*box-shadow: inset 1px 1px 10px 0px rgba(0, 0, 0, 0.15), 1px 1px 0px rgba(231, 231, 231, 0.5);*/
    line-height: 1;
}
.btn:hover {
	/*box-shadow: inset 7px 7px 17px 0px rgba(0, 0, 0, 0.15), 1px 1px 0px rgba(255, 255, 255, 0.7);*/
}


	/* Modals general - short descriptions */
	.ModalShortDescriptionContent { display: block; padding-top: 0px; margin-top: -1px; margin-bottom: 10px; margin-top: -10px; margin-left: 25px; padding-right: 10px;
								   line-height: 1.2em; font-size: 13px; font-weight: normal; font-style: italic; text-align: justify; color: #979797; }
	.ModalShortDescriptionContent:before { content: '\f05a'; font-family: FontAwesome; position: absolute; margin-left: -25px; font-size: 23px; color: #B3BBC3; background: #ffffff; font-style: normal;  }

	.modal-header .close { outline: none; }
	.modal-header .close span:first-child {
		font-size: 35px;
		top: -10px;
		position: relative;
	}

	/* dark version 
	.modal-backdrop.in { background: rgba(0, 0, 0, 0.8); box-shadow: 0px 10px 30px #000000, inset 0px 0px 150px #000000; }
	.modal-dialog .modal-content { box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17), 0px -3px 50px rgba(0,0,0,0.7); }
	*/

	/* white version */
	.modal-backdrop.in { background: rgba(255, 255, 255, 0.97); /*box-shadow: 0px 10px 30px #ffffff, inset 0px 0px 150px #ffffff;*/ }
	body .modal-dialog { 
		overflow-y: auto; 
		max-height: 90vh; 
		margin: 20px auto 30px;
		max-height: calc(100vh - 40px); 
		border-top: 1px solid rgb(222, 222, 222); 
		border-bottom: 1px solid rgb(222, 222, 222); 
		border-radius: 7px; 
		border: 1px solid rgb(222, 222, 222); 
		/* border: 1px solid #cacaca; box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px -3px 177px rgba(0,0,0,0.27);*/ }
	
	.modal-dialog .modal-content { 	
		/*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07), 0px -37px 177px rgba(0,0,0,0.1); */ 
		border-radius: 10px; 
		border: 1px solid rgba(0,0,0,0.13); 
		border-bottom: 1px solid rgb(202, 202, 202); 
		border-left: 1px solid rgba(255, 255, 255, 0.17); 
		border-right: 1px solid rgba(255, 255, 255, 0.17); 
		border-top: 1px solid white; 
	}

	.modal-dialog .modal-content { color: #4d4d4d; }
	.modal-dialog .modal-title { color: #4d4d4d; text-transform: uppercase; font-size: 27px; }
	.modal-dialog .modal-title [class*=fui-],
	.modal-dialog .modal-title [class^=fui-] { font-size: 24px; margin-right: 3px; }
	.modal-dialog .optionPane h6 { font-weight: 100; text-transform: uppercase; }
	.modal-dialog .optionPane { border: 1px solid #c7c7c7; box-shadow: inset 0px 20px 77px rgba(255,255,255,1), 1px 1px 0px #ffffff; }
	.modal-dialog .modal-footer { /*box-shadow: inset 0px -1px 77px rgba(0,0,0,0.17);*/ }
	.text-primary { color: #4d4d4d; }


	/* Video help menu */
	/*.navbar-helpvideo { display: none; }*/
	.webnerSiteBuilder .navbar-helpvideo { display: block; cursor: pointer; }

	.helpVideoFrameCover { width: 150px; height: 100px; display: none; }

	.videoIconMarker { position: absolute; z-index: 999999999; color: #ffffff; background: rgba(0, 0, 0, 0.77); } 
	.playlistIconMarker { width: 37px; height: 37px; border: 2px dashed red; overflow: visible; white-space: nowrap; padding-left: 37px; padding-top: 37px; text-shadow: 0 0 17px #000000; font-size: 27px; }
	.fullscreenIconMarker { width: 37px; height: 37px; border: 2px dashed red; overflow: visible; white-space: nowrap; padding-left: 37px; padding-top: 37px; text-shadow: 0 0 17px #000000; font-size: 27px; }	

	.navbar-helpvideo > li > a { background: #2b2b2b; width: 70px; height: 68px; }
	.navbar-helpvideo > li > a.dropdown-toggle:focus,
	.navbar-helpvideo > li > a.dropdown-toggle:hover { background: #2b2b2b; }

	.navbar-helpvideo > li > a > i { text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); font-size: 37px; margin: 0px; padding: 8px 0 0 19px; position: absolute; top: 0; left: 0; }
	.navbar-helpvideo > li > a > span { text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); position: absolute; border: 0; display: block; bottom: 2px; width: 100%; text-align: center; left: 0; right: 0; font-size: 11px;} 

		/* video categories in modal */
		#videoModal ul.videoCategories { display: block; text-align: center; list-style: none; list-style-type: none; margin: 0px 0px -2px -17px; padding: 0px; }
		#videoModal ul.videoCategories li .fa { margin-right: 5px; }
		#videoModal ul.videoCategories li { color: #474747; text-shadow: 1px 1px rgba(255, 255, 255, 0.52); font-weight: 400; border-bottom: 2px solid #eeeeee; display: inline-block; padding: 5px 10px 5px 10px; border: 1px solid #dddddd; 
											opacity: 0.57; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #eeeeee; cursor: pointer; }
		#videoModal ul.videoCategories li:hover { opacity: 1; }
		#videoModal ul.videoCategories li.active { opacity: 1; font-weight: 400; box-shadow: inset 0 17px 17px rgba(0, 0, 0, 0.07); background: #ffffff; border: 1px solid #c7c7c7; border-bottom: 2px solid transparent; color: #000000; }
		#videoModal ul.videoCategories li.active:hover { opacity: 1; }
	
		#videoModal .optionPane { display: none; }
		#videoModal .optionPane.active { display: block; }			

		#videoModal .close { margin-top: 1px; font-size: 19px; }
		
		#videoHelpFullscreenToggle { color: #828282; outline: none; border: 0px; right: 31px; position: absolute; top: 54px; font-size: 11px; background: transparent; font-weight: 400; text-transform: uppercase; z-index: 99; }	     
		#videoHelpFullscreenToggle:hover { color: #000000; }
		#videoHelpFullscreenToggle i { margin-right: 7px; }
        
		#videoHelpFullscreenToggle { }

		/* submenu */
		.navbar-inverse .navbar-nav.navbar-helpvideo>.open>.dropdown-menu { width: 417px; padding: 2px 10px; }		
		.navbar-helpvideo .dropdown-menu li { width: 97px; display: inline-block; cursor: pointer; }	
		.navbar-helpvideo .dropdown-menu li a { text-align: center; font-size: 12px; line-height: 14px; font-weight: normal; }		

		.navbar-inverse .navbar-nav.navbar-helpvideo>.open>.dropdown-menu>li>a { padding: 6px 9px 9px 9px; margin: 7px 0; }
		.navbar-helpvideo .dropdown-menu li i { font-size: 27px; display: block; margin-bottom: 7px; margin-top: 3px; }
		.navbar-helpvideo .dropdown-menu > li span {  } 
		.navbar-helpvideo .dropdown-menu > li span.dline { height: 30px; display: inline-flex; }

		.navbar-helpvideo .dropdown-menu li.helpVideoFullEntry { width: 100%; }
		.navbar-helpvideo .dropdown-menu li.helpVideoFullEntry i { font-size: 37px; }
		.navbar-helpvideo .dropdown-menu li.helpVideoFullEntry strong { text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 21px; }		
		.navbar-helpvideo .dropdown-menu li.helpVideoFullEntry span.dline { display: inline-block; height: auto; }


		.navbar-inverse .navbar-nav.navbar-helpvideo > .open > .dropdown-menu > li > a:focus,
		.navbar-inverse .navbar-nav.navbar-helpvideo > .open > .dropdown-menu > li > a:hover { background-color: #5f5f5f; }
	
			/* menu divider */
			.navbar-inverse .navbar-nav.navbar-helpvideo > .open > .dropdown-menu > .videoDivider { background-color: rgba(255, 255, 255, 0.22); height: 2px; width: 100%; display: block; margin-left: 0px; margin-top: 7px; }	
			.navbar-inverse .navbar-nav.navbar-helpvideo > .open > .dropdown-menu > .videoDividerFirst { margin-top: 17px; }	
			.navbar-inverse .navbar-nav.navbar-helpvideo > .open > .dropdown-menu .videoDividerTitle { 	position: absolute; display: inline-block; margin-top: -8px; background: #0064B4; padding: 0 2px 0 6px;

																										margin-left: 7px; text-transform: uppercase; letter-spacing: 3px; font-size: 10px; color: #ababab; } 	
			/* menu switcher to disable all videos */
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher { display: block; text-align: center; border-top: 2px solid rgba(255, 255, 255, 0.2); width: 100%; margin: 0 0 9px 0; padding: 7px 0 0 5px; }
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher.disableAssistanceSwitcher { margin-bottom: 42px; }
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher.disableAssistanceSwitcher .helpVideoSwitcherBox { width: 100%; }
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher .helpVideoSwitcherBox { width: 400px; overflow: hidden; }
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher .iswitcher i { box-shadow: inset 0 0 0 2px rgb(225, 228, 231); }
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher .iswitcher :checked + i { padding-right: 0; padding-left: 20px; text-align: left;
																								box-shadow: inset 0 0 0 2px rgb(225, 228, 231), inset 0 0 40px #4d4d4d; 
																								-webkit-box-shadow: inset 0 0 0 2px rgb(225, 228, 231), inset 0 0 40px  #4d4d4d; } 				
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher .iswitcher i:before { background: #e1e4e7; }			
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher .iswitcher :checked + i:after	{ color: rgb(77, 77, 77); }
			.navbar-helpvideo .dropdown-menu li.disableVideosSwitcher .iswitcherLabel { color: #e1e4e7; top: -17px; font-size: 12px; line-height: 12px; white-space: nowrap; }
	
		/* Video help modals */	
		.helpVideoSwitcherBox { height: 25px; margin-top: 6px; }
		.helpVideoSwitcherBox .iswitcherLabel { position: relative; top: -3px; margin-left: 3px; }
		.helpVideoSwitcherBox .iswitcher :checked + i:after { margin: -20px 0 0 3px; }
		.helpVideoSwitcherBox { }

		#videoModal iframe { box-shadow: 0px 0px 50px rgba(0,0,0,0.2); border: 1px solid #d7d7d7; }
		#videoModal .modal-dialog .modal-header { padding-bottom: 0px; }
		#videoModal .modal-dialog .modal-title { color: #e7e7e7; font-size: 37px; line-height: 22px; display: inline-block; margin-left: 19px; top: 11px; left: 5px; position: absolute; }
		
		#videoModal .helpVideoCounter { font-size: 14px; line-height: 16px; margin-top: -18px; margin-bottom: 10px; text-align: center; }
		#videoModal .helpVideoCounter span { color: #b70000; }		

		@media (max-height: 900px) {
			.modal-footer .col-md-10 > div { width: 100% }
			.modal-footer .col-md-2 { margin-left: -37px; }
		}		

	/* Summernote editor */
	#editContentModal .modal-backdrop { height: 100% !important; }
	#editContentModal .modal-dialog { box-shadow: none; width: 777px; max-height: 95%; max-height: calc(100% - 70px); /*height: 95%; height: calc(100% - 70px);*/ overflow-x: hidden; overflow-y: auto; margin: 40px auto 120px; }
	#editContentModal .modal-content { width: 757px; border: 1px solid #c7c7c7; box-shadow: inset 0px -1px 77px rgba(0,0,0,0.07); }	
	.note-editor.note-frame { border: 1px solid #E2E2E2; border-radius: 3px; }
	.note-popover .popover-content, 
	body .note-editor .panel-heading.note-toolbar { background-color: #D0D0D0 !important; }
	body .note-editor .panel-default>.panel-heading,
	body .note-editor .panel-heading { border-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
	body .note-editor .dropdown-menu>li>a { padding: 0px 16px !important; margin: 0px !important; }
	body .note-editor .dropdown-menu>li>a h1,
	body .note-editor .dropdown-menu>li>a h2,
	body .note-editor .dropdown-menu>li>a h3,
	body .note-editor .dropdown-menu>li>a h4,
	body .note-editor .dropdown-menu>li>a h5,
	body .note-editor .dropdown-menu>li>a h6,
	body .note-editor .dropdown-menu>li>a blockquote,
	body .note-editor .dropdown-menu>li>a p,
	body .note-editor .dropdown-menu>li>a pre { padding: 0px 16px !important; margin: 3px 0px !important; }
	#editContentModal input[type=checkbox]:active, #editContentModal input[type=checkbox]:focus, #editContentModal input[type=checkbox]:hover { -webkit-appearance: checkbox; }
	#editContentModal .note-editor .checkbox label { line-height: 20px; }	

	#pasteHTMLorPLAIN .modal-dialog { width: 777px; }
	#pasteHTMLorPLAIN .modal-footer { text-align: center; padding: 35px 20px }
	#pasteHTMLorPLAIN .modal-footer button { margin-right: 25px; }
	#pasteHTMLorPLAIN .modal-footer button:last-child { margin-right: 0px; }	
	#pasteHTMLorPLAIN .modal-footer button i { font-size: 77px; margin-bottom: 15px; margin-top: 7px; }
	#pasteHTMLorPLAIN .modal-footer button small { line-height: 1em; font-weight: normal; margin-top: 5px; display: block; font-size: 11px; }

	/* footer */
	.footerEditorDescription { display: inline-block; text-align: left; left: 0px; position: absolute; padding: 13px 25px; margin: -20px 0 0 0; font-size: 14px; line-height: 25px; }
	.keysample { font-size: 12px; opacity: 0.57; border: 1px solid rgba(0, 0, 0, 0.3); padding: 2px 7px; border-radius: 2px; }
	.key-return { background-image: url(../images/icon_keyboard_enter.png); background-position: 2px -2px; background-repeat: no-repeat; background-size: 22px; padding-left: 25px; }
	.key-shift { background-image: url(../images/icon_keyboard_shift.png); background-position: 2px -2px; background-repeat: no-repeat; background-size: 20px; padding-left: 23px; }	


	/* popups */
	.note-link-popover { display: none !important; }
	.popupViewingTimeWrapper, .popupViewingElementWrapper, .popupRepeatsTimeWrapper {
		display: none;
		margin-top: -20px;
	}

	/* Buttons */
	.note-editor .btn,
	.popover-content .btn {
		background: #ffffff;
		color: #000000;
		border: 1px solid rgba(0, 0, 0, 0.23);
	}
		/*hover*/
		.note-editor .btn:hover,
		.popover-content .btn:hover  {
			background: #0064b4;
			color: #ffffff;
		}
			/*active*/
			.note-editor .btn.active,
			.popover-content .btn.active  {
				box-shadow: inset 7px 7px 17px 0px rgba(0, 0, 0, 0.38), 1px 1px 0px rgba(231, 231, 231, 0.5);
				background-color: #0064b5;
				color: #ffffff;
			}	
			
	.note-editor .btn-group>.btn+.dropdown-toggle,
	.popover-content .btn-group>.btn+.dropdown-toggle {
		border-left: 2px solid rgba(52,73,94,.15);
		padding: 9px 20px;
	}
	
	/* set style for content in editor */
	/*
	.note-editable h1,
	.note-editable h2,
	.note-editable h3,
	.note-editable h4,
	.note-editable h5,
	.note-editable h6,
	.note-editable span,
	.note-editable p,
	.note-editable div {
		color: #000000 !important;
		text-shadow: none !important;
		font-size: 15px !important;
		line-height: 1.2em !important;
	}
	.note-editable h1 { font-size: 27px !important; }
	.note-editable h2 { font-size: 24px !important; }
	.note-editable h3 { font-size: 21px !important; }
	.note-editable h4 { font-size: 18px !important; }
	.note-editable h5 { font-size: 15px !important; }
	.note-editable h6 { font-size: 12px !important; }
	*/

	.note-editable,
	.note-editable ul,
	.note-editable li,	
	.note-editable a,		
	.note-editable h1,
	.note-editable h2,
	.note-editable h3,
	.note-editable h4,
	.note-editable h5,
	.note-editable h6,
	.note-editable span,
	.note-editable p,
	.note-editable div {
		color: #000000 !important;
		text-shadow: none !important;
		line-height: inherit !important;
		/*font-size: inherit !important;*/
	}
	.note-editable a {
		text-decoration: underline !important;
		color: blue !important;
	}	
	.note-editable a:hover {
		color: #0000d2 !important;
	}				
	
	
	.note-editable p {
		font-size: 16px;	
	}
	
	.note-editable h1 {
		font-size: 34px;
		line-height: 54px;
	}
	
	.note-editable h2 {
		font-size: 30px;
	}
	
	.note-editable h3 {
		font-size: 26px;
	}
	
	.note-editable h4 {
		font-size: 22px;
	}
	
	.note-editable h5 {
		font-size: 18px;
	}	
	
	
	
	.note-editable img { pointer-events: none; display: block; border: 1px dashed rgba(0, 0, 0, 0.5); overflow: hidden !important; height: 45px !important; width: 100% !important; margin: 20px 0 !important; } /* until we have another solution, hide images in editor */
	.note-editable img:before { font-size: 15px; content: '\f03e\00a0\00a0 Bildplatzhalter'; color: rgba(0, 0, 0, 0.5); font-family: FontAwesome, arial, helvetica; margin: 10px auto 100px auto; display: block; text-align: center; }
	
	.note-editable .fa { pointer-events: none; display: block; border: 1px dashed rgba(0, 0, 0, 0.5); overflow: hidden !important; height: 45px !important; width: 100% !important; margin: 20px 0 !important; } /* until we have another solution, hide images in editor */
	.note-editable .fa:before { font-size: 15px; content: '\f005\00a0\00a0 Symbolplatzhalter'; color: rgba(0, 0, 0, 0.5); font-family: FontAwesome, arial, helvetica; margin: 10px auto 100px auto; display: block; text-align: center; }	

		/* hide videos */
		.note-editable .editorVideoPreview { pointer-events: none; display: block; border: 1px dashed rgba(0, 0, 0, 0.5); overflow: hidden !important; height: 45px !important; width: 100% !important; margin: 20px 0 !important; }	
		.note-editable .editorVideoPreview:before { font-size: 15px; content: '\f16a\00a0\00a0 Videoplatzhalter'; color: rgba(0, 0, 0, 0.5); font-family: FontAwesome, arial, helvetica; margin: 10px auto 100px auto; display: block; text-align: center; }
		.note-editable .editorVideoTitle { text-indent: -9999px; border: 1px dashed rgba(0, 0, 0, 0.5); overflow: hidden !important; }	
		.note-editable .editorVideoPreviewContainer { display: none; }
		
	.note-editor.note-frame .note-editing-area .note-editable { background-color: #F3F3F3; }
	.note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.1); max-height: 450px; overflow-y: scroll; overflow-x: hidden; }	
	.dropdown-menu, .select2-drop,
	.note-editor .dropdown-menu, .select2-drop { margin-top: -1px !important; border-top-left-radius: 0; border-top-right-radius: 0px; margin-top: -1px !important; box-shadow: inset 0px -1px 15px rgba(0,0,0,0.1), 0px 27px 50px rgba(0,0,0,0.27); }
	.note-editor .note-btn.btn.btn-default.btn-sm.note-current-color-button i { background-color: rgb(0, 0, 0) !important; }
	.note-editor .dropdown-menu .note-palette-title { color: #000000; }
	.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 5px !important; border-radius: 3px !important; }	
	
	
		/* tables in editor */
		.note-editor .table-bordered { border: 1px solid #D6D6D6 !important; }
		.note-editor .table-bordered>tbody>tr>td,
		.note-editor .table-bordered>tbody>tr>th,
		.note-editor .table-bordered>tfoot>tr>td,
		.note-editor .table-bordered>tfoot>tr>th,
		.note-editor .table-bordered>thead>tr>td,
		.note-editor .table-bordered>thead>tr>th {
			border: 1px dotted #BFBFBF !important;
		}
#builder #menu {
	z-index: 1001;
}
#builder > .container { 
	padding-bottom: 150px;
}
	
.screen .frameCover button.btn-danger, .screen .frameCover button.btn-warning, .screen .frameCover button.btn-inverse {
	width: auto;
}

.checkbox input[type=checkbox].custom-checkbox:checked+.icons .icon-checked, .checkbox input[type=radio].custom-radio:checked+.icons .icon-checked, .radio input[type=checkbox].custom-checkbox:checked+.icons .icon-checked, .radio input[type=radio].custom-radio:checked+.icons .icon-checked {
	color:  #0064b4; 
}
	

/* Header navigation - save, preview, publish etc */
	header #savePage,
	header .buyWebnerButton,
	header #exportPage,
	header #publishPage,
	header #button_revisionsDropdown button,
	header #buttonPreview,
	header #buttonrePRINT,
	header .headerButtonsSavePage button,
	header .headerButtonSettings button { 
		background-color: rgb(234, 234, 234);;
		border: 1px solid rgba(0, 0, 0, 0.07);
		box-shadow: inset 7px 7px 17px 0px rgba(0, 0, 0, 0.08), 1px 1px 0px #ffffff;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		color: #34495e;
		padding: 7px;
		height: 47px;
	}
	header #button_revisionsDropdown button .caret,
	header #button_revisionsDropdown .btn-inverse .caret {
		border-top-color: #34495E;
		color: #34495E;
	}

	header #savePage {
		background-color: rgba(131, 177, 0, 0.12);
	}
	
	header #savePage.disabled .fui-check {
		background: url(../images/loading_ajax.gif) center center no-repeat;
		background-size: 16px;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	header #savePage.disabled .fui-check:before {
		opacity: 0;
	}	
	
	header #buttonPreview,
	header #buttonrePRINT {
		background-color: rgba(0, 100, 180, 0.06);
	}	

	/* text */
	header .headerButtonsSavePage span.bLabel,
	header .buyWebnerButton,
	header #button_revisionsDropdown span.bLabel,
	header #savePage span.bLabel,	
	header .headerButtonSettings button.btn.btn-default.btn-embossed,
	header #buttonPreview,
	header #buttonrePRINT,
	header #exportPage,	
	header #publishPage { font-size: 10px; font-weight: 400; }

	header .btn-group>.btn+.dropdown-toggle { padding: 7px; width: 35px; }

	/* icons */
	
	header .buyWebnerButton [class^=fui-] { display: block; margin-bottom: 6px; font-size: 13px; margin-top: 1px; }
	header .buyWebnerButton span { font-size: 15px; margin-bottom: 4px; }
	
	header .headerButtonsSavePage .btn [class^=fui-],
	header .headerButtonsSavePage span { font-size: 15px; margin-bottom: 4px; }

	header .headerButtonsSavePage .btn [class^=fui-],
	header .headerButtonSettings .btn [class^=fui-],	
	header .headerButtonSettings > span,

	header #savePage .btn [class^=fui-],
	header #savePage > span,	
	
	header #button_revisionsDropdown .btn [class^=fui-],
	header #button_revisionsDropdown > span,

	header #buttonPreview span,
	header #buttonrePRINT span,
	header #exportPage span,	
	header #publishPage span { font-size: 15px; display: block; margin-bottom: 4px; }	


	header #exportPage {  }
	header #publishPage {  }
	header #button_revisionsDropdown {  }
	header #buttonPreview { margin-right: 2px !important; }
	header #buttonrePRINT { margin-right: 10px !important; }	
	header .headerButtonsSavePage { }
	header .headerButtonsSavePage .btn [class^=fui-],
	header #button_revisionsDropdown .btn [class^=fui-] { margin-bottom: -2px; }	
	header .headerButtonSettings { margin-right: 10px; }


	
		/* Hover states */
		header .btn-primary.active, 
		header .btn-primary.hover, 
		header .btn-primary:active, 
		header .btn-primary:focus, 
		header .btn-primary:hover, 
		header .open>.dropdown-toggle.btn-primary,
		
		header .btn-info.active, 
		header .btn-info.hover, 
		header .btn-priinfomary:active, 
		header .btn-info:focus, 
		header .btn-info:hover, 

		header .btn-edit.active, 
		header .btn-edit.hover, 
		header .btn-edit:active, 
		header .btn-edit:focus, 
		header .btn-edit:hover, 
		header .open>.dropdown-toggle.btn-edit,

		header .btn-inverse.active, 
		header .btn-inverse.hover, 
		header .btn-inverse:active, 
		header .btn-inverse:focus, 
		header .btn-inverse:hover, 
		header .open>.dropdown-toggle.btn-inverse,		

		header .btn-group-vertical>.btn.active,
		header .btn-group-vertical>.btn:active, 
		header .btn-group-vertical>.btn:focus, 
		header .btn-group-vertical>.btn:hover,
		header .btn-group>.btn.active, 
		header .btn-group>.btn:active, 
		header .btn-group>.btn:focus, 
		header .btn-group>.btn:hover, 
		header .input-group-btn>.btn:active, 
		header .input-group-btn>.btn:focus, 
		header .input-group-btn>.btn:hover,
		
		header #exportPage:hover,
		header #publishPage:hover,
		header #button_revisionsDropdown .btn-primary:hover,
		header #buttonPreview:hover,
		header #buttonrePRINT:hover,
		header .headerButtonsSavePage .btn-primary:hover,
		header .headerButtonSettings .btn-primary:hover { 
			background-color: #f7f7f7 !important;
			color: #34495e !important;
			border-color: #C3C3C3 !important;
		}	
		
		header #savePage:hover {
			background-color: rgba(131, 177, 0, 1) !important;
			color: #ffffff !important;
			border-color: rgba(92, 126, 0, 1) !important;	
			box-shadow: inset 4px 4px 17px 0px rgba(0, 0, 0, 0.28), 1px 1px 0px #ffffff !important;					
		    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
		}
		
		header #buttonPreview:hover,
		header #buttonrePRINT:hover {
			background-color: rgba(0, 100, 180, 1) !important;
			color: #ffffff !important;
			border-color: rgba(0, 73, 132, 1) !important;			
			box-shadow: inset 4px 4px 17px 0px rgba(0, 0, 0, 0.28), 1px 1px 0px #ffffff !important;			
		    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
		}
		
		.btn-edit {
			color: #fff;
			background-color: #009688;
		}
		.btn-edit:hover {
			background-color: #007e71;
		}	
		.btn-info:hover {
			background-color: #2375ab;
		}	
		.btn-danger:hover {
			background-color: #a83325;
		}				

/* preview modes */
	#previewModes {
		display: block;
		position: fixed;
		right: 0;
		top: 79px;
		width: 35px;
		background-color: #d3d3d3;
		padding: 5px 3px 2px 3px;
		text-align: center;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
		box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.25);
		z-index: 1150;
	}
	body.toggleFullScreenNavFix #previewModes, body.fullScreenModeActive #previewModes {
		top: 7px;
	}
	body.viewInlinePreview #previewModes, body.viewInlinePreview.fullScreenModeActive #previewModes  {
		z-index: 1110;
		right: 15px;
		border-radius: 5px;
		top: calc(50vh - 200px);
		background-color: #4b4b4b;		
	}		
	

/* fullscreen mode & inline preview */
	.previewSidePanelBtn {
		position: relative;
		display: inline-block;
		font-size: 14px;
		line-height: 22px;
		cursor: pointer;
		background: #ebebeb;
		border: 1px solid #f7f7f7;
		box-shadow: inset 0px 13px 15px 0px rgba(0,0,0, 0.037), 1px 2px 5px rgb(0 0 0 / 10%);
		padding: 0px 3px 0px 3px;
		width: 23px;
		height: 23px;
		text-align: center;
		border-radius: 5px;
		margin-bottom: 3px;
	}
	body.viewInlinePreview  #toggleInlinePreview, 
	body.fullScreenModeActive #toggleFullScreenMode, 
	body.viewInlinePreviewDesktop #inlinePreviewDesktop, 
	body.viewInlinePreviewTablet #inlinePreviewTablet, 
	body.viewInlinePreviewTabletLandscape #inlinePreviewTabletLandscape, 
	body.viewInlinePreviewTabletLandscapeLarge #inlinePreviewTabletLandscapeLarge, 
	body.viewInlinePreviewMobile #inlinePreviewMobile, 
	body.viewInlinePreviewMobileMedium #inlinePreviewMobileMedium,
	body.viewInlinePreviewMobileSmall #inlinePreviewMobileSmall {
		border: 2px solid rgba(0, 0, 0, 0.07);
		box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 0px 0px 0px rgba(0, 0, 0, 0.15);
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		color: #ffffff;
		background: #9d9d9d;
		line-height: 20px;
	}
	.previewSidePanelBtn.inlineOption {
		display: none;
	}
		.previewSidePanelBtn .fa-eye {
			position: relative;
			left: 0px;
			top: -1px;	
		}
			body.viewInlinePreview .previewSidePanelBtn .fa-eye {
				left: -1px;
			}		
		.previewSidePanelBtn .fa-desktop {
			left: 0px;
			position: relative;			
		}
			body.viewInlinePreviewDesktop .previewSidePanelBtn .fa-desktop {
				left: -1px;
			}		
		.previewSidePanelBtn .fa-tablet.fa-tabletrotate {
			transform: rotate(90deg);
			font-size: 16px;
			left: -1px;
			position: relative;
			top: 0px;
		}	
		#inlinePreviewTabletLandscapeLarge.previewSidePanelBtn .fa-tablet.fa-tabletrotate {
			font-size: 21px;
			top: 0px;
			left: -1px;
		}	
			body.viewInlinePreviewTabletLandscapeLarge #inlinePreviewTabletLandscapeLarge.previewSidePanelBtn .fa-tablet.fa-tabletrotate {
				top: -1px;
				text-shadow: 1px 0px 2px black;
			}			
		.previewSidePanelBtn .fa-tablet {
			font-size: 16px;
			position: relative;
			top: 1px;	
		}	
		.previewSidePanelBtn .fa-mobile {
			position: relative;
			font-size: 20px;
			left: 0px;
			top: 1px;	
			line-height: 18px;
		}	
		#inlinePreviewMobileMedium.previewSidePanelBtn .fa-mobile {
			font-size: 16px;
			top: 0px;
		}		
		#inlinePreviewMobileSmall.previewSidePanelBtn .fa-mobile {
			font-size: 12px;
			top: -1px;
		}					
		.previewSidePanelBtn .fa-times {
			position: relative;
			top: -1px;	
		}		
	body.viewInlinePreview .previewSidePanelBtn.inlineOption {
		display: inline-block;
	}
	
	
	
	body.fullScreenModeActive.webnerSiteBuilder #mainNav {
		display: none;
	}
	body.fullScreenModeActive.webnerSiteBuilder #builder {
		top: -70px;
		position: relative;
	}
	body.fullScreenModeActive.webnerSiteBuilder .styleEditor {
		top: -70px;
		height: calc(100% - 17px);		
	}
	body.fullScreenModeActive.webnerSiteBuilder .styleEditor .navtabsFixed {
		top: -3px;
	}
	body.fullScreenModeActive.webnerSiteBuilder .menu .toggle {
		top: 11px;
	}
	
	
	body.fullScreenModeActive.toggleFullScreenNavFix.webnerSiteBuilder #mainNav {
		display: none;
	}
	body.fullScreenModeActive.toggleFullScreenNavFix.webnerSiteBuilder #builder {
		top: -70px;
		position: relative;
	}
	body.fullScreenModeActive.toggleFullScreenNavFix.webnerSiteBuilder .styleEditor {
		top: 68px;
		height: calc(100% - 149px);		
	}
	body.fullScreenModeActive.toggleFullScreenNavFix.webnerSiteBuilder .styleEditor .navtabsFixed {
		top: 73px;
	}	
	body.fullScreenModeActive.toggleFullScreenNavFix.webnerSiteBuilder .menu .toggle {
		top: 80px;
	}	
	
		

/* inline preview */
	body.viewInlinePreview {
		overflow: hidden;
		overflow-y: hidden;
	}
	body.viewInlinePreview #inlinePreviewFrameWrapper {
		display: block !important;
		position: fixed;
		z-index: 1100;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: white;
		text-align: center;		
	}
	body.viewInlinePreview #inlinePreviewFrame {	
		width: 100vw;
		height: 100vh;
		border: 0px solid transparent;
		overflow-y: scroll;	
		background-image: url(../images/loading_ajax.gif);
		background-size: 32px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	body.viewInlinePreviewDesktop #inlinePreviewFrame {
		width: 100vw;
	}
	body.viewInlinePreviewTabletLandscapeLarge #inlinePreviewFrame {
		width: 1024px;
		border-left: 2px solid rgb(0 0 0 / 10%);
		border-right: 2px solid rgb(0 0 0 / 10%);
	}	
	body.viewInlinePreviewTabletLandscape #inlinePreviewFrame {
		width: 991px;
		border-left: 2px solid rgb(0 0 0 / 10%);
		border-right: 2px solid rgb(0 0 0 / 10%);
	}	
	body.viewInlinePreviewTablet #inlinePreviewFrame {
		width: 768px;
		border-left: 2px solid rgb(0 0 0 / 10%);
		border-right: 2px solid rgb(0 0 0 / 10%);
	}
	body.viewInlinePreviewMobile #inlinePreviewFrame {
		width: 497px;
		border-left: 2px solid rgb(0 0 0 / 10%);
		border-right: 2px solid rgb(0 0 0 / 10%);
	}
	body.viewInlinePreviewMobileMedium #inlinePreviewFrame {
		width: 375px;
		border-left: 2px solid rgb(0 0 0 / 10%);
		border-right: 2px solid rgb(0 0 0 / 10%);
	}		
	body.viewInlinePreviewMobileSmall #inlinePreviewFrame {
		width: 320px;
		border-left: 2px solid rgb(0 0 0 / 10%);
		border-right: 2px solid rgb(0 0 0 / 10%);
	}	


		#inlinePreviewFrameWrapper:after {
			position: absolute;
			margin-left: 6px;
			font-size: 12px;
			opacity: 0.5;
			white-space: pre-wrap;
			text-align: left;
			line-height: 15px;
			margin-top: 3px;	
		}	
		body.viewInlinePreviewTabletLandscapeLarge #inlinePreviewFrameWrapper:after {
			content: '@media 1024px \A Tablet Querformat #2';
		}		
		body.viewInlinePreviewTabletLandscape #inlinePreviewFrameWrapper:after {
			content: '@media 991px \A Tablet Querformat #1';
		}	
		body.viewInlinePreviewTablet #inlinePreviewFrameWrapper:after {
			content: '@media 768px \A Tablet Hochformat \A und Mobile Querformat';
		}
		body.viewInlinePreviewMobile #inlinePreviewFrameWrapper:after {
			content: '@media 497px \A Mobile Hochformat #2';
		}	
		body.viewInlinePreviewMobileMedium #inlinePreviewFrameWrapper:after {
			content: '@media 375px \A Mobile Hochformat #1';
		}							
		body.viewInlinePreviewMobileSmall #inlinePreviewFrameWrapper:after {
			content: '@media 320px \A Mobile (alte Geräte)';
		}					
		

		

/*
	body.viewInlinePreview #toggleInlinePreview {
		position: fixed;
		top: 3px;
		right: 22px;
		font-size: 10px;
		width: 17px;
		height: 17px;
		line-height: 17px;
		z-index: 1110;
	}
	body.viewInlinePreview #toggleFullScreenMode {
		position: fixed;
		top: 3px;
		right: 22px;
		font-size: 10px;
		width: 17px;
		height: 17px;
		line-height: 17px;
	}
	
	body.viewInlinePreview #toggleFullScreenMode {
		position: fixed;
		top: 3px;
		right: 46px;
		font-size: 10px;
		width: 17px;
		height: 17px;
		line-height: 17px;
		z-index: 1110;
	}
*/
		
	
	
/* Header navigation elemente, text, settings */
	header.clearfix.affix { 
		position: fixed !important;
		max-height: 77px;		
	}
	
	.tooltip-inner {
		border-radius: 2px;
		min-width: 300px;
		text-align: left;
	}
	.fui-list {
		color:  #0064b4 !important; 
	}
	.menu .fui-list {
		color:  #ffffff !important; 
	}
	.modes {
		margin: -9px 0px -13px 20px !important;
	}
	.modesHeader { 
		font-size: 0.7em; text-transform: uppercase; display: block; 
		text-align: left;
		padding-left: 0px;
		font-weight: 400;
	}
	.toggleFullScreenNavFix .modesHeader {
		margin-top: -10px;
	}
	.modes .checkbox, .radio {
		padding-left: 24px;	
	}
	.modes #modeStyleLabel { 
		margin-right: 0px;
	}
	header .modes {
		text-align: left;
		padding-left: 25px;
	}
	
	#siteBuilderModes { width: 547px; white-space: nowrap; }
	
	/* disables any text selection on the buttons */
	#siteBuilderModes .radio.primary.first {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}

	body.styleEditorPanelOpen #siteBuilderModes {
		padding-left: 250px;
	}
	body.styleEditorPanelOpen .fullscreenResized #siteBuilderModes, body.styleEditorPanelOpen.toggleFullScreenNavFix #siteBuilderModes {
		padding-left: 0px;
	}
		

	@media (max-width: 1440px) {
		#siteBuilderModes { width: 100%; white-space: normal; }		
	}
	
	#modeElementsLabel, #modeContentLabel, #modeStyleLabel {
		text-transform: uppercase;
	}
	
	#siteBuilderModes #modeElementsLabel .icon-unchecked:before {
		content: '\f0c9';
		font-family: FontAwesome;
	}
	#siteBuilderModes #modeElementsLabel .icon-checked:before {
		content: '\f0c9';
		font-family: FontAwesome;
	}
	
	#siteBuilderModes #modeContentLabel .icon-unchecked:before {
		content: '\f040';
		font-family: FontAwesome;
	}
	#siteBuilderModes #modeContentLabel .icon-checked:before {
		content: '\f040';
		font-family: FontAwesome;
	}
	
	#siteBuilderModes #modeAItextLabel .icon-unchecked:before {
		content: '\f0d0';
		font-family: FontAwesome;
	}
	#siteBuilderModes #modeAItextLabel .icon-checked:before {
		content: '\f0d0';
		font-family: FontAwesome;
	}	
	
	#siteBuilderModes #modeInlineContentLabel .icon-unchecked:before {
		content: '\f044';
		font-family: FontAwesome;
	}
	#siteBuilderModes #modeInlineContentLabel .icon-checked:before {
		content: '\f044';
		font-family: FontAwesome;
	}

	
	#siteBuilderModes #modeStyleLabel .icon-unchecked:before {
		content: '\f013';
		font-family: FontAwesome;
	}
	#siteBuilderModes #modeStyleLabel .icon-checked:before {
		content: '\f013';
		font-family: FontAwesome;
	}
	#siteBuilderModes label {
		border: 1px solid transparent;
		border-bottom: 2px solid transparent;			
		border-radius: 3px;
	    padding: 7px 15px 5px 35px;
		margin-right: 4px;	
		cursor: pointer;
	}
	
	#siteBuilderModes label span.icons {
		top: 5px;
		left: 6px;		
	}	
	#siteBuilderModes label span.icons .icon-unchecked:before,
	#siteBuilderModes label span.icons .icon-checked:before {
		margin: 2px 0 0 5px;	
		display: inline-block;			
	}

		#siteBuilderModes > label {
		    background: #f7f7f7;
			border: 2px solid #f7f7f7;	
			box-shadow: inset 0px 13px 15px 0px rgba(0,0,0, 0.037), 0px 0px 10px rgba(0, 0, 0, 0.07);
			margin-right: 8px !important;		    
			margin-left: 0px !important;		
		}
			#siteBuilderModes > label:hover {
				box-shadow: inset 0px 13px 15px 0px rgba(0,0,0, 0.077), 0px 0px 10px rgba(0, 0, 0, 0.07);
				color: #000000;
			}

				#siteBuilderModes > label,
				#siteBuilderModes > label:hover
				{ 
					-o-transition: all 0.07s ease-out;
					-moz-transition: all 0.07s ease-out;
					-khtml-transition: all 0.07s ease-out;
					-webkit-transition: all 0.07s ease-out;
					-ms-transition: all 0.07s ease-out;
					transition: all 0.07s ease-out; 
				}					
		
		#siteBuilderModes > label#modeContentLabel {
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
			margin-right: -4px !important;						
		}		
		#siteBuilderModes label#modeContentLabel .icon-checked, 
		#siteBuilderModes label#modeContentLabel .icon-unchecked, 
		#siteBuilderModes label#modeContentLabel .icon-checked, 
		#siteBuilderModes label#modeContentLabel .icon-unchecked { font-size: 19px; }
		
		
		#siteBuilderModes > label#modeInlineContentLabel {
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;			
			border-left: 1px solid #d7d7d7 !important;
		}	
		#siteBuilderModes label#modeInlineContentLabel { 
			margin-left: -8px; 
			margin-right: 7px !important; 
		}				
		#siteBuilderModes label#modeInlineContentLabel .icon-checked, 
		#siteBuilderModes label#modeInlineContentLabel .icon-unchecked, 
		#siteBuilderModes label#modeInlineContentLabel .icon-checked, 
		#siteBuilderModes label#modeInlineContentLabel .icon-unchecked { top: 1px; font-size: 20px; }
	
		/* active mode button */	
		#siteBuilderModes label.activated {
			border: 2px solid rgba(0, 0, 0, 0.07);
			box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
			border-bottom: 2px solid rgba(0, 0, 0, 0.1);		
			color: #ffffff;
			background: #0064B4;
		}
		#siteBuilderModes > label#modeInlineContentLabel.activated {	
			border-left: 1px solid transparent !important;
		}			
		#siteBuilderModes label.activated span.icons .icon-checked:before {
			color: #ffffff;
		}
		.checkbox.primary.activated input.custom-checkbox[type="checkbox"] + .icons, 
		.checkbox.primary.activated input.custom-radio[type="radio"] + .icons, 
		.radio.primary.activated input.custom-checkbox[type="checkbox"] + .icons, 
		.radio.primary.activated input.custom-radio[type="radio"] + .icons {
			color: #ffffff;		
		}
	
	
	
	/* canvas wrapper*/
		#frameWrapper {
			box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.17);
			border: 2px solid #e8e8e8;
			border-top: 0px;		
		}
	
	/* Toolbar */

		.titleZoomer { 
			margin-top: -27px;
			float: right;
			height: 29px;
			margin-right: 10px;
		}
		
		
		.rePRINT_canvasZoomValue {
			float: left;
			margin-right: 5px;			
		}
		.rePRINT_canvasZoomValue .fa {
			font-size: 18px;
			margin-top: 7px;
			display: inline-block;
		}
		.rePRINT_canvasZoomValue span {
			display: inline-block;
			top: -1px;
			position: relative;
		}	
		.rePRINT_canvasZoomValueMarginFixed {
			margin-top: 0px !important;
		}
		
		
		.rePRINT_canvasZoomReset {
			float: left;
			margin-top: 4px;	
			cursor: pointer;		
		}	
		.rePRINT_canvasZoomReset .fa {
			font-size: 18px;
			color: #4d4d4d;						
		}	
		
		.rePRINT_canvasZoomReset .fa:hover {
			color: #7f7f7f;
		}
		
		
		#rePRINT_canvasZoom {
			width: 100px;
			float: left;
			margin-top: 10px;						
			margin-right: 14px;						
		}
	

/* tooltip color */		
.tooltip.bottom .tooltip-arrow,
#siteBuilderModes .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #0064B4;
}
.tooltip-inner,
#siteBuilderModes .tooltip-inner {
	background-color: #0064B4;	
	border: 0px solid rgba(0, 0, 0, 0.07);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.23);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);				
	margin-top: -1px;
}

.form-horizontal .control-label {
	text-align: left;
}

/* dropdown menu colors */
.navbar-inverse .navbar-nav>.open>.dropdown-menu>.divider { height: 1px; margin: 0px; }

.navbar-inverse .navbar-nav>.open>.dropdown-menu>.divider { background-color: rgba(255, 255, 255, 0.22); }
.navbar-inverse .navbar-nav>.open>.dropdown-menu,
.dropdown-menu-inverse {
	background-color: #0064B4;
	padding: 0px;
}

.dropdown-menu.revisions-dropdown li .fui-arrow-right { font-size: 12px; }

.dropdown-menu.revisions-dropdown>li .revisionsSaveDate { font-size: 13px; }

.dropdown-menu.revisions-dropdown>li>a { background-color: transparent; opacity: 0.75; }
.dropdown-menu.revisions-dropdown>li>a:focus, .dropdown-menu.revisions-dropdown>li>a:hover { background-color: transparent; opacity: 1; color: #ffffff; }

.dropdown-menu.revisions-dropdown li {
	white-space: nowrap;
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.dropdown-menu.revisions-dropdown li a { font-size: 11px; }
.dropdown-menu.revisions-dropdown li [class^=fui-] {
	color: #ffffff;
}

.ribbon-red {
 background-color: #0064B4;
}
.ribbon-wrapper {
	transform: scale(0.57);
	top: -25px;
	right: -27px;
}

.modal-content {
	border-radius: 2px;
}

/*=======================================================
                      SIDEBAR
=========================================================*/

/* disable page delete and rename on index */
#pagesAlert { display: none; color: #ffffff; text-shadow: 1px 1px 0px #000000; font-size: 11px; line-height: 13px; padding: 0 20px 11px 20px; text-transform: uppercase; } 
/*
#pages li:nth-child(2) .pageButtons .fileEdit,
#pages li:nth-child(2) .pageButtons .fileDel { display: none; }
*/
.pageButtons .fileSave.fui-check:before { content: '\f00c'; font-family: FontAwesome; }

	/* page settings buttons */
	#pages li.edit .fileDuplicate { display: none; }
	.menu .main ul#pages li>span a.fileSave { background-color: transparent; box-shadow: none; top: inherit; float: none; margin-left: 0; opacity: 0.7; }
	.menu .main ul#pages li>span a.fileSave:hover { opacity: 1; }

	.menu #main .sideButtons { margin-left: 0px; width: 100%; border-radius: 0px; }

	.menu #main .sideButtons #addPage { border-radius: 0px; box-shadow: none; font-size: 14px; }
	.menu #main .sideButtons #addPage [class^=fui-] { margin-left: -10px; }
	.menu #main .sideButtons #addPage:hover { background-color: #7f7f7f; }
	
	.menu #main #pages .menuItemLink { padding-top: 4px; padding-bottom: 4px; width: 100%; padding-right: 20px; word-break: break-word; line-height: 1.4em !important; margin-top: 2px; margin-bottom: 2px; }
	.menu .main ul#pages li>span a:hover.fileEdit,
	.menu .main ul#pages li>span a:hover.fileDuplicate { color: #ffffff; }

	.menu .main ul#pages .pageButtons { position: absolute; right: 0px; background-color: #333333; border-left: 1px solid #737373; padding-left: 2px; }

	.menu .main ul#pages li { clear: both; position: relative; }
	.menu .main ul#pages li>a { float: none; }
	.menu .main>ul#elementCats>li>a.active, 
	.menu .main>ul#elementCats>li>a:hover, 
	.menu .main>ul#templatesUl>li>a.active, 
	.menu .main>ul#templatesUl>li>a:hover, 
	.menu .main ul#pages li.active,
	.menu .main ul#pages li.active a.menuItemLink { background: #333333; }

	.menu .main::-webkit-scrollbar {
		background-color: #035495;
		-webkit-appearance: none;
		width: 15px;
	}
	
	.menu .main::-webkit-scrollbar-thumb {
	  background-color: #0073cf;	
	}

/* Sidebar Web-Elements */
.menu .second #templates { display: table; overflow-x: hidden; }
.menu .second #templates li { width: auto; height: 100%; padding: 5px; margin: 10px 10px 10px 20px; display: inline-block; vertical-align: top; float: left; border: 3px solid transparent; border-radius: 3px; }
.menu .second #templates .zoomer-wrapper { height: 400px !important; }
.masonry-4 .zoomer-wrapper .zoomer-small { display: inline-block; }
.menu .second #templates .zoomer-cover a:first-child { 	text-transform: uppercase; font-size: 1.2em; font-weight: 900; line-height: 380px !important; height: 400px !important; 
														background-image: none !important; background-color: transparent !important; background: transparent !important; }

/* Bad works except in safari ..... :-(
.menu .second #templates { 
							-moz-column-count: auto; -moz-column-width: 270px; -moz-column-gap: 10px; 
							-webkit-column-count: auto; -webkit-column-width: 270px; -webkit-column-gap: 10px; 
							column-count: auto; column-width: 270px; column-gap: 10px; 
							width: 100%; 							
}
*/

.menu .second #templates li .zoomer-wrapper { box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0); border: 3px solid transparent; border-radius: 3px; }
.menu .second #templates li .zoomer-wrapper:hover { box-shadow: 0px 0px 0px 3px #0064b4; }

/* Sidebar Single-Elements */
.menu > .second >  #elements {  }
.menu > .second > #elements > li { width: 45%; width: calc(100% / 3.4); max-width: 300px; padding: 20px; margin: 10px 10px 10px 20px; display: inline-block; border: 3px solid transparent; border-radius: 3px; }
.menu > .second > #elements > li:hover { border: 3px solid #0064b4; }


.menu .second #elements li.element,
.menu .second #elements li.element:hover,
.menu .second #templates li .zoomer-wrapper,
.menu .second #templates li .zoomer-wrapper:hover
{ 
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear; 
}

#pageList ul li.element { width: 100%; }
#pageList iframe { overflow-y: hidden !important; }


#pageList { counter-reset: item; } 
#pageList li:before { background: rgba(225, 224, 224, 1); color: #34495E; display: table-cell; margin: 0; width: 70px; height: 70px; 
					  position: absolute; text-align: center; vertical-align: middle; font-size: 30px; line-height: 80px; z-index: 10; } 

#pageList li.element:before { content: counter(item); counter-increment: item; }

#pageList li:after { content: 'Web Element'; position: absolute; top: 0px; left: 0px; font-size: 10px; color: #34495E; z-index: 11; width: 70px; text-align: center; line-height: 35px; white-space: nowrap; }  

#pageList li.element:before { content: counter(item); counter-increment: item; }
#pageList li.module-popup:after { content: 'Popup Element'; }  

body.editorViewAllElements #pageList li:before, body.editorViewAllElements #pageList li:after {
	display: none;
}


/* block mode buttons */
.frameCover .btn { text-align: left; padding: 9px 11px 6px 43px; font-size: 13px; text-transform: none; }
.frameCover .btn small { font-weight: 100; display: block; text-align: left; font-size: 10px; line-height: 14px; }

.frameCover .htmlBlock:before { content: '\f121'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .deleteBlock:before { content: '\f1f8'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .resetBlock:before { content: '\f021'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .fullSizeToggleBlock:before { content: '\f065'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .duplicateBlock:before { content: '\f0c5'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .linkBlock:before { content: '\f0c1'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .linkBlockShowElement:before { content: '\f08e'; font-family: FontAwesome; padding-right: 7px; }
.frameCover .copyBlock:before { content: '\f08b'; font-family: FontAwesome; padding-right: 7px; }

.frameCover .btn:before { margin-left: -31px; position: absolute; padding-right: 9px; font-size: 22px; display: block; float: left; padding-top: 2px; }

#resetBlock .modal-content, #resetBlock .modal-dialog { width: 500px; }

#pageList .elementModeiFrameResize li.elementCodeMode .editCancelButton:before { content: '\f00d'; font-family: FontAwesome; padding-right: 7px; }
#pageList .elementModeiFrameResize li.elementCodeMode .editSaveButton:before { content: '\f00c'; font-family: FontAwesome; padding-right: 7px; }


/* aitext specific */
#generateAItextModal .modal-body textarea {
	display: block;
	width: 100% !important;
	max-width: 100%;
	min-height: 100px;
	font-size: 16px;	
}
body #generateAItextModal .modal-dialog {
	width: 90vw;
	margin-top: 60px;
}
body #generateAItextModal .modal-dialog .textareas-ai-wrapper label {
	margin: 20px 0 -10px 0;
	text-transform: uppercase;
	background-color: #e8e8e8;
	padding: 0px 12px 0 12px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 15px;
}
body #generateAItextModal .modal-dialog .textareas-ai-wrapper {
	margin: 0 -15px 0 -15px;
	padding: 0;
	display: block;
	position: relative;	
}
body #generateAItextModal .modal-dialog textarea {
	border: 1px solid #cbcbcb;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
}
body #generateAItextModal .modal-footer {
	margin-top: 20px;	
}
	/* ai tags */
	.options-ai-block { 
		margin-bottom: 20px;
	}
	.options-ai-block label {
		display: block;
		font-size: 18px;
		margin: 0px 0 -7px 0;
		padding: 0;
	}	
	
	body #generateAItextModal .aiTextTagsBox {
		float: left;
		border: 1px solid #e0e0e0;
		padding: 5px;
		font-family: Arial;
		border-radius: 5px;
	}
	body #generateAItextModal .aiTextTagsBox > span {
		cursor: pointer;
		display: block;
		float: left;
		color: #fff;
		background: #0064b3;
		padding: 3px 38px 2px 14px;
		margin: 4px;
		border-radius: 30px;
		font-weight: 400;
	}
	body #generateAItextModal .aiTextTagsBox > span:hover {
		opacity:0.7;
	}
	body #generateAItextModal .aiTextTagsBox > span:after {
		position: absolute;
		content: "×";
		padding: 6px 0px 0 4px;
		margin-left: 13px;
		margin-top: 3px;
		font-size: 18.5px;
		border-radius: 30px;
		width: 18px;
		height: 18px;
		line-height: 8px;
		font-family: arial;
		color: black;
		background-color: white;
		border: 0px solid transparent;
	}
	body #generateAItextModal .aiTextTagsBox > input {
		background: #eee;
		border: 0;
		margin: 0 0 0 10px;
		padding: 7px 10px 6px 12px;
		width:auto;
		border-radius: 6px;
	}	


/* grapeJS specific */

	/* if grapeJS layout is active, framecover needs to be displayed */
	.gjsswitchSettings {
		font-weight: 900;
		color: white;
		filter: invert(1);
		cursor: pointer;
		border: 0px solid transparent;
		padding: 2px 5px;
		border-radius: 2px;
		background-color: #0064b4;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.gjsswitchSettings:hover, .gjsswitchSettings:active {
		font-weight: 900;
		color: white;
		filter: invert(1);
		cursor: pointer;
		border: 0px solid transparent;
		padding: 2px 5px;
		border-radius: 2px;
		background-color: #0064b4;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}	
	#gjs {
		display: none;
	}
	body.grapeLayoutEditorActive.grapeisEditingLayout #gjs {
		display: block;
		min-height: 100vh;
	}	
	body.grapeLayoutEditorActive .frameCover {
		display: block !important;
		cursor: pointer;
	}
	body.grapeLayoutEditorActive .frameCover:hover {
		display: block !important;
		cursor: pointer;
		outline: 1px dashed #3b97e3 !important;
		outline-offset: -5px !important;
	}	
	body.grapeLayoutEditorActive .frameCover button {
		display: none !important;
	}
	.gjs-toolbar-item .fa.fa-file-code-o{
		vertical-align: middle;
		margin: 0px 0px -2px 5px;		
	}
	.gjs-toolbar .gjs-toolbar-item .fa-paint-brush:before {
		top: 2px;
		left: 3px;
		position: relative;
	}
	.gjs-com-badge, .gjs-badge {
		background-color: #2e80c3 !important;
		border: 1px solid rgba(0, 0, 0, 0.3);
	}
	.gjs-toolbar {
		border: 1px solid rgba(0, 0, 0, 0.3);
	}	
	.gjs-sm-sector-caret {
		width: 27px !important;
		height: 27px !important;
		margin: -8px 0 0 -10px;
		top: 3px;
		position: relative;		
	}
	.gjs-sm-sector-label {
		margin-left: 0px !important;
		text-transform: uppercase;
		font-weight: 400 !important;
	}
	.gjs-sm-label span {
		font-weight: 400 !important;		
	}
	.gjs-sm-sector-title.gjs-sm-title .icon-settings.fa.fa-cog {
		margin-right: 6px;
	}
	.gjs-sm-label, .gjs-sm-label.gjs-four-color {
		color: white;
		font-size: 12px;
		line-height: 15px;
		margin-top: 15px !important;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.gjs-sm-gradient .gjs-sm-label {
		color: black;
	}
	.gjs-rte-toolbar .gjs-rte-actionbar {
		min-width: 220px;
	}
	
	/* dialogs */
	.gjs-mdl-dialog .gjs-mdl-title {
		font-size: 22px;
		text-transform: uppercase;
	}	
	
	/* toolbar */
	.gjs-pn-panel.gjs-pn-options .gjs-pn-buttons .gjs-pn-btn.gjs-pn-active {
		border: 2px solid rgba(0, 0, 0, 0.07);
		box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		color: #ffffff;
		background: #0064B4;
		filter: invert(1) grayscale(0);	
		border-radius: 4px;
		height: 30px;
	}
	.gjs-pn-buttons span:after {
		text-transform: uppercase;
		font-size: 8px;
		line-height: 8px;
		margin: 0;
		padding: 3px 3px 0 6px;
		float: right;
		text-align: left;
		font-family: arial;
		display: block;
		position: relative;
		white-space: pre-wrap;
	}
	.gjs-pn-buttons span.fa.fa-square-o:after {
		content: 'Raster \A anzeigen';
	}
	.gjs-pn-buttons span.fa.fa-eye:after {
		content: 'Menues \A ausbl.';
	}
	.gjs-pn-buttons span.fa.fa-arrows-alt:after {
		content: 'Vollbild \A Modus';
	}
	.gjs-pn-buttons span.fa.fa-code:after {
		content: 'Code \A Export';
	}
	.gjs-pn-buttons span.fa.fa-file-code-o:after {
		content: 'Code \A Editor';
	}
	.gjs-pn-buttons span.togglerulersbtn:after {
		content: 'Designer \A Modus';
		color: #ffffff;
		opacity: 0.7;
		font-weight: 500;
	}
	.gjs-pn-buttons span.togglerulersbtn.gjs-pn-active:after {
		opacity: 1;
	}	
	.gjs-pn-panel.gjs-pn-views .gjs-four-color {
		color: white !important;
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(43 43 43) 100%);
	}	
	.gjs-pn-panel.gjs-pn-views span.fa:after {
        top: -1px;
	}
	/*
	.gjs-pn-panel.gjs-pn-views span:nth-child(1):after {
		content: 'CSS \A Editor';
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: -10px;
		padding-right: 5px;
		top: -22px;
		left: -9px;			
	}
	*/	
	.gjs-pn-buttons span.fa.fa-paint-brush:after {
		content: 'CSS \A Editor';
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: -10px;
		padding-right: 5px;
	}
	.gjs-pn-buttons span.fa.fa-bars:before {
		top: 0px;
		position: relative;
	}
	/*
	.gjs-pn-panel.gjs-pn-views span:nth-child(2):after {
		content: 'Ebenen \A Editor';
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: -10px;
		top: -22px;
		left: -9px;		
	}
	*/
	.gjs-pn-buttons span.fa.fa-bars:after {
		content: 'Ebenen \A Editor';
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: -10px;
	}
	/*
	.gjs-pn-panel.gjs-pn-views span:nth-child(3):after {
		content: 'Widgets \A Verwalt.';
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: -10px;
		padding-right: 5px;
		top: -22px;
		left: -9px;			
	}
	*/	
	.gjs-pn-buttons span.fa.fa-th-large:after {
		content: 'Widgets \A Verwalt.';
		overflow: hidden;
		text-overflow: ellipsis;
		margin-left: -10px;
		padding-right: 5px;
	}
	.gjs-pn-views .gjs-pn-btn {
		box-shadow: none !important;
		width: 97px !important;
		padding: 10px 10px 10px 0px !important;
		max-width: 97px;
		overflow: hidden;
	}	
	.gjs-pn-views-container {
		border-top: 0px !important;
	}
	.gjs-pn-panel.gjs-pn-views {
		width: 291px;		
	}
	.gjs-pn-panels .gjs-pn-panel.gjs-pn-views-container {
		background-color: 3b3b3b !important;
		width: 291px;
	}	
	body #gjs .gjs-cv-canvas {
		width: calc(100% - 291px);
	}	
	body #gjs .gjs-pn-commands {
		width: calc(100% - 291px);		
	}
	body #gjs .gjs-pn-options {
		right: 291px;		
	}	
	.gjs-pn-panels .gjs-pn-panel .gjs-clm-tags {
		background-color: transparent;
	}
	.gjs-clm-header {
		margin-bottom: 8px !important;
		margin-top: -2px !important;
		text-transform: uppercase;
		letter-spacing: 1px;		
	}
	.gjs-clm-header #gjs-clm-label {
		font-size: 15px;
		margin-left: 4px;
		letter-spacing: 2px;
	}
	
	/* css editor */
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-number {
		border: 1px solid #484848;
		border-radius: 4px;
	}

	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-fields .gjs-sm-properties {
		padding-top: 20px;
		padding-left: 20px;
	}	
	
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__padding-top,
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__margin-top {
		top: -5px;
		left: 4px;
		position: relative;
	}	
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__padding-bottom,
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__margin-bottom {
		margin-top: 6px;
		left: 11px;
		position: relative;		
	}
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__padding-right,	
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__margin-right {
		left: 6px;
		position: relative;		
	}
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__padding-left,	
	.gjs-sm-sector__dimension .gjs-sm-property.gjs-sm-composite .gjs-sm-property.gjs-sm-number.gjs-sm-integer.gjs-sm-property__margin-left {
		left: -6px;
		position: relative;	
	}	
	.gjs-sm-sector__dimension .gjs-sm-property__margin .gjs-sm-properties::after, .gjs-sm-property__padding .gjs-sm-properties::after {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBpZD0iZTkzOWQwODYtNjM4Zi00OTk2LTg3ZmMtYzhmOGUyZTc2ZWQ4IiBkYXRhLW5hbWU9IkxheWVyIDEiIHdpZHRoPSI3MCIgaGVpZ2h0PSI0MCI+PHJlY3Qgd2lkdGg9IjcwIiBoZWlnaHQ9IjQwIiBmaWxsPSJyZ2JhKDAsMCwwLDAuMSkiIHN0cm9rZT0icmdiYSgwLDAsMCwwLjUpIi8+PC9zdmc+);
		content: " " !important;
		background-size: 50px 43px;
		display: inline-block;
		width: 50px;
		height: 42px;
		background-repeat: no-repeat;
		margin-left: 9px;
		border: 2px solid #000000 !important;
		left: 36% !important;
		top: 35% !important;		
	}	
	.gjs-field input, .gjs-field select, .gjs-field textarea {
		font-weight: 400;
	}	
	
	
	/* layer editor */
	.gjs-layer-caret.gjs-layer-open {
		line-height: 12px;
	}
	.gjs-layer-name {
		line-height: 13px;
	}	
	.gjs-layer-caret {
		line-height: 15px;
	}	
	.gjs-layer-count {
		top: 7px !important;
		width: 16px;
		height: 16px;
		background-color: black;
		text-align: center;
		border-radius: 100px;
		font-size: 10px;
	}
	.gjs-layer-count:empty {
		background-color: transparent;
	}		
	.gjs-layer-move {
		top: -2px !important;
	}	
	.gjs-clm-sels-info {
		border: 0px solid #626262;
		padding: 2px 8px;
		font-size: 15px;
		border-radius: 2px;
		margin-bottom: -10px !important;
		margin-top: -3px !important;
		background-color: #333333;
	}	
	
	/* widgets editor */
	.gjs-block {
		max-width: 80px;
		box-shadow: none !important;
		margin: 4px 5px !important;
	}
	.gjs-blocks-c {
		padding: 4px 0 4px 4px;
	}
	.gjs-block__media {
		margin-bottom: -10px !important;
	}
	.gjs-blocks-cs .gjs-title {
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.gjs-blocks-cs .gjs-caret-icon {
		font-size: 16px !important;
		top: 1px !important;
		position: relative !important;
	}	
	.gjs-blocks-cs .gjs-caret-icon {
		margin-right: 7px;
	}
	.gjs-blocks-cs .gjs-open .gjs-caret-icon {
		margin-right: 3px;
	}
	.gjs-block-category .gjs-four-color-h:hover {
		color: #898989;
	}
	
	
	
	/* when grape is active, hide webner elements */
	body.grapeLayoutEditorActive.grapeisEditingLayout #frameWrapper, body.grapeLayoutEditorActive.grapeisEditingLayout .screen .toolbar {
		display: none;
	}
	
	body.grapeisEditingLayout {
		padding-top: 0px;
	}
	body.grapeisEditingLayout.webnerSiteBuilder #mainNav,
	body.grapeisEditingLayout header.clearfix {
		display: none;
	}	
	body.grapeisEditingLayout #builder #menu {
		display: none;
	}
	body.grapeisEditingLayout #builder>.container {
		padding-left: 0px;
		padding-right: 0px;
	}
	body.grapeisEditingLayout #previewModes {
		display: none;		
	}
	body.grapeisEditingLayout .screen {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;		
	}
	
	
	/* grape cancel/ok buttons */
	.gjs-pn-panel.gjs-pn-devices-c {
		z-index: 10;
	}	
	#gjs-webner-functions-wrapper {
		display: none;
		text-align: center;
		position: absolute;
		z-index: 4;
		left: 185px;
		max-width: 300px;
		margin: 0 auto;
		white-space: nowrap;
		transform: scale(0.85);
		margin-top: 1.5px;
	}
	body.grapeLayoutEditorActive.grapeisEditingLayout #gjs-webner-functions-wrapper {
		display: inline-block;
	}
		#gjs-webner-save {
			background-color: #83b100;
			font-weight: 400;
		}	
		#gjs-webner-cancel {
			background-color: #d60000;
			font-weight: 400;
		}
	
	

	/* grape editor, make it to a white layout */
	.gjs-clm-tags, .gjs-editor, .gjs-sm-properties, .gjs-trt-traits, .gjs-layer, .gjs-block-label {
		font-size: 12px !important;
	}
	
	.gjs-pn-panel.gjs-pn-devices-c {
		background-color: #555555;
		margin-left: 0px;
		padding: 5px 10px 0 10px;
		border-radius: 0px;
		margin-top: 0px;
		width: 200px;
		height: 39px;
	}
	.gjs-pn-panel.gjs-pn-devices-c svg {
		filter: grayscale(1);
	}
	.gjs-pn-panel.gjs-pn-devices-c .gjs-pn-btn.gjs-pn-active {
		box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, 0.17), 1px 1px 0px #ffffff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
		color: #ffffff;
		background: #0064B4;
		filter: invert(1) grayscale(0);
		border-radius: 4px;
		height: 30px;	
	}	

	.gjs-devices-c .gjs-field.gjs-select {
		height: 26px;
		min-width: 120px;
	}
	.gjs-devices-c .gjs-field.gjs-select select.gjs-devices {
		line-height: 15px;	
		max-width: 140px;
		padding-right: 20px;			
	}
	
	.gjs-sm-properties .gjs-field-units {
		right: 6px !important;
	}	
	.gjs-sm-properties .gjs-field-arrows {
		height: 28px;
		width: 11px;
		right: 1px;
		background: #484848;
		border-radius: 2px;
		padding-left: 2px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;		
	}
	.gjs-sm-composite .gjs-field-arrows {
		right: -3px;
	}
	.gjs-clm-tags #gjs-clm-states {
		padding-right: 18px;
	}
	
	.gjs-pn-panels > div {
		filter: invert(1) brightness(1.2) !important;
	}
	.gjs-pn-panel .gjs-pn-buttons:not(.gjs-pn-panel.gjs-pn-options .gjs-pn-buttons) {
		filter: grayscale(1);
	}
	/*
	.gjs-pn-panels > div.gjs-pn-views-container {
		filter: invert(0) brightness(1) grayscale(0) !important;		
	}
	*/
	.gjs-sm-property.gjs-sm-gradient.gjs-sm-property__background-image-gradient.gjs-sm-property--full {
		filter: invert(1) grayscale(0);
	}
	.gjs-clm-tags #gjs-clm-checkbox {
		margin-top: -7px;
		margin-right: 8px;		
	}
	.gjs-clm-tags #gjs-clm-checkbox svg {
		width: 18px;
		height: 18px;		
	}	
	.gjs-off-prv.fa.fa-eye-slash {
		background-color: red;
	}
	
	/* rulers in white */
	.togglerulersbtn svg {
		vertical-align: -3px;
	}
	.rul_cornerTL.fa-trash:before {
		color: #6e6e6e;
		left: 3px;
		position: relative;		
	}
	.gjs-pn-panels .gjs-pn-buttons .gjs-pn-btn.fa.gjs-pn-active.gjs-four-color.fa-square-o:before {
		top: 2px;
		position: relative;
	}
	.rul_ruler_Horizontal, .rul_ruler_Vertical {
		background-color: black !important;
		filter: invert(0.88) !important;
	}
	.gjs-cv-canvas {
		background-color: rgb(255 255 255) !important;
	}
	
	
	/* hide modal when click on image in grape */
	/*
	.gjs-mdl-container {
		display: none !important;
	}
	*/
	
	/* .gjs-pn-buttons .gjs-pn-btn.fa.fa-code,
	.gjs-pn-buttons .gjs-pn-btn.fa.fa-eye,
	.gjs-pn-buttons .gjs-pn-btn.fa.fa-arrows-alt
	 
	.gjs-pn-buttons .gjs-pn-btn.fa.fa-cog {
		display: none;
	}
	*/
	
	/* grapeJS hide image upload */
	/*
	.gjs-am-add-asset .gjs-am-add-field{
	    visibility: hidden;
	}
	
	.gjs-am-add-asset button {
	    visibility: hidden;
	}
	*/	
	
	/* grapeJS code editor */
	body #gjs .CodeMirror pre.CodeMirror-line, body #gjs .CodeMirror pre.CodeMirror-line-like, body #gjs .CodeMirror pre.CodeMirror-line span, body #gjs .CodeMirror pre.CodeMirror-line-like span {
		font-size: 13px !important;
		font-weight: 400 !important;
		font-family: arial;
		line-height: 24px;
	}
	.code-panel {
		overflow: initial !important;
	}
	.code-panel section {
		margin-bottom: 55px;
	}
	.code-panel .CodeMirror {
		filter: invert(1);
	}
	.codepanel-separator .cp-apply-css, .codepanel-separator .cp-apply-html, .codepanel-separator .cp-delete-css {
	    background-color: #7da800;
	    font-weight: 400;
	    filter: invert(1);
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    padding-left: 10px;
	    padding-right: 10px;
	    color: white;
	    border-bottom: 2px solid rgb(0 0 0 / 13%);
	    font-size: 12px;
	    line-height: 12px;
	    padding-top: 8px;		
	}
	.codepanel-separator .cp-delete-css {
		background-color: #d60000;
	}
	
	/* grapeJS toolbox plugin */
	.gjs-sm-property__margin-left, .gjs-sm-property__padding-left {
		margin-left: 10px !important;
	}	
	.gutter.gutter-vertical {
		min-height: 10px;
	}
	.gjs-sm-field.gjs-sm-composite {
		max-width: 260px;
	}

	body #gjs-breadcrumbs {
		display: none;
	}
	#gjs-breadcrumbs li a:before {
		left: -19px !important;
		height: 26px !important;
	}
	#gjs-breadcrumbs li a span {
		font-size: 12px;
		font-weight: 400;	
	}	
	body.grapeisEditingLayout #gjs-breadcrumbs {
		position: fixed;
		display: block;
		white-space: nowrap;
	}
	body.grapeisEditingLayout #gjs-breadcrumbs li {
		float: none;
		display: inline-block;
	}
	/*
	.gjs-sm-sector.gjs-one-bg.no-select {
		display: none;
	}
	*/	
	/* grapeJS gradient */
	.grp-handler-selected .grp-handler-cp-c {
	    margin-left: 3px;
	}
	.grp-handler-close-c {
		top: -14px;
		filter: invert(1);		
	}
	.gjs-field-colorp {
		filter: invert(1);
	}
	div#gjs-sm-preview-box {
		filter: invert(1);
	}		


/* expert image editor */

	.editExpertImageMode {
		border: 1px solid rgba(0, 0, 0, 0.21);
		cursor: pointer;
		margin: 0px 0px 4px 0px;
		display: inline-block;
		border-radius: 3px;
		font-size: 16px;
		top: -5px;
		position: relative;
		font-weight: 400;
		float: right;
		border-bottom: 0px solid transparent;
		background-color: #db9034;
		color: white;
		text-transform: none;
		letter-spacing: 0px;
		border-bottom: 2px solid #00000029;
		line-height: 23px;
		padding: 2px 11px;
		margin-left: 10px;
		margin-bottom: -4px;	
	}

	#expertImageEditor {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		width: 100vw;
		height: 100vh;		
	}
	
	#expertImageEditor .expertImageEditorLoader, #expertImageEditor .expertImageEditorExport {
		display: none;
	}
	#expertImageEditor.loading .expertImageEditorLoader, #expertImageEditor.export .expertImageEditorExport {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10010;
		width: 100vw;
		height: 100vh;
		background-color: white;
		background: url(../images/loading.gif) center center no-repeat rgb(255 255 255);
		background-size: 90px;
		background-position: center 47%);		
		background-position: center calc(50% - 20px);
		background-repeat: no-repeat;
	}
	#expertImageEditor.loading .expertImageEditorLoader {
		display: block;		
	}
	#expertImageEditor.export .expertImageEditorExport {
		display: block;		
	}	
	#expertImageEditor.loading .expertImageEditorLoader div, #expertImageEditor.export .expertImageEditorExport div {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		display: block;
		top: 50%;
		text-align: center;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 2px;
		opacity: 0.7;
		line-height: 13px;
		font-size: 12px;	
	}

	#expertImageEditor .expertEditionWebnerOptions {
		position: fixed;
		right: 0;
		height: 30px;
		padding: 2px 6px 0 0;	
	}

	#expertImageEditor .closeExpertEditor, #expertImageEditor .saveExpertEditor {
		background: #d60000;
		position: relative;
		display: inline-block;
		color: #ffffff;
		text-transform: uppercase;
		padding: 7px 13px 0px 5px;
		box-shadow: none !important;
		font-size: 12px;
		line-height: 11px;
		border: 0px solid transparent;
		border-bottom: 2px solid rgba(0, 0, 0, 0.4);
		border-radius: 4px;
		white-space: nowrap;
		font-weight: 500;
		letter-spacing: 0.5px;	
		cursor: pointer;
	}
	#expertImageEditor .closeExpertEditor:hover, #expertImageEditor .saveExpertEditor:hover {
		opacity: 0.9;
	}
	
	#expertImageEditor span.fa:before {
		color: #ffffff;
		font-family: 'FontAwesome';
		position: relative;
		display: block;
		font-size: 17px;
		line-height: 17px;
		padding-left: 6px;
	}	
	
	
	#expertImageEditor .closeExpertEditor span.fa {
		float: left;
		margin-right: 7px;
		top: -3px;
		position: relative;		
	}	
		#expertImageEditor .closeExpertEditor span.fa:before {
		    content: '\f00d';
		}	

	#expertImageEditor .saveExpertEditor {
		background: #83b100;
		margin-right: 4px;	
	}

	#expertImageEditor .saveExpertEditor span.fa {
		float: left;
		margin-right: 7px;
		top: -3px;
		position: relative;		
	}	
	
		#expertImageEditor .saveExpertEditor span.fa:before {
		    content: '\f00c';
		}
		
	.editExpertImageMode .fa.fa-edit {
		margin-right: 6px;
		font-size: 16px;
		top: 1px;
		position: relative;
	}

		

/* hardlinkBlock */
.smallBlockMode .element.hardLinkedBlock {  pointer-events: inherit; }
.elementModeiFrameResize .element.hardLinkedBlock {  pointer-events: inherit; }

#pageList li.element.hardLinkedBlock .frameCover:before { 	content: '\f0c1\a0\a0Verlinktes Element'; color: #4d4d4d; display: table-cell; margin: auto auto; left: 0; right: 0; top: 0; bottom: 0; 
															position: absolute; text-align: center; vertical-align: middle; font-size: 30px; line-height: 30px; z-index: 10; height: 30px; font-family: FontAwesome, Helvetica; }  


	/* speech marked element */


		/* border blinking */


		/* WITH full screen grey border
		@keyframes markElementBlinkborder {
		    0% {
				outline: 10px solid rgba(0, 0, 0, 0);
				outline-offset: 0px;	
		    }
		    1% {
				outline: 10px solid rgba(0, 0, 0, 0);
				outline-offset: 777px;	
		    }
		    20% {
				outline: 1px solid rgba(0, 0, 0, 0.2);
				outline-offset: 27px;					
		    }
		    30% {
				outline: 1px solid rgba(0, 0, 0, 0);
				outline-offset: 7px;					
		    }
		    40% {
				outline: 1px solid rgba(0, 0, 0, 0.2);
				outline-offset: 17px;					
		    }
		    50% {
				outline: 1px solid rgba(0, 0, 0, 0.1);
				outline-offset: 0px;
		    }		    

		    80% {
				outline: 7px solid rgba(255, 0, 0, 0.2);
		    }
		    100% {
				outline: 7px solid rgba(0, 0, 0, 0);

		    }
		}
		
		@-webkit-keyframes markborder {
		    0% {
				outline: 10px solid rgba(0, 0, 0, 0);
				outline-offset: 0px;	
		    }
		    1% {
				outline: 10px solid rgba(0, 0, 0, 0);
				outline-offset: 777px;	
		    }
		    20% {
				outline: 1px solid rgba(0, 0, 0, 0.2);
				outline-offset: 27px;					
		    }
		    30% {
				outline: 1px solid rgba(0, 0, 0, 0);
				outline-offset: 7px;					
		    }
		    40% {
				outline: 1px solid rgba(0, 0, 0, 0.2);
				outline-offset: 17px;					
		    }
		    50% {
				outline: 1px solid rgba(0, 0, 0, 0.1);
				outline-offset: 0px;
		    }		    

		    80% {
				outline: 7px solid rgba(255, 0, 0, 0.2);
		    }
		    100% {
				outline: 7px solid rgba(0, 0, 0, 0);

		    }
		}
		*/

		@keyframes markElementBlinkborder {
		    0% {
			    outline: 2px dashed rgba(255, 0, 0, 1);	
   			    outline-offset: -2px;	
   			    outline-style: dashed;		
		    }
		    60% {
			    outline: 2px dashed rgba(255, 0, 0, 1);				
			    outline-offset: -2px;
   			    outline-style: dashed;
		    }
		    61% {
			    outline-offset: 0px;
   			    outline-style: solid;
		    }			    		    	
		    70% {
				outline: 17px solid rgba(255, 0, 0, 0.2);			
			   outline-offset: 0px;
   			    outline-style: solid;
		    }
		    100% {
				outline: 7px solid rgba(0, 0, 0, 0);				
			    outline-offset: -7px;
   			    outline-style: solid;
		    }
		}
		
		@-webkit-keyframes markborder {
		    0% {
			    outline: 2px dashed rgba(255, 0, 0, 1);	
   			    outline-offset: -2px;	
   			    outline-style: dashed;		
		    }
		    60% {
			    outline: 2px dashed rgba(255, 0, 0, 1);				
			    outline-offset: -2px;
   			    outline-style: dashed;
		    }	
		    61% {
			    outline-offset: 0px;
   			    outline-style: solid;
		    }			    
		    70% {
				outline: 17px solid rgba(255, 0, 0, 0.2);			
			    outline-offset: 0px;
   			    outline-style: solid;
		    }
		    100% {
				outline: 7px solid rgba(0, 0, 0, 0);				
			    outline-offset: -7px;
   			    outline-style: solid;
		    }
		}

		body.webnerSiteBuilder #siteBuilderModes > label#modeInlineContentLabel.markElementBlink.markElementBlinkImportant,
		body.webnerSiteBuilder .markElementBlinkImportant {
		/*
			border: 2px dashed #ff5252 !important;
			border-top: 2px dashed #ff5252 !important;
			border-bottom: 2px dashed #ff5252 !important;
			border-left: 2px dashed #ff5252 !important;
			border-right: 2px dashed #ff5252 !important;
		*/												
		}

		body.webnerSiteBuilder .markElementBlink,
		body .markElementBlink {
			
			/* inserted because animation wont work in safari */

			/*
			border: 2px dashed #ff5252 !important;
			border-top: 2px dashed #ff5252 !important;
			border-bottom: 2px dashed #ff5252 !important;
			border-left: 2px dashed #ff5252 !important;
			border-right: 2px dashed #ff5252 !important;
			border-color: #ff5252 !important;
			border-style: dashed !important;
			border-width: 2px !important;
			*/
			
			/*
			outline: 2px dashed #ff5252 !important;
			outline-width: 2px !important;
			outline-color: #ff5252 !important;
			outline-style: dashed !important;
			outline-offset: -2px !important;
			opacity: 1 !important;
			z-index: 10;
			*/
			
			/*transform: scale(1.07);*/
			outline: 0px solid rgba(0, 0, 0, 0);

			-moz-transition:all 0.5s linear !important;
			-webkit-transition:all 0.5s linear !important;
			-o-transition:all 0.5s linear !important;
			-ms-transition:all 0.5s linear !important;
			transition:all 0.5s linear !important;
			 
			-moz-animation:markElementBlinkborder 3.33s linear infinite !important;
			-ms-animation:markElementBlinkborder normal 3.33s infinite linear!important;

			animation:markElementBlinkborder normal 3.33s infinite linear !important;

			-webkit-animation-name: markborder !important;
			-webkit-animation-duration: 3.33s !important;
			-webkit-animation-iteration-count: infinite !important;
			-webkit-animation-timing-function: linear !important;
			-webkit-animation-fill-mode: forwards !important;

		}
		

		.assistanceBox {
			position: fixed;
			z-index: 9999999;
			bottom: 0;
			background-color: rgba(0,0,0,0.77);
			width: 100%;
			color: #ffffff;
			text-align: center;
			padding: 10px 20px;
			font-size: 19px;
			font-weight: 100;
			letter-spacing: 1px;

			box-shadow: inset 0px -1px 15px rgba(0,0,0,0.7), 0px -3px 50px rgba(0,0,0,0.37);
			border-top: 1px solid #000000;

		    -moz-transition: height 5s ease;
		    -webkit-transition: height 5s ease;
		    -o-transition: height 5s ease;
		    transition: height 5s ease;			
			
		}
				
		.assistanceIcon .fa {
			display: none;
			font-size: 70px;
			position: absolute;
			margin-top: -80px;
			color: #383838;
			left: 5px;
		}
		
		#assistantFirstActivation .modal-title { text-align: center; }
		#assistantFirstActivation .modal-body { text-align: center; }
		#assistantFirstActivation div.modal-body[class^="col-"] { text-align: center; }	
		#assistantFirstActivation .assistantFirstActivationRequired { margin-top: 17px; border-top: 1px solid #f1f1f1; padding-top: 18px; color: #ababab; }

		#assistantFirstActivation .assistantFirstActivationQuestion { font-size: 21px; line-height: 27px; }

		#assistantFirstActivation .assistantFirstActivationActivate { font-size: 77px; margin-bottom: -37px; color: #ffffff; text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.25); }
		#assistantFirstActivation .assistantFirstActivationQuestionAudio { font-size: 47px; color: #ffffff; text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.25); }
		#assistantFirstActivation .assistantFirstActivationQuestionVideo { font-size: 47px; color: #ffffff; text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.25); }	



		#assistantFirstActivation .browserSuggestion { line-height: 1.3em; clear: both; margin-top: 17px; border-top: 1px solid #f1f1f1; padding-top: 18px; padding-bottom: 0; text-align: left; font-size: 14px; line-height: 15px; padding-right: 27px; } 		
		#assistantFirstActivation .browserSuggestion a { color: #000000; }
		
		#assistantFirstActivation .browserSuggestion a:hover { color: red; }
		#assistantFirstActivation .browserSuggestion img { display: inline-block; float: left; margin-right: 30px; margin-top: 7px; margin-left: 20px; }
	


		/*#assistantFirstActivation #assistantFirstActivationWave { position: absolute; top: 37px; }*/
		#assistantFirstActivation #assistantFirstActivationWave { margin-top: -37px; margin-bottom: -79px; }		
		#assistantFirstActivation .close { display: none; }

		.typedMessageContainer { box-sizing: border-box; word-break: break-word; white-space: normal; max-width: 97%; display: inline-block; }

		.typedMessageWrapper { word-break: break-word; white-space: pre-wrap; }
		.typed-cursor { position: relative; white-space: pre-wrap; }
	
		/*
		#assistanceWave canvas {
			max-width: 1200px !important;
		}
		*/
		
			/* assistamce switchers */
			
			.assistanceBoxSwitcherWrapper { position: absolute; top: 0; margin-top: -34px; left: 0; right: 0px; background-color: rgba(0,0,0,0.77); padding: 3px 15px 0 0px; display: block; height: 34px; }
			.assistanceBoxSwitcherWrapper { opacity: 1; box-shadow: inset 0px 17px 17px rgba(0, 0, 0, 0.55), 0px -3px 50px rgba(0,0,0,0.37); border-top: 1px solid rgba(255, 255, 255, 0.37); }
			.assistanceBoxSwitcherWrapper:hover { opacity: 1 }			
		
			.assistanceBoxHeader { opacity: 0.37; font-size: 15px; letter-spacing: 1px; padding-top: 2px !important; }
			.assistanceBoxHeader i { margin-left: 13px; margin-right: 7px; font-size: 21px; top: 2px; position: relative; }
			
		
			.assistanceBoxClose { display: inline-block; margin-left: -7px; top: -1px; position: relative; }
			
			.assistanceBoxClose { opacity: 0.77; cursor: pointer; }
			.assistanceBoxClose:hover { opacity: 1; }			
		
			.assistanceBoxDropdownInfo { color: #ffffff; line-height: 14px; font-size: 11px; font-weight: 100; margin-top: 10px; margin-bottom: 17px; }
		
			.assistanceBoxSwitcherWrapper div[class^="col-"] {
				padding: 0px;
				white-space: nowrap;
			}
		
			.assistanceBoxSwitcher { opacity: 0.57; }
			.assistanceBoxSwitcher:hover { opacity: 1; }			
			.assistanceBoxSwitcher { position: relative; top: -3px; padding: 3px 0 4px 0; height: 33px;  }		
			.assistanceBoxSwitcher { display: inline-block; text-align: center; margin: 0; }
			
				.assistanceBoxSwitcher.assistanceBoxLeftSwitcher { left: 0px; text-align: left; padding-left: 17px; margin-left: 7px; border-left: 1px solid #777777; }
				.assistanceBoxSwitcher.assistanceBoxLeftSwitcher .fa { opacity: 1; margin: 0px 0px 0 -1px; position: relative; display: inline-block; top: 0px; font-size: 22px; cursor: pointer; }			
				.assistanceBoxSwitcher.assistanceBoxLeftSwitcher .iswitcher { display: none; margin-right: 9px; }
				
				.assistanceBoxSwitcher.assistanceBoxRightSwitcher { left: 0px; text-align: left; padding-left: 20px; padding-right: 10px; }
				.assistanceBoxSwitcher.assistanceBoxRightSwitcher .fa { opacity: 0.47; margin: 0px 1px 0 9px; position: relative; display: inline-block; top: 0px; font-size: 25px; cursor: pointer; }			
			
			/*.assistanceBox { height: 74px !important }*/
			
			.assistanceBoxSwitcher .iswitcher { margin-bottom: -7px; display: inline-block; }
			.assistanceBoxSwitcher .iswitcher i { box-shadow: inset 0 0 0 2px rgb(225, 228, 231); }
			.assistanceBoxSwitcher .iswitcher :checked + i { padding-right: 0; padding-left: 20px; text-align: center;
																								box-shadow: inset 0 0 0 2px rgb(225, 228, 231), inset 0 0 40px #4d4d4d; 
																								-webkit-box-shadow: inset 0 0 0 2px rgb(225, 228, 231), inset 0 0 40px  #4d4d4d; } 				
			.assistanceBoxSwitcher .iswitcher i:before { background: #e1e4e7; }			
			.assistanceBoxSwitcher .iswitcher :checked + i:after	{ color: rgb(77, 77, 77); }
			.assistanceBoxSwitcher .iswitcherLabel { cursor: pointer; color: #e1e4e7; font-size: 8px; line-height: 9px; padding-left: 5px; display: inline-block; white-space: nowrap; font-weight: 100; text-transform: uppercase; top: -1px; position: relative;}
			
		

															
	/* hardblock master element marked */
	.hardLinkedBlockMarked {  }
	
	.hardLinkedBlockMarked .frameCover { background-color: rgba(0,128,9,0.5) !important; }
	
	#pageList .elementModeiFrameResize li.element.hardLinkedBlockMarked:before {  }
	
		/* border blinking */
		@keyframes blinkborder {
		    0% {
		           background-color: rgba(0,128,0,0.5)
		    }
		    50% {
		           background-color: rgba(0,128,0,0)
		    }
		    100% {
		           background-color: rgba(0,128,0,0.5)
		    }
		}
		@-webkit-keyframes blinkborder {
		    0% {
		           background-color: rgba(0,128,00,0.5)
		    }
		    50% {
		           background-color: rgba(0,128,00,0)
		    }
		    100% {
		           background-color: rgba(0,128,00,0.5)
		    }
		}
		
		 .hardLinkedBlockMarked .frameCover {
			-moz-transition:all 0.5s ease-in-out;
			-webkit-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			-ms-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;

			-moz-animation:blinkborder normal 1.5s infinite ease-in-out;
			-webkit-animation:blinkborder normal 1.5s infinite ease-in-out;
			-ms-animation:blinkborder normal 1.5s infinite ease-in-out;
			animation:blinkborder normal 1.5s infinite ease-in-out;
		}


															
	/* hardlinkBlock - block mode buttons */
	li.element.hardLinkedBlock { pointer-events: none; }
	li.element.hardLinkedBlock .frameCover { display: block !important; background-color: rgba(255,255,255,0.77) !important; }
	li.element.hardLinkedBlock .frameCover .linkBlock,
	li.element.hardLinkedBlock .frameCover .resetBlock,
	li.element.hardLinkedBlock .frameCover .htmlBlock,
	li.element.hardLinkedBlock .frameCover .duplicateBlock,
	li.element.hardLinkedBlock .frameCover .copyBlock { display: none; }
		
	/* disable show master element on all normal blocks */
	li.element .frameCover .linkBlockShowElement { display: none; }
	li.element.hardLinkedBlock .frameCover .linkBlockShowElement { display: block; }


/* resize iframe when dragging element to canvas */
.elementModeResize { min-height: 10000px; }
.elementModeResize ul:last-child { min-height: 10000px !important; }


#pageList .elementModeiFrameResize .frameCover { background: rgba(255, 255, 255, 0.7); display: block !important; }
#pageList .elementModeiFrameResize li.ui-sortable-helper .frameCover { background: transparent; }
#pageList .elementModeiFrameResize li iframe { border: 3px dotted #969696; border-bottom: 0px solid white; }

#pageList .elementModeiFrameResize li.element,
#pageList .elementModeiFrameResize li.element iframe,
#pageList .elementModeiFrameResize li.element .frameCover { height: 220px !important; cursor: move; cursor: -webkit-grab; cursor: -moz-grab;  }

#pageList .elementModeiFrameResize li { margin-top: 0px !important; list-style-type: decimal; border-bottom: 5px solid rgb(52, 73, 94); }
#pageList .elementModeiFrameResize { counter-reset: item 0; line-height: 0.7em; } 

#pageList .elementModeiFrameResize li.element:before,
#pageList .elementModeiFrameResize li.element:hover:before { content: counter(item); counter-increment: item; background: rgba(225, 224, 224, 0.8); color: #34495E; display: table-cell; margin: 0; width: 120px; height: 220px; 
									 						 position: absolute; text-align: center; vertical-align: middle; font-size: 30px; line-height: 120px; z-index: 10; }

#pageList .elementModeiFrameResize li.element:after,
#pageList .elementModeiFrameResize li.element:hover:after { content: 'Web Element'; position: absolute; top: 0px; left: 0px; font-size: 12px; color: #000000; z-index: 11; width: 120px; text-align: center; line-height: 70px; }  

#pageList .elementModeiFrameResize li.elementCodeMode:after,
#pageList .elementModeiFrameResize li.elementCodeMode:hover:after,
#pageList .elementModeiFrameResize li.elementCodeMode:before,
#pageList .elementModeiFrameResize li.elementCodeMode:hover:before { content: ''; background: transparent; }
	
	/* hide on hover */
	/*
	#pageList li.element:hover:before { z-index: -10; }
	#pageList li.element:hover:after { z-index: -10; }
	*/
	#pageList li.element:not(#pageList .elementModeiFrameResize li.element):hover:after { display: none; }
	#pageList li.element:not(#pageList .elementModeiFrameResize li.element):hover:before {
		transform: scale(0.17);
		transform-origin: left top;
		font-weight: 900;
		font-size: 50px;
		line-height: 71px;
		background-color: #00508f;
		color: white;
	}


#pageList .elementModeiFrameResize li.templ { display: none !important; }

#pageList .elementModeiFrameResize li:hover .frameCover { background: rgba(0, 0, 0, 0.2); }


/* on start, when no element is dropped */
.emptypagelist ul { min-height: 120px !important; border: 1px dashed rgba(0, 0, 0, 0.2); text-align: center; }
.emptypagelist:hover ul {  }
.emptypagelist ul:before { position: absolute; left: 0; right: 0; top: -20px; content: '\f055'; font-family: FontAwesome; text-align: center; line-height: 120px; font-size: 30px; display: inline-block;  }
.emptypagelist ul:after { position: absolute; left: 0; right: 0; top: 15px; content: '\00a0Web-Element hierhin ziehen'; text-transform: uppercase; text-align: center; line-height: 120px; font-size: 30px; display: inline-block;  }

.emptypagelist ul.elementModeiFrameResize .drop-hover { border: 2px dashed #e34835 !important; border-top: 0px solid transparent; background: #ffffff; }
.emptypagelist ul.elementModeiFrameResize li.drop-hover:before { content: '' !important; }


.emptypagelist ul.elementModeiFrameResize:before { content: '\f0ab'; font-family: FontAwesome;   }
.emptypagelist ul.elementModeiFrameResize:after { content: '\00a0Hier loslassen'; }



	/* when hover draggable item */
	#pageList .elementModeiFrameResize .drop-hover { height: 120px !important; border: 5px solid rgb(52, 73, 94); border-top: 0px solid transparent; background: #ffffff; }
	#pageList .elementModeiFrameResize li.drop-hover:before { content: "\f061"; padding-left: 20px; background: transparent; font-size: 97px; line-height: 120px; font-family: FontAwesome; }	
	#pageList .elementModeiFrameResize li.drop-hover:after { content: " "; }

	/* when ace editor opens, resize code editor */
	#pageList li.elementCodeMode, /* we do this in any block mode */
	#pageList .elementModeiFrameResize li.elementCodeMode { height: 1000px !important; }
	#pageList .elementModeiFrameResize li.elementCodeMode:before { content: " "; background: transparent; }
	#pageList .elementModeiFrameResize li.elementCodeMode:after { content: " "; }


	/* show web elements cubic wise */
	#pageList .elementModeiFrameResize li.element:before, #pageList .elementModeiFrameResize li.element:hover:before {
		height: 100px;
		border-bottom-right-radius: 10px;			
	}
	#pageList .elementModeiFrameResize .frameCover {
		background: rgba(255, 255, 255, 0.2);
	}
	#pageList .elementModeiFrameResize li:hover .frameCover {
		background: none;
	}	
	
	body .screen .frameWrapper #pageList.elementModeResize ul li.elementCodeMode {
		top: 0 !important;
		position: absolute !important;
		z-index: 100;
		left: 0 !important;
		height: 100% !important;	
	}
	
	body .screen .frameWrapper #pageList.elementModeResize ul li.ui-sortable-helper:not(li.elementCodeMode) {
		margin: 0px !important;
		float: left;
		margin-top: -50px !important;
		margin-left: 50px !important;
	}
	
	body .screen .frameWrapper #pageList.elementModeResize ul li:not(li.elementCodeMode) {
		width: 30%;
		width: calc(33% - 20px);
		height: 350px !important;
		margin: 5px 10px 20px 10px;
		border: 2px dashed #0064b4;
		border-radius: 10px;
		float: left;
	}
	
	
	body .screen .frameWrapper #pageList.elementModeResize ul li:not(li.elementCodeMode) iframe {
		width: 200%;
		transform: scale(0.5);
		transform-origin: left top;
		height: 200% !important;
	}
	
	body .screen #pageList.elementModeResize li.element:not(li.elementCodeMode) .frameCover {
		z-index: 10;
		height: 350px !important;
		display: flex !important;
		margin-left: auto;
		flex-flow: wrap-reverse;
		justify-content: center;
		flex-direction: column-reverse;
	}
	
	body .screen #pageList.elementModeResize li:not(li.elementCodeMode) .frameCover button.btn-danger,
	body .screen #pageList.elementModeResize li:not(li.elementCodeMode) .frameCover button.btn-inverse,
	body .screen #pageList.elementModeResize li:not(li.elementCodeMode) .frameCover button.btn-warning {
		width: 200px;
		height: 50px;
	}


/*=======================================================
                      LOADERS
=========================================================*/

.loaderHdlClk {
	position: fixed;
	right: 0;
	top: 31px;
	width: 35px;
	height: 25px;
	z-index: 999999;
}
.loaderDebugDiv {
	display: none;
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 0;
	z-index: 99999999;
	border: 1px solid black;
	text-align: right;
	overflow: scroll;
	background: white;
	padding: 10px;
}
.loaderDebugDiv p {
	margin: 0px;
	padding: 0px;
}

#loader { box-shadow: inset 0px -1px 200px rgba(0,0,0,0.22); }

#loader > img {
	width: 163px;
	height: 106px;
	padding: 0; 
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;	
}

#loader .loaderWebnerLogo {
	width: 163px;
	height: 31px;
	position: absolute;
	left: 6px;
	top: 8px;
	z-index: 15;
}

.loader > img {
	width: 90px;
	height: 90px;
	padding: 15px; 
}

	/* modal loader */
	#imageModal .modal-dialog {
		transform: unset; /* used that fixed layers will be fixed and not scroll inside modal */
	}
	#imageModal .modal-content .loader, #imageModal .modal-content .loader2 {
		position: fixed;
		height: auto;
		width: 300px;
		max-width: 90%;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 30vh;
		top: calc(50vh - 220px) !important;
		border: 2px solid #d6d6d6;
		border-radius: 5px;
		line-height: 17px;
		font-size: 15px;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
		padding: 20px;
		overflow: hidden;
		z-index: 100;
	}
	#imageModal .modal-content .loader img {
		height: 77px;
		width: 77px;
		padding: 0;
		margin-bottom: -14px;
		margin-top: -21px;		
	}	
	
	#imageModal .modal-dialog .alert-success {
		position: fixed;
		height: 200px;
		height: fit-content;
		width: 440px;
		max-width: 90%;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 30vh;
		top: calc(50vh - 220px) !important;
		border: 2px solid #d6d6d6;
		border-radius: 5px;
		line-height: 17px;
		font-size: 15px;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.2) !important;
		padding: 20px;
		overflow: hidden;
		overflow-y: auto;
		z-index: 100;
		text-align: center;
		cursor: pointer;
	}	
	#imageModal .modal-dialog .alert-success h4 {
		text-transform: uppercase;
		margin-bottom: 12px;
	}
	#imageModal .nav-tabs>li {
		border-bottom: 2px solid white;
	}	



	/* Loader for iframe Web-Elements - in js/sitebuilder/builder.js , Line 948*/
	.screen .frameCover.fresh { background: url(../images/loading_element_bar_corner.gif) 50% 50% no-repeat #ffffff; }

#cacheError { z-index: 99999999999 !important; position: fixed; }
#cacheError .modal-backdrop.in { background: #ffffff !important; opacity: 1 !important; box-shadow: inset 0px -1px 200px rgba(0,0,0,0.22); }
#cacheError .modal-content { text-align: center; }
.BlockLayer { display: block !important; opacity: 1 !important; }

.loaderStatusText {
	background: #f7f7f7;
	padding: 10px 0;
	position: absolute;
	width: 100%;
	text-align: center;
	letter-spacing: 7px;
	font-size: 14px;
	font-weight: 100;
	color: #969696;
	height: 45px;
	z-index: 5;
	box-shadow: inset 0px -1px 15px rgba(0,0,0,0.07), 0px -3px 50px rgba(0,0,0,0.07);	
	border-bottom: 1px solid #d7d7d7;	
}

.loaderStatusBar {
	z-index: 10;
	background: #0064b5;
	padding: 0;
	position: absolute;
	width: 0px;
	height: 3px;
	top: 45px;	
	display: none;
}

	.loaderBounceStatusBar { 
	  position:absolute;
	  border-radius:10px;
	  top:44px;
	  right:100%;
	  bottom:0;
	  left:0;
	  background:#0064b5; 
	  width:0;
	  height: 4px;
	  animation: loaderbounceanim 2s linear infinite;
	}
	
	@keyframes loaderbounceanim {
	  0% {
	    left:0%;
	    right:100%;
	    width:0%;
	  }
	  10% {
	    left:0%;
	    right:75%;
	    width:25%;
	  }
	  50% {
	    width:5%;
	  }	  
	  90% {
	    right:0%;
	    left:75%;
	    width:25%;
	  }
	  100% {
	    left:100%;
	    right:0%;
	    width:0%;
	  }
	} 


.loaderPercentageWrapper {
/*
    position: fixed;
    z-index: -1;
    bottom: -143px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #f7f7f7;
    font-size: 297px;
    font-family: lato;
    font-weight: 900;
*/
	position: fixed;
	z-index: -1;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #d7d7d7;
	font-size: 17px;
	font-family: lato;
}
.loaderPercentageWrapper span {
	margin-top: 5px;
	display: inline-block;
	color: #585858;
}

.loaderPercentageWrapper .fa {
	position: absolute;
	margin-left: -40px;
	font-size: 87px;
	margin-top: -17px;
	color: #000000;
	opacity: 0.017;
}

.loaderHints {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 200px;
	padding-top: 190px;
	line-height: 14px;
	font-size: 12px;
	color: #bdbdbd;
}
	.loaderHints .chromelogo {
		margin-top: 10px;
		opacity: 0.7;
		cursor: pointer;
	}
	.loaderHints .chromelogo:hover {
		opacity: 1;
	}	

.loaderStatusBar
{ 
	-o-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-khtml-transition: all 3s ease-in-out;
	-webkit-transition: all 3s ease-in-out;
	-ms-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out; 
}

.fastbar
{ 
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear; 
}

.slowbar {
	-o-transition: all 10s ease-out;
	-moz-transition: all 10s ease-out;
	-khtml-transition: all 10s ease-out;
	-webkit-transition: all 10s ease-out;
	-ms-transition: all 10s ease-out;
	transition: all 10s ease-out; 	
}
.ultraslowbar {
	-o-transition: all 120s ease-out;
	-moz-transition: all 120s ease-out;
	-khtml-transition: all 120s ease-out;
	-webkit-transition: all 120s ease-out;
	-ms-transition: all 120s ease-out;
	transition: all 120s ease-out; 	
}

/*=======================================================
                 BUY WEBNER MODAL
=========================================================*/
.buyWebnerModalNoScroll {
	overflow: hidden !important;
	width: 100%;
	height: 100%;
}
.buyWebnerModalOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: 1400;
	top: 0;
	left: 0;
	display: none;
}
.buyWebnerLoadPaypal {
	display: none;
	position: absolute;
	width: 220px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	background: transparent;
	z-index: 1500;
	border: 0px solid rgba(0, 0, 0, 0.1);
	box-shadow: none;
	border-radius: 0px; 
	display: none;	
	padding: 0px; 	
	text-align: center;
}

.buyWebnerModal {
	position: fixed;
	max-width: 850px;
	overflow: auto;
	display: block;
/*
    left: 50%;
    top: 60%;
    transform: translate(-50%, -60%);
*/    
	background: rgba(255, 255, 255, 1);
	z-index: 1500;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
	border-radius: 3px; 
	display: none;	
	padding: 35px; 
	vertical-align: middle;
}
.buyWebnerModalClose {
	position: absolute;
	z-index: 1600;
	right: 9px;
    top: 0px;	
    cursor: pointer;
}
.buyWebnerModalClose:before {
	font-family: FontAwesome;
	content: '\f00d';
	color: #000000;
	font-size: 20pt;
}



.webnertrial {
	background: #0060b7;
	color: #ffffff;
	width: 80%;
	height: 47px;
	font-size: 0.7em;
	border: 0px;
	border-radius: 3px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	padding: 7px 15px; 
	cursor: pointer;
	margin-top: 15px;	
}

.webnerRegister {
	background: #0060b7;
	color: #ffffff;
	width: 80%;
	height: 47px;
	font-size: 1.2em;
	border: 0px;
	border-radius: 3px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	padding: 7px 15px; 
	cursor: pointer;
	margin-top: 20px;	
}

.buyWebner {
	color: #ffffff;
	min-width: 177px;
	height: 47px;
	font-size: 1.1em;
	white-space: nowrap;
	border: 0px;
	border-radius: 3px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	padding: 7px 15px; 
	cursor: pointer;
}

.buyWebner.webnerfreehost {
	background: #7cc300;
}

.buyWebner.webnerplus {
	background: #c40e00;
}

.buyWebner.webnerbusiness {
	background: #c1aa00;
}
/*
.buyWebner:hover {
	margin-top: 4px;
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); 
}
*/

/*=======================================================
               FOOTER & HEADER CONTENT
=========================================================*/


	.csection { width: 100%; background: #ffffff; z-index: 10; position: relative; text-align: center; padding: 80px 20px; }

	.csection h1 { font-size: 55pt; font-weight: 100; color: #000000; text-transform: none; }
	.csection h2 { font-size: 30pt !important; font-weight: 100; color: #000000; text-transform: none !important; letter-spacing: 1px !important; }	
	.csection h3 { font-size: 17pt !important; font-weight: 100; color: #000000; text-transform: none !important; letter-spacing: 1px !important; }	
	.csection strong { font-weight: 900; }

	.csection0 { margin-top: 50px; margin-bottom: 100px; }

	.csection1 { 
		height: 880px; 
		background-image: url(../images/section1_bg.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		background-attachment: fixed;
	}
	
		@media only screen and (min-width:480px) and (max-width:1281px) {               
			.csection1 { background: url(../images/section1_bg.jpg) 0 0 no-repeat; }
		}
		@media screen and (max-device-width: 767px) and (min-resolution: 400dpi) {
			.csection1 { background: url(../images/section1_bg.jpg) 0 0 no-repeat; }
		}
		@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
			.csection1 { background: url(../images/section1_bg.jpg) 0 0 no-repeat; }
		}		
	
	
	.csection1-Overlay { 
		width: 1108px; 
		height: 1229px;
		position: absolute;
		margin: 0 auto;
		z-index: 20;
		left: 0;
		right: 0;
		margin-top: -140px;
		background: url(../images/webner_prices.png) 0 0 no-repeat;
		cursor: pointer;
	}	
	
	.csection2 { margin-top: 130px; margin-bottom: 20px; background: transparent; }

	.csection3-wrapper {
	    width: 100%;
	    overflow: hidden;
	    position: absolute;
	    height: 728px;	
	    margin-top: 60px;
	    z-index: 50;	
	}
	.csection3-Overlay { 
		width: 1655px;
		height: 728px;
		position: absolute;
		margin: 0 auto;
		z-index: 20;
		left: 0;
		right: 0;
		background-image: url(../images/webner_responsive.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		background-attachment: scroll;	
		background-color: transparent;	
	}		
	.csection3 { 
		height: 610px; 
		background-image: url(../images/section3_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		background-attachment: fixed;
	}
		@media only screen and (min-width:480px) and (max-width:1281px) {               
			.csection3 { background: url(../images/section3_bg.jpg) 0 0 no-repeat; }
		}
		@media screen and (max-device-width: 767px) and (min-resolution: 400dpi) {
			.csection3 { background: url(../images/section3_bg.jpg) 0 0 no-repeat; }
		}
		@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
			.csection3 { background: url(../images/section3_bg.jpg) 0 0 no-repeat; }
		}			

	.csection4 { padding-top: 100px; }

	.csection5 { 
		height: 610px; 
		background-image: url(../images/section5_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		background-attachment: fixed;
	}
		@media only screen and (min-width:480px) and (max-width:1281px) {               
			.csection5 { background: url(../images/section5_bg.jpg) 0 0 no-repeat; }
		}
		@media screen and (max-device-width: 767px) and (min-resolution: 400dpi) {
			.csection5 { background: url(../images/section5_bg.jpg) 0 0 no-repeat; }
		}
		@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
			.csection5 { background: url(../images/section5_bg.jpg) 0 0 no-repeat; }
		}	
	
	.csection5-Overlay { 
		width: 1147px; 
		height: 591px;
		position: absolute;
		margin: 0 auto;
		z-index: 20;
		left: 0;
		right: 0;
		margin-top: 19px;
		background: url(../images/webner_functions.png) 0 0 no-repeat;
	}	
	
	.csection6 { 
		min-height: 600px; 
		background: url(../images/webner_contact.jpg) center bottom no-repeat;
	}	
	.csection6-Overlay {	
		left: 50%; margin-left: -80px; margin-top: 180px; position: absolute; z-index: 30; width: 500px; text-align: left; background: transparent;
	}
		.csection6 h2 {  }
		.csection6 h3 {  }		
		.csection6-Overlay .phone { font-size: 35pt; font-weight: 100; color: #000000; text-transform: none; line-height: 20pt; }				

	/* for animate */
	.hiddencontent { opacity: 0; }
	.visiblecontent { opacity: 1; }

	.cfooterwrapper { width: 900px; position: relative; margin: 0 auto; margin-top: 110px; margin-bottom: 110px; }

	.cfootercopy { font-size: 0.6em; line-height: 1.2em; text-align: justify; color: #a1a1a1; }
	.cfootercopy a { color: #a1a1a1; }        
	
	.cfooter { font-size: 0.8em; line-height: 1.3em; text-align: center; color: #a1a1a1; margin-bottom: 20px; }
	.cfooter a { color: #a1a1a1; text-decoration: none; }   
	
	
/*=======================================================
		              HOVER EFFECTS
=========================================================*/
/*
body.webnerSiteBuilder.editorViewDesktop #frameWrapper,
body.webnerSiteBuilder.editorViewMobile #frameWrapper,
body.webnerSiteBuilder.editorViewTablet #frameWrapper,
*/

.ftwGrid,
.ftwGrid:hover,
.texdeGrid,
.texdeGrid:hover,
.stalGrid,
.stalGrid:hover,
.bgsGrid,
.bgsGrid:hover,
.bgpGrid,
.bgpGrid:hover,
.colMDGrid,
.colMDGrid:hover,
.colMDGridOffsetWrapper,
.colMDGridOffsetWrapper:hover,
.colMDGridOff,
.colMDGridOff:hover,
.colMDGridOffsetOff,
.colMDGridOffsetOff:hover,
.colMDElement,
.colMDElement:hover,
.webnerSiteBuilder .displayTypeIcons,
.webnerSiteBuilder .displayTypeIcons:hover,
.buyWebner,
.buyWebner:hover,
.webnertrial,
.webnertrial:hover,
.webnerRegister,
.webnerRegister:hover,
.wrapperApplyStyle div,
.wrapperApplyStyle div:hover,
.wrapperApplyStyle div label,
.wrapperApplyStyle div:hover label,
.deleteBackgroundImage,
.deleteBackgroundImage:hover,
.sites .viewport .zoomer-cover,
.sites .viewport .zoomer-cover:hover,
.inlineEditorToolbar button,
.inlineEditorToolbar button:hover,
.iedClose,
.iedClose:hover,
.iedFixed,
.iedFixed:hover,
.iedMainSubmenu.open li,
.iedMainSubmenu.open li:hover,
.assistanceBoxSwitcher,
.assistanceBoxSwitcher:hover,
.assistanceBoxSwitcherWrapper,
.assistanceBoxSwitcherWrapper:hover,
.assistanceBoxClose,
.assistanceBoxClose:hover,
#videoHelpFullscreenToggle,
#videoHelpFullscreenToggle:hover,
#videoModal ul.videoCategories li,
#videoModal ul.videoCategories li:hover,
#videoModal .close:hover,
#videoModal .close,
.window .viewport .placeHolder,
.window .viewport .placeHolder:hover,
.sites .site .window .viewport .placeHolder:before,
.sites .site .window .viewport .placeHolder:hover:before,
.uploadLibraryListing .image,
.uploadLibraryListing .image:hover
{ 
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-khtml-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear; 
}
	

.noAnimationScale {
	/*CSS transitions*/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	transition: none !important;

	/*CSS transforms*/
	-o-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

.videoCategories li.active,
.noAnimation {

	/*CSS transitions*/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	
	/*CSS transforms*/
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;

}


/*=======================================================
					  easy mode
=========================================================*/

	/* top bar elements mode */
	.easyMode {
		display: inline-block;
		margin-left: 5px;
		background-color: white;
		padding: 1px 5px 1px 5px;
		margin-bottom: 5px;
		border-radius: 3px;
		color: #34495e;
		cursor: pointer;
	}
	body .easyMode.easyModeOff {
		background-color: #82b100;
		color: white;
	}
	body.easyModeActive .easyMode.easyModeOn {
		background-color: #82b100;
		color: white;
	}
	body.easyModeActive .easyMode.easyModeOff {
		background-color: white;
		color: #34495e;
	}
		/* easymode popup */
		.easyModePopup .modal-body .row {
			display: flex;
		}
		.easyModePopup .modal-title {
			text-align: center;
		}
		.easyModePopup .modal-dialog {
			width: 80vw;
			width: calc(100vw - 200px);
			max-width: 1000px;
		}
		.btnEasyMode {
			border: 1px solid #d9d9d9;
			margin: 10px;
			width: calc(50% - 20px);
			border-radius: 10px;
			min-height: 100px;
			text-align: center;
			background-color: #f6f6f6;
			box-shadow: 0px 5px 10px #e9e9e9;
			transform: scale(0.95);
			transition: all 0.5s;
			cursor: pointer;
		}
		.btnEasyMode:hover {
			transform: scale(1);
			transition: all 0.5s;
		}
		.easymodeBtnHead {
			display: block;
			font-weight: 900;
			font-size: 33px;
			background-color: #82b100;
			color: #ffffff;
			text-transform: uppercase;
			margin-left: -15px;
			margin-right: -15px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			padding: 2px 0px;
			letter-spacing: 5px;
		}
		.easyModeOff .easymodeBtnHead {
			background-color: #0064b4;		
		}
		.easymodeBtnHead small {
			font-size: 18px;
			display: block;
			line-height: 20px;
			margin-bottom: 11px;
			margin-top: -12px;
			letter-spacing: 0px;
			padding: 0px 15px;
			font-weight: 500;
		}
		.easymodeBtnHead b {
			font-weight: 900;
		}
		.easymodeBtnText {
			padding: 21px 10px 15px 10px;
			display: block;
			font-size: 14px;
			line-height: 21px;
			font-weight: 400;
			text-align: justify;
		}
		.easymodeBtnText svg {
			font-size: 70px;
			display: inline-block;
			float: left;
			text-align: center;
			margin: 10px auto 15px auto;
			background-color: #82b100;
			padding: 10px;
			border-radius: 5px;
			box-shadow: 0px 0px 15px rgb(0,0,0,0.15);
			color: white;
			margin-right: 20px;
			margin-top: 4px;
			margin-bottom: 0px;
		}
		.easyModeOff .easymodeBtnText svg {
			background-color: #0064b4;
		}
		.easyModeSwitch {
			width: 70%;
			margin: 0 auto;		
		}
		.easyModeSwitch img {
			width: 350px;
			max-width: 100%;
			float: left;
			border-radius: 10px;
			margin-right: 15px;
		}
		.easyModeSwitch .easymodeBtnText {
			color: rgb(137, 137, 137);
		}



/* main buttons */
body.easyModeActive #modeStyleLabel {
	margin-left: 10px !important;
}
body.easyModeActive #siteBuilderModes > label#modeInlineContentLabel {
	margin-right: -5px !important;
	border-radius: 3px;
}

/* ALL HIDING ELEMENTS IN EASY MODE */
/* main buttons */
body.easyModeActive #modeElementsLabel,
body.easyModeActive #modeGrapeContentLabel,
body.easyModeActive #modeContentLabel,
body.easyModeActive #buttonrePRINT,
body.easyModeActive #button_revisionsDropdown,
body.easyModeActive #exportPage,
body.easyModeActive .headerButtonSettings,
/*body.easyModeActive.webnerSiteBuilder .screen .toolbar,*/

/* acordeon titles open/close */
body.easyModeActive .container-schrift:before,
body.easyModeActive .containergroup-mouseover:before,
body.easyModeActive .containergroup-animationen:before,
body.easyModeActive .containergroup-idplayer:before,
body.easyModeActive .container-grsse:before,
body.easyModeActive .container-hintergrundbild:before,

/* sidebar with elements */
body.easyModeActive .menu .main > div,
body.easyModeActive .menu .main > h3,
body.easyModeActive .menu .main > ul,
body.easyModeActive .menu .main > hr,
body.easyModeActive #pages .pageButtons,
body.easyModeActive .menu .main > a.toggle,

/* reedit */
body.easyModeActive .iedMainMenu,

/* reprint */
body.easyModeActive .rePRINTruler,

/* additional toolbar with sizes, preview, popup elements */
/*body.easyModeActive .toolbar .buttons.clearfix,*/

/* style editor - topBar */
body.easyModeActive #styleEditor .breadcrumb,
body.easyModeActive #styleEditor .close,

/* style editor - effects tab */
body.easyModeActive .container-effectTexteffect,
body.easyModeActive .containergroup-effectTexteffect,
body.easyModeActive .container-textelementeffekte > div,
body.easyModeActive .container-textelementeffekte > label,
body.easyModeActive .container-schatten,
body.easyModeActive .containergroup-schatten,
body.easyModeActive .container-2d3dmanipulation,
body.easyModeActive .containergroup-2d3dmanipulation,
body.easyModeActive .container-animationen > label,
body.easyModeActive .container-animationen > #s2id_effectHover,

/* style editor - css tab */
body.easyModeActive .container-innenabstnde,
body.easyModeActive .containergroup-innenabstnde,
body.easyModeActive .container-aussenabstnde,
body.easyModeActive .containergroup-aussenabstnde,
body.easyModeActive .container-spalten,
body.easyModeActive .containergroup-spalten,
body.easyModeActive .container-rahmen,
body.easyModeActive .containergroup-rahmen,
body.easyModeActive .container-rundeecken,
body.easyModeActive .containergroup-rundeecken,
body.easyModeActive .containergroup-hintergrundbild > div:not(div:nth-child(1),div:nth-child(2),div:nth-child(3)),

/* style editor - video tab */
body.easyModeActive .container-rasterfarbequalitt .videoBGSwitcherBox,
body.easyModeActive div.container-rasterfarbequalitt > label.videoMobileDesktop,
body.easyModeActive .container-rasterfarbequalitt .OtherTabsCSSDelimiter,
body.easyModeActive .container-startende,
body.easyModeActive .containergroup-rasterfarbequalitt,
body.easyModeActive .containergroup-startende,
body.easyModeActive .videoBGTab .cssAttributesGroup.bgvideoStartEndContainer,

/* style editor - color styles tab */
body.easyModeActive .tab-pane.colorshemesTab,
body.easyModeActive #colorshemes_Link,

/* style editor bottom menue */
body.easyModeActive .elementDirectEditModes > div

{
	display: none !important;
}

/* block elements */
body.easyModeActive .containergroup-schrift,
body.easyModeActive .container-textelementeffekte,
body.easyModeActive .container-animationen,
body.easyModeActive .container-rasterfarbequalitt,
body.easyModeActive .containergroup-grsse,
body.easyModeActive .containergroup-hintergrundbild,
body.easyModeActive .menu .main > .menu_mainpages_title,
body.easyModeActive .menu .main > ul#pages,
body.easyModeActive .container-textelementeffekte > div:first-child {
	display: block !important;
}

/* individuals */
body.easyModeActive header #savePage {
	margin-right: 3px !important;
}
body.easyModeActive header #publishPage {
	margin-right: 17px !important;	
}
body.easyModeActive .containergroup-mouseover {
	margin-top: -12px;
}
body.easyModeActive #siteBuilderModes {
	padding: 0px;
}
body.easyModeActive .styleEditor {
	padding-top: 138px;
}

/*=======================================================
		              3rd party plugs
=========================================================*/

/* types.js */
.typed-cursor{
	
	/*	dot is also nice
	background: #ffffff;
	width: 7px;
	height: 7px;
	display: inline-block;
	margin-left: 7px;
	top: -3px;
	position: relative;	
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
	border-radius: 100%;
	*/		
	
	background: #ffffff;
	width: 10px;
	height: 16px;
	display: inline-block;
	margin-left: 4px;
	top: 1px;
	position: relative;	
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:0.37; }
    50% { opacity:0; }
    100% { opacity:0.37; }
}
@-webkit-keyframes blink{
    0% { opacity:0.37; }
    50% { opacity:0; }
    100% { opacity:0.37; }
}
@-moz-keyframes blink{
    0% { opacity:0.37; }
    50% { opacity:0; }
    100% { opacity:0.37; }
}



/*!
 * Cropper v4.0.0
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2018 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-04-01T06:26:32.417Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
 
.cropper-view-box {
	outline-color: rgba(255, 51, 51, 0.75);
    outline: 1px solid #f33;
}