/* BuilderEngine Editor CSS */

/* ====================================================================================================================
 * Designers Default CSS
 * ====================================================================================================================*/
 

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
	transition: .3s ease;
	z-index: 9999 !important;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}


/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}
 

/* ====================================================================================================================
 * XEditable Styles
 * ====================================================================================================================*/ 
 
 
/* ==== editable-form ==== */

/* class for single editable element */
.editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}

/* remove bottom-margin for bootstrap */
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
  margin-bottom: 0;
}

/* remove bottom-margin of inputs */
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
  margin-bottom: 0;
}

/* keep buttons on the same line */
.editable-wrap .editable-input {
  display: inline-block;
}

.editable-buttons {
  display: inline-block;
  vertical-align: top;
}

.editable-buttons button {
  margin-left: 5px;
}

/* in bootstrap width: 100% => buttons go outside the box */
.editable-input.editable-has-buttons {
  width: auto;
}

/* ==== editable-bstime ==== */

/* workaround for bootstrap that sets width: 100% and inputs become too wide */
.editable-bstime .editable-input input[type="text"] {
  width: 46px;
}

/* less padding for .well */
.editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}

/* ==== editable-range ==== */

.editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}

/* ==== editable-color ==== */

.editable-color input[type="color"] {
  width: 50px;
}


/* ==== editable-checkbox ==== */
/* ==== editable-checklist ==== */
/* ==== editable-radiolist ==== */

.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}

/* ==== element ==== */

/* hiding element */
.editable-hide {
  display: none !important;
}

.editable-click,
a.editable-click {
  text-decoration: none;
  color: #428bca;
  border-bottom: dashed 1px #428bca;
}

.editable-click:hover, 
a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}

/* editable-empty */
.editable-empty, 
.editable-empty:hover, 
.editable-empty:focus,
a.editable-empty, 
a.editable-empty:hover, 
a.editable-empty:focus {
  font-style: italic; 
  color: #DD1144;  
  text-decoration: none;
}

/* editable popover */
.popover-wrapper a {
  /* make the link always show up */
  display: inline !important;
}

.popover-wrapper {
  /* make absolutely positioned children constrained to this box*/
  display: inline;
  position: relative;
}

.popover-wrapper form {
  position: absolute;
  top: -53px;
  background: #FFF;
  border: 1px solid #AAA;
  border-radius: 5px;
  padding: 7px;
  width: auto;
  display: inline-block;
  left: 50%;
  margin-left: -110px;
  z-index: 101;
}

.popover-wrapper form:before {
  content:"";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #AAA;
  position:absolute;
  bottom:-10px;
  left:100px;
}

.popover-wrapper form:after {
  content:"";
  width:0;
  height:0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #FFF;
  position:absolute;
  bottom:-9px;
  left:101px;
}
 

/* ====================================================================================================================
 * Editor and Designer Styles
 * ====================================================================================================================*/


.block-overlay
{
	display: none !important;
}
.block-add-child-block
{
	z-index: 1000;
}
.editor-mode-active .be-column-block
{
	/*min-height:200px;*/
	padding: 39px 19px 24px;
	position: relative;
}
/* edit Nikola start*/
.editor-mode-active a.toggle-class
{
    height: 22px;
    margin-top: 0px;
    line-height: 19px;
    color: #333 !important;
    background-color: #2d353c !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #adadad;
    height:24px;
}
.editor-mode-active a.toggle-class i
{
    width:24px;
}
/* edit Nikola end*/
.editor-mode-active .block-controls-inner
{
	position:relative;
	padding: 5px;
}
.editor-mode-active .block-controls-inner > *
{
	float: right;
	position: relative !important;
	margin-left: 5px !important;
}
/*.editor-mode-active a, .editor-mode-active a:visited {
color: #FFFFFF;
}*/
.editor-mode-active .be-column-block:not(.ui-sortable-placeholder)
{
	/*background-color: #FFFFFF;*/
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	margin: 15px 0;
	padding: 38px 12px 12px;
	position: relative;
	overflow: visible;
}
.editor-mode-active .content-block:before {
    content: "Content Section" !important;
}
.editor-mode-active .be-column-block:not(.ui-sortable-placeholder):after {
    /*background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;*/
    color:white;
    content: "Column";
    font-size: 12px;
    font-weight: bold;
    left: 10px;
    line-height: 2;
    padding: 3px 7px;
    position: absolute;
    top: 3px;
}
.editor-mode-active .highlight {
    border: 1px solid red;
    font-weight: bold;
    font-size: 45px;
    background-color: lightblue;
}
.editor-mode-active .ui-sortable-placeholder
{
	visibility: visible !important;
	outline: 2px dashed #000;
}

.editor-mode-active .be-page-content-block:before {

	content: "Page Content";

}

.editor-mode-active .be-footer-content-block:before {
	content: "Footer Content";

}
.editor-mode-active .block
{
	margin-top: 5px;
	padding: 40px 12px 0px;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	position: relative;
	word-wrap: break-word;
}
.editor-mode-active .be-header-block:before {
	content: "Header Content";

}
.editor-mode-active .be-content-block:before
{
	content: "Generic Block";

}
.be-full-width
{
	width: 100%;
}
.be-boxed-width
{
	max-width: 1170px;
}
.be-container-block
{
	margin-left: auto;
	margin-right: auto;
}
.editor-mode-active .block:before {

    /*background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
	color: #9DA0A4;*/

    color: white;
	
	font-size: 12px;
	font-weight: bold;
	left: 10px;
	padding: 3px 7px;
	position: absolute;
	top: 5px;

    z-index:1000;
}
.editor-mode-active .block-add-child-block
{
	margin-top: 0px;
}
.editor-mode-active .row:not(.ui-sortable-placeholder)
{
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	margin: 5px 0;
	position: relative;
	padding: 30px 12px 0;
	overflow: visible;
}
.editor-mode-active .row:not(.ui-sortable-placeholder):before {
	/*background-color: #F5F5F5;
	border: 1px solid #DDDDDD;
	border-radius: 4px 0 4px 0;
	color: #9DA0A4;*/
    color:white;
	content: "Row";
	font-size: 12px;
	font-weight: bold;
	left: 10px;
	line-height: 2;
	padding: 3px 7px;
	position: absolute;
	top: 3px;
}

.editor-mode-active .placeholderBackground{
	background-color:#FD6FB7;
	}
.editor-mode-active .nice-placeholder { 
	visibility: visible !important;
}
.editor-mode-active .remove, .row-remove
{
	z-index: 10;
}
.editor-mode-active .block-add-component *
{
	font-size: 11px !important;
}
.editor-mode-active .block-add-component, .editor-mode-active .row-add-column, .editor-mode-active .block-add-child-block
{
	z-index: 1000;
}
.editor-mode-active .drag, .row-drag, .drag-block
{
	z-index: 10;
	cursor: move;
}

/* Multi Level dropdown BEGIN */
.editor-mode-active .be-row-block .block-children, .editor-mode-active .be-column-block .block-children
{
    min-height: 50px;
}
.editor-mode-active .be-content-block .block-children
{
    min-height: 0px;
}
.editor-mode-active .dropdown-submenu {
    position: relative;
}

.editor-mode-active .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.editor-mode-active .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.editor-mode-active .dropdown-submenu>a:after {
    display: block;
    /*content: " "; right arrow removal*/ 
    float: right;
    width: 0;
    height: 0;
   /* border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;*/
    margin-top: 5px;
    margin-right: -10px;
    border: none;
    content: none;
}

.editor-mode-active .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.editor-mode-active .dropdown-submenu.pull-left {
    float: none;
}

.editor-mode-active .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* Multi Level dropdown END */
.editor-mode-active .block
{
	position:relative;
}
.editor-mode-active .block .block-controls
{
	opacity: 1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    background-color: #2d353c;
    left: 0px;
    height: 33px;
}
.editor-mode-active .block-content
{
	position: relative;
	padding-top: 5px;
	/*min-height: 80px*/
	min-height: 0px;
	z-index: 1;
}
.editor-mode-active .block:hover:not(.row):not(.be-column-block) .block-content
{
    /*outline: 1px dashed #666;*/
}
.editor-mode-active .block-controls
{
	position:relative;
}
.editor-mode-active .row .block-controls
{
	position:absolute;
	top:0px;

}
.editor-mode-active .be-container-block .block-controls
{
	position:absolute !important;
	top:0px;
}
.editor-mode-active .block:hover .block-controls
{
	opacity: 1;
}
.editor-mode-active .be-row-block
{
	min-height:80px;
}
.block-controls, .remove
{
	display:none;
}
.editor-mode-active .block-controls, .editor-mode-active .remove
{
	display: block;
}


/* UTILITY CLASSES BEGIN*/
.be-position-fixed-top
{
	position: fixed !important;
	top: 0px !important;
	z-index: 1000; /* This might be helpful in some cases, but not in others. */
	width: 100%;
}

/* UTILITY CLASSES END*/

.panel-heading-btn .btn-xs, .btn-group-xs>.btn {
padding: 3px 5px;
font-size: 16px;
line-height: 1.5;
border-radius: 3px;
}
.panel-heading-btn .btn-xs, .btn-group-xs:hover {
    padding: 3px 5px !important;
}

/* Minimize section class */

.minimized-section
{
	opacity:0.7;
}
.minimized-section .block-children
{
	display:none;
}
.boxed-row
{
	margin-left:auto !important;
	margin-right:auto !important;
}
.row.container-fluid
{
}
.be-header-block.container-fluid
{
   padding-left: 0px !important;
}
.be-page-content-block.container-fluid
{
   padding-left: 0px !important;
}
.be-footer-content-block.container-fluid
{
   padding-left: 0px !important;
}
.container-fluid  *
{
	padding-left:0;
	padding-right:0;
}
/* Block Content text color fixes 
.cke_editable a
{
	color:#000 !important;
}
.cke_editable p
{
	color:#000 !important;
}
.cke_editable h1
{
	color:#000 !important;
}
.cke_editable h2
{
	color:#000 !important;
}
.cke_editable h3
{
	color:#000 !important;
}
.cke_editable h4
{
	color:#000 !important;
}
.cke_editable h5
{
	color:#000 !important;
}*/
.theme-background-fix
{
	height: 700px !important;
	padding-top: 160px !important;
}

/* General purpose classes */
.no-border-radius
{
	border-radius:0px !important;
}
.height-600
{
	height:620px !important;
	top: -220 !important;
	overflow:hidden !important;
}
.margin-top-neg-40
{
	margin-top:-40px;
}
.fa-icon-fix
{
	margin-top:34%;
}
.milestone-container
{
	top:-60 !important;
	height:200px !important;
}
.quote-container
{
	top:-60 !important;
	height:240px !important;
}
.max-width
{
	width:100% !important;
}
.block
{
	margin-left: auto !important;
	margin-right: auto !important;
}
.dropdown-menu
{
	width:190px;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 25px;
    right: 0px;
    top: 0;
    height: 100%;
	transition: .3s ease;
	z-index: 9999 !important;
}
.ui-resizable-e:hover {
	box-shadow: 5px 1px 7px 0px #E1E1E1;
	border-right: dashed 3px #5e5e5e;
	border-bottom: dashed 3px #5e5e5e;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 30px;
    width: 100%;
    bottom: 0px;
    left: 0;
	transition: .3s ease;
	z-index: 9999 !important;
}
.ui-resizable-s:hover {
	box-shadow: 1px 5px 7px 0px #E1E1E1;
	border-bottom: dashed 3px #5e5e5e;
	border-right: dashed 3px #5e5e5e;
}
.ui-resizable-se:hover {
	box-shadow: 5px 5px 5px 3px #E1E1E1;
	border-bottom: dashed 3px #5e5e5e;
	border-right: dashed 3px #5e5e5e;
}
.remove {
	margin-right: 12px;
}
/* edit 17.02.2016 for clarification text */
.new-block-clarification{
	visibility: hidden;
	display: inline-block !important;
	float:none !important;
	text-align: center;
	color:#fff;
	margin-top:1px;
}
.block-controls:hover .new-block-clarification{
	visibility:visible !important;
}

/* New Block Styles */

/* Animation showcase_container */
.animation_showcase_container{
	z-index: 100000;
	position: fixed;
	top:0px;
	right:15%;
	background-color: #2d353c;
	width: 10%;
	height: 16.5%;
	text-align: center;
}
.animation_showcase_container h3{
	padding-top: 29%;
	color:#fff;
}
/* Details Sidebar */
div.detailed-settings-sidebar::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
.detailed-settings-sidebar{
	background: rgba(25, 25, 25, 0.88) !important;
	z-index: 100000;
	position: fixed;
	right: 0px;
	top: 0px;
	background-color: #2d353c;
	width: 15%;
	height: 100%;
	overflow-y:auto;
	/*-webkit-transition: all 0.1s ease-in-out !important;*/
	/*-moz-transition: all 0.1s ease-in-out !important;*/
	/*-o-transition: all 0.1s ease-in-out !important;*/
	/*transition: all 0.1s ease-in-out !important;*/
	border-left: 1px solid #23282C;
	border-bottom: 1px solid #23282C;
}
.detailed-settings-sidebar hr {
	margin-top: 5px;
    margin-bottom: 5px;
    border-top: #7d7d7d 1px solid;
    border-bottom: #7d7d7d 1px solid;
}
.detailed-settings-sidebar .nav{
	-webkit-transition: all 0.1s ease-in-out !important;
	-moz-transition: all 0.1s ease-in-out !important;
	-o-transition: all 0.1s ease-in-out !important;
	transition: all 0.1s ease-in-out !important;
}
.detailed-settings-sidebar li{
	border-bottom: 1px solid #23282C;
	border-radius:0px;
}
.detailed-settings-sidebar a{
	color: #ffffff;
	font-size: 19px;
	border-radius:0px !important;
	cursor:pointer;
	line-height: 21px;
	-webkit-transition: all 0.1s ease-in-out !important;
	-moz-transition: all 0.1s ease-in-out !important;
	-o-transition: all 0.1s ease-in-out !important;
	transition: all 0.1s ease-in-out !important;
}
.detailed-settings-sidebar #remove-sidebar{
	padding: 10px 15px;
	font-size: 47px;
	color: #fff;
	width: 100%;
	cursor:pointer;
	line-height: 52px;
	-webkit-transition: all 0.1s ease-in-out !important;
	-moz-transition: all 0.1s ease-in-out !important;
	-o-transition: all 0.1s ease-in-out !important;
	transition: all 0.1s ease-in-out !important;
}
.detailed-settings-sidebar #remove-sidebar:hover{
	background:rgb(25, 25, 25) !important;
	padding-left:25px;
	font-size: 52px;
}
.detailed-settings-sidebar a:hover{
	background:rgb(25, 25, 25) !important;
	color: #fff;
	padding-left:25px;
	font-size: 21px;
}
.blocks-category-holder a:hover{
	padding-left:45px !important;
}
/* Quick Menu */
.builder-quick-menu{
	position:fixed;
	z-index:10000000000000;
}
.builder-quick-menu .quick-menu-item{
	border:1px solid #bbb;
	padding: 10px 0px;
	padding-right: 10px;
	border-radius:6px;
	background-color: #6C6B6B;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	display: table;
	box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 5px 5px #999999;
}
.quick-menu-item:hover{
	background-color:#fff;
	color:#303030;
	border: 1px solid #bbb;
	-webkit-transition: box-shadow .8s cubic-bezier(0.25,0.8,0.25,1),background-color .8s cubic-bezier(0.25,0.8,0.25,1);
	-moz-transition: box-shadow .8s cubic-bezier(0.25,0.8,0.25,1),background-color .8s cubic-bezier(0.25,0.8,0.25,1);
	-ms-transition: box-shadow .8s cubic-bezier(0.25,0.8,0.25,1),background-color .8s cubic-bezier(0.25,0.8,0.25,1);
	-o-transition: box-shadow .8s cubic-bezier(0.25,0.8,0.25,1),background-color .8s cubic-bezier(0.25,0.8,0.25,1);
	transition: box-shadow .8s cubic-bezier(0.25,0.8,0.25,1),background-color .8s cubic-bezier(0.25,0.8,0.25,1);
}
.builder-quick-menu .menu-item-1{
	position:relative;
	margin-bottom: 20px;
}
.builder-quick-menu .menu-item-2{
	position:relative;
	margin-left: 90px;
	margin-bottom: 20px;
}
.builder-quick-menu .menu-item-3{
	position:relative;
	margin-left: 90px;
	margin-bottom: 20px;
}
.builder-quick-menu .menu-item-4{
	position:relative;
	margin-bottom: 20px;
	margin-left:0px; /* zvonko edit -> initial value:24px */
}
.builder-quick-menu .menu-item-5{
	position:relative;
	margin-bottom: 20px;
	margin-left:-110px;
	margin-top:-123px;
}
.builder-quick-menu .menu-item-6{
	position:relative;
	margin-bottom: 20px;
	margin-left:-110px;
	margin-top:-125px; /* zvonko edit -> initial value:-185px */
}
.blocks-category-holder{
	display:none;
}
.blocks-category-holder a{
	padding-left:35px !important;
}
.btn-label {
	display: block;
	float: left;
	margin: -10px 5px -9px -2px;
	padding: 15px 10px 10px 11px;
	position: relative;
	background: rgba(0,0,0,.06);
	line-height: 15px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	margin-bottom: -10px;
}
/* Sidebar block hover preview  styling */
.block-preview-container{
	position:fixed;
    top:0px;
    right:280px;
    width: 310px;
    padding: 15px 0px 15px 5px;
    background: rgba(25, 25, 25, 0.88) !important;
    z-index: 1000;
}
.block-preview-container h4{
	color:#fff;
	float:left;
	width:93%;
}
.block-preview-container .fa{
	float:left;
	color:#fff;
	font-size:25px;
	cursor: pointer;
}
.block-children .block.col-lg-12{
/*	float:none !important; 
if active, home_image block is displayed wrong in firefox
*/
}
.theme-2016-alignment-fix{
	display:inline-block;
	width: 100%;
}
.editor-mode-active .block-content {
	display:block !important;  /* zvonko replaced rule: display:inline-block !important;  breaking parallax and slider blocks*/
}
/* ecommerce block more click space fix */
.editor-mode-active .ecommerce-product-gallery-block .block-content{
	   min-height: 200px !important;
	   width:100% !important;
	   min-width:100% !important;
}
.editor-mode-active .ecommerce-product-price .block-content{
	min-height: 200px !important;
	width:100% !important;
}
.editor-mode-active .ecommerce-product-title .block-content{
	min-height: 200px !important;
	width:100% !important;
}
.editor-mode-active .ecommerce-product-desc-and-reviews .block-content{
	min-height: 200px !important;
	width:100% !important;
}
/* Styles from Builderengine.php */
#virtual-block-holder{
	position: absolute;
	z-index:999;
}
.area {
	position: relative;
	display: inline-block;
	min-width: 50px;
	min-height: 25px;
}

#admin-window {
	z-index: 999999 !important;
}
.block-children {
	/*min-height: 20px;*/
	position:relative;
	/*display: inline-block;*/
	/*float: left;*/
}
.block {
	position: relative;
	/*float: left;*/
	/*display: inline-block;*/
}
.placeholder {
	border: 1px dotted #888;

	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
}
.ui-sortable-placeholder {
	border: 2px dotted #333;
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
	box-shadow: 0px 0px 10px #888;
	visibility: visible !important;
}
/* Block holder hamster load */
 .loading-screen{
	 width:100%;
	 height:100%;
	 background:linear-gradient(rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.88));
	 position: fixed;
	 top: 0px;
	 z-index: 10000;
	 overflow-x: hidden;
	 overflow-y: hidden;
	 transition: background-color 4s ease !important;
 }
.loading-image{
	left: 40%;
	top: 25%;
	position: fixed;
	width: 18%;
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
}
.loading-text{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 42px;
	top: 50%;
	position: fixed;
}
/**/
/*.loading-image {*/
	/*position: absolute;*/
	/*top: 50%;*/
	/*left: 50%;*/
	/*width: 120px;*/
	/*height: 120px;*/
	/*margin:-60px 0 0 -60px;*/
	/**/
/*}*/
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/**/
/* Tutorials css */
#tutorial-box{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 350px;
	height: 350px;
	padding: 10px 30px;
	background-color: rgba(0,0,0,0.7);
	border: 1px solid #3a3a3a;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#tutorial-box .tutorial-title{
	display: block;
	color: #fff;
	border-bottom: 1px solid #b8b8b8;
	text-align: center;
	margin-bottom: 10px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	height: 7%;
}
#tutorial-box .message-container{
	font-size: 20px;
	color: #fff;
	position: relative;
	display: block;
	height: 60%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#tutorial-box .btn-danger{
	padding: 10px 20px;
	float: left;
	width: 86px;
	margin-top:20px;
	position: absolute;
	bottom: 0;
}
#tutorial-box .btn-primary{
	padding: 10px 20px;
	float: right;
	width: 86px;
	margin-top:20px;
	bottom: 0;
	position: absolute;
	left: 202px;
}
#tutorial-box .btn-container{
	margin-top:20px;
	position: relative;
	height: 20%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#tutorial-box .fa-question-circle{
	font-size:34px;
	color:#fff;
	cursor:pointer;
}
.important-notification{
	cursor: pointer;
}
.important-notification span{
	color: #fff;
	font-size: 20px;
	display: block;
	float: left;
	margin-top: 3px;
}
.important-notification i{
	margin-left: 10px;
	border: 3px solid #fff;
	border-radius: 100px;
	line-height: 28px;
	animation: border-change 1s infinite linear;
}
@-webkit-keyframes border-change {
	0%,50%     {border-color:#ff3d00;}
	51%,100%     {border-color:#fff;}
}
/* /Tutorials css */
.editor-mode-active .block{
	overflow: hidden;
}
.navbar2-block .ecommerce-category-products-block, .ecommerce-product-block, .ecommerce-sidebar-block, .ecommerce-account-login, .ecommerce-category-list, .ecommerce-product-cart, .ecommerce-product-featured-products-block{
	display:inline-block;
	width: 100%;
	overflow: visible !important;
}
.editor-mode-active .parallax-mirror{
	visibility: hidden !important;
}
.editor-mode-active .section-one div{
	background: #7e7e7e !important;
}
.editor-mode-active .background-not-visible-notification{
	display:block !important;
}



/* ====================================================================================================================
 * Standard Designer Styles
 * ====================================================================================================================*/

.simple-editor-enabled .be-column-block
{
}
/* edit Nikola start*/
.simple-editor-enabled a.toggle-class
{
    height: 22px;
    margin-top: 0px;
    line-height: 19px;
    color: #333 !important;
    background-color: #2d353c !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #adadad;
    height:24px;
}
.simple-editor-enabled a.toggle-class i
{
    width:24px;
}
/* edit Nikola end*/
.simple-editor-enabled .block-controls-inner
{
}
.simple-editor-enabled .block-controls-inner > *
{
	float: right;
	position: relative !important;
	margin-left: 5px !important;
}
/*.editor-mode-active a, .editor-mode-active a:visited {
color: #FFFFFF;
}*/
.simple-editor-enabled .be-column-block:not(.ui-sortable-placeholder)
{
}
.simple-editor-enabled .content-block:before {
}
.simple-editor-enabled .be-column-block:not(.ui-sortable-placeholder):after {
}
.simple-editor-enabled .highlight {
}
.simple-editor-enabled .ui-sortable-placeholder
{
}

.simple-editor-enabled .be-page-content-block:before {
}

.simple-editor-enabled .be-footer-content-block:before {
}
.simple-editor-enabled .block
{
}
.simple-editor-enabled .be-header-block:before {
}
.simple-editor-enabled .be-content-block:before
{
}
.simple-editor-enabled .block:before {

    display:none;
}
.simple-editor-enabled .block-add-child-block
{
}
.simple-editor-enabled .row:not(.ui-sortable-placeholder)
{
}
.simple-editor-enabled .row:not(.ui-sortable-placeholder):before {
}

.simple-editor-enabled .placeholderBackground{
}
.simple-editor-enabled .nice-placeholder { 
	
}
.simple-editor-enabled .remove, .row-remove
{
}
.simple-editor-enabled .block-add-component *
{
}
.simple-editor-enabled .block-add-component, .simple-editor-enabled .row-add-column, .simple-editor-enabled .block-add-child-block
{
	z-index: 1000;
}
.simple-editor-enabled .drag, .row-drag, .drag-block
{
	z-index: 10;
	cursor: move;
}

/* Multi Level dropdown BEGIN */
.simple-editor-enabled .be-row-block .block-children, .simple-editor-enabled .be-column-block .block-children
{
	min-height: 0px;
}
.simple-editor-enabled .block-children .be-empty-column-fill
{
	min-height: 150px;
}
.simple-editor-enabled .be-content-block .block-children
{
	min-height: 0px;
}
.simple-editor-enabled .dropdown-submenu {
}

.simple-editor-enabled .dropdown-submenu>.dropdown-menu {
}

.simple-editor-enabled .dropdown-submenu:hover>.dropdown-menu {
}

.simple-editor-enabled .dropdown-submenu>a:after {
}

.simple-editor-enabled .dropdown-submenu:hover>a:after {
}

.simple-editor-enabled .dropdown-submenu.pull-left {
}

.simple-editor-enabled .dropdown-submenu.pull-left>.dropdown-menu {

}
/* Multi Level dropdown END */
.simple-editor-enabled .block
{
}
.simple-editor-enabled .block .block-controls
{
	opacity: 1;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	right: 0px;
	z-index: 9999;
}
.simple-editor-enabled .block-content
{
}
.simple-editor-enabled .block:hover:not(.row):not(.be-column-block) .block-content
{
}
.simple-editor-enabled .block-controls
{
}
.simple-editor-enabled .row .block-controls
{
}
.simple-editor-enabled .be-container-block .block-controls
{
	position:absolute !important;
	top:0px;
}
.simple-editor-enabled .block:hover .block-controls
{
}
.simple-editor-enabled .be-row-block
{
}
.simple-editor-enabled .block-controls, .simple-editor-enabled .remove
{
	display: block;
}
/*Z Start*/
.simple-editor-enabled .blockOverLay
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0 !important;
	transition: .5s ease;
	background: none;
    border: dotted 2px #929292bf;
}
.blockInfoText
{
	display:none;
}
.simple-editor-enabled .blockInfoText
{
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	color:#000000;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.simple-editor-enabled .be-content-block:hover .blockOverLay
{
	opacity:1 !important;
}
.simple-editor-enabled .be-hovercontainer-block:hover .blockOverLay
{
	opacity:1 !important;
}
.simple-editor-enabled .be-content-block:hover .blockInfoText
{
	display:block;
}
/*Z End*/

.simple-editor-enabled .block-content {
	display:block !important;  /* zvonko replaced rule: display:inline-block !important;  breaking parallax and slider blocks*/
}
/* ecommerce block more click space fix */
.simple-editor-enabled .ecommerce-product-gallery-block .block-content{
	   min-height: 200px !important;
	   width:100% !important;
	   min-width:100% !important;
}
.simple-editor-enabled .ecommerce-product-price .block-content{
	min-height: 200px !important;
	width:100% !important;
}
.simple-editor-enabled .ecommerce-product-title .block-content{
	min-height: 200px !important;
	width:100% !important;
}
.simple-editor-enabled .ecommerce-product-desc-and-reviews .block-content{
	min-height: 200px !important;
	width:100% !important;
}

.simple-editor-enabled .new-block-clarification{
	visibility: hidden;
	display: none !important;
	float: right !important;
	text-align: center;
	color:#fff;
	margin-top:1px;
}
.simple-editor-enabled  .block-controls:hover .new-block-clarification{
	visibility:hidden !important;
}



.editor-mode-active .be-simple-editor-row-minus
{
display:block;
}
.editor-mode-active .be-simple-editor-content-minus
{
display:block;
}
.be-simple-editor-row-minus
{
display:none;
}
.be-simple-editor-content-minus
{
display:none;
}
.editor-mode-active .be-simple-editor-column-minus
{
display:block;
}
.editor-mode-active .be-simple-editor-footer-minus
{
display:block;
}
.be-simple-editor-column-minus
{
display:none;
}
.be-simple-editor-footer-minus
{
display:none;
}
.editor-mode-active .be-simple-editor-page-minus
{
display:block;
}
.editor-mode-active .be-simple-editor-header-minus
{
display:block;
}
.be-simple-editor-page-minus
{
display:none;
}
.be-simple-editor-header-minus
{
display:none;
}
.editor-mode-active .be-simple-editor-container-minus
{
display:block;
}
.editor-mode-active .be-simple-editor-container-child-minus
{
display:block;
}
.be-simple-editor-container-minus
{
display:none;
}
.be-simple-editor-container-child-minus
{
display:none;
}

.editor-mode-active .be-simple-editor-column-delete
{
display:block !important;
}
.be-simple-editor-column-delete
{
display:none !important;
}
.editor-mode-active .be-simple-editor-column-move
{
display:block !important;
}
.be-simple-editor-column-move
{
display:none !important;
}

.editor-mode-active .be-simple-editor-header-controls
{
display:block !important;
}
.be-simple-editor-header-controls
{
display:none !important;
}
.editor-mode-active .be-simple-editor-content-controls
{
display:block !important;
}
.be-simple-editor-content-controls
{
display:none !important;
}
.editor-mode-active .be-simple-editor-container-controls
{
display:block !important;
}
.be-simple-editor-container-controls
{
display:none !important;
}
.editor-mode-active .be-simple-editor-page-controls
{
display:block !important;
}
.be-simple-editor-page-controls
{
display:none !important;
}
.editor-mode-active .be-simple-editor-footer-controls
{
display:block !important;
}
.be-simple-editor-footer-controls
{
display:none !important;
}
.editor-mode-active .be-simple-editor-row-controls
{
display:block !important;
}
.be-simple-editor-row-controls
{
display:none !important;
}

.editor-mode-active .be-simple-editor-undo
{
display:block;
}
.be-simple-editor-undo
{
display:none;
}
.editor-mode-active .be-simple-editor-column-addblock
{
display:block;
}
.be-simple-editor-column-addblock
{
display:none;
}

.editor-mode-active .be-simple-editor-edit-generic
{
display:none;
}
.be-simple-editor-edit-generic
{
display:block;
}
.editor-mode-active .be-simple-editor-addblock-generic
{
display:none;
}
.be-simple-editor-addblock-generic
{
display:block;
}


.be-simple-editor-generic-controls
{
}
.be-simple-editor-block-controls
{
}
