editor-interface-sams-version.css

.upfront-edit-layout, .upfront-edit-layout body,
.upfront-edit-theme, .upfront-edit-theme body {
  	height: 100%;
}

.upfront-edit-layout #page,
.upfront-edit-theme #page,
.upfront-edit-responsive #page,
.upfront-edit-postlayout #page {
  	position: relative;
  	min-height: 100%;
  	/*margin: 22px 20px 0 320px;*/
  	margin: 0 0 0 260px;
  	width: auto;
}
.upfront-edit-responsive #page {
  margin-top: 52px;
}
.upfront-edit-content #page {
	position: relative;
	min-height: 100%;
	margin: 0;
	width: auto;
}
.upfront-grid-layout {
	position: relative;
	margin: 0 auto;
	z-index: 10;
	min-height: 100%;
}
.upfront-grid-layout:before, .upfront-grid-layout:after {
	content: "";
	display: table;
}
.upfront-grid-layout:after {
	clear: both;
}
.upfront-grid-layout {
	zoom: 1;
}

.upfront-grid-layout-gutter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	display: none;
	/*visibility: hidden;
	opacity: 0;*/
	/*-webkit-transition: opacity 1s;*/
}
.upfront-grid-layout-gutter-left,
.upfront-grid-layout-gutter-right {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	background: rgba( 38, 58, 77, .3 );
}
.upfront-grid-layout-gutter-left {
	right: 100%;
}
.upfront-grid-layout-gutter-right {
	left: 100%;
}
.upfront-dragging .upfront-grid-layout-gutter {
	/*visibility: visible;
	opacity: 1;*/
	display: block;
	z-index: 1;
}

[contenteditable="true"] {
	outline: none;
}


.upfront-ui {
	font: 16px/24px 'Source Sans Pro', sans-serif;
}
.upfront-ui, .upfront-ui * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.upfront-ui h1,
.upfront-ui h2,
.upfront-ui h3,
.upfront-ui h4,
.upfront-ui h5 {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: none;
}

.upfront-ui ul {
	list-style: none;
}

.upfront-ui ul li:before {
	display: none;
}

.upfront-ui a {
	text-decoration: none;
}

.upfront-no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Let's have a standard class for common button, text, etc */

.uf-button {
	display: inline-block;
	background: #1fcd8f;
	padding: 8px 20px 0 20px;
	color: #f1f8ff;
	font-size: 18px;
	height: 40px;
	line-height: 24px;
	font-size: 16px;
	cursor: pointer;
}
.uf-button:hover {
	border-color: #1fcd8f;
}

#upfront-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 12000px;
  background-color: rgba(33,33,33,.7);
  color: #fff;
  font-size: 72pt;
  font-weight: bold;
  padding-top: 2em;
  text-align: center;
  z-index: 10;
}

#properties {
  position: fixed;
  top: 50px;
  right: -160px;
  border: 1px solid #bbb;
  background: #eee;
  width: 180px;
  padding: 15px;
  padding-top: 0;
  z-index: 5;
  -webkit-transition: right .3s;
  display: none !important;
}
.show-debug ~ #properties {
	/*display: block !important;*/
}
#properties:hover {
	right: 0;
}
#commands {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 5;
}
#properties, #commands {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.upfront-edit_content {
  right: 5px;
  left: auto;
}
#commands {
  border: 1px solid #bbb;
  background: #eee;
  width: 180px;
  padding: 15px;
  padding-top: 0;
}
#commands li {
	margin: 5px 0 0;
	padding: 5px 10px;
	list-style: none;
	cursor: pointer;
}
#commands li:hover {
	background: #888;
	color: #fff;
}

#sidebar-ui {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 260px;
	background: #3d5266;
	border-right: 1px solid #1a2d40;
	color: #adc3d8;
	display: none;
	font: 16px/24px 'Source Sans Pro', sans-serif;
	z-index:1;
	/* Disable text selection */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#sidebar-ui-wrapper {
	width:260px;
}

.upfront-edit-content #sidebar-ui {
	bottom: auto;
	width: 139px;
}
.upfront-edit-content #sidebar-ui-wrapper {
	width: 139px;
}

#sidebar-ui.collapsed #sidebar-ui-wrapper {
	display:none;
}

#sidebar-ui .sidebar-commands li,
#sidebar-ui .sidebar-panel-title,
#sidebar-ui .sidebar-panel-content,
.draggable-element,
#sidebar-ui .panel-setting-button {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#sidebar-ui .sidebar-commands-header {
	background: #2c3e50;
	border-bottom: 1px solid #1a2d40;
	-webkit-box-shadow: 0 1px 0 #3f5a73;
	-moz-box-shadow: 0 1px 0 #3f5a73;
	box-shadow: 0 1px 0 #3f5a73;
	overflow: hidden;
}
#sidebar-ui .command-logo {
	padding: 18px 15px;
	float: left;
}
#sidebar-ui .upfront-logo {
	margin: 0;
}
#sidebar-ui .command-exit {
	width: 68px;
	height: 68px;
	padding: 22px;
	background: #233140;
	border-left: 1px solid #1a2d40;
	float: right;
}
#sidebar-ui .sidebar-editor-mode {
	border-top: 1px solid #3f5870;
	border-bottom: 1px solid #31485e;
	padding: 16px 0 20px 24px;
	color: #a1c5e6;
	overflow: hidden;
}
#sidebar-ui .sidebar-editor-mode-label {
	display: block;
	float: left;
	margin: 0 28px 0 0;
	padding: 15px 0 0;
}
#sidebar-ui .switch-mode-ui {
	display: block;
	float: left;
}
#sidebar-ui .switch-mode {
	display: block;
	float: left;
	cursor: pointer;
	font-size: 13px;
	line-height: 13px;
	color: #5c7993;
}
#sidebar-ui .switch-mode:hover,
#sidebar-ui .switch-mode.active {
	color: #1fcd8f;
}
#sidebar-ui .switch-mode .upfront-icon:before {
	float: none;
	margin: 5px auto 0;
}
#sidebar-ui .switch-slider {
	display: block;
	float: left;
	background: #263a4d;
	width: 50px;
	height: 10px;
	border-radius: 5px;
	margin: 20px -3px 0 0;
}
#sidebar-ui .switch-slider .knob {
	display: block;
	width: 6px;
	height: 6px;
	background: #adc4d9;
	border: 5px solid #cce6ff;
	border-radius: 8px;
	margin: -3px 0 0;
	cursor: pointer;
	-webkit-transition: margin .3s;
	-moz-transition: margin .3s;
	-ms-transition: margin .3s;
	-o-transition: margin .3s;
	transition: margin .3s;
}
#sidebar-ui .switch-slider-full .knob {
	margin-left: 34px;
}
#sidebar-ui ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar-ui .sidebar-commands li {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
}
#sidebar-ui .sidebar-commands-primary {
	padding: 20px 15px 0;
	overflow: hidden;
}
#sidebar-ui .sidebar-commands-primary .command-new-page,
#sidebar-ui .sidebar-commands-primary .command-new-post,
#sidebar-ui .sidebar-commands-primary .command-new-layout{
	height: 40px;
	line-height: 24px;
	padding: 7px 9px 0 9px;
	margin: 0 0 10px;
	border: 2px solid #25394d;
}
.upfront-edit-content #sidebar-ui .sidebar-commands-primary .command-new-page,
.upfront-edit-content #sidebar-ui .sidebar-commands-primary .command-new-post,
.upfront-edit-content #sidebar-ui .sidebar-commands-primary .command-new-layout {
	padding-right: 5px;
}
#sidebar-ui .sidebar-commands-primary .command-new-post,
#sidebar-ui .sidebar-commands-primary .command-new-layout {
	float: left;
}
#sidebar-ui .sidebar-commands-primary .command-new-page {
	float: right;
}
#sidebar-ui .sidebar-commands-primary .command-new-page:hover,
#sidebar-ui .sidebar-commands-primary .command-new-post:hover,
#sidebar-ui .sidebar-commands-primary .command-new-layout:hover {
	border-color: #1fcd8f;
	color: #cbe5ff;
}
#sidebar-ui .sidebar-commands-primary .command-popup-list,
#sidebar-ui .sidebar-commands-primary .command-browse-layout {
	display: block;
	font-size: 15px;
	color: #1fcc8f;
	text-decoration: underline;
	margin: 0 0 20px;
}
#sidebar-ui .sidebar-commands-primary .command-popup-list {
	clear: both;
}
#sidebar-ui .sidebar-commands-primary .command-browse-layout {
	margin: 8px 0 28px 138px;
	white-space: nowrap;
}
#sidebar-ui .sidebar-commands-primary .command-toggle-mode {
	margin: -23px -15px 0 0;
	width: 23px;
	height: 25px;
	padding: 6px 5px;
	background: #1a2d40;
	float: right;
}
.upfront-edit-content #sidebar-ui .sidebar-commands-primary .command-toggle-mode {
	margin-top: -18px;
	width: 20px;
	height: 20px;
	padding: 4px;
}
#sidebar-ui .sidebar-profile {
	padding: 20px 15px 0;
	font: 13px/16px Verdana, sans-serif;
}
#sidebar-ui .sidebar-profile-avatar {
	float: left;
	border: 2px solid #273b4e;
	margin: 2px 0 0;
}
#sidebar-ui .sidebar-profile-avatar img {
	display: block;
}
#sidebar-ui .sidebar-profile-detail {
	margin: 0 0 0 45px;
	max-width: 135px;
}
#sidebar-ui .sidebar-profile-name,
#sidebar-ui .sidebar-profile-role {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#sidebar-ui .sidebar-profile-name {
	color: #dae6f2;
}
#sidebar-ui .sidebar-profile-role {
	color: #7c9dbf;
}
#sidebar-ui .sidebar-profile-edit {
	float: right;
	margin: -27px 0 0;
	font-size: 11px;
	line-height: 24px;
	text-align: right;
}
.upfront-edit-content #sidebar-ui .sidebar-profile-edit {
	display: none;
}
#sidebar-ui .sidebar-profile-edit a {
	margin: 0;
	text-decoration: underline;
}
#sidebar-ui .sidebar-profile-edit .upfront-icon:before {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
}
#sidebar-ui .sidebar-commands-control {
	padding: 15px 3px 0;
}
#sidebar-ui .sidebar-commands-control li {
	height: 40px;
	line-height: 24px;
	padding: 8px 0 0;
	margin: 0 12px 10px;
	color: #85a9cb;
}
#sidebar-ui .sidebar-commands-control .command-undo,
#sidebar-ui .sidebar-commands-control .command-redo {
	padding: 12px 0 9px;
	line-height: 18px;
}
#sidebar-ui .sidebar-commands-control .command-save {
	background: #1fcd8f;
	-moz-box-shadow: 0 1px 0 #192d3f;
	-webkit-box-shadow: 0 1px 0 #192d3f;
	box-shadow: 0 1px 0 #192d3f;
	padding: 8px 30px 0 20px;
	color: #f1f8ff;
	font-size: 18px;
	float: right;
}
#sidebar-ui .sidebar-commands-control .command-save:hover {
	border-color: #1fcd8f;
}
#sidebar-ui .sidebar-commands-control .command-edit-background-area {
	margin-bottom: 15px;
}
#sidebar-ui .sidebar-commands-control .command-export {
	border: 2px solid #263a4d;
	padding: 6px 15px 0;
}
#sidebar-ui .sidebar-commands-control .command-grid {
	float: right;
	border: 2px solid #263a4d;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 8px 12px 8px 0;
}
#sidebar-ui .sidebar-panels {
	color: #395773;
	border-right: 1px solid #324253;
}
#sidebar-ui .sidebar-panel {
	background: #cee1f2;
	margin: 0;
}

#sidebar-ui .sidebar-panel-title {
	font-size: 18px;
	font-weight: normal;
	line-height: 27px;
	height: 45px;
	background: #d9edff;
	border-top: 2px solid #f2f9ff;
	border-bottom: 1px solid #a3bfd9;
	color: #395773;
	padding: 8px 0 0 18px;
	margin: 0;
	cursor: pointer;
}
#sidebar-ui .sidebar-panel-title:before {
	margin-right: 10px;
}
#sidebar-ui .sidebar-panel-title:after {
	content: " ";
	display: inline-block;
	margin: 12px 20px 0 0;
	float: right;
	width: 0;
	height: 0;
	border-top: 5px solid #85aacc;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent
}
#sidebar-ui .sidebar-panel.expanded .sidebar-panel-title {
	border-bottom: none;
}
#sidebar-ui .sidebar-panel.expanded .sidebar-panel-title:after {
	margin-top: 7px;
	border-right: none;
	border-left: 5px solid #85aacc;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
#sidebar-ui .sidebar-panel-content {
	background: #e5f3ff;
	-webkit-transition: all .3s;
	height: 0;
	opacity: 0;
	padding: 0 10px;
	overflow: hidden;
}

#sidebar-ui .sidebar-panel.expanded .sidebar-panel-content {
	height: 280px;
	padding: 0;
	border-top: 1px solid #accae6;
	border-bottom: 1px solid #accae6;
	opacity: 1;
	overflow-x: hidden;
	overflow-y: scroll;
}

#sidebar-ui-toggler{
	display: none;
	border-left: 3px solid #1fcd8f;
	overflow:hidden;
	width: 20px;
	position:absolute;
	top: 0;
	/*right:-22px;*/
	left: 100%;
	z-index:1000;
}

.collapsed #sidebar-ui-toggler{
	display: block !important;
	border-left: 5px solid #1fcd8f;
}

#sidebar-ui-toggler-handle {
	background: url(../img/collapsible.png);
	color: #fff;
	position: absolute;
	height: 90px;
	width: 20px;
	left: -20px;
	top: 45%;
	cursor:pointer;
	-webkit-transition: left .3s;
	-moz-transition: left .3s;
	-ms-transition: left .3s;
	-o-transition: left .3s;
	transition: left .3s;
}

#sidebar-ui-toggler-handle:before {
	position:absolute;
	top: 32px;
	left: 3px;
	font-size:24px;
}

#sidebar-ui-toggler-handle.sidebar-ui-show:before {
	content: '▸';
}
#sidebar-ui-toggler-handle.sidebar-ui-hide:before {
	content: '◂';
}

#sidebar-ui:hover #sidebar-ui-toggler-handle {
	left: 0;
}
#sidebar-ui-toggler:hover #sidebar-ui-toggler-handle{
	left: 0;
}
#sidebar-ui-toggler-handle:hover {
	left: 0;
}

.upfront-scroll-panel{
	overflow-x: hidden;
	overflow-y: scroll;
  	/*-webkit-mask-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,1) 95%, rgba(0,0,0,0) 100%), -webkit-linear-gradient(right, rgba(0,0,0,1) 0, rgba(0,0,0,1) 10px, rgba(0,0,0,0) 10px, rgba(0,0,0,0) 100%);*/
}
.upfront-inner-scroll-panel{
}
/* It doesn't work
.upfront-scroll-panel:after {
	content: ' ';
	width:100%;
	height: 10px;
	left:0;
	bottom:0;
	background: red;
	position:absolute;
}
*/


.draggable-element {
	display: block;
	margin: -1px 0 0 -1px;
	padding: 38px 0 0;
	width: 65px;
	height: 65px;
	float: left;
	font-family: verdana;
	font-weight: 200;
	font-size: 11px;
	line-height: 24px;
	background: #e5f3ff;
	border: 1px solid #a3bfd9;
	color: #395269;
	text-align: center;
	overflow: hidden;
	position: relative;
	cursor: move;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.draggable-element:nth-child(4n+1) {
	width: 64px;
}
.draggable-element:nth-child(4n) {
	width: 64px;
	border-right: none;
}
.draggable-element.upfront-icon-element {
	padding: 12px 0 0;
}
.upfront-ui .draggable-element.upfront-icon-element:before {
	float: none;
	display: block;
	margin: 0 auto;
}
.draggable-element.element-drag-active {
	background: #b8d1e6;
	border: 1px solid #d9eeff;
	box-shadow: none;
	color: #6b92b2;
	opacity: .8;
}
.draggable-element:active, .draggable-element.element-dragging {
	cursor: move;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
.draggable-element:hover, .draggable-element.element-dragging {
	background: #f2f9ff;
	padding-top: 40px;
	z-index: 2;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.draggable-element.upfront-icon-element:hover, .draggable-element.upfront-icon-element.element-dragging {
	padding-top: 12px;
}

.draggable-element.element-dragging-no-drop {
	cursor: no-drop;
	cursor: not-allowed;
}
span.draggable-post-element {
	line-height: 1.5em;
	padding-top: 15px;
}
span.draggable-post-element:hover,
span.draggable-post-element.element-dragging
{
	padding-top: 17px;
}
#sidebar-ui .panel-section {
	font-size: 15px;
	padding: 5px 0 15px;
	margin: 0 15px;
	border-bottom: 1px solid #8fa9bf;
}
#sidebar-ui .panel-section:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#sidebar-ui .panel-section-title {
	color: #27394b;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	margin: 0;
	padding: 5px 0;
}
#sidebar-ui .panel-setting-item {
	padding: 15px 0 0;
}
#sidebar-ui .panel-setting-label {
	color: #263a4d;
}
#sidebar-ui .upfront-field-wrap {
	margin: 0;
}
#sidebar-ui .upfront-field-wrap .upfront-field-label-block {
	color: #26394d;
	font-size: 11px;
	float: none;
}
#sidebar-ui .panel-setting-switcher,
#sidebar-ui .command-edit-switcher {
	margin: -12px 0 0 158px;
	width: 66px;
	height: 10px;
	background: #85aacc;
	border-radius: 5px;
	position: relative;
}
#sidebar-ui .command-edit-switcher {
	margin-left: 180px;
}
#sidebar-ui .panel-setting-switcher .switch,
#sidebar-ui .command-edit-switcher .switch {
	display: block;
	font-size: 13px;
	line-height: 13px;
	width: 50%;
	height: 32px;
	text-transform: lowercase;
	float: left;
	color: #8db4d9;
	margin: -19px 0 0;
	position: relative;
	z-index: 10;
	cursor: pointer;
}
#sidebar-ui .panel-setting-switcher .switch.active,
#sidebar-ui .command-edit-switcher .switch.active {
	color: #13bf82;
}
#sidebar-ui .panel-setting-switcher .switch-on,
#sidebar-ui .command-edit-switcher .switch-on {
	text-align: right;
}
#sidebar-ui .panel-setting-switcher .knob,
#sidebar-ui .command-edit-switcher .knob {
	display: block;
	width: 16px;
	height: 16px;
	background: #1fcd8f;
	border: 5px solid #334b61;
	border-radius: 8px;
	position: absolute;
	top: -3px;
	left: 0;
	-webkit-transition: left .3s;
}
#sidebar-ui .panel-setting-switcher .switch-on.active + .knob,
#sidebar-ui .command-edit-switcher .switch-on.active + .knob {
	left: 50px;
}
#sidebar-ui .panel-setting-dialog {
	background: #c2dcf2;
	border: 1px dotted #a3bfd9;
	padding: 10px;
	margin: 15px 0 0;
}
#sidebar-ui .panel-setting-dialog-region {
	color: #263a4d;
}
#sidebar-ui .panel-setting-dialog-image {
	color: #6b8399;
	margin: 10px 0 15px;
}
#sidebar-ui .panel-setting-dialog-info {
	color: #6183a2;
	padding-left: 40px;
	line-height: 20px;
}
#sidebar-ui .panel-setting-sub-label {
	font-weight: bold;
	color: #688aa6;
	text-transform: uppercase;
	clear: both;
}
#sidebar-ui .panel-setting-background .wp-picker-container {
	float: left;
}
#sidebar-ui .panel-setting-button {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	height: 29px;
	color: #334b61;
	border: 2px solid #a9c5df;
	border-radius: 10px;
	padding: 2px 10px 0 5px;
	text-decoration: none;
}
#sidebar-ui .panel-setting-background-more {
	-webkit-transition: all .3s;
	height: 0;
	max-height: 0;
	opacity: 0;
}
#sidebar-ui .panel-setting-background-more > div {
	display: none;
}
#sidebar-ui .panel-setting-background-more.expanded {
	height: auto;
	max-height: 200px;
	opacity: 1;
}
#sidebar-ui .panel-setting-background-more.expanded > div {
	display: block;
}
#sidebar-ui .panel-setting-background .panel-setting-button {
	float: right;
}
#sidebar-ui .sp-replacer {
	margin: 0;
}
#sidebar-ui .sp-preview {
	margin: 0 0 6px;
}

#sidebar-ui .upfront-typography-fields-left {
	float: left;
	width: 60%;
	margin: 0 0 10px;
}
#sidebar-ui .upfront-typography-fields-right {
	float: right;
	width: 40%;
	margin: 0 0 10px;
}
#sidebar-ui .sidebar-panel-settings .upfront-field-number[type=number] {
	width: 60px;
}
#sidebar-ui .command-edit-css {
	clear: both;
	display: inline-block;
	padding: 0 10px;
	line-height: 24px;
	color: #5f7f99;
	font-family: "Verdana";
	font-size: 11px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #a3bfd9;
	background-color: #e5f3ff;
	-moz-box-shadow: inset 0 2px 0 #f1f9ff;
	-webkit-box-shadow: inset 0 2px 0 #f1f9ff;
	box-shadow: inset 0 2px 0 #f1f9ff;
}
#sidebar-ui .command-link {
	color: #11a571;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	display: inline;
	margin: 0 30px 0 0;
	cursor: pointer;
}




/* Scrollbar */
#sidebar-ui .sidebar-panel.expanded .sidebar-panel-content::-webkit-scrollbar,
.upfront-scroll-panel::-webkit-scrollbar,
.upfront-settings_panel_scroll::-webkit-scrollbar,
.upfront-field-select-options::-webkit-scrollbar,
.upfront-suggest-lists::-webkit-scrollbar,
.upfront-additive_multiselection .labels_list ul::-webkit-scrollbar,
.upfront-media_collection::-webkit-scrollbar,
.upfront-item-control::-webkit-scrollbar,
.upfront-filter-control::-webkit-scrollbar,
#upfront-csseditor .ace_scrollbar-inner::-webkit-scrollbar,
#upfront-csseditor .ace_scrollbar::-webkit-scrollbar,
#upfront-general-csseditor .ace_scrollbar-inner::-webkit-scrollbar,
#upfront-general-csseditor .ace_scrollbar::-webkit-scrollbar,
.upfront_code-editor-complex-wrapper .ace_scrollbar-inner::-webkit-scrollbar,
.upfront_code-editor-complex-wrapper .ace_scrollbar::-webkit-scrollbar,
.redactor_dropdown_box_icons div::-webkit-scrollbar
{
	background: none;
	width: 5px;
}
/* overwriting Ace editor scrollbar */
#upfront-csseditor .ace_scrollbar,
#upfront-general-csseditor .ace_scrollbar,
.upfront_code-editor-complex-wrapper .ace_scrollbar
{
	width: 5px! important;
}
#sidebar-ui .sidebar-panel.expanded .sidebar-panel-content::-webkit-scrollbar-track,
.upfront-scroll-panel::-webkit-scrollbar-track,
.upfront-settings_panel_scroll::-webkit-scrollbar-track,
.upfront-field-select-options::-webkit-scrollbar-track,
.upfront-suggest-lists::-webkit-scrollbar-track,
.upfront-additive_multiselection .labels_list ul::-webkit-scrollbar-track,
.upfront-media_collection::-webkit-scrollbar-track,
.upfront-item-control::-webkit-scrollbar-track,
.upfront-filter-control::-webkit-scrollbar-track,
#upfront-csseditor .ace_scrollbar-inner::-webkit-scrollbar-track,
#upfront-csseditor .ace_scrollbar::-webkit-scrollbar-track,
#upfront-general-csseditor .ace_scrollbar-inner::-webkit-scrollbar-track,
#upfront-general-csseditor .ace_scrollbar::-webkit-scrollbar-track,
.upfront_code-editor-complex-wrapper .ace_scrollbar::-webkit-scrollbar-track,
.upfront_code-editor-complex-wrapper .ace_scrollbar-inner::-webkit-scrollbar-track
{
}

#sidebar-ui .sidebar-panel.expanded .sidebar-panel-content::-webkit-scrollbar-thumb,
.upfront-scroll-panel::-webkit-scrollbar-thumb,
.upfront-settings_panel_scroll::-webkit-scrollbar-thumb,
.upfront-field-select-options::-webkit-scrollbar-thumb,
.upfront-suggest-lists::-webkit-scrollbar-thumb,
.upfront-additive_multiselection .labels_list ul::-webkit-scrollbar-thumb,
.upfront-media_collection::-webkit-scrollbar-thumb,
.upfront-item-control::-webkit-scrollbar-thumb,
.upfront-filter-control::-webkit-scrollbar-thumb,
#upfront-csseditor .ace_scrollbar-inner::-webkit-scrollbar-thumb,
#upfront-csseditor .ace_scrollbar::-webkit-scrollbar-thumb,
#upfront-general-csseditor .ace_scrollbar-inner::-webkit-scrollbar-thumb,
#upfront-general-csseditor .ace_scrollbar::-webkit-scrollbar-thumb,
.upfront_code-editor-complex-wrapper .ace_scrollbar-inner::-webkit-scrollbar-thumb,
.upfront_code-editor-complex-wrapper .ace_scrollbar::-webkit-scrollbar-thumb,
.redactor_dropdown_box_icons div::-webkit-scrollbar-thumb
{
	border-right: 5px solid #1fcd8f;
}

/* Tooltip */
.tooltip,
.tooltip-inline {
	position: relative;
	z-index: 50;
}
.tooltip:before {
	content: attr(data-tooltip);
}
.tooltip:before,
.tooltip-content {
	position: absolute;
	top: auto;
	bottom: 100%;
	left: 50%;
	display: none;
	padding: 2px 5px;
	margin-bottom: 14px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font: 10px/14px Verdana, sans-serif;
	white-space: nowrap;
	background: #2b445d;
	color: #f2f9ff;
	box-shadow: 0 0 0 2px rgba(219,236,252,.4);
}
.tooltip-bottom:before,
.tooltip-bottom .tooltip-content {
	top: 100%;
	bottom: auto;
	margin: 14px 0 0;
}
.tooltip-left:before,
.tooltip-left .tooltip-content,
.tooltip-right:before,
.tooltip-right .tooltip-content {
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
}
.tooltip-left:before,
.tooltip-left .tooltip-content {
	right: 100%;
	left: auto;
	margin-right: 14px;
}
.tooltip-right:before,
.tooltip-right .tooltip-content {
	left: 100%;
	right: auto;
	margin-left: 14px;
}
.tooltip.upfront-field-wrap:before {
	left: -22px;
}
.tooltip:after,
.tooltip-inline:after {
	content: " ";
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	display: none;
	border-color: #2b445d transparent #2b445d transparent;
	border-width: 3px 3px 0 3px;
	border-style: solid;
}
.tooltip-bottom:after {
	top: auto;
	bottom: -14px;
	border-width: 0 3px 3px 3px;
}
.tooltip-left:after,
.tooltip-right:after {
	top: 0;
	bottom: 0;
	border-color: transparent #2b445d transparent #2b445d;
}
.tooltip-left:after {
	right: auto;
	left: -14px;
	border-width: 3px 0 3px 3px;
}
.tooltip-right:after {
	left: auto;
	right: -14px;
	border-width: 3px 3px 3px 0;
}
.tooltip:hover:before, .tooltip:hover:after,
a:hover > .tooltip:before, a:hover > .tooltip:after,
.tooltip-inline:hover > .tooltip-content, .tooltip-inline:hover:after {
	display: block;
}

/* Fields */
/* @TODO all fields styling here */
/* @TODO !important stuff is temporary, need to remove */
.upfront-field-text, .upfront-field-checkbox, .upfront-field-radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.upfront-field-text[type] { /* add type attribute to add more specificity, fix input[type] rewrite */
	border: 1px solid rgb(163, 191, 217);
	background: #fff;
	color: rgb(38, 58, 77);
	height: 26px;
	width: 100%;
	padding: 7px 10px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height: 16px;
}
.upfront-field-text::-webkit-input-placeholder {
	color: rgb(124, 158, 191);
}
.upfront-field-text:-moz-placeholder {
	color: rgb(124, 158, 191);
}
.upfront-field-text::-moz-placeholder {
	color: rgb(124, 158, 191);
}
.upfront-field-text:-ms-input-placeholder {
	color: rgb(124, 158, 191);
}
.upfront-field-empty {
	opacity: 0.7;
}
.upfront-field-text:hover,
.upfront-field-text:focus {
	opacity: 1;
	outline: none;
}
.upfront-field-textarea {
	height: auto;
}
.upfront-field-number[type=number] {
	border: 1px solid rgb(163, 191, 217);
	background: #fff;
	color: rgb(38, 58, 77);
	width: auto;
	height: 30px;
	padding: 0 10px;
}
.upfront-field-select, .upfront-field-select-options {
	background: rgb(242, 249, 255);
	border: 1px solid rgb(163, 191, 217);
	border-radius: 3px;
}
.upfront-field-select {
	display: inline-block;
	height: 26px;
	max-height: 26px;
	margin: 0;
	color: rgb(96, 127, 153);
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height: 22px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.upfront-field-select-disabled {
	border-color: rgb(153, 181, 204);
	color: rgb(153, 181, 204);
}
.upfront-field-select-expanded {
	overflow: visible;
}
.upfront-field-select-multiple:hover {
	height: auto;
	overflow: visible;
	margin-bottom: -1px;
}
.upfront-field-select:hover {
	border-color: rgb(96, 127, 153);
}
.upfront-field-select:after {
	content: " ";
	display: block;
	position: absolute;
	top: 11px;
	right: 11px;
	border-top: 3px solid rgb(96, 127, 153);
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}
.upfront-field-select-disabled:after {
	border-top-color: rgb(153, 181, 204);
}
.upfront-field-select-expanded:after,
.upfront-field-select-multiple:hover:after {
	display: none;
}
.upfront-field-select .upfront-field-select-value {
	margin: 0;
	padding: 1px 30px 1px 10px;
	height: 24px;
	box-shadow: inset 0 2px 0 rgb(242, 249, 255);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.upfront-field-select-options {
	list-style: none;
	/*float: left;*/
	box-shadow: 0 0 3px rgba(96, 127, 153, 0.5);
	border-color: rgb(96, 127, 153);
	padding: 5px 0 !important;
	margin: 10px -1px 0 !important;
	position: relative;
	max-height: 26px;
	z-index: 10;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-ms-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
	transition: max-height 0.3s;
}
.upfront-field-select-expanded .upfront-field-select-options,
.upfront-field-select-multiple:hover .upfront-field-select-options {
	margin-top: -25px !important;
	max-height: 142px;
}
.upfront-field-select-option {
	margin: 0 !important;
	position: relative;
}
.upfront-field-select-single .upfront-field-select-option-selected {

}
.upfront-field-select-option .upfront-field-radio {
	display: none;
}
.upfront-field-select-option .upfront-field-checkbox {
	float: none !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 5px;
	margin: auto;
}
.upfront-field-select-zebra .upfront-field-select-option-even {
	background: rgb(218, 231, 242);
}
.upfront-field-select-option:hover {
	background: rgb(96, 127, 153);
	color: rgb(238, 247, 255);
}
.upfront-field-select-option label {
	display: block;
	font-weight: normal;
	padding: 2px 30px 2px 10px;
	margin: 0;
}
.upfront-field-select-option label .upfront-field-icon {
	margin-top: 0;
	vertical-align: top;
}
.upfront-field-select-option-disabled,
.upfront-field-select-option-disabled:hover {
	background: none;
	color: rgb(153, 181, 204);
}
.upfront-field-checkbox, .upfront-field-radio {
	width: 12px;
	height: 12px;
	border: 2px solid rgb(38, 58, 77);
	margin: 0 10px 0 0;
	cursor: pointer;
	float: none;
}
.upfront-field-radio {
	border-radius: 6px;
}
.upfront-field-radio:focus {
	border-width: 3px;
	outline: none;
}
.upfront-field-radio:checked {
	border-width: 3px;
	background: rgb(31, 205, 143);
}
.upfront-field-checkbox {
	border-radius: 2px;
}
.upfront-field-checkbox:checked {
	border-width: 0;
	background: rgb(38, 58, 77);
}
.tile-select {
	width: 16px;
	height: 16px;
	border: 2px solid #7a8d9f;
}
.tile-select:hover {
	border-color: #263a4d;
}
.tile-select:checked {
	border-color: #263a4d;
	background-color: #263a4d;
}
.upfront-field-multiple {
	display: block;
	opacity: 0.8;
	line-height: 12px;
	padding: 0 0 0 17px;
	position: relative;
  margin-bottom: 10px;
}
.upfront-field-multiple-vertical {
	display: inline-block;
	max-width: 72px;
	text-align: center;
	margin: 0 35px 10px 0;
	padding: 0 0 12px;
}
.upfront-field-multiple-horizontal-inline {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 15px 0 0;
}
.upfront-field-multiple:hover,
.upfront-field-multiple-selected {
	opacity: 1;
}
.upfront-field-multiple-disabled,
.upfront-field-multiple-disabled:hover {
	opacity: 0.5;
}
.upfront-field-multiple input.upfront-field-checkbox,
.upfront-field-multiple input.upfront-field-radio {
	position: absolute;
	bottom: 0;
	left: 0;
}
.upfront-field-multiple.upfront-field-complex_field-boolean_toggleable_text input.upfront-field-checkbox {
	bottom: auto;
	top: 0px;
}
.upfront-field-multiple.upfront-field-complex_field-boolean_toggleable_text label.upfront-field-label {
	display: none;
}
.upfront-field-multiple-vertical input.upfront-field-checkbox,
.upfront-field-multiple-vertical input.upfront-field-radio {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -6px;
}
.upfront-field-multiple label {
	display: table;
	color: rgb(48, 71, 94);
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, sans-serif;
}
.upfront-field-multiple label .upfront-field-label-text {
	display: table-cell;
	vertical-align: middle;
}
.upfront-field-multiple-vertical label {
	display: block;
	height: auto;
}
.upfront-field-multiple-vertical label .upfront-field-label-text {
	display: block;
	max-height: 30px;
	padding: 3px 0;
	overflow: hidden;
}
.upfront-field-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 1px 5px 0 0;
}
.upfront-field-multiple-vertical .upfront-field-icon {
	margin: 0 auto;
}
.upfront-suggest-list-wrap,
.upfront-additive_multiselection .labels_list {
	height: 0;
	max-height: 0;
	overflow: hidden;
	background: rgb(242, 249, 255);
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-ms-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
	transition: max-height 0.3s;
}
.upfront-suggest-list-wrap-expanded,
.upfront-additive_multiselection .labels_list {
	height: auto;
	max-height: 142px;
}
.upfront-suggest-lists,
.upfront-additive_multiselection .labels_list ul {
	border: 1px solid rgb(163, 191, 217);
	border-top: none;
	margin: 0;
	padding: 0;
	max-height: 113px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.upfront-additive_multiselection .labels_list ul.empty {
	border: none;
}
.upfront-suggest-list,
.upfront-additive_multiselection .labels_list li {
	padding: 0;
	margin: 0 !important;
	line-height: 14px;
	position: relative;
}
.upfront-suggest-list .upfront-field-checkbox,
.upfront-additive_multiselection .labels_list .upfront-field-checkbox  {
	float: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 10px;
	margin: auto;
}
.upfront-suggest-list label,
.upfront-additive_multiselection .labels_list li label {
	display: block;
	padding: 7px 30px 7px 10px;
}
.upfront-suggest-match,
.upfront-additive_multiselection .labels_list .selection {
	background: rgb(31, 205, 143);
	box-shadow: 0 0 0 1px rgb(31, 205, 143), 0 2px 0 rgb(27, 179, 125), 0 0 0 2px rgb(31, 205, 143);
	border-radius: 1px;
	color: rgb(255, 255, 255);
}
.upfront-field-wrap {
	color: rgb(48, 71, 94);
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	font-family: verdana, sans-serif;
	margin: 13px 0 0;
}

.inline-radios {
	margin: 15px 0 0;
}
.inline-radios .upfront-field-multiple {
  margin-bottom: 0;
}

.upfront-field-wrap-multiple {
	margin-right: -15px;
}
.upfront-suggest-add-wrap,
.upfront-additive_multiselection .add_labels {
	border: 1px solid rgb(163, 191, 217);
	border-top: none;
	background: rgb(204, 230, 255);
	line-height: 16px;
	position: relative;
}
.upfront-additive_multiselection .add_labels.empty {
	border: none;
}
.upfront-suggest-add-value,
.upfront-additive_multiselection .add_labels .add_value {
	display: block;
	font-weight: bold;
	padding: 6px 0 6px 12px;
}
.upfront-suggest-add,
.upfront-additive_multiselection .add_labels .add_link {
	display: block;
	position: absolute;
	top: 6px;
	right: 10px;
	cursor: pointer;
}
.upfront-field-wrap .upfront-field-label,
.upfront-field-label {
	font-weight: normal;
	margin: 0;
}
.upfront-field-wrap .upfront-field-label-block,
.upfront-field-label-block {
	display: block;
	color: rgb(125, 153, 179);
	font-size: 11px;
  font-weight: bold;
	font-family: verdana, sans-serif;
	line-height: 1;
	margin: 0;
  margin-bottom: 8px;
}

.upfront-field-wrap-optional span {
	margin: 20px 0 0 0;
}

.upfront-field-wrap-color {
	clear: both;
  vertical-align: middle;
  line-height: 24px;
}

.upfront-field-wrap-color label {
	/* float: left; */
  float: none;
}

.upfront-field-wrap-color .upfront-settings-item {
	margin-bottom:10px;
}

.upfront-field-wrap-color .sp-preview {
	display: inline-block;
	width:25px;
	height:20px;
	border:1px solid #a2c5e4;
	vertical-align: bottom;
  margin-left: 5px;
}

.upfront-field-wrap-color .sp-replacer {
	line-height: 30px;
}

.upfront-field-wrap-color .sp-texthint {
}


.upfront-field-slider{
	height:2px;
	background: #C2D5E6;
	position: relative;
}
.upfront-field-slider-vertical {
	height: 100px;
	width: 2px;
}

.upfront-field-slider .ui-slider-range {
	background: #263A4D;
	height:2px;
}
.upfront-field-slider-vertical .ui-slider-range  {
	width: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.upfront-field-slider .ui-slider-handle {
	border: 3px solid #263A4D;
	background: #ADC4D9;
	width:12px;
	height:12px;
	border-radius: 6px;
	position:absolute;
	top: -5px;
}
.upfront-field-slider-vertical .ui-slider-handle {
	left: -5px;
	top: auto;
}

.upfront-field-wrap-slider .upfront-field-info {
	margin-bottom: 10px;
}

.upfront-field-slider-value {
	margin-top: 6px;
  text-align: center;
}

.upfront-date_picker {
	background: #F2F9FF;
	border: 1px solid #6386A6;
	z-index:10000;
	font-size: 14px;
	display: none;
	position: absolute;
	z-index: 10000;
	text-transform: none !important;
	text-decoration: none !important;
}

.upfront-date_picker .ui-datepicker-header {
	padding: 5px 10px;
	border-bottom: 1px solid #accae6;
	text-align: center
}

.upfront-date_picker table{
	margin: 5px 10px;
}

.upfront-date_picker thead{
	color: #395269;
}

.upfront-date_picker select{
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 2px;
}

.upfront-date_picker .ui-datepicker-prev,
.upfront-date_picker .ui-datepicker-next {
	display: none;
}

.upfront-date_picker .ui-datepicker-prev {
	float: left;
}
.upfront-date_picker .ui-datepicker-next {
	float: right;
}

.upfront-date_picker td,
.upfront-date_picker th{
	text-align: center;
}

div.upfront-date_picker td a{
	padding: 2px 4px;
	color: #607F99;
}

.upfront-date_picker td a:hover{
	padding: 2px 4px;
	background: #1fcd8f;
	color: #fff !important;
	text-decoration: none;
}

.upfront-date_picker a.ui-state-active {
	background: #607F99;
	color: #F2F9FF !important;
}

.upfront-time_picker {
	padding: 5px 10px;
	border-top: 1px solid #accae6;
	text-align: center;
}
.ueditor-datepicker-buttons {
	border-top: 1px solid #accae6;
	padding: 5px 10px;
	text-align:left;
}
.ueditor-datepicker-buttons:after {
	content: '';
	display: table;
	clear: both;
}

.ueditor-datepicker-buttons a.button {
	margin-top: 0 !important;
}
a.ueditor-action-pickercancel{
	line-height: 28px;
	color: #607F99 !important;
	cursor: pointer;
}

.ueditor_author,
.ueditor_date {
	cursor: pointer !important;
}

.ueditor-insert {
	position: relative;
}

.redactor_box .ueditor-insert {
	outline: 1px dotted #3ea;
	background: rgba(255,255,255,.2);
}

.redactor_box .ueditor-insert:hover {
	outline: 1px solid #3ea;
}

.ueditor-insert .upfront-inline-panel {
	visibility: visible;
	transform: none;
	-webkit-transform: none;
	opacity: 1;
	margin: 0 auto;
	display: none;
}

.ueditor-insert:hover .upfront-inline-panel,
.ueditor-insert .upfront-inline-panel.uinsert-control-visible {
	display: block;
}

.ueditor-insert .upfront-inline-panel i.upfront-icon {
	height: 25px;
	 -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}

.ueditor-insert .uimage-control-tooltip-tip:before {
	width: 0;
}

.ueditor-insert .tooltip-bottom:after {
	display: none;
}

.ueditor-insert.alignleft {
	float: left;
	clear:left;
	margin-right: 15px;
}
.ueditor-insert.alignright {
	float: right;
	float: right;
	margin-left: 15px;
}
.ueditor-insert.aligncenter,
.ueditor-insert.alignfull {
	float: none;
	clear: both;
	text-align: center;
}

.ueditor-insert.ui-sortable-placeholder {
	visibility: visible !important;
	background: rgba(124,124,124,.2);
	outline: 1px solid rgba(124, 124, 124, .4);
}

.uinsert-selector {
	position: absolute;
	left: 15px;
	background: rgba(31, 48, 63, 0.95);
	height: 30px;
	padding: 0 5px;
}

.uinsert-selector:before {
	content: '';
	display: block;
	position: absolute;
	left: -10px;
	top: 35%;
	border: 5px solid transparent;
	border-right-color: rgba(31, 48, 63, 0.95);
}

.uinsert-drag-handle {
	cursor: move;
}

.ueditor-insert .upfront-inline-panel-item i {
	background-image: url('../img/uf-ui-sprite.png');
	background-image: url('../img/uf-ui-sprite.svg'), none;

}

.ueditor-insert .upfront-icon-region-alignleft,
.ueditor-insert .upfront-icon-region-alignment {
	background-position: -510px -80px;
}
.ueditor-insert .upfront-icon-region-alignright {
	background-position: -594px -80px;
}
.ueditor-insert .upfront-icon-region-aligncenter {
	background-position: -552px -80px;
}
.ueditor-insert .upfront-icon-region-alignfull {
	background-position: -637px -80px;
}

.ueditor-insert .upfront-icon-region-remove {
	background-position: -722px -222px;
}

.ueditor-insert .upfront-icon-region-link {
	background-position: -552px -164px;
}
.ueditor-insert .upfront-icon-region-embed {
    background-position: -552px -164px;
    height: 100%;
}

div.upfront-inserted_image-wrapper i.upfront-icon-region-nocaption {
	background-image: url('../img/uf-core-el-sprite.png');
	background-image: url('../img/uf-core-el-sprite.svg'), none;
	background-position: -691px -445px;
}
div.upfront-inserted_image-wrapper i.upfront-icon-region-caption-left {
	background-image: url('../img/uf-core-el-sprite.png');
	background-image: url('../img/uf-core-el-sprite.svg'), none;
	background-position: -691px -798px;
}

div.upfront-inserted_image-wrapper i.upfront-icon-region-caption-bottom {
	background-image: url('../img/uf-core-el-sprite.png');
	background-image: url('../img/uf-core-el-sprite.svg'), none;
	background-position: -691px -637px;
}

div.upfront-inserted_image-wrapper i.upfront-icon-region-caption-right {
	background-image: url('../img/uf-core-el-sprite.png');
	background-image: url('../img/uf-core-el-sprite.svg'), none;
	background-position: -691px -30px;
}

div.uinsert-selector a {
	color: #ccc;
	display: inline-block;
	line-height: 30px;
	padding: 0 5px;
}

div.uinsert-selector a:hover {
	color: #3ea;
	background: rgba(255,255,255,.1);
}

.ueditor-insert a.uinsert-change-link-post {
	margin: 5px 0 5px 25px;
	display: block;
	color: #1fcd8f;
}

.upfront-postpart-featured_image {
	overflow: hidden;
}

#settings {
  position: fixed;
  left: 0;
  top: 480px;
}

#layouts {
  position: fixed;
  top: 28px;
  width: 100%;
  height: 0;
  overflow: hidden; /* @TODO temporary hide this with CSS, need to remove this on the code? */
  background: #eee;
  z-index: 5;
}
#layouts nav {
  display: table;
  width: 100%;
}
#layouts ul {
  display: table-row;
  width: 100%;
}
#layouts li {
  display: table-cell;
  text-align: center;
  line-height: 22px;
  padding-left: 1em;
}
#layouts li:first-child {
  text-align: right;
}
#layouts li:last-child {
  text-align: left;
}
#layouts li.active {
  text-shadow: 1px 1px 3px #000;
  color: #fff;
}

.upfront-overlay-grid {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	visibility: hidden;
	opacity: 0;
	background: -webkit-linear-gradient(bottom, rgba(100,255,255,.3) 1px, transparent 1px, transparent);
	background: -moz-linear-gradient(bottom, rgba(100,255,255,.3) 1px, transparent 1px, transparent);
	background: -ms-linear-gradient(bottom, rgba(100,255,255,.3) 1px, transparent 1px, transparent);
	background: -o-linear-gradient(bottom, rgba(100,255,255,.3) 1px, transparent 1px, transparent);
	background: linear-gradient(to top, rgba(100,255,255,.3) 1px, transparent 1px, transparent);
	background-size: 100% 15px;
	border-left: 1px solid #3bffff;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
	overflow: hidden;
}
.upfront-overlay-grid-show {
	visibility: visible;
	opacity: 1;
}
.upfront-overlay-grid .c1 {
	height: 100%;
	text-align: center;
	font-size: 10px;
	color: #aaa;
}
.upfront-grid-border {
	background: -webkit-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 0 0, -webkit-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 100% 0;
	background: -moz-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 0 0, -moz-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 100% 0;
	background: -ms-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 0 0, -ms-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 100% 0;
	background: -o-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 0 0, -o-linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 100% 0;
	background: linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 0 0, linear-gradient(rgba(6,118,190,0.1), rgba(6,118,190,0.1)) repeat-y 100% 0;
	background-size: 15px 100%;
	border-right: 1px solid #3bffff;
}
.upfront-overlay-grid-simple .upfront-grid-border {
	background: none;
	float:left;
}


.upfront-layout {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

.upfront-layout-gutter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	overflow: hidden;
}
.upfront-layout-gutter-left,
.upfront-layout-gutter-right {
	position: absolute;
	width: 3000px;
	top: 0;
	bottom: 0;
	background: #c8cbcf;
}
.upfront-layout-gutter-left {
	right: 50%;
}
.upfront-layout-gutter-right {
	left: 50%;
}

.upfront-regions {
	overflow: hidden;
}

/* Transition */
.upfront-region-container,
.upfront-region,
.upfront-module {
	/*-webkit-transition: background .6s, opacity .6s;
	-moz-transition: background .6s, opacity .6s;
	-ms-transition: background .6s, opacity .6s;
	-o-transition: background .6s, opacity .6s;
	transition: background .6s, opacity .6s;*/
}

.upfront-active_entity > .upfront-editable_entity {
	/* Commented out as we seem to be doubling up on those dotted lines */
	/* outline: 1px dotted #5c7c9b; */
}
.upfront-editable_entity.ui-resizable-resizing {
	overflow: hidden;
	padding-bottom:15px;
}

.upfront-wrapper {
	float: left;
	position: relative;
}
.show-debug .upfront-wrapper {
	/*background: rgba(0,0,0,.04);
	outline: 1px dashed #aaa;*/
}
.upfront-module-group {
	float: left;
	position: relative;
}
.upfront-module-group:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.upfront-module-group-on-edit:after {
	display: none;
}
.upfront-module-group:hover {

}
.upfront-module-group-toggle-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	margin: auto;
	height: 36px;
	text-align: center;
	display: none;
}
.upfront-module-group:hover .upfront-module-group-toggle-ungroup-container,
.upfront-module-group-edit-mode:hover .upfront-module-group-toggle-reorder-container {
	display: block;
}
.upfront-module-group.upfront-module-group-disabled .upfront-module-group-toggle-ungroup-container,
.upfront-module-group.upfront-module-group-on-edit .upfront-module-group-toggle-container {
	display: none;
}
.upfront-module-group-toggle {
	position: relative;
	display: inline-block;
	background: rgba(61, 82, 102, .95);
	-moz-box-shadow: 0 1px 0 #192d3f;
	-webkit-box-shadow: 0 1px 0 #192d3f;
	box-shadow: 0 1px 0 #192d3f;
	color: #d8ecff;
	font-size: 16px;
	font-family: "Source Sans Pro", sans-serif;
	line-height: 24px;
	padding: 5px 10px;
	cursor: pointer;
	z-index: 5;
}

.upfront-module {
	position: relative;
	z-index: 2;
}
.upfront-module-disabled-all {
	opacity: 0.5;
}
.upfront-module-disabled-edit .upfront-object:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1999;
}
.upfront-module-disabled-edit .ui-resizable-handle {
	display: none !important;
}
.show-debug .upfront-module {
	/*border: 1px solid #b3da11;*/
	background: rgba(44, 62, 80, 0.3)
}
.upfront-module:hover {
	outline: 1px dotted #7f7f7f;
	/*z-index: 40;*/
}
.upfront-module-disabled-all:hover,
.upfront-module-editing:hover {
	outline: none;
}
.upfront-module-disabled-all .upfront-entity_meta,
.upfront-module-editing .upfront-entity_meta {
	display: none;
}
.upfront-dragging .upfront-module {
	outline: 1px dotted #7f7f7f;
	overflow: hidden;
}
.upfront-dragging .upfront-module:hover {
	outline: 1px dotted #7f7f7f;
	/*z-index: 40;*/
}
.upfront-objects_container {
	width: 100%;
	position: relative;
}

.upfront-module-hidden-toggle {

}
.upfront-module-hidden-toggle .upfront-entity-hide_trigger {
	float: right;
	background-color: #e5f3fe;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #1b2733;
	font-family: "Verdana";
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	cursor: pointer;
}


.upfront-object {
	position: relative;
	/*z-index: 10;*/
}
.show-debug .upfront-object {
	/*border: 1px solid #bada55;
	background: rgba(255, 255, 255, 0.4);*/
}
.upfront-object-content {
	min-height: 15px;
}
.upfront-drag-handle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	display: none;
}
.upfront-active_entity > .upfront-module > .upfront-drag-handle {
	display: none;
}
.handle-active .upfront-drag-handle {
	display: block;
}
.upfront-debug-info {
	display: none;
}
.show-debug .upfront-debug-info {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	padding: 0 5px;
	font-size: 10px;
	line-height: 15px;
}

.upfront-region-container {
	position: relative;
}
.upfront-region-sub-container {
	position: relative;
}
.upfront-region {
  /*background-color: rgba(127, 127, 127, .5);*/
  padding: 0;
  float: left;
  /*width: 100%;*/
  position: relative;
  min-height: 90px;
  /*z-index: 1;*/
}
.upfront-region-side-fixed {
	position: fixed;
	z-index: 10;
}
.upfront-modules_container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}

/*.upfront-region>.upfront-entity_meta {
	display: none;
}*/

.upfront-region-bg-overlay,
.upfront-region-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.upfront-region-bg-map {
	position: absolute !important;
}
.upfront-region-bg-video {
	overflow: hidden;
}
.upfront-region-edit-trigger {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	z-index: 999999;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.upfront-region-edit-trigger-full {
	left: 0;
	bottom: 0;
	height: auto;
	text-align: center;
	color: #fdfdfd;
	font-size: 17px;
}
.upfront-region-edit-fixed-trigger {
	position: fixed;
	left: 30px;
	top: 30px;
	width: 150px;
	height: 150px;
	text-align: center;
	background: #aeb8c2;
	color: #fdfdfd;
	font-size: 17px;
	cursor: pointer;
	z-index: 9999;
}
.upfront-region-edit-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 48px;
	margin: auto;
}
.upfront-region-edit-trigger .upfront-icon:before {
	margin: 0;
}
.upfront-edit-layout .upfront-region-container:hover > .upfront-region-edit-trigger,
.upfront-edit-theme .upfront-region-container:hover > .upfront-region-edit-trigger,
.upfront-edit-layout .upfront-region-has-modules:hover > .upfront-region-edit-trigger-small,
.upfront-edit-theme .upfront-region-has-modules:hover > .upfront-region-edit-trigger-small,
.upfront-edit-layout .upfront-region-empty:hover > .upfront-region-edit-trigger-full,
.upfront-edit-theme .upfront-region-empty:hover > .upfront-region-edit-trigger-full,
.upfront-region-editing .upfront-region-container .upfront-region-side-fixed:hover > .upfront-region-edit-trigger-full {
	visibility: visible;
	opacity: 1;
}
.upfront-region-editing .upfront-region-container .upfront-region-edit-trigger,
.upfront-region-editing .upfront-region-container:hover .upfront-region-edit-trigger,
.upfront-region-fixed-editing .upfront-region-container .upfront-region-edit-trigger,
.upfront-region-fixed-editing .upfront-region-container:hover .upfront-region-edit-trigger {
	visibility: hidden;
	opacity: 0;
}
.upfront-region-finish-edit,
.upfront-region-finish-edit-fixed,
.upfront-module-group-finish-edit {
	position: absolute;
	bottom: -51px;
	right: 0;
	color: #fdfdfd;
	font-size: 17px;
	line-height: 24px;
	background: #1fcd8f;
	padding: 14px 22px 12px;
	border-bottom: none;
	z-index: 1999999;
	cursor: pointer;
	white-space: nowrap;
	display: none;
}
.upfront-region-finish-edit .upfront-field-icon {
	margin: 0 7px 0 0;
}
.upfront-region-fixed-editing .upfront-region-finish-edit {
	bottom: 10px;
}
.upfront-region-finish-edit-fixed {
	bottom: -35px;
	border-bottom: 1px solid rgba(27,45,63,.5);
	padding: 5px 36px;
}
.upfront-region-editing .upfront-region-container-active .upfront-region-finish-edit,
.upfront-region-fixed-editing .upfront-region-side-fixed .upfront-region-finish-edit-fixed/*,
.upfront-region-fixed-editing .upfront-region-container-active .upfront-region-finish-edit*/,
.upfront-module-group-on-edit .upfront-module-group-finish-edit {
	display: block;
}
.upfront-region-title {
	position: absolute;
	top: -11px;
	left: 25px;
	z-index: 200;
	font-size: 12px;
	line-height: 12px;
	padding: 4px 5px 5px;
	background: #2e4459;
	background: rgba(46, 68, 89, .9);
	color: #d9eafa;
	display: none;
}
.upfront-region-container:first-child .upfront-region-title {
	top: auto;
	bottom: -11px;
}
.upfront-dragging .upfront-region {
	opacity: .4;
	/*-webkit-transform: scale(.96, .96);*/
}
.upfront-dragging .upfront-region-drag-active {
	opacity: 1;
	/*-webkit-transform: scale(1, 1);*/
	outline: 1px dotted #858585;
}

.upfront-dragging .upfront-region-drag-active .upfront-region-title {
	display: block;
}

.upfront-region-size-hint,
.upfront-region-position-hint {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #3d5266;
	color: #ADC3D8;
	font-size: 14px !important;
	padding: 0 5px;
	z-index: 10;
	display: none;
}
.upfront-region-position-hint {
	top: 46px;
}
.upfront-region-fixed-editing .upfront-region-size-hint,
.upfront-region-fixed-editing .upfront-region-position-hint {
	display: block;
}

/* Region edit panel */
.upfront-region-active {
}
.upfront-region:hover {
}
.upfront-region-editing .upfront-module {
}
.upfront-region-editing .upfront-region-container {
	opacity: 0.5;
	min-height: 90px;
	z-index: 1;
}
.upfront-region-editing .upfront-region-side-fixed {
	display: none !important;
}
.upfront-region-editing .upfront-region-container-active .upfront-module,
.upfront-region-fixed-editing .upfront-region-container-active .upfront-module {
	opacity: 0.5;
}
.upfront-region-resize-handle {
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	z-index: 999999;
	cursor: s-resize;
	display: block;
	visibility: hidden;
}
.upfront-region-resize-handle-e {
	top: 0;
	bottom: 0;
	left: auto;
	right: -13px;
	width: 24px;
	cursor: e-resize;
}
.upfront-region-resize-handle-w {
	top: 0;
	bottom: 0;
	left: -13px;
	right: auto;
	width: 24px;
	cursor: w-resize;
}
.upfront-region-editing .upfront-region-container-active > .upfront-region-resize-handle,
.upfront-region-editing .upfront-region-container-active .upfront-region-side-left > .upfront-region-resize-handle,
.upfront-region-editing .upfront-region-container-active .upfront-region-side-right > .upfront-region-resize-handle,
.upfront-region-fixed-editing .upfront-region-side-fixed .upfront-region-resize-handle {
	visibility: visible;
}
.upfront-region-editing .upfront-region-container-full .upfront-region-resize-handle,
.upfront-region-editing .upfront-region-bg-setting-open .upfront-region-resize-handle {
	visibility: hidden;
}
.upfront-region-editing .upfront-region-active-overlay,
.upfront-inline-panels,
.upfront-inline-panels-wrap,
.upfront-add-region-ani:after,
.upfront-region-editing .upfront-region-editing-overlay {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9996;
}
.upfront-region-editing .upfront-region-container-active {
	opacity: 1;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
	z-index: 9997;
}
.upfront-region-fixed-editing .upfront-grid-layout {
	z-index: 9998;
}
.upfront-region-editing .upfront-region-active,
.upfront-region-editing .upfront-region-container-active .upfront-grid-layout,
.upfront-region-fixed-editing .upfront-region-container-active .upfront-grid-layout {
	z-index: 9997;
}
.upfront-region-editing .upfront-region-container-active .upfront-region-active-overlay,
.upfront-region-editing .upfront-region-active .upfront-region-active-overlay,
.upfront-region-side-left.upfront-add-region-ani:after,
.upfront-region-side-right.upfront-add-region-ani:after {
	border-top: 3px solid #2f3a44;
	border-bottom: 3px solid #2f3a44;
	top: -3px;
	bottom: -3px;
}
.upfront-region-editing .upfront-region-active .upfront-region-title,
.upfront-region-fixed-editing .upfront-region-active .upfront-region-title {
	top: 0;
	bottom: auto;
	/*display: block;*/
}
.upfront-region-editing .upfront-region-editing-overlay {
	z-index: 10;
	background: rgba(31, 48, 63, 0.8);
}
.upfront-region-editing .upfront-region-container-active .upfront-region-side,
.upfront-region-fixed-editing .upfront-region-side-fixed {
	background: rgba(175, 185, 195, 0.5);
}
.upfront-region-editing .upfront-region-container-active .upfront-region {
	border-left: 1px dotted #7f7f7f;
	border-right: 1px dotted #7f7f7f;
}
.upfront-region-editing .upfront-region-container-active .upfront-region-side {
	border: none;
}
.upfront-region-fixed-editing .upfront-region-side-fixed {
	border: 1px dotted #7f7f7f;
}
.upfront-region-fixed-edit-pos {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5px 0;
	background: #e5f3ff;
	display: none;
}
.upfront-region-fixed-edit-pos .upfront-field-wrap {
	float: left;
	line-height: 16px;
	margin: 0 5px 3px;
}
.upfront-region-fixed-edit-pos .upfront-field-wrap:nth-child(3) {
	clear: both;
}
.upfront-region-fixed-edit-pos .upfront-field-number[type=number] {
	width: 48px;
	height: 18px;
	padding: 0 5px;
	font-size: 11px;
}
.upfront-region-fixed-edit-pos .upfront-field-wrap .upfront-field-label {
	font-weight: bold;
	color: #2f4355;
}
.upfront-region-fixed-editing .upfront-region-fixed-edit-pos {
	display: block;
}
/* Experimental animation */
@-webkit-keyframes "upfront-add-region-top" {
	0% {
		-webkit-transform: translateY(100%) scale(0.9);
	}
	50% {
		-webkit-transform: translateY(-15px) scale(1);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-bottom" {
	0% {
		-webkit-transform: translateY(-100%) scale(0.9);
	}
	50% {
		-webkit-transform: translateY(15px) scale(1);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-left" {
	0% {
		-webkit-transform: translateX(0) scale(0.9);
	}
	33% {
		-webkit-transform: translateX(-15px) scale(1);
	}
	100% {
		-webkit-transform: translateX(0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-right" {
	0% {
		-webkit-transform: translateX(0) scale(0.9);
	}
	33% {
		-webkit-transform: translateX(15px) scale(1);
	}
	100% {
		-webkit-transform: translateX(0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-top-left" {
	0% {
		-webkit-transform: translate(-100%, -100%) scale(0.9);
	}
	50% {
		-webkit-transform: translate(15px, 15px) scale(1);
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-top-right" {
	0% {
		-webkit-transform: translate(100%, -100%) scale(0.9);
	}
	50% {
		-webkit-transform: translate(-15px, 15px) scale(1);
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-bottom-left" {
	0% {
		-webkit-transform: translate(-100%, 100%) scale(0.9);
	}
	50% {
		-webkit-transform: translate(15px, -15px) scale(1);
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1);
	}
}
@-webkit-keyframes "upfront-add-region-bottom-right" {
	0% {
		-webkit-transform: translate(100%, 100%) scale(0.9);
	}
	50% {
		-webkit-transform: translate(-15px, -15px) scale(1);
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1);
	}
}
.upfront-region-editing .upfront-add-region-ani {
	opacity: 1;
	z-index: 0;
}
.upfront-add-region-ani-top {
	-webkit-animation: upfront-add-region-top 0.8s 1;
}
.upfront-add-region-ani-bottom {
	-webkit-animation: upfront-add-region-bottom 0.8s 1;
}
.upfront-add-region-ani-left {
	-webkit-animation: upfront-add-region-left 0.6s 1;
}
.upfront-add-region-ani-right {
	-webkit-animation: upfront-add-region-right 0.6s 1;
}
.upfront-add-region-ani-top-left {
	-webkit-animation: upfront-add-region-top-left 0.8s 1;
}
.upfront-add-region-ani-top-right {
	-webkit-animation: upfront-add-region-top-right 0.8s 1;
}
.upfront-add-region-ani-bottom-left {
	-webkit-animation: upfront-add-region-bottom-left 0.8s 1;
}
.upfront-add-region-ani-bottom-right {
	-webkit-animation: upfront-add-region-bottom-right 0.8s 1;
}
.upfront-inline-panels {
	display: none;
}
.upfront-region-editing .upfront-region-panels {
	display: block;
	z-index: 9998;
}
.upfront-region-fixed-editing .upfront-region-fixed-panels {
	display: block;
}
.upfront-region-editing .upfront-region-panels.upfront-inline-panels-active {
	z-index: 9999;
}
.upfront-region-fixed-panels {
}
.upfront-inline-panels-wrap {
	/*overflow: hidden;*/
}
.upfront-inline-panel {
	position: absolute;
	width: 40px;
	height: 40px;
	margin: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear 0.6s, -webkit-transform 0.6s, opacity 0.6s;
}
.upfront-inline-panel-top {
	top: 0;
	-webkit-transform: scale(1, 0);
	-webkit-transform-origin: 50% 0;
}
.upfront-region-panels .upfront-inline-panel-top {
	top: 15px;
}
.upfront-inline-panel-top-center {
	left: 0;
	right: 0;
}
.upfront-inline-panel-top-left {
	left: 8.3%;
}
.upfront-region-fixed-panels .upfront-inline-panel-top-left {
	left: 0;
	-webkit-transform: scale(0, 0);
	-webkit-transform-origin: 0 0;
}
.upfront-inline-panel-top-right {
	right: 8.3%;
}
.upfront-region-fixed-panels .upfront-inline-panel-top-right {
	right: 0;
	-webkit-transform: scale(0, 0);
	-webkit-transform-origin: 100% 0;
}
.upfront-inline-panel-center {
	top: 0;
	bottom: 0;
}
.upfront-inline-panel-center-center {
	left: 0;
	right: 0;
}
.upfront-inline-panel-center-left {
	left: 0;
	-webkit-transform: scale(0, 1);
	-webkit-transform-origin: 0 50%;
}
.upfront-inline-panel-center-right {
	right: 0;
	-webkit-transform: scale(0, 1);
	-webkit-transform-origin: 100% 50%;
}
.upfront-inline-panel-bottom {
	bottom: 0;
	-webkit-transform: scale(1, 0);
	-webkit-transform-origin: 50% 100%;
}
.upfront-region-panels .upfront-inline-panel-bottom {
	bottom: 15px;
}
.upfront-inline-panels-active .upfront-inline-panel-bottom {
	/*-webkit-animation: upfront-inline-panel-bottom 0.6s 1;*/
}
.upfront-inline-panel-bottom-center {
	left: 0;
	right: 0;
}
.upfront-inline-panel-bottom-left {
	left: 8.3%;
}
.upfront-region-fixed-panels .upfront-inline-panel-bottom-left {
	left: 0;
	-webkit-transform: scale(0, 0);
	-webkit-transform-origin: 0 100%;
}
.upfront-inline-panel-bottom-right {
	right: 8.3%;
}
.upfront-region-fixed-panels .upfront-inline-panel-bottom-right {
	right: 0;
	-webkit-transform: scale(0, 0);
	-webkit-transform-origin: 100% 100%;
}
.upfront-inline-panels-active .upfront-inline-panel {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-webkit-transition-delay: 0s;
}
.upfront-inline-panel-size-2 {
	width: 80px;
}
.upfront-inline-panel-size-3 {
	width: 120px;
}
.upfront-inline-panel-size-4 {
	width: 160px;
}
.upfront-inline-panel-size-5 {
	width: 200px;
}
.upfront-inline-panel-size-6 {
	width: 240px;
}
.upfront-inline-panel-size-7 {
	width: 280px;
}
.upfront-inline-panel-size-8 {
	width: 320px;
}
.upfront-inline-panel-size-9 {
	width: 360px;
}
.auto-resize-off {
	color: #c81111;
}
.auto-resize-on {
	color: #26c090;
}
.upfront-inline-panel-item {
	width: 40px;
	height: 40px;
	background: rgba(31, 48, 63, 0.8);
	border-bottom: 1px solid #162433;
	cursor: pointer;
	float: left;
}
.upfront-region-panel-item-bg.upfront-inline-panel-subitem-active {
	background: #1f303f;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-subitem {
	border-bottom: 1px solid #2d3945;
}
.upfront-inline-panel-subitem-active > .tooltip-content {
	display: none !important;
}
.upfront-inline-panel-subitem {
	position: relative;
	z-index: -1;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item {
	visibility: hidden;
	border-bottom: none;
	position: relative;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-webkit-transition: visibility 0s linear 0.6s, -webkit-transform 0.6s, opacity 0.6s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item {
	visibility: visible;
	background: #284159;
	opacity: 1;
	-webkit-transform: translateY(0) !important;
	-webkit-transition-delay: 0s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(2) {
	-webkit-transform: translateY(-200%);
	-webkit-transition-delay: 0.7s, 0.1s, 0.1s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item:nth-child(2) {
	-webkit-transition-delay: 0.1s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(3) {
	-webkit-transform: translateY(-300%);
	-webkit-transition-delay: 0.8s, 0.2s, 0.2s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item:nth-child(3) {
	-webkit-transition-delay: 0.2s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(4) {
	-webkit-transform: translateY(-400%);
	-webkit-transition-delay: 0.9s, 0.3s, 0.3s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item:nth-child(4) {
	-webkit-transition-delay: 0.3s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(5) {
	-webkit-transform: translateY(-500%);
	-webkit-transition-delay: 1s, 0.4s, 0.4s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item:nth-child(5) {
	-webkit-transition-delay: 0.4s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(6) {
	-webkit-transform: translateY(-600%);
	-webkit-transition-delay: 1.1s, 0.5s, 0.5s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item:nth-child(6) {
	-webkit-transition-delay: 0.5s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(7) {
	-webkit-transform: translateY(-700%);
	-webkit-transition-delay: 1.2s, 0.6s, 0.6s;
}
.upfront-inline-panel-subitem-active .upfront-inline-panel-item:nth-child(7) {
	-webkit-transition-delay: 0.6s;
}
.upfront-inline-panel-subitem .upfront-inline-panel-item:hover {
	background: #22384c;
	box-shadow: 0 0 0 2px rgba(219,236,252,.9);
	z-index: 100;
}
.upfront-inline-panel-item .upfront-icon {
	display: block;
	padding: 8px;
}
.upfront-inline-panel-item .upfront-icon:before {
	float: none !important;
	margin: 0;
}
.upfront-region-fixed-panels .upfront-inline-panel-item {
	border-bottom: none;
	width: 50px;
	height: 50px;
}
.upfront-region-fixed-panels .upfront-inline-panel-top-left .upfront-inline-panel-item {
	background: -moz-linear-gradient(-45deg, rgba(229,243,255,1) 0%, rgba(229,243,255,1) 40%, rgba(61,82,102,.5) 41%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(229,243,255,1)), color-stop(40%,rgba(229,243,255,1)), color-stop(41%,rgba(61,82,102,.5)), color-stop(45%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(-45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(-45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
	background: linear-gradient(135deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
}
.upfront-region-fixed-panels .upfront-inline-panel-top-right .upfront-inline-panel-item {
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(61,82,102,.5) 59%, rgba(229,243,255,1) 60%, rgba(229,243,255,1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0)), color-stop(59%,rgba(61,82,102,.5)), color-stop(60%,rgba(229,243,255,1)), color-stop(100%,rgba(229,243,255,1)));
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
	background: -o-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
	background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
}
.upfront-region-fixed-panels .upfront-inline-panel-bottom-left .upfront-inline-panel-item {
	background: -moz-linear-gradient(45deg, rgba(229,243,255,1) 0%, rgba(229,243,255,1) 40%, rgba(61,82,102,.5) 41%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(229,243,255,1)), color-stop(40%,rgba(229,243,255,1)), color-stop(41%,rgba(61,82,102,.5)), color-stop(45%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
	background: linear-gradient(45deg, rgba(229,243,255,1) 0%,rgba(229,243,255,1) 40%,rgba(61,82,102,.5) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);
}
.upfront-region-fixed-panels .upfront-inline-panel-bottom-right .upfront-inline-panel-item {
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(61,82,102,.5) 59%, rgba(229,243,255,1) 60%, rgba(229,243,255,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0)), color-stop(59%,rgba(61,82,102,.5)), color-stop(60%,rgba(229,243,255,1)), color-stop(100%,rgba(229,243,255,1)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(61,82,102,.5) 59%,rgba(229,243,255,1) 60%,rgba(229,243,255,1) 100%);
}
.upfront-region-fixed-panels .upfront-region-panel-item-add-region:before {
	content: "+";
	color: #3d5266;
	font-size: 28px;
	line-height: 0;
	margin: 12px 0 0 6px;
	float: left;
	display: block;
}
.upfront-region-fixed-panels .upfront-inline-panel-bottom-left .upfront-region-panel-item-add-region:before {
	margin: 36px 0 0 6px;
}
.upfront-region-fixed-panels .upfront-inline-panel-top-right .upfront-region-panel-item-add-region:before {
	margin: 12px 6px 0 0;
	float: right;
}
.upfront-region-fixed-panels .upfront-inline-panel-bottom-right .upfront-region-panel-item-add-region:before {
	margin: 36px 6px 0 0;
	float: right;
}
.upfront-inline-modal,
.upfront-inline-modal-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}
.upfront-inline-modal {
	/*background: rgba(39, 59, 77, 0.55);*/
}
.upfront-inline-modal-wrap {
	/*top: 60px;
	bottom: auto;*/
	margin: auto;
	width: 50%;
	border: 1px solid #fff;
	background: #e5f3ff;
	-moz-box-shadow: 0 0 20px rgba(39,58,76,.8);
	-webkit-box-shadow: 0 0 20px rgba(39,58,76,.8);
	box-shadow: 0 0 20px rgba(39,58,76,.8);
	position: relative;
}
.upfront-region-side-right .upfront-inline-modal-wrap {
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.upfront-inline-modal-wrap .upfront-inline-modal-content {
	padding: 16px;
}
.upfront-inline-modal-save,
.upfront-inline-modal-save:hover {
	position: absolute;
	bottom: -35px;
	right: 0;
	color: #f1f8ff;
	font-size: 18px;
	height: 34px;
	line-height: 34px;
	padding: 0 36px;
	background: #2ecb90;
	border: none;
	border-bottom: 1px solid rgba(27,45,63,.5);
}
.upfront-region-modal-color {
	background: none;
	border-bottom: none;
	padding: 0;
}
.upfront-region-modal-color .upfront-inline-modal-wrap {
	width: 255px;
	height: 210px;
	background: none;
}
.upfront-region-modal-color .upfront-region-color-picker {
	display: block;
	width: 120px;
	margin: 0 auto;
}
.upfront-region-modal-bg .upfront-inline-modal-wrap {
	width: 384px;
}
.upfront-region-bg-setting-fixed-region {
	margin: 0 0 10px;
}
.upfront-region-bg-setting-fixed-region .upfront-region-bg-setting-label {
	margin: 0 0 5px;
}
.upfront-region-bg-setting-fixed-region .upfront-field-wrap {
	width: 50%;
	float: left;
}
.upfront-region-bg-setting-fixed-region .upfront-field-number[type=number] {
	width: 80px;
}
.upfront-region-bg-setting-fixed-region .upfront-field-wrap .upfront-field-label {
	display: inline-block;
	width: 40px;
}
.upfront-region-bg-setting-type {
	width: 50%;
	float: left;
}
.upfront-region-bg-setting-tab {
}
.upfront-region-bg-setting-tab .sp-replacer {
	float: none;
	width: auto;
}
.upfront-region-bg-setting-footer {
	color: #1f2f3f;
	font-family: "Verdana";
	font-size: 11px;
	padding: 0 24px;
	background: #cee1f2;
	margin: 0 -16px;
	position: relative;
	top: 16px;
	clear: both;
}
.upfront-region-bg-setting-auto-resize,
.upfront-region-bg-setting-change-image {
	cursor: pointer;
	float: left;
	white-space: nowrap;
	padding: 10px 0;
}
.upfront-region-bg-setting-change-image {
	float: right;
}
.upfront-region-bg-setting-tab-primary {
	width: 50%;
	float: right;
}
.upfront-region-bg-setting-tab-secondary {
	padding: 10px 0 0;
	clear: both;
}
.upfront-region-bg-setting-label {
	color: #3f617f;
	font-size: 17px;
}
.upfront-region-bg-setting-label-alt {
	color: #2f475d;
	font-family: "Verdana";
	font-size: 11px;
}
.upfront-region-bg-image-style {
	float: left;
}
.upfront-region-bg-image-tile {
	clear: both;
	padding: 5px 0 0;
}
.upfront-region-bg-image-fixed {
}
.upfront-region-bg-image-fixed-pos {
	float: left;
	width: 36%;
	position: relative;
}
.upfront-region-bg-image-fixed-pos-num {
	float: right;
	margin: 18px -12px 0 0;
}
.upfront-region-bg-image-fixed-pos-num .upfront-field-number {

}
.upfront-region-bg-image-fixed-pos .upfront-field-slider-value {
	display: none;
}
.upfront-region-bg-image-fixed-color {
	float: right;
	width: 50%;
}
.upfront-region-bg-map-location .upfront-field-wrap {
	float: left;
	width: 90%;
}
.upfront-region-modal-map .upfront-field-slider-value {
	display: none;
}
.upfront-refresh-map {
	float: right;
	margin: 34px 0 0;
	cursor: pointer;
}
.upfront-region-bg-map-style-control .upfront-field-wrap {
	width: 50%;
	float: left;
}
.upfront-region-bg-map-style-control .upfront-field-wrap .upfront-field-select {
	width: 100%;
}
.upfront-region-bg-map-style-control .upfront-field-wrap:last-child {
	width: 40%;
	float: right;
}
.upfront-region-bg-slider-rotate .upfront-field-wrap {
	display: inline-block;
}
.upfront-region-bg-slider-rotate .upfront-field-wrap-number {
	position: relative;
	top: -7px;
}
.upfront-region-bg-slider-slides .upfront-settings-item-content {
	position: relative;
	margin: 0 -7px;
}
.upfront-region-bg-slider-image-loading {
	min-height: 126px;
}
.upfront-region-bg-slider-image,
.upfront-region-bg-slider-add-image {
	float: left;
	width: 49px;
	height: 37px;
	margin: 0 7px 15px 7px;
}
.upfront-region-bg-slider-image {
	position: relative;
	cursor: move;
	border: 1px solid #233d54;
}
.upfront-region-bg-slider-image:hover {
	box-shadow: inset 0 0 0 1px #233d54;
}
.upfront-region-bg-slider-add-image {
	color: #1f2f3e;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	text-align: center;
	width: 63px;
	margin: 0 0 15px;
	cursor: pointer;
}
.upfront-region-bg-slider-add-image.upfront-icon:before {
	float: none !important;
	display: block;
	margin: 0 auto;
}
.upfront-region-bg-slider-image img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.upfront-region-bg-slider-delete-image {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
	background: #233d54;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	text-align: center;
	cursor: pointer;
	display: none;
}
.upfront-region-bg-slider-image:hover .upfront-region-bg-slider-delete-image {
	display: block;
}


.upfront-structure-modal .upfront-field-wrap .upfront-field-label-block {
	font-family: "Source Sans Pro", sans-serif;
	color: #27394b;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}
.upfront-structure-modal .upfront-field-multiple-vertical {
	margin-right: 38px;
}
.upfront-structure-modal .upfront-field-multiple-vertical:last-child {
	margin-right: 0;
}
.upfront-structure-modal .upfront-field-multiple-horizontal-inline {
	margin-right: 60px;
}

.upfront-edit-grid-wrap {
	margin: 0 0 10px;
}
.upfront-edit-grid {
	width: 190px;
	margin-right: 20px;
	float: left;
}
.upfront-edit-grid-custom {
	width: 280px;
}
.upfront-edit-page-color {
	float: left;
	width: 190px;
}
.upfront-grid-width-preview {
	color: #85a9cb;
	font-family: "Verdana";
	font-size: 11px;
	line-height: 12px;
}
.upfront-edit-grid-custom .upfront-grid-width-preview {
	float: right;
	margin-top: -27px;
}
.upfront-edit-grid-custom .upfront-field-number[type=number] {
	width: 60px;
}
.upfront-edit-page-color .upfront-field-wrap-color label {
	float: none;
}

.upfront-message-modal {
	font-family: "Source Sans Pro", sans-serif;
	color: #3c5266;
}
.upfront-modal-title {
	font-size: 20px;
	font-weight: bold;
	margin: 12px 0;
}
.upfront-modal-select-wrap {
	float: left;
	margin: 0 25px 0 0;
}
.upfront-modal-select-wrap .upfront-field-select {
	height: 40px;
	max-height: 40px;
	line-height: 36px;
}
.upfront-modal-select-wrap .upfront-field-select:after {
	top: 18px;
}
.upfront-modal-select-wrap .upfront-field-select .upfront-field-select-value {
	height: 38px;
}
.upfront-modal-select-wrap .upfront-field-select-options {
	max-height: 40px;
}
.upfront-modal-select-wrap .upfront-field-select-expanded .upfront-field-select-options,
.upfront-modal-select-wrap .upfront-field-select-multiple:hover .upfront-field-select-options {
	margin-top: -39px !important;
	max-height: 212px;
}
.upfront-modal-select-wrap .upfront-field-select-single .upfront-field-select-option-selected label:before {
	margin-top: 14px;
}





.region-resizable-helper {
	background: rgba(0,0,0,.1);
}

.upfront-region-container .upfront-region-shadow {
	visibility: hidden;
	min-height: 0 !important;
	height: 0;
	max-height: 0;
	overflow: hidden;
}

.upfront-editable_entity img {
  max-width: 100%;
  max-height: 100%;
}

.ui-draggable {
	cursor: move;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px solid #1fcd8f;
	background: rgba(31, 205, 143, .1);
}
.ui-selected, .ui-selecting {
	position: relative;
}
.upfront-selected-border {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to right, #2fda9c 0px, #2fda9c 1px, #24ae81 1px, #24ae81 2px), linear-gradient(to right, #2fda9c 0px, #2fda9c 1px, #24ae81 1px, #24ae81 2px), linear-gradient(to bottom, #2fda9c 0px, #2fda9c 1px, #24ae81 1px, #24ae81 2px), linear-gradient(to bottom, #2fda9c 0px, #2fda9c 1px, #24ae81 1px, #24ae81 2px);
	background-size: 2px 1px, 2px 1px, 1px 2px, 1px 2px;
	background-position: 0 0, 0 100%, 0 0, 100% 0;
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	z-index: -1;
	display: none;
}
.ui-selected .upfront-selected-border,
.ui-selecting .upfront-selected-border,
.upfront-module-group:hover .upfront-selected-border {
	display: block;
}
.upfront-module-group.upfront-module-group-disabled .upfront-selected-border {
	display: none;
}
.upfront-module-group.upfront-module-group-edit-mode:hover .upfront-selected-border,
.upfront-module-group.upfront-module-group-on-edit .upfront-selected-border {
	display: block;
}

.upfront-entity_meta {
	position: absolute;
	z-index: 2000;
}
.upfront-module > .upfront-entity_meta {
	top: 5px;
	right: 5px;
}
.upfront-object > .upfront-entity_meta {
	top: 34px;
	right: 5px;
}
.upfront-object > .upfront-entity_meta_extra {
	top: 63px;
	right:5px;
}
.upfront-region > .upfront-entity_meta {
	top: 30px;
	right: 15px;
	z-index: 999999;
	display: none;
}
.upfront-region-editing .upfront-region > .upfront-entity_meta {
	display: block;
}
.upfront-region-side-fixed > .upfront-entity_meta {
	top: 10px;
	right: 15px;
	z-index: 999999;
}



.upfront-resize-handle-nw,
.upfront-resize-handle-se,
.upfront-resize-handle-ne,
.upfront-resize-handle-sw,
.upfront-region-resize-handle-nw,
.upfront-region-resize-handle-se,
.upfront-region-resize-handle-ne,
.upfront-region-resize-handle-sw {
	position: absolute;
	width: 12px;
	height: 12px;
	z-index: 2000;
	overflow: hidden;
}
.upfront-resize-handle-nw,
.upfront-region-resize-handle-nw {
	top: 0;
	left: 0;
	right: auto;
	cursor: nw-resize;
}
.upfront-resize-handle-se,
.upfront-region-resize-handle-se {
	bottom: 0;
	right: 0;
	left: auto;
	cursor: se-resize;
}
.upfront-resize-handle-ne,
.upfront-region-resize-handle-ne {
	top: 0;
	right: 0;
	left: auto;
	cursor: ne-resize;
}
.upfront-resize-handle-sw,
.upfront-region-resize-handle-sw {
	bottom: 0;
	left: 0;
	right: auto;
	cursor: sw-resize;
}

.upfront-resize-handle-e,
.upfront-resize-handle-w {
	background: #f2b530;
	width: 5px;
	height: 20px;
	top: 48%;
	display: none !important;
}

.ueditor-insert:hover .upfront-resize-handle-e,
.ueditor-insert:hover .upfront-resize-handle-w {
	display: block !important;
}

.ueditor-insert .upfront-resize-handle-e {
	right: 0;
}
.ueditor-insert .upfront-resize-handle-w {
	left: 0;
	background: #f2b530;
}


.upfront-dragging .upfront-editable_entity .upfront-entity_meta,
.ui-resizable-resizing .upfront-entity_meta {
	display: none !important;
}

.upfront-module.ui-resizable-autohide {
	z-index: 1;
}

.upfront-icon-button {
	width: 24px;
	height: 24px;
	z-index: 2000;
	cursor:pointer;
	display:block;
	border-radius: 2px;
	color:#fff;
	text-decoration:none;
	padding: 2px 0;
}
.upfront-entity_meta .upfront-icon-button {
	opacity: 0;
	visibility: hidden;
	margin: 0 0 4px;
}
.upfront-editable_entity:hover .upfront-entity_meta .upfront-icon-button{
    opacity: 1;
	visibility: visible;
}
.upfront-region-editing .upfront-region-active > .upfront-entity_meta .upfront-icon-button,
.upfront-region-fixed-editing .upfront-region-side-fixed:hover > .upfront-entity_meta .upfront-icon-button {
	opacity: 1;
	visibility: visible;
}
.upfront-icon-button-delete {
	box-shadow: inset 0 0 0 1px #cc423d;
	background: #d94641 -moz-linear-gradient(-45deg, rgba(235,83,77,1) 0%, rgba(235,83,77,1) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: #d94641 -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,83,77,1)), color-stop(50%,rgba(235,83,77,1)), color-stop(51%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: #d94641 -webkit-linear-gradient(-45deg, rgba(235,83,77,1) 0%,rgba(235,83,77,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: #d94641 -o-linear-gradient(-45deg, rgba(235,83,77,1) 0%,rgba(235,83,77,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: #d94641 -ms-linear-gradient(-45deg, rgba(235,83,77,1) 0%,rgba(235,83,77,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: #d94641 linear-gradient(135deg, rgba(235,83,77,1) 0%,rgba(235,83,77,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* W3C */
}
.upfront-icon-button-setting {
	box-shadow: inset 0 0 0 1px #13bf83;
	background: #1fcd8f -moz-linear-gradient(-45deg, rgba(33,217,152,1) 0%, rgba(33,217,152,1) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: #1fcd8f -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(33,217,152,1)), color-stop(50%,rgba(33,217,152,1)), color-stop(51%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: #1fcd8f -webkit-linear-gradient(-45deg, rgba(33,217,152,1) 0%,rgba(33,217,152,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: #1fcd8f -o-linear-gradient(-45deg, rgba(33,217,152,1) 0%,rgba(33,217,152,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: #1fcd8f -ms-linear-gradient(-45deg, rgba(33,217,152,1) 0%,rgba(33,217,152,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: #1fcd8f linear-gradient(135deg, rgba(33,217,152,1) 0%,rgba(33,217,152,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* W3C */
}
.upfront-icon-button-crop {
	box-shadow: inset 0 0 0 1px #1d81bf;
	background: #1f89cd -moz-linear-gradient(-45deg, rgba(34,155,230,1) 0%, rgba(34,155,230,1) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: #1f89cd -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(34,155,230,1)), color-stop(50%,rgba(34,155,230,1)), color-stop(51%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: #1f89cd -webkit-linear-gradient(-45deg, rgba(34,155,230,1) 0%,rgba(34,155,230,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: #1f89cd -o-linear-gradient(-45deg, rgba(34,155,230,1) 0%,rgba(34,155,230,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: #1f89cd -ms-linear-gradient(-45deg, rgba(34,155,230,1) 0%,rgba(34,155,230,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: #1f89cd linear-gradient(135deg, rgba(34,155,230,1) 0%,rgba(34,155,230,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* W3C */
}
.upfront-icon-button-hide {
	box-shadow: inset 0 0 0 1px #23313f;
	background: #233140 -moz-linear-gradient(-45deg, rgba(56,79,102,1) 0%, rgba(56,79,102,1) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: #233140 -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(56,79,102,1)), color-stop(50%,rgba(56,79,102,1)), color-stop(51%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: #233140 -webkit-linear-gradient(-45deg, rgba(56,79,102,1) 0%,rgba(56,79,102,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: #233140 -o-linear-gradient(-45deg, rgba(56,79,102,1) 0%,rgba(56,79,102,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: #233140 -ms-linear-gradient(-45deg, rgba(56,79,102,1) 0%,rgba(56,79,102,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: #233140 linear-gradient(135deg, rgba(56,79,102,1) 0%,rgba(56,79,102,1) 50%,rgba(0,0,0,0) 51%,rgba(0,0,0,0) 100%); /* W3C */
}

.upfront-resize {
	background: rgba(100,100,100,.2);
	z-index:1;
}

.upfront-drop {
	float: left;
	width: 0;
	height: 0;
}
.show-debug .upfront-drop {
	background: rgba(0, 0, 128, 0.1);
}

#upfront-drop-preview {
	position: absolute;
	border: 1px dashed #666;
	background: rgba(0, 0, 0, 0.2);
	z-index: 99998;
}
.upfront-drop-transition {
	-webkit-transition: top 0.3s, left 0.3s;
	-moz-transition: top 0.3s, left 0.3s;
	-ms-transition: top 0.3s, left 0.3s;
	-o-transition: top 0.3s, left 0.3s;
	transition: top 0.3s, left 0.3s;
}
#upfront-compare-area {
	position: absolute;
	background: rgba(255, 0, 0, 0.2);
	z-index: 99999;
}
.upfront-drop-view {
	position: absolute;
	border: 2px dotted #88f;
	z-index: 99990;
	opacity: 0.4;
}
.upfront-drop-view-full {
	border-color: #4c4;
}
.upfront-drop-view-inside {
	border-color: #c44;
}
.upfront-drop-view-me {
	border-color: #999;
}
.upfront-drop-view-current {
	border-color: #222;
	z-index: 99995;
	opacity: 1;
}
.upfront-drop-priority-view {
	position: absolute;
	background: rgba(0, 0, 0, 0.1);
}

/* Experimental animation */
@-webkit-keyframes dropped {
	0% {
		opacity: .6;
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(.95, .95);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
	}
}
.ui-draggable-dragging {
	opacity: .6;
	min-height: 0 !important;
	/*-webkit-transition: max-width .3s, max-height .3s;*/
}
.upfront-dropped {
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: .3s;
	-webkit-animation-delay: 0s;
	-webkit-animation-name: dropped;
}


/* ----- Settings ----- */

#settings, #settings * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#settings {
	background-color: rgb(218, 231, 242);
	border-left: 3px solid rgb(99, 134, 166);
	width: 92px;
	box-shadow: 3px 3px 0 rgba(99, 134, 166, 0.25);
}
#settings .upfront-settings_title {
	display: none;
}
#settings .upfront-settings_label {
	position: relative;
	padding-left: 7px;
	width: 89px;
	height: 40px;
	line-height: 40px;
	background: rgb(143, 174, 204);
	color: rgb(242, 249, 255);
	border-top: 1px solid rgb(99, 134, 166);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	cursor: pointer;
}
#settings .upfront-settings_label.active {
	color: rgb(99, 134, 166);
	background: rgb(242, 249, 255);
	width: 90px;
	z-index: 10;
}
#settings .upfront-settings_panel_wrap:last-child .upfront-settings_label.active {
	border-bottom: 1px solid rgb(99, 134, 166);
}
#settings .upfront-settings_label.active:before {
	content: " ";
	display: block;
	height: 100%;
	width: 3px;
	background: rgb(31, 205, 143);
	position: absolute;
	top: 0;
	left: -3px;
}
#settings .upfront-settings_panel {
	position: absolute;
	left: 89px;
	top: 0;
	border: 1px solid rgb(99, 134, 166);
	background: rgb(242, 249, 255);
	box-shadow: 3px 3px 0 rgba(99, 134, 166, 0.25);
	z-index: 5;
}

#settings.settings-no-tabs {
  width: 0;
  border: 0 none;
}
#settings.settings-no-tabs .upfront-settings_panel {
  left: 0;
  border-left: 4px solid rgb(99, 134, 166);/* this should be 3px but browser calculates it wrong for some reason */
}
#settings.settings-no-tabs .upfront-settings_label {
  display: none;
}

#settings .upfront-settings-item-content {
	padding: 0 10px;
}

#settings .upfront-settings_panel_scroll {
	position: relative;
	padding: 15px 5px;
	min-width: 270px;
	max-height: 400px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

.upfront-settings-item {
  padding-top: 15px;
}
#settings .upfront-settings_panel_scroll div:first-child .upfront-settings-item {
  padding-top: 0;
}
#settings .upfront-settings-item-tab-wrap {
	display: inline;
}
#settings .upfront-settings-item-tab {
	position: relative;
	z-index: 11;
	float: left;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	padding: 0 5px;
	margin: 2px 0 0 1px;
	height: 24px;
	line-height: 24px;
	background: rgb(221, 234, 246);
	color: rgb(48, 71, 94);
	color: rgba(48, 71, 94, 0.7);
	cursor: pointer;
}
#settings .upfront-settings-item-tab-radio .upfront-settings-item-tab {
	max-width: 72px;
	height: 80px;
	margin: 0 5px;
	padding: 0;
	line-height: 12px;
	background: none;
	opacity: 0.7;
	color: rgb(48, 71, 94);
	text-align: center;
}
#settings .upfront-settings-item-tab-radio .upfront-settings-item-tab label {
	display: block;
}
#settings .upfront-settings-item-tab-radio .upfront-settings-item-tab .upfront-field-icon {
	margin: 0 0 4px;
}
#settings .upfront-settings-item-tab-radio .upfront-settings-item-tab .upfront-settings-item-tab-radio-text {
	display: block;
	font-weight: normal;
	height: 24px;
	margin: 0 0 4px;
	overflow: hidden;
}
#settings .upfront-settings-item-tab-radio .upfront-settings-item-tab .upfront-field-radio {
	float: none;
	margin: 0;
}
#settings .upfront-settings-item-tab-wrap:first-child  .upfront-settings-item-tab {
	margin-left: 10px;
}
#settings .upfront-settings-item-tab-active .upfront-settings-item-tab {
	margin-top: 0;
	font-weight: bold;
	height: 27px;
	background: none;
	color: rgb(48, 71, 94);
	border: 1px solid rgb(149, 184, 217);
	border-bottom-color: rgb(242, 249, 255);
}
#settings .upfront-settings-item-tab-radio.upfront-settings-item-tab-active .upfront-settings-item-tab {
	opacity: 1;
	height: 80px;
	border: none;
}
#settings .upfront-settings-item-tab-radio.upfront-settings-item-tab-active .upfront-settings-item-tab:after {
	content: " ";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid rgb(149, 184, 217);
}
#settings .upfront-settings-item-tab-content {
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 10px;
	display: none;
}
#settings .upfront-settings-item-tab-radio .upfront-settings-item-tab-content {
	top: 90px;
}
#settings .upfront-settings-item-tab-content:before {
	content: " ";
	display: block;
	border-top: 1px solid rgb(149, 184, 217);
	position: relative;
	top: -10px;
	height: 0;
}
#settings .upfront-settings-item-tab-active .upfront-settings-item-tab-content {
	display: block;
}
#settings .upfront-settings-tab-height {
	width: 0;
}

.upfront-settings-item-title,
.upfront-global-social-settings .upfront-settings-item-title {
	font-size: 11px;
  text-transform: uppercase;
	line-height: 1;
	color: rgb(70, 106, 140);
	font-family: Verdana, sans-serif;
  font-weight: bold;
  position: relative;
}

.upfront-settings-item-title span,
.upfront-global-social-settings .upfront-settings-item-title span {
  background-color:#f2f9ff;
  padding:0 5px 0;
  position: relative;
  z-index: 1;
  margin-left: 5px;
}

.upfront-settings-item-title:after {
  content: "";
  width: 100%;
  display: block;
	border-top: 1px solid rgb(195, 216, 236);
	position: absolute;
	top: 4px;
}
.upfront-region-modal-bg .upfront-settings-item-title,
.upfront-global-social-settings .upfront-settings-item-title
{
    background-color: #e5f3fe;
}
.upfront-settings-item-content,
.upfront-global-social-settings .upfront-settings-item-content{
	margin: 0;
}
.upfront-settings-button_panel {
	position: absolute;
	bottom: -37px;
	right: -1px;
	margin: 0;
	z-index:20;
}
.upfront-save_settings {
	height: 36px;
	width: auto;
	border: 1px solid rgb(0, 219, 143);
	padding: 0 26px 0 20px;
	background: rgb(31, 205, 143);
	line-height: 34px;
	font-size: 18px;
	font-family: 'Source Sans Pro';
	color: rgb(242, 249, 255);
	border-radius: 0;
	box-shadow: 3px 3px 0 rgba(99, 134, 166, 0.25);
}
.upfront-save_settings:hover {
	background: #3ea;
}
/* @TODO still using font awesome icon, need add it to sprite instead */
.upfront-save_settings i {
	color: rgb(25, 166, 116);
}






/* ----- Save As dialog ----- */

#upfront-save-dialog-background {
  background: rgba(31, 48, 63, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999998;
}

#upfront-save-dialog {
  border: 1px solid #fff;
  background: #e5f3ff;
  -moz-box-shadow: 0 0 20px rgba(39,58,76,.8);
  -webkit-box-shadow: 0 0 20px rgba(39,58,76,.8);
  box-shadow: 0 0 20px rgba(39,58,76,.8);
  position: fixed;
  top: 20%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  z-index: 999999;
  padding: 20px;
  text-align: center;
}

#upfront-save-dialog-background #upfront-save-dialog {

}

.upfront-save-button {
	display: inline-block;
	font-size: 14px;
	font-family: 'Source Sans Pro';
	border: 1px solid #a3bfd9;
	color: #395269;
	margin: 0 10px 10px;
	padding: 0 20px;
	cursor: pointer;
}
.upfront-save-button:hover {
	border-color: #537ea6;
}


/* Upfront icon */
.upfront-ui .upfront-icon-element:before,
.upfront-icon-button:before,
.upfront-icon-control:before,
.upfront-ui .upfront-field-icon:before,
.upfront-ui .upfront-structure-field-icon:before,
.upfront-util-icon:before {
	content: " ";
	background-image: url('../img/uf-core-el-sprite.svg?v=20131127');
	background-repeat: no-repeat;
	float: left;
	display: block;
}
.upfront-logo,
.upfront-ui .upfront-icon:before,
.region-lock-switch:before,
.upfront-icon-control-region:before,
.panel-setting-dialog-region:before, .panel-setting-dialog-info:before,
.position-select-wrap .position-select:checked,
.upfront-field-checkbox:checked,
.upfront-field-select-single .upfront-field-select-option-selected label:before,
.upfront-ui .upfront-region-field-icon:before,
.sp-preview,
#upfront-popup-top.upfront-popup-meta .upload:before {
	content: " ";
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	background-repeat: no-repeat;
	float: left;
	display: block;
}
.sp-preview{
	background-position: -817px -105px;
	width: 27px !important;
	height: 24px !important;
	background-color:#e5f3ff;
	border: 1px #a3bfd9 solid;
	border-radius: 3px;
    position:relative;
    margin-right: 5px;
    float:left;
}
.sp-preview-inner {
	display: none !important;
}
.upfront-logo {
	background-position: -190px -405px;
	width: 98px;
	height: 32px;
	overflow: hidden;
	display:block;
}
.upfront-logo-small {
	background-position: -340px -405px;
	width: 32px;
}
.upfront-icon-element:before {
	width: 24px;
	height: 24px;
	margin: 0 3px 0 0;
}
.upfront-icon-element-text:before {
	background-position: -39px -40px;
}
.upfront-icon-element-image:before {
	background-position: -39px -74px;
}
.upfront-icon-element-search:before {
	background-position: -39px -108px;
}
.upfront-icon-element-social:before {
	background-position: -39px -142px;
}
.upfront-icon-element-blockquote:before { /* @TODO is it blockquote? */
	background-position: -39px -176px;
}
.upfront-icon-element-table:before {
	background-position: -39px -210px;
}
.upfront-icon-element-button:before {
	background-position: -39px -244px;
}
.upfront-icon-element-video:before {
	background-position: -39px -278px;
}
.upfront-icon-element-maps:before {
	background-position: -39px -312px;
}
.upfront-icon-element-slider:before {
	background-position: -39px -346px;
}
/* hiding accordion until it's finished */

.upfront-icon-element-gallery:before {
	background-position: -39px -380px;
}
.upfront-icon-element-login:before {
	background-position: -39px -414px;
}
.upfront-icon-element-accordion:before {
	background-position: -39px -448px;
}
.upfront-icon-element-nav:before {
	background-position: -39px -482px;
}
.upfront-icon-element-likebox:before {
	background-position: -39px -518px;
}
.upfront-icon-element-contact:before {
	background-position: -39px -550px;
}
.upfront-icon-element-posts:before {
	background-position: -39px -584px;
}
.upfront-icon-element-comment:before {
	background-position: -39px -618px;
}
.upfront-icon-element-widget:before {
	background-position: -39px -652px;
}
.upfront-icon-element-youtube:before {
	background-position: -39px -687px;
}
.upfront-icon-element-tabs:before {
	background-position: -39px -720px;
}
.upfront-icon-element-code:before {
	background-position: -39px -755px;
}
.upfront-icon:before {
	width: 24px;
	height: 24px;
	margin: 0 3px 0 0;
}
.upfront-icon-exit:before {
	background-position: -188px -380px;
	margin: 0;
}
.upfront-icon-page:before {
	background-position: -41px -177px;
}
.upfront-icon-post:before {
	background-position: -41px -210px;
}
.upfront-icon-layout:before {
	background-position: -41px -39px;
}
.upfront-icon-browse:before {
	width: 10px;
	margin-right: 8px;
	background-position: -736px -70px;
}
.upfront-icon-collapse:before,
.upfront-icon-expand:before {
	width: 12px;
	height: 12px;
	background-position: -190px -312px;
	margin: 0;
}
.upfront-icon-expand:before {
	background-position: -190px -346px;
}
.upfront-icon-panel-post:before {
	background-position: -729px -40px;
}
.upfront-icon-panel-elements:before {
	background-position: -41px -380px;
}
.upfront-icon-panel-settings:before {
	background-position: -41px -415px;
}
.upfront-icon-save:before {
	background-position: -340px -380px;
}
.upfront-icon-edit:before {
	background-position: -340px -346px;
}
.upfront-icon-delete:before {
	width: 18px;
	height: 18px;
	margin: 0;
}
.upfront-icon-delete:before {
	background-position: -343px -77px;
}
.upfront-icon-check:before {
	background-position: -733px -138px;
}
.upfront-icon-region-nosidebar-none:before {
	background-position: -40px -510px;
}
.upfront-icon-region-rightsidebar-none:before {
	background-position: -164px -510px;
}
.upfront-icon-region-leftsidebar-none:before {
	background-position: -288px -510px;
}
.upfront-icon-region-2sidebar-none:before {
	background-position: -412px -510px;
}
.upfront-icon-region-color:before {
	background-position: -40px -544px;
}
.upfront-icon-region-color:hover:before,
.upfront-icon-region-color-active:before {
	background-position: -164px -544px;
}
.upfront-icon-region-image:before {
	background-position: -288px -544px;
}
.upfront-icon-region-image:hover:before,
.upfront-icon-region-image-active:before {
	background-position: -412px -544px;
}
.upfront-icon-region-slider:before {
	background-position: -40px -578px;
}
.upfront-icon-region-slider:hover:before,
.upfront-icon-region-slider-active:before {
	background-position: -164px -578px;
}
.upfront-icon-region-map:before {
	background-position: -288px -578px;
}
.upfront-icon-region-map:hover:before,
.upfront-icon-region-map-active:before {
	background-position: -412px -578px;
}
.upfront-icon-region-bg-setting:before {
	background-position: -819px -39px;
}
.upfront-icon-region-bg-setting:hover:before,
.upfront-icon-region-bg-setting-active:before {
	background-position: -819px -71px;
}
.upfront-icon-region-expand-unlock:before {
	background-position: -40px -612px;
}
.upfront-icon-region-expand-unlock:hover:before {
	background-position: -164px -612px;
}
.upfront-icon-region-expand-lock:before {
	background-position: -288px -612px;
}
.upfront-icon-region-expand-lock:hover:before {
	background-position: -412px -612px;
}
.upfront-icon-region-add:before {
	background-position: -40px -646px;
}
.upfront-icon-region-add-bottom:before {
	background-position: -164px -646px;
}
.upfront-icon-region-add-left:before {
	background-position: -288px -646px;
}
.upfront-icon-region-add-right:before {
	background-position: -412px -646px;
}
.upfront-icon-region-delete:before {
	background-position: -288px -646px;
}
.upfront-icon-region-delete:hover:before {
	background-position: -412px -646px;
}
.upfront-icon-region-add-slide:before {
	background-position: -164px -712px;
}
.upfront-icon-region-edit:before {
	background-position: -412px -712px;
	width: 31px;
	height: 61px;
}
.upfront-icon-popup-close:before {
	width: 17px;
	height: 17px;
	background-position: -1080px -85px;
}
.upfront-icon-popup-search:before {
	width: 15px;
	height: 15px;
	background-position: -1186px -85px;
}
.upfront-icon-popup-search-clear:before {
	width: 16px;
	height: 16px;
	background-position: -1080px -121px;
}
.upfront-icon-popup-pagination-prev:before,
.upfront-icon-popup-pagination-next:before {
	width: 8px;
	height: 14px;
	background-position: -1234px -87px;
}
.upfront-icon-popup-pagination-next:before {
	background-position: -1340px -87px;
}
.upfront-icon-comment-pending:before {
	width: 14px;
	height: 14px;
	background-position: -1442px -87px;
}
.upfront-icon-comment-menu-reply:before,
.upfront-icon-comment-menu-edit:before,
.upfront-icon-comment-menu-approve:before,
.upfront-icon-comment-menu-trash:before {
	width: 13px;
	height: 12px;
	background-position: -1232px -123px;
}
.upfront-icon-comment-menu-edit:before {
	background-position: -1338px -125px;
}
.upfront-icon-comment-menu-approve:before {
	background-position: -1443px -125px;
}
.upfront-icon-comment-menu-trash:before {
	background-position: -1233px -160px;
}
.upfront-icon-page-edit:before {
	width: 11px;
	height: 11px;
	background-position: -1339px -160px;
}
.upfront-icon-tag-add:before {
	width: 8px;
	height: 8px;
	background-position: -1445px -161px;
}
.upfront-icon-tag-add:hover:before {
	background-position: -1235px -197px;
}
.upfront-icon-tag-delete:before {
	width: 14px;
	height: 14px;
	background-position: -1337px -194px;
}
.upfront-icon-tag-delete:hover:before {
	background-position: -1442px -194px;
}
.upfront-icon-media-selected:before {
	width: 25px;
	height: 20px;
	background-position: -970px -83px;
}
.upfront-icon-media-label-delete:before {
	width: 10px;
	height: 10px;
	background-position: -977px -124px;
}
.upfront-icon-media-upload-placeholder:before {
	width: 254px;
	height: 181px;
	background-position: -961px -154px;
}
.upfront-icon-media-insert-multi-plain:before,
.upfront-icon-media-insert-multi-slider:before,
.upfront-icon-media-insert-multi-gallery:before {
	width: 60px;
	height: 89px;
	background-position: -990px -367px;
}
.upfront-icon-media-insert-multi-plain:hover:before {
	background-position: -1100px -367px;
}
.upfront-icon-media-insert-multi-slider:before {
	background-position: -990px -477px;
}
.upfront-icon-media-insert-multi-slider:hover:before {
	background-position: -1100px -477px;
}
.upfront-icon-media-insert-multi-gallery:before {
	background-position: -990px -587px;
}
.upfront-icon-media-insert-multi-gallery:hover:before {
	background-position: -1100px -587px;
}
.upfront-icon-image-left:before,
.upfront-icon-image-center:before,
.upfront-icon-image-right:before,
.upfront-icon-image-full:before {
	height: 25px;
}
.upfront-icon-image-left:before {
	background-position: -603px -484px;
}
.upfront-icon-image-left:hover:before {
	background-position: -647px -484px;
}
.upfront-icon-image-center:before {
	background-position: -603px -528px;
}
.upfront-icon-image-center:hover:before {
	background-position: -647px -528px;
}
.upfront-icon-image-right:before {
	background-position: -603px -572px;
}
.upfront-icon-image-right:hover:before {
	background-position: -647px -572px;
}
.upfront-icon-image-full:before {
	background-position: -603px -616px;
}
.upfront-icon-image-full:hover:before {
	background-position: -647px -616px;
}
.upfront-icon-image-select:before {
	width: 21px;
	height: 11px;
	background-position: -516px -536px;
}
.upfront-icon-image-detail:before {
	width: 21px;
	height: 11px;
	background-position: -516px -580px;
}
.position-select-wrap .position-select:checked {
	background-position: -46px -353px;
}
.tile-select:checked {
	background-position: -46px -353px;
}
.upfront-field-checkbox:checked {
	background-position: -46px -353px;
}
.upfront-field-select-single .upfront-field-select-option-selected label:before {
	width: 11px;
	height: 8px;
	margin: 7px 5px 0 0;
	background-position: -46px -354px;
}
.region-lock-switch:before {
	width: 22px;
	height: 30px;
	margin: 5px 20px 0 0;
	background-position: -341px -157px;
}
.region-lock-switch.locked:before {
	background-position: -341px -221px;
}
.upfront-icon-simple:before, .upfront-icon-advanced:before {
	width: 20px;
	height: 18px;
}
.upfront-icon-simple:before {
	background-position: -41px -42px;
}
.upfront-icon-simple:hover:before,
.active .upfront-icon-simple:before {
	background-position: -41px -76px;
}
.upfront-icon-advanced:before {
	background-position: -42px -111px;
}
.upfront-icon-advanced:hover:before,
.active .upfront-icon-advanced:before {
	background-position: -42px -145px;
}
.upfront-icon-undo:before, .upfront-icon-redo:before {
	width: 10px;
	height: 24px;
	margin: 0 6px 0 0;
}
.upfront-icon-undo:before {
	background-position: -197px -42px;
}
.upfront-icon-undo:hover:before {
	background-position: -197px -76px;
}
.upfront-icon-redo:before {
	background-position: -196px -110px;
}
.upfront-icon-redo:hover:before {
	background-position: -196px -144px;
}
.upfront-icon-grid:before {
	width: 20px;
	height: 20px;
	background-position: -342px -144px;
}
.upfront-icon-grid:hover:before, .upfront-icon-grid-active:before {
	background-position: -342px -178px;
}
.upfront-icon-button:before {
	width: 19px;
	height: 19px;
	margin: 0 auto;
	float: none;
	display: block;
}
.upfront-module-small .upfront-icon-button {
	width: 18px;
	height: 18px;
}
.upfront-module-small .upfront-icon-button:before {
	width: 16px;
	height: 16px;
}
.upfront-module-small .upfront-object > .upfront-entity_meta{
	top: 23px;
	right: 0;
}

.upfront-icon-button-delete:before {
	background-position: -261px -40px;
}
.upfront-icon-button-setting:before {
	background-position: -261px -70px;
}
.upfront-icon-button-crop:before {
	background-position: -261px -100px;
}
.upfront-icon-button-align-left:before {
	background-position: -261px -130px;
}
.upfront-icon-button-align-center:before {
	background-position: -261px -160px;
}
.upfront-icon-button-align-right:before {
	background-position: -261px -190px;
}
.upfront-icon-button-move:before {
	background-position: -261px -280px;
}

.upfront-module-small .upfront-icon-button-delete:before {
	background-position: -262px -43px;
}
.upfront-module-small .upfront-icon-button-setting:before {
	background-position: -262px -73px;
}

.upfront-module-small .upfront-module > .upfront-entity_meta {
	top: 0;
	right: 0;
}
.upfront-icon-control:before,
.upfront-icon-control-region:before {
	margin: 0 auto;
	float: none;
	display: block;
}
.upfront-icon-control-resize-nw:before,
.upfront-icon-control-resize-ne:before {
	width: 12px;
	height: 12px;
	background-position: -294px -74px;
}
.upfront-icon-control-resize-se:before,
.upfront-icon-control-resize-sw:before {
	width: 12px;
	height: 12px;
	background-position: -294px -44px;
}
.upfront-icon-control-resize-ne:before,
.upfront-icon-control-resize-sw:before {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}
.upfront-icon-control-region-resize-s:before {
	width: 35px;
	height: 24px;
	background-position: -282px -712px;
}
.upfront-icon-control-region-resize-e:before,
.upfront-icon-control-region-resize-w:before {
	width: 24px;
	height: 35px;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	background-position: -288px -743px;
}
.upfront-icon-control-expand:before,
.upfront-icon-control-collapse:before {
	width: 6px;
	height: 3px;
	background-position: -267px -229px;
}
.upfront-icon-control-collapse:before {
	background-position: -267px -259px;
}
.panel-setting-dialog-region:before {

}
.panel-setting-dialog-info:before {
	width: 23px;
	height: 23px;
	margin: 0 0 0 -30px;
	background-position: -218px -439px;
}
.upfront-field-icon:before {
	width: 22px;
	height: 22px;
}
.upfront-field-icon-tick:before {
	background-position: -808px -200px;
}
.upfront-field-icon-image-caption-below:before {
	background-position: -700px -40px;
}
.upfront-field-icon-image-caption-over-bottom:before {
	background-position: -808px -40px;
}
.upfront-field-icon-image-caption-over-top:before {
	background-position: -700px -72px;
}
.upfront-field-icon-image-caption-over-fill:before {
	background-position: -808px -72px;
}
.upfront-field-icon-navigation-link:before {
	background-position: -920px -40px;
}
.upfront-field-icon-navigation-open:before {
	background-position: -920px -72px;
}
.upfront-field-icon-navigation-horizontal:before {
    background-position: -920px -100px;
    width: 42px;
}
.upfront-field-multiple:hover .upfront-field-icon-navigation-horizontal:before {
    background-position: -1028px -100px;
}
.upfront-field-icon-navigation-vertical:before {
    background-position: -917px -230px;
}
.upfront-field-multiple:hover .upfront-field-icon-navigation-vertical:before {
    background-position: -1025px -230px;
}
.upfront-field-icon-navigation-left:before {
    background-position: -920px -143px;
    width: 42px;
    height: 8px;
}
.upfront-field-multiple:hover .upfront-field-icon-navigation-left:before {
    background-position: -1028px -143px;
}
.upfront-field-icon-navigation-center:before {
    background-position: -920px -175px;
    height: 8px;
    width: 42px;
}
.upfront-field-multiple:hover .upfront-field-icon-navigation-center:before {
    background-position: -1028px -175px;
}
.upfront-field-icon-navigation-right:before {
    background-position: -920px -207px;
    width: 42px;
    height: 8px;
}
.upfront-field-multiple:hover .upfront-field-icon-navigation-right:before {
    background-position: -1028px -207px;
}
.upfront-field-icon-contact-above-field:before {
	background-position: -1140px -40px;
}
.upfront-field-icon-contact-over-field:before {
	background-position: -1248px -40px;
}
.upfront-field-icon-contact-inline-field:before {
	background-position: -1140px -72px;
}
.upfront-field-icon-social-like:before {
	width: 40px;
	background-position: -1360px -40px;
}
.upfront-field-icon-social-count:before {
	width: 45px;
	background-position: -1468px -40px;
}
.upfront-field-icon-social-button:before {
	background-position: -1360px -72px;
}
.upfront-field-icon-social-button-style-1:before {
	background-position: -1468px -72px;
}
.upfront-field-icon-social-button-style-2:before {
	background-position: -1360px -104px;
}
.upfront-field-icon-social-button-style-3:before {
	background-position: -1468px -104px;
}
.upfront-field-icon-social-sort:before {
	background-position: -1360px -136px;
}
.upfront-field-icon-social-back:before {
	background-position: -1468px -136px;
}
.upfront-field-icon-social-add:before {
	background-position: -1360px -168px;
}
.upfront-field-icon-social-count-horizontal:before {
	width: 70px;
	background-position: -1360px -200px;
}
.upfront-field-icon-social-count-vertical:before {
	width: 39px;
	height: 42px;
	background-position: -1360px -244px;
}

.upfront-field-icon-social-title-align:before {
	width: 70px;
	background-position: -1360px -296px;
}
.upfront-field-icon-social-content-align:before {
	width: 70px;
	height: 42px;
	background-position: -1360px -330px;
}

.upfront-field-icon-gallery-crop-theme:before {
	background-position: -1688px -136px;
}
.upfront-field-icon-gallery-crop-1_1:before {
	background-position: -1688px -168px;
}
.upfront-field-icon-gallery-crop-2_3:before {
	background-position: -1688px -198px;
}
.upfront-field-icon-gallery-crop-4_3:before {
	background-position: -1688px -228px;
}

.upfront-field-icon-refresh:before {
	background-position: -480px -40px;
}
.upfront-field-icon-refresh-2:before {
	background-position: -480px -72px;
}
.upfront-field-icon-video-multiple:before {
	background-position: -1801px -104px;
}

.upfront-field-icon-video-single:before {
	background-position: -1908px -104px;
}

.upfront-field-icon-display-style-gallery:before {
	background-position: -1800px -136px;
}

.upfront-field-icon-display-style-list:before {
	background-position: -1908px -136px;
}

.upfront-region-field-icon-color:before {
	background-position: -40px -544px;
}
.upfront-region-field-icon-color:hover:before,
.upfront-region-field-icon-color-active:before {
	background-position: -164px -544px;
}
.upfront-region-field-icon-image:before {
	background-position: -288px -544px;
}
.upfront-region-field-icon-image:hover:before,
.upfront-region-field-icon-image-active:before {
	background-position: -412px -544px;
}
.upfront-region-field-icon-slider:before {
	background-position: -40px -578px;
}
.upfront-region-field-icon-slider:hover:before,
.upfront-region-field-icon-slider-active:before {
	background-position: -164px -578px;
}
.upfront-region-field-icon-map:before {
	background-position: -288px -578px;
}
.upfront-region-field-icon-map:hover:before,
.upfront-region-field-icon-map-active:before {
	background-position: -412px -578px;
}
.upfront-region-field-icon-feat:before {
	background-position: -288px -511px;
}
.upfront-region-field-icon-feat:hover:before,
.upfront-region-field-icon-feat-active:before {
	background-position: -412px -511px;
}
.upfront-region-field-icon-expand-unlock:before {
	/*background-position: -40px -612px;*/
	background-position: -164px -612px;
}
.upfront-region-field-icon-expand-lock:before {
	/*background-position: -288px -612px;*/
	background-position: -412px -612px;
}
.upfront-region-field-icon-bg-image-full:before {
	background-position: -40px -780px;
}
.upfront-region-field-icon-bg-image-tile:before {
	background-position: -164px -780px;
}
.upfront-region-field-icon-bg-image-fixed:before {
	background-position: -288px -780px;
}
.upfront-region-field-icon-bg-image-change:before {
	background-position: -412px -780px;
}
.upfront-region-field-icon-bg-slider-slide-down:before {
	background-position: -40px -678px;
}
.upfront-region-field-icon-bg-slider-slide-up:before {
	background-position: -164px -678px;
}
.upfront-region-field-icon-bg-slider-slide-left:before {
	background-position: -288px -678px;
}
.upfront-region-field-icon-bg-slider-slide-right:before {
	background-position: -412px -678px;
}
.upfront-region-field-icon-bg-slider-crossfade:before {
	background-position: -40px -712px;
}

.upfront-structure-field-icon:before {
	width: 22px;
	height:26px;
}
.upfront-structure-field-icon-blank:before {
	background-position: -658px -392px;
}
.upfront-structure-field-icon-wide-no-sidebar:before {
	background-position: -480px -329px;
}
.upfront-structure-field-icon-wide-right-sidebar:before {
	background-position: -569px -329px;
}
.upfront-structure-field-icon-wide-left-sidebar:before {
	background-position: -658px -329px;
}
.upfront-structure-field-icon-clip-no-sidebar:before {
	background-position: -480px -361px;
}
.upfront-structure-field-icon-clip-right-sidebar:before {
	background-position: -569px -361px;
}
.upfront-structure-field-icon-clip-left-sidebar:before {
	background-position: -658px -361px;
}
.upfront-structure-field-icon-full:before {
	background-position: -480px -393px;
}
.upfront-structure-field-icon-full-extended:before {
	background-position: -569px -393px;
}

/* maps default layout */

.upfront-icon-map-refresh:before {
	content: ' ';
	background-position: -480px -40px;
}

/* Tooltips */

.nav_tooltip {
    background: rgba(38,58,77,0.9);
    border: 1px solid #395269;
    width: 82px;
    height: 38px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    z-index: 999999;
    top: 0px;
}

.nav_tooltip:after, .nav_tooltip:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.nav_tooltip:after {
    border-color: rgba(57, 82, 105, 0);
    border-top-color: rgba(38,58,77,0.9);
    border-width: 7px;
    left: 50%;
    margin-left: -7px;
}

.nav_tooltip:before {
    border-color: rgba(57, 82, 105, 0);
    border-top-color: #395269;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

/* ContentEditor sidebar */

.upfront-sidebar-content_editor-sidebar_command{
	font-size: 15px;
	margin: 0 10px;
}
.upfront-sidebar-content_editor-sidebar_command i{
	font-size: 14px;
	color: #6C92B1;
}

.upfront-save_state {
	float:left;
	clear:none;
	display:block;
	margin-right: 0;
}
#sidebar-ui .upfront-save_state a{
	margin-right: 0;
}
.upfront-save_state:hover {
	border-color: #1fcd8f;
	color: #cce6ff;
}


#sidebar-ui a {
	margin: 1em;
	color: #1fcd8f;
	text-decoration: none;
	margin: 0 10px;
}
#sidebar-ui a:hover {
	text-decoration: underline;
}


#sidebar-ui i{
	font-size: 14px;
	color: #6C92B1;
}

#sidebar-ui a i{
	color: #1fcd8f;
	text-decoration: none;
}

#sidebar-ui .button {
	width: 118px;
	display: block;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	height: 39px;
	line-height: 33px;
	margin: 0 10px 10px;
	font-size: 16px;
	border: 2px solid #273A4C;
	border-radius: 10px;
	color: #B9CFE5;
}

#sidebar-ui .button:hover {
	border-color: #1fcd8f;
	text-decoration: none;
}

.upfront-post-state b, .upfront-post-state a {
	font-size: 15px;

}

.upfront-command_inline {
	float: left;
	margin: 0 0 15px 20px;
	font-size: 15px;
}
#sidebar-ui .upfront-command_inline a{
	margin: 0;
}

#sidebar-ui .upfront-post-trash a{
	color: #6C92B1;
	margin: 0;
}
#sidebar-ui .upfront-post-trash a:hover{
	color: #E3474A;
}

/* Blur effect */
.upfront-image-upload-open .upfront-layout,
.upfront-popup-open .upfront-layout {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	-o-filter: blur(1px);
	filter: blur(1px);
}

/* Popup */
#upfront-popup-background {
	position: fixed;
	top: 0;
	left: 0;
	background: #263a4d;
	opacity: .75;
	z-index: 99998;
}
#upfront-popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 99999;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#upfront-popup select{
padding: 3px;
border: 1px solid #A4BFD8;
background: #E5F3FE;
color: #A4BFD8;
font-family: 'Source Sans Pro';
border-radius: 3px;
box-shadow: inset 0 2px 0 0 #fff;
-webkit-box-shadow: inset 0 2px 0 0 #fff;
}

#upfront-popup input::-webkit-input-placeholder,
#upfront-popup input:-moz-placeholder,
#upfront-popup input::-moz-placeholder,
#upfront-popup input::-ms-input-placeholder {
	color: #A4BFD8;
}

#upfront-popup input[type=text] {
	background: #F2F9FF;
	border: 1px solid #A4BFD8;
	padding: 8px 5px;
	font-size: 15px;
	color: #3A5268;
}

#upfront-popup input[type=text]:focus {
	background: #fff;
}


#upfront-popup  .button,
#upfront-popup  button {
	padding: 7px;
	border: 2px solid #A4B6C6;
	border-radius: 10px;
	width: 100%;
	font-family: 'Source Sans Pro';
	text-transform: uppercase;
	color: #6C92B1;
	background: none;
}
#upfront-popup  .button:hover,
#upfront-popup  button:hover {
	border: 2px solid #1fcd8f;
	color: #30475e;
}
#upfront-popup .button i,
#upfront-popup button i {
	margin-right: 5px;
	color: #A4B6C6;
}

#upfront-popup .button:hover i,
#upfront-popup button:hover i {
	color: #30475e;
}


/* Border box for everybody! */
#upfront-popup *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#upfront-popup-content {
	background: #e5f3fe;
}

#upfront-popup-close {
	position: absolute;
	top: 12px;
	right: 12px;
	cursor: pointer;
}

.discussion-settings-wrapper {
  padding: 10px 30px;
}

#upfront-popup-close:hover {
	color: #2ecc90;
}

.upfront-popup-placeholder {
	margin: 0;
	line-height: 100px;
	text-align: center;
	font-style: italic;
	color: #999;
}

#upfront-popup .bordered-bottom {
	padding-bottom: 5px;
}
#upfront-popup .bordered-bottom:after{
	content: '';
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #c3dcf1;
	border-top: 1px solid #a4b9cb;
}

/* Tabs */
.upfront-popup-meta {
	height: 38px;
}
.upfront-popup-meta .upfront-tabs {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0; padding: 0;
}
.upfront-popup-meta .upfront-tabs li {
	display: inline-block;
	padding: 0 32px;
	height: 36px;
	background: #a4b9cb;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	color: #4e5e6d;
	margin-right: 1px;
	cursor: pointer;
}
.upfront-popup-meta .upfront-tabs li:hover {
	border-top: 1px solid #2ecc90;
	height: 37px;
}


.upfront-popup-meta .upfront-tabs li.active {
	background: #e5f3fe;
	border-top: 2px solid #e5f3fe;
	position:relative;
	margin-left: -1px;
	margin-right: 0;
	color: #8795A2;
	height: 38px;
}

.upfront-popup-meta .upfront-tabs li.active:hover {

}

.upfront-popup-meta ul.upfront-tabs li:first-child {
	margin-left:0;
}

/* Pagination */
#upfront-entity_list-pagination {
	clear: both;
}
.upfront-pagination_item {
	float: left;
	line-height: 20px;
	margin: 10px;
	text-align: center;
	font-size: 18px;
	color: #aec4d8;
	cursor: pointer;
	border: 2px solid transparent;
	padding: 0 5px;
}

.upfront-pagination_item:hover {
	color: #fff;
}
.upfront-pagination_item.current {
	color: #fff;
	border: 2px solid #2ecc90;
	font-weight: bold;
}

.upfront-pagination_item i{
	display: block;
	width: 16px;
	height: 20px;
	background-image: url(../img/uf-ui-sprite.svg);
}

.upfront-pagination_item i.icon-angle-left {
	background-position: -1234px -83px;
}

.upfront-pagination_item i.icon-angle-right {
	background-position: -1340px -83px;
}


/* Search */
#upfront-entity_list-search {
	float: right;
}
#upfront-search_action, #upfront-search_container {
	float: right;
	height: 50px;
}
#upfront-search_action {
	line-height: 50px;
	width: 50px;
	background: #394a59;
	background: rgba(59,77,91,0.9);
	color: #cdd6dd;
	font-size: 18px;
	text-align: center;
	cursor:pointer;
}
#upfront-search_action:hover {
	color: #fff;
}
#upfront-search_container input[type=text] {
	height: 50px;
	border: none;
	line-height: 1em;
	font-size: 18px;
	padding: 10px;
	background: #364757;
	background: rgba(59,77,91,0.7);
	color: #cdd6dd;
	width: 150px;
}

#upfront-search_container input:focus {
	color: #fff;
}

span.search-search_placeholder.active, span.search-search_text.active {
	font-size: 0.8em;
	background-color: #fff;
	padding: 0 6px;
	border: 1px solid rgb(195, 216, 236);
}
i.icon-search {
	display: inline-block;
	height: 24px;
	width: 24px;
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	background-position: -1182px -82px;
	vertical-align:middle;
}

button.search-button.image {
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	margin-top: -7px;
}

/* Tax */
.upfront-taxonomy-hierarchical #upfront-taxonomy-list {
	padding: 30px;
}
#upfront-taxonomy-list, #upfront-taxonomy-add {
	color: #476d8a;
}
#upfront-taxonomy-list {
	max-height: 300px;
}
#upfront-taxonomy-list label {
	clear:right;
	margin-bottom: 10px;
}
#upfront-taxonomy-add {
	padding: 30px 20px;
}
#upfront-taxonomy-add input#upfront-new_term{
	width: 40%;
	margin-right: 4%;
	background: #E5F3FE;
}
#upfront-taxonomy-add select{
	padding: 7px 5px;
	width: 25%;
	margin-right: 4%;
}
#upfront-taxonomy-add button {
	width: 25%;

}
.upfront-taxonomy-hierarchical .upfront-taxonomy_item {
	padding-left: 1em;
	width: 33%;
	float: left;
	margin: 0 0 10px;
}
.upfront-taxonomy-hierarchical .upfront-taxonomy_item input {
	margin-right: 5px;
}
.upfront-taxonomy-hierarchical .upfront-taxonomy_item .upfront-taxonomy_item {
	clear:left;
	width: 100%;
	padding: 10px 0 0 10px;
	margin: 0 0 0 7px;
}
#upfront-taxonomy-add {
	background: #c3dcf1;
}

/* Flat tax */
.upfront-taxonomy-flat #upfront-taxonomy-list {
	padding: 0;
}
.upfront-taxonomy-list-panel {
	float: left;
	width: 50%;
	color: #7a94ac;
}

.upfront-taxonomy-list-panel i {
	margin: 2px 5px 0 0;
	display: block;
	background-image: url(../img/uf-ui-sprite.svg);
	height: 20px;
	width: 16px;
	float: left;
}

.upfront-taxonomy_item .icon-remove-circle {
	background-position: -1336px -191px;
}

.upfront-taxonomy_item:hover .icon-remove-circle {
	background-position: -1441px -191px;
}

.upfront-taxonomy_item .icon-plus {
	background-position: -1438px -155px;
}

.upfront-taxonomy_item:hover .icon-plus {
	background-position: -1228px -191px;
}

#upfront-taxonomy-list-current .icon-plus,
#upfront-taxonomy-list-all .icon-remove-circle {
	display: none;
}


.upfront-taxonomy-list-title {
	font-size: 18px;
	margin-bottom: 30px;
	color: #476d8a;
}
#upfront-taxonomy-list-current {
	padding: 30px 20px;
	max-height: 300px;
}
#upfront-taxonomy-list-all {
	background: #d9edfe;
	padding:;
}
#upfront-taxonomy-list-all>div {
	padding: 30px 20px;
	max-height: 300px;
}
.upfront-taxonomy-flat #upfront-new_term {
	width: 250px;
}
.upfront-taxonomy-flat .upfront-taxonomy_item {
	width: 48%;
	float: left;
	margin: 0 2% 10px 0;
	cursor: pointer;
}

/* Entities(Posts) list */
.upfront-entity_list-posts {
}
#upfront-list {
	width: 100%;
	color: #99b3cc;
}
#upfront-list .upfront-list_item {
	background: #f2f9ff;
	width: 100%;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	line-height: 18px;
}

.upfront-list-items {
	max-height: 350px;
}

.upfront-list-items .upfront-list_item {
	opacity: 0.8;
}
.upfront-list-items .upfront-list_item:hover {
	opacity: 1;
}

#upfront-list .upfront-list_item .upfront-list_item-component {
	padding: 10px 15px;
	float:left;
}
#upfront-list .upfront-list_item .upfront-list_item-component:first-child {
	padding-left: 30px;
}
#upfront-list .upfront-list_item .upfront-list_item-component.upfront-title {
	color:#395269;

}
#upfront-list .upfront-list_item:hover {
	background: #e8f4fe;
}
#upfront-list .upfront-list-items .upfront-list_item:hover{
	border-top: 1px solid #a4b9cb;
	border-bottom: 1px solid #a4b9cb;
	color: #99b3cc;
	cursor: pointer;
}
#upfront-list .upfront-list_item:hover .upfront-list_item-component.upfront-title {
	color:#32475c;
}

#upfront-list .upfront-list_item:first-child:hover{
	border-top: 1px solid transparent;
}
#upfront-list .upfront-list_item:nth-child(even) {
	background: #e8f4fe;
}
#upfront-list #upfront-list-meta {
	padding-top: 20px;
}
#upfront-list #upfront-list-meta.upfront-list_item {
	background: #e5f3fe;
	color:#263a4d;
}
#upfront-list #upfront-list-meta.upfront-list_item .upfront-list_item-component {
	border-bottom: 1px solid #CAD9E4;
	cursor:pointer;
	padding-bottom: 5px;
}

#upfront-list #upfront-list-meta.upfront-list_item .icon-caret-down,
#upfront-list #upfront-list-meta.upfront-list_item .icon-caret-up {
	color: #A4B9CB;
	margin-left: 3px;
	font-size:10px;
}
#upfront-list #upfront-list-meta.upfront-list_item:hover .upfront-list_item-component {
	border-bottom: 1px solid #a4b9cb;
	color: #263a4d;
}
#upfront-list #upfront-list-meta.upfront-list_item .upfront-list_item-component:hover {
	border-bottom: 1px solid #2ecc90;
}

#upfront-list-meta .upfront-header {
	line-height: 20px;
}
#upfront-list-meta .upfront-header.active {
	font-weight: bold;
}

#upfront-list-meta .upfront-header i {
	display: none;
}

#upfront-list-meta .upfront-header.ordered-asc i.icon-caret-up {
	display: inline;
}

#upfront-list-meta .upfront-header.ordered-desc i.icon-caret-down {
	display: inline;
}

#upfront-list .upfront-list_item-main {
	color: #32475c;
}

/* Posts list */
.upfront-list_item-component.upfront-date {
	width: 15%;
	vertical-align: middle;
}
.upfront-list_item-component.upfront-title {
	width: 60%;
}
.upfront-list_item-component.upfront-author {
	width: 25%;
}

.upfront-entity_list-posts .

/* Pages list */
#upfront-list-page {
	clear: both;
	background: #cfdbe5;
}

#upfront-list-page-path {
	height: 50px;
	line-height: 50px;
	background: #e5f3fe;
	border-bottom: 1px solid #a4b9cb;
	padding-left: 30px;
	font-size: 16px;
}
#upfront-list-page-path a {
	color: #2ecc90;
	text-decoration: none;
}
#upfront-list-page-path .last {
	color: #273a4c;
	font-weight: bold;
}

#upfront-list-page-preview {
	float: left;
	width: 250px;
	background: #cfdbe5;
	border-right: 1px solid #a4b9cb;
	min-height: 350px;
	max-height: 350px;
	position: relative;
}

#upfront-list-page-preview h4 {
	text-transform: uppercase;
	font-size:14px;
	color:#30475e;
	margin: 0 0 10px;
	font-weight: normal;

}

#upfront-page_preview-wrapper {
	padding: 20px 30px;
	max-height: 350px;
}

.upfront-page_preview-item {
	margin-bottom: 20px;
}

#upfront-page_preview-featured_image {
	position:relative;
}
#upfront-page_preview-featured_image img {
	width:100%;
	display:block;
	margin: 0 auto;
	border: 3px solid #A4BFD8;
}
.upfront-thumbnailinfo {
	margin: 0 auto;
	border: 3px solid #A4BFD8;
	height: 100px;
	line-height: 95px;
	text-align: center;
}
#upfront-page_preview-featured_image .upfront-page_preview-edit_feature {
	position:absolute;
	bottom:3px;
	right:3px;
	background: #394a59;
	background: rgba(59,77,91,0.8);
	padding: 5px 10px;
}
#upfront-page_preview-featured_image .upfront-page_preview-edit_feature a{
	color:#1fcd8f;
}
#upfront-page_preview-featured_image .upfront-page_preview-edit_feature a:hover{
	text-decoration: underline;
}

#upfront-page_preview-template select{
	width: 100%;
}

#upfront-list-page-tree {
	background: #f2f9ff;
	max-height: 350px;
	min-height: 350px;
	overflow-y: scroll;
	width: 380px;
}
#upfront-list-page-tree .upfront-list-page_item {
	padding-left: 40px;
	font-weight: normal;
	color: #33475b;
	line-height: 30px;
	border-top: 1px solid #dde7ef;
	position:relative;
	cursor: pointer;
}
#upfront-list-page-tree .upfront-list-page_item i {
	width:15px;
	margin-top:9px;
	display: block;
	float: left;
}
#upfront-list-page-tree .upfront-list-page_item i.icon-caret-right {
	display:none;
}
#upfront-list-page-tree .upfront-list-page_item.closed i.icon-caret-down {
	display:none;
}
#upfront-list-page-tree .upfront-list-page_item.closed i.icon-caret-right {
	display:block;
}
#upfront-list-page-tree .upfront-list-page_item.closed .upfront-list-page_item {
	display: none;
}
#upfront-list-page-tree .upfront-list-page_item.has_children {
	font-weight: bold;
	padding-left: 25px;
}
#upfront-list-page-tree .upfront-list-page_item.active {
	background: #33475b;
	color: #2ecc90;
}

#upfront-list-page-tree .upfront-list-page_item.active .upfront-list-page_item {
	background: #F2F9FF;
}

#upfront-list-page-tree>.has_children>.upfront-list-page_item {
	margin-left: -40px;
	padding-left: 80px;
}
#upfront-list-page-tree>.has_children>.has_children>.upfront-list-page_item {
	margin-left: -80px;
	padding-left: 120px;
}
#upfront-list-page-tree>.has_children>.has_children>.has_children>.upfront-list-page_item {
	margin-left: -120px;
	padding-left: 160px;
}

.upfront-no-results {
	padding: 15px 20px;
}


/* Comments-specific additions to Entities list */
.upfront-comment-approved {
	display: block;
	width: 40px;
	height: 38px;
	line-height: 38px;
	position:absolute;
	top:0;
	left: -40px;
}

.upfront-list-comments .upfront-list-items {
	width: 670px;
	margin-left:-40px;
	border-bottom:0;
}

.upfront-comment-approved {
	width: 40px;
	color: #fff;
	opacity: 0.8;
	text-align: center;
}

.upfront-comment-approved:hover {
	opacity: 1;
}

.upfront-list-comments .upfront-comment_author {
	width: 200px;
}
.upfront-list-comments .upfront-date {
	width: 120px;
}
.upfront-list-comments .upfront-comment_content {
	width: 310px;
}

.upfront-list-comments .expanded .upfront-comment_content {
	width: 310px;
}
#upfront-list .upfront-comment_author {
	color: #2ecc90;
	vertical-align: top;
}

#upfront-list #upfront-list-meta .upfront-comment_author {
	color: #263a4d;
	vertical-align: top;
}

#upfront-list .upfront-comment_author img{
	margin: -7px 5px 0 0;
}

.upfront-list-comments .upfront-list-comment-items .upfront-list_item {
	width: 800px;
	margin-left:40px;
	position: relative;
	height: 40px;
	clear: both;
}


#upfront-list .upfront-list-comment-items .upfront-list_item-component {
	line-height: 1.2em;
	float: left;
	padding: 10px 15px 0;
	min-height: 38px;
}

#upfront-list .upfront-list-comment-items textarea {
	max-height:150px;
	margin-bottom:10px;
	padding: 10px;
	width: 100%;
}

#upfront-list button {
	width:100px;
	float:right;
	margin:0 0 10px 10px;
}


.upfront-list-comments #upfront-list-meta {
	margin-left:0;
}

.upfront-list-comments #upfront-list-meta  .upfront-header {
	float:left;
}

.upfront-list-comments .upfront-list_item:hover {
}

.upfront-list-comments .upfront-list_item .upfront-comment_content-full {
	max-height: 185px;
}
.upfront-list-comments .upfront-list_item .upfront-comment_actions-wrapper {
	position: absolute;
	left: 0;
	bottom: 10px;
	clear: both;
	height: 40px;
	overflow: hidden;
	display: none;
}
.upfront-list-comments .upfront-list_item .upfront-comment_actions-wrapper a {
	display: block;
	float: left;
	padding: 0 7px;
	height: 40px;
	padding-top: 5px;
	text-align: center;
	background: #314355;
	color: #2ecc90;
	text-decoration: none;
	font-size: 10px;
	opacity: 0.8;
}
.upfront-list-comments .upfront-list_item .upfront-comment_actions-wrapper a:hover {
	opacity: 1;
}
.upfront-list-comments .upfront-list_item .upfront-comment_actions-wrapper a i {
	display: block;
	font-size: 12px;
	height: 15px;
	padding: 4px;
	color: #a4b9cb;
	background-image: url(../img/uf-ui-sprite.svg);
}

.upfront-list-comments .icon-reply {
	background-position: -1226px -122px;
}

.upfront-list-comments .icon-pencil {
	background-position: -1335px -158px;
}

.upfront-list-comments .icon-circle-blank {
	background-position: -1321px -193px;
}

.upfront-list-comments .icon-ban-circle {
	background-position: -1332px -123px;
}

.upfront-list-comments .icon-ok {
	background-position: -1432px -123px;
}

.upfront-list-comments .icon-remove {
	background-position: -1332px -157px;
}

.upfront-comment-approved .icon-circle-blank {
	width:30px;
	height: 30px;
	display: block;
	background: transparent url(../img/uf-ui-sprite.svg) no-repeat -1430px -75px;
}

.upfront-list-comments .upfront-list_item .upfront-comment_actions-wrapper a:hover i {
	color: #2ecc90;
}

.upfront-comment_edit,
.upfront-comment_reply,
.upfront-comment_content-full-wrapper {
	display: none;
}

.upfront-comment_reply textarea {
	margin-top: 10px;
}

#upfront-list .upfront-list-items .expanded {
	width:808px;
	margin-left: 36px;
	border: 1px solid #a4b9cb;
	height: auto;
	min-height:96px;
	opacity: 1;
}

#upfront-list .upfront-list-items .expanded .upfront-comment_actions-wrapper{
	display: block;
}

.upfront-list-comments .expanded .upfront-comment_excerpt {
	display:none;
}

.upfront-list-comments .expanded .upfront-comment_content-full-wrapper {
	display:block;
}

.upfront-list_item-comment textarea {
	width: 98%;
}

/* Post single view */

.upfront-post_content-wrapper {
	padding: 0 30px;
	font-size: 16px;
	line-height: 1.4em;
}

.upfront-post_content{
}

.upfront-post_content h1,
.upfront-post_content h2,
.upfront-post_content h3,
.upfront-post_content h4,
.upfront-post_content h5 {
	color: #273a4c;
	font-weight: bold;
}
.upfront-post_content h1 {
	font-size: 27px;
}
.upfront-post_content h2 {
	font-size: 27px;
}
.upfront-post_content h3 {
	font-size: 24px;
}
.upfront-post_content h4 {
	font-size: 21px;
}
.upfront-post_content h5 {
	font-size: 18px;
}

.upfront-post_content p {
}



.upfront-page_preview-bottom {
	position: absolute;
	width:100%;
	bottom:0;
	left: 0;
	padding: 20px 30px;
}




#upfront-back_to_posts {
	display: block;
	float: left;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
}

/* Post slug popup */

.upfront-post_password-wrapper {
	padding: 5px;
	margin: 1em;
}
#upfront-post_password {
	padding: 5px;
	margin-right: 1em;
}
#upfront-post_password-send {
	padding: 5px;
}

/* Visibility slug popup */

.upfront-slug_editor{
	padding: 30px;
	margin: 1em;
	color: #3A5268;
}
.upfront-slug_editor-title {
	font-size: 30px;
	font-weight: 200;
	margin-bottom: 5px;
}
.upfront-slug_editor-info {
	color: #7a94ac;
	font-size: 15px;
	margin: 0 0 30px;
	line-height: 1.4em;
}

.upfront-slug_editor-url {
	font-size: 15px;
}
#upfront-post_slug {
	padding: 8px 5px;
	font-size: 15px;

	width: 270px;
}
.upfront-slug_editor button#upfront-post_slug-send {
	width: 100px;
	float: right;
}

a.upfront-post-layout-trigger:before{
	content: '#';
	line-height: 19px;
	font-style: normal;
	text-align: center;
	font-weight: bold;
	width: 20px;
	color:#fff;
}

/* Posts panel fix
#sidebar-ui .sidebar-panels .upfront-panel-post_panel .sidebar-panel-content {
	background: #33475b;
	border-top: 1px solid #273A4C;
}

.sidebar-panels .upfront-panel-post_panel h3.sidebar-panel-title {
	display: none;
}
*/
.sidebar-panel {
	display: none;
}

.sidebar-panel.active {
	display: block;
}
.upfront-post-state {
	color: #7a94ac;
	padding: 0 20px;
}
.upfront-post-state b {
	color: #cde6fe;
}
.upfront-post-state a {
	color: #1fcd8f;
}

.upfront-post-schedule {
	padding-bottom: 15px;
	border-bottom: 1px solid #2E4153;
	margin-bottom: 15px;
}

/* Notifier */
#upfront-notifier {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0;
	background-color: transparent;
	height: 1px;
	z-index:100000;
}
#upfront-notice {
	width: 500px;
	text-align: center;
	background-color: rgba(38, 58, 77, 0.8);
	padding: 20px;
	padding-top: 30px;
	margin: 0 auto;
	border-radius: 0 0 5px 5px;
	position: relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	color: rgb(220,240,255);
	visibility: hidden;

	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0); /* forcing GPU acceleration */

	display: block;
	border-bottom: 2px solid rgb(31,205,143);

	-webkit-box-shadow: 0px 0px 10px rgba(10, 25, 40, 1);
	box-shadow: 0px 0px 10px rgba(10, 25, 40, 1);

	z-index: 10000;
	top:-50px;

}

#upfront-notice.warning {
	border-bottom-color: #fc3;
}

#upfront-notice.error {
	border-bottom-color: #f33;
}



/* CSS3 Animation */

.notify {
	-webkit-animation: notify 1s ease-in-out;
	-moz-animation: notify 1s ease-in-out;
	-ms-animation: notify 1s ease-in-out;
	-o-animation: notify 1s ease-in-out;
	animation: notify 1s ease-in-out; /* Safari 4+ */
}
.shake {
	-webkit-animation: shake 1s ease-in-out;
	-moz-animation: shake 1s ease-in-out;
	-ms-animation: shake 1s ease-in-out;
	-o-animation: shake 1s ease-in-out;
	animation: shake 1s ease-in-out; /* Safari 4+ */
}
#upfront-notice.open {
	opacity: 0.9;
	top: -10px;
	visibility: visible;
}
#upfront-notice.out {
	-webkit-transition: opacity 0.7s ease-in-out, top 0.7s;
	-moz-transition: opacity 0.7s ease-in-out, top 0.7s;
	-ms-transition: opacity 0.7s ease-in-out, top 0.7s;
	-o-transition: opacity 0.7s ease-in-out, top 0.7s;
	transition: opacity 0.7s ease-in-out, top 0.7s; /* Safari 4+ */
}

@keyframes "shake" {
	0% {
		top: -10px;
	}

	60% {
		top: -50px;
	}
 	80% {
 		top: 0;
 	}
	100% {
		top: -10px;
	}
}

@-webkit-keyframes "shake" {
	0% {
		top: -10px;
	}

	60% {
		top: -50px;
	}
 	80% {
 		top: 0;
 	}
	100% {
		top: -10px;
	}
}

@-moz-keyframes "shake" {
	0% {
		top: -10px;
	}

	60% {
		top: -50px;
	}
 	80% {
 		top: 0;
 	}
	100% {
		top: -10px;
	}
}

@-ms-keyframes "shake" {
	0% {
		top: -10px;
	}

	60% {
		top: -50px;
	}
 	80% {
 		top: 0;
 	}
	100% {
		top: -10px;
	}
}

@-o-keyframes "shake" {
	0% {
		top: -10px;
	}

	60% {
		top: -50px;
	}
 	80% {
 		top: 0;
 	}
	100% {
		top: -10px;
	}
}

@keyframes "notify" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	top: -800px;
 }
 50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
   	top: -5px;
 }
 80% {
    top: -15px;
 }

100% {
	top: -10px;
}

}

@-moz-keyframes notify {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 80% {
   top: -15px;
 }

100% {
	top: -10px;
}

}

@-webkit-keyframes "notify" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 80% {
   top: -15px;
 }

100% {
	top: -10px;
}

}

@-ms-keyframes "notify" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 50% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 80% {
   top: -15px;
 }

100% {
	top: -10px;
}

}

@-o-keyframes "notify" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 80% {
   top: -15px;
 }

100% {
	filter: alpha(opacity=100);
	opacity: 1;
	top: -10px;
}

}


/*
@keyframes "notify" {
 0% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   	filter: alpha(opacity=0);
   	opacity: 0;
   	top: -800px;
 }
 20% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
   	opacity: 1;
   	top: -5px;
 }
 25% {
    top: -15px;
 }

30%,100% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -10px;
}

}

@-moz-keyframes notify {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 20% {
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 25% {
   top: -15px;
 }

30%,100% {
	filter: alpha(opacity=100);
	opacity: 1;
	top: -10px;
}

}

@-webkit-keyframes "notify" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 20% {
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 25% {
   top: -15px;
 }

30%,100% {
	filter: alpha(opacity=100);
	opacity: 1;
	top: -10px;
}

}

@-ms-keyframes "notify" {
 0% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 20% {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 25% {
   top: -15px;
 }

30%,100% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	top: -10px;
}

}

@-o-keyframes "notify" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   top: -800px;
 }
 20% {
   filter: alpha(opacity=100);
   opacity: 1;
   top: -5px;
 }
 25% {
   top: -15px;
 }

30%,100% {
	filter: alpha(opacity=100);
	opacity: 1;
	top: -10px;
}

}
*/

@-webkit-keyframes "upfront-loading-start" {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 -1008px;
	}
}
@-webkit-keyframes "upfront-loading-repeat" {
	0% {
		background-position: 0 -1008px;
	}
	100% {
		background-position: 0 -1512px;
	}
}
@-webkit-keyframes "upfront-loading-done" {
	0% {
		background-position: -72px 0;
	}
	100% {
		/*background-position: -72px -864px;*/
		background-position: -72px -865px; /* fixed the 1px jump on one frame */
	}
}
.upfront-loading {
	background: rgba(19,42,64,0.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
.upfront-loading-fixed {
	position: fixed;
}
.upfront-loading .upfront-loading-ani {
	background: url("../img/panel-loader-01.svg") no-repeat;
	width: 72px;
	height: 72px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-animation: upfront-loading-start 1.4s steps(14) 1;
}
.upfront-loading-repeat .upfront-loading-ani {
	-webkit-animation: upfront-loading-repeat 0.7s steps(7) 1;
}
.upfront-loading-done .upfront-loading-ani {
	-webkit-animation: upfront-loading-done 1.2s steps(12) 1;
}
.upfront-loading .upfront-loading-text {
	position: absolute;
	width: 200px;
	height: 72px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #cbe5ff;
	font-size: 15px;
	text-align: center;
}
.upfront-loading .upfront-loading-text:before {
    content: " ";
    display: block;
    height: 100%;
    margin: 0 0 30px;
}

/* ----- Media manager ----- */
.upfront-media_manager {
	position: relative;
}
.upfront-media_manager ul, .upfront-media_manager li {
	list-style: none;
}
.upfront-media_manager-post_image li.upfront-media_item {
	float: left;
	position: relative;
	width: 25%;
	padding: 0 15px 15px;
	cursor: pointer;
}
.upfront-media_manager-post_image li.upfront-media_item .thumbnail {
	max-width: 100%;
	height: 75px;
	overflow: hidden;
	position: relative;
}
.upfront-media_manager-post_image li.upfront-media_item .thumbnail img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 75px;
}
.upfront-media_manager-post_image li.upfront-media_item .upfront-media-progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: rgb(31, 205, 143);
}
.upfront-media_manager-post_image li.upfront-media_item .title {
	display: block;
	color: #5f7f99;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 0 0;
	height: 33px;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis;
	position: relative;
}
.upfront-media_manager-post_image li.upfront-media_item.has-parent .title {
	border-top: 3px solid #1fcd8f;
	margin: -4px 1px 0;
	padding: 6px 0 0;
	height: 37px;
}
.upfront-media_manager-post_image li.upfront-media_item.selected .upfront-icon-media-selected {
	background: rgb(31, 205, 143);
	box-shadow: 0 0 0 5px rgba(38,58,77,.5);
	border-radius: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.upfront-media_manager-post_image li.upfront-media_item.selected .upfront-icon-media-selected:before {
	float: none;
	margin: 10px auto 0;
}
.upfront-media_manager-post_image li.upfront-media_item .edit,
.upfront-media_manager-post_image li.upfront-media_item .delete
{
	position: absolute;
	top: 0;
	height: 100%;
	max-height: 80px;
	width: 50%;
	margin: 0; padding: 0;
	opacity: .5;
	display: none;
}
.upfront-media_manager-post_image li.upfront-media_item .edit {
	left: 0;
	background: green;
}
.upfront-media_manager-post_image li.upfront-media_item .delete {
	left: 50%;
	background: red;
}
.upfront-media_manager-post_image li.upfront-media_item:hover .edit,
.upfront-media_manager-post_image li.upfront-media_item:hover .delete
{
	display: block;
}
.upfront-media_manager .upfront-media_collection {
	width: 70%;
	position: absolute;
	top: 48px;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0 15px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.upfront-media_manager .upfront-media-controls {
	width: 30%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	background: #d4eaff;
}
.upfront-media_manager .upfront-media-controls .upfront-item-control,
.upfront-media_manager .upfront-media-controls .upfront-filter-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.upfront-media_manager .upfront-media-controls-search-selected .upfront-item-control {
	top: 83px;
}
.upfront-media-controls .upfront-field-label {
	color: #335b80;
}
.upfront-media-controls .change_title .upfront-field-label,
.upfront-media-controls .add_labels .upfront-field-label,
.upfront-media-controls .upfront-filter_selection-control .upfront-field-label,
.upfront-media-controls .upfront-filter_selected-control .upfront-field-label {
	padding: 0 0 0 10px;
}
.upfront-media-controls .change_title .selected_length {
	color: #7c98b2;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 0 10px;
}
.upfront-media-controls .upfront-search_filter-control {
	background: #c2dbf2;
	margin: 0;
	padding: 15px 10px;
	font-size: 13px;
	font-family: Verdana, sans-serif;
	line-height: 22px;
	max-height: 83px;
	color: #7c98b2;
}
.upfront-media-controls-search .upfront-search_filter-control {
	background: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.upfront-media-controls .upfront-search_filter-control .search-text {
	color: #395269;
	font-weight: bold;
}
.upfront-additive_multiselection {
	margin: 0 0 5px;
}
.upfront-media-controls .existing_labels,
.upfront-media-controls .upfront-filter_selected-control {
	margin: 30px 0 0;
	padding: 10px 0 0;
	border-top: 1px dotted #8faecc;
}
.upfront-media-controls .existing_labels a,
.upfront-media-controls a.filter,
.upfront-media-controls a.all_filters,
.upfront-media-controls a.clear_search {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	line-height: 18px;
	padding: 0 4px;
	margin: 0 10px 10px 0;
	color: #263a4d;
	background: #b6d6f2;
	border-radius: 3px;
	display: inline-block;
}
.upfront-media-controls a.all_filters,
.upfront-media-controls a.clear_search {
	padding: 0 10px;
	color: #f1f8ff;
	background: #1fcd8f;
}
.upfront-media-controls .upfront-icon-media-label-delete:before {
	float: right;
	margin: 4px 0 0 4px;
}
.upfront-filter_control > ul {
	margin: 0;
	padding: 0 0 0 10px;
}
.upfront-filter_control > ul > li {
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.upfront-filter_selection-control ul, .upfront-filter_selection-control .upfront-filter_control {
	display: block;
	/*float: left;
	width: 40%;*/
}

.upfront-media-aux_controls {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	padding: 12px 30px;
	width: 70%;
	overflow: hidden;
}
.upfront-media-aux_controls .select_control_container a {
	color: rgb(31, 205, 143);
	text-decoration: none;
	font-weight: bold;
}
.upfront-media-aux_controls .select_control_container {
	float: left;
}
.upfront-media-aux_controls-has-select .select_control_container {
}
.upfront-media-aux_controls .delete_control_container {
	float: right;
	background: #d51f1f;
	border-radius: 3px;
	height: 18px;
	line-height: 18px;
	padding: 0 10px;
}
.upfront-media-aux_controls .delete_control_container a {
	color: #fff;
	font-weight: normal;
}

.upfront-popup-meta .search_container,
.upfront-popup-meta .upload_media_container,
.upfront-popup-meta .use_selection_container {
	float: left;
}

.upfront-popup-meta .upload_media_container {
	padding: 10px 0 0;
}
#upfront-popup .upfront-popup-meta .upload_media_container button {
	color: #cbe5ff;
	font-size: 16px;
	border: 2px solid #cbe5ff;
	height: 31px;
	line-height: 27px;
	padding: 0 10px;
	text-transform: none;
}

.upfront-popup-meta .search_container {
	width: 200px;
	height: 50px;
	position: relative;
	float: right;
	overflow: hidden;
}
#upfront-popup .upfront-popup-meta .search_container input {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	height: 50px;
	line-height: 20px;
	padding: 15px;
	background: #354758;
	border: none;
	-webkit-transition: left .3s;
	-moz-transition: left .3s;
	-ms-transition: left .3s;
	-o-transition: left .3s;
	transition: left .3s;
	z-index: 10;
}
#upfront-popup .upfront-popup-meta .search_container:hover input,
#upfront-popup .upfront-popup-meta .search_container.has_search input,
#upfront-popup .upfront-popup-meta .search_container input:focus {
	left: 0;
	color: #e5f2ff;
	outline: none;
	-moz-appearance: none;
}
.upfront-popup-meta .search_container .search {
	float: right;
	width: 25%;
	position: relative;
	z-index: 12;
}
.upfront-popup-meta .search_container.has_search .search {
	z-index: 9;
}
.upfront-popup-meta .search_container .upfront-icon-popup-search:before {
	float: none;
	margin: 17px auto 0;
}
.upfront-popup-meta .search_container a.clear {
	position: absolute;
	height: 16px;
	width: 16px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}

.upfront-popup-meta .use_selection_container {
	float: right;
	text-align: center;
	background: rgb(31, 205, 143);
	height: 50px;
	line-height: 50px;
}
.upfront-popup-meta .use_selection_container:hover {
	background: #3ea;
}
.upfront-popup-meta .use_selection_container.inactive {
	background: #cee1f2;
}

.upfront-popup-meta .use_selection_container.inactive a{
	color: #99b3cc;
	cursor: default;
}
.upfront-popup-meta .use_selection_container a {
	display: block;
	padding: 0 32px;
	color: #fff;
	text-decoration: none;
}

.upfront-embed_media {
	padding: 15px;
}


/* --- Editor --- */
.upfront-media_item-editor {
	position: absolute;
	background: #999;
	padding: 10px;
	top: 0;
	left: 60px;
	z-index: 10;
}
.upfront-media_item-editable {
	padding: 5px;
}
.upfront-media_item-editable textarea {
	width: 100%;
}
.upfront-media_item-editor .upload_type-nag {
	background: #ffa500;
}
.upfront-media_item-editor .upload_type-nag a {
	display: block;
}
/* --- Embed media --- */
#upfront-popup-top ul li {
}
#upfront-popup-top .upload {
	float: right;
}
.upfront-embed_media .upfront-pane {
	width: 50%;
	float: left;
}
.upfront-embed_media .upfront-pane input {
	width: 100%;
}
.upfront-media_manager-embed-preview .progress {
	width: 100%;
	height: 3px;
}
.upfront-media_manager-embed-preview .progress .bar {
	width: 0;
	height: 3px;
	background: green;
}

/* --- Media Manager - Additional --- */

.upfront-additive_multiselection .labels_hub {
	max-height: 6em;
	overflow-y: scroll;
}
.upfront-media_manager-tabs {
	width: auto;
}

#upfront-popup-top.upfront-popup-meta .upload {
	display: block;
	float: left;
	margin-left: 280px;
	width: auto;
	text-transform: none;
	font-family: Verdana;
	font-size:11px;
	border:0;
	background-color: rgb(182,214,242);
	color: rgb(38,58,77);
	border-radius: 3px;
	padding:3px 6px 3px 6px;
	margin-top: 8px;
}

#upfront-popup-top.upfront-popup-meta .upload:before {
	width: 24px;
	height: 14px;
	background-position: -516px -535px;
	opacity: .7;
}

/* --- Make text editing look better --- */
[contenteditable=true]:focus {
	outline: none;
}


/* --- Color Picker --- */
/***
Spectrum Colorpicker v1.1.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 2147483647;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}
.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top
{
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha
{
    display: block;
}

.sp-alpha-handle
{
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #a2c5e4;
    background: rgba(255,255,255,.7);
    opacity: 1;
    box-shadow: 0 0 1px rgba(0,0,0,.5);
}

.sp-alpha
{
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner{
    border: solid 1px #a2c5e4;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */

.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}

.sp-dragger {
   height: 0;
   width: 0;


			transform:	rotate(-45deg);
		-ms-transform: 	rotate(-45deg); /* IE 9 */
	-webkit-transform: 	rotate(-45deg); /* Safari and Chrome */

	webkit-box-shadow: 	0px 0px 1px 1px #a2c5e4;
	  -moz-box-shadow: 	0px 0px 1px 1px #a2c5e4;
	       box-shadow:  0px 0px 1px 1px #a2c5e4;

   margin: 1px 0 0 1px;

   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
   z-index:2;
}

.sp-dragger:before {
	content: '';
	border: 1px #ccc solid;
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	left: -6px;
	top: -6px;
}

.sp-dragger:after {
	content: '';
	border: 7px solid;
	width: 56px;
	height: 56px;
	position: absolute;
	border-radius: 50%;
	border-top-color:inherit;
	border-right-color:inherit;
	border-bottom-color:inherit;
	border-left-color:inherit;
	left: -28px;
	top: -28px;
	display:none;
}

.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #a2c5e4;
    background: rgba(255,255,255,.7);
    opacity: 1;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
}

/* Basic display options (colors, fonts, global widths) */
.sp-container {
    border-radius: 0;
    background-color: #f2f9ff;
    border: solid 1px #a2c5e4;
    padding: 0;
    box-shadow: 0 2px 7px rgba(0,0,0,.3);
}
.sp-container,.sp-palette-container, .sp-picker-container, .sp-container button, .sp-container input, .sp-color, .sp-hue
{
    font: normal 14px 'Source Sans Pro', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top
{
    margin-bottom: 3px;
}
.sp-color, .sp-hue
{
    border: solid 2px #465D73;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error
{
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container
{
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container
{
    width: 172px;
}

/* Palettes */
.sp-palette-container
{
    border-right: solid 1px #a2c5e4;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: #1fcd8f;
}
.sp-thumb-el
{
    position:relative;
}

/* Initial */
.sp-initial
{
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

/* Buttons */
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}


.sp-palette
{
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el
{
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #a2c5e4;
}

.sp-container
{
    padding-bottom:0;
}

.sp-choose{
	background: #1fcd8f;
	color: #fff;
	border-radius: 5px;
	border:0;
	height:20px;
	padding: 0 10px;
}

.sp-choose:hover{
	background: #28DC96;
}

.sp-cancel
{
    font-size: 11px;
    color: #52acce !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover
{
    color: rgb(240, 101, 102) !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active
{
    border-color: #000;
}

.sp-alpha, .sp-thumb-el
{
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner
{
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
    margin:0 !important;
}

.sp-palette .sp-thumb-inner
{
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

/* ----- Image Details dialog ----- */
#upfront-image-details {
	position: absolute;
	background: rgba(22, 44, 64, .85);
	color: #c1dbf1;
	font-size: 13px;
	line-height: 17px;
	font-family: Verdana, sans-serif;
	z-index: 9999;
}
.no-orientation .upfront-image-orientation {
	display: none;
}
.upfront-image-orientation {
	float: left;
	text-align: center;
	padding: 32px 5px 22px;
}
.upfront-image-align-left,
.upfront-image-align-center,
.upfront-image-align-right,
.upfront-image-align-full {
	display: inline-block;
	width: 70px;
	cursor: pointer;
	vertical-align: top;
	white-space: nowrap;
}
.upfront-image-align-left:hover,
.upfront-image-align-center:hover,
.upfront-image-align-right:hover,
.upfront-image-align-full:hover {
	color: #1fcc8f;
}
.upfront-image-orientation .upfront-icon:before {
	display: block;
	float: none;
	margin: 0 auto 10px;
}
.upfront-image-actions {
	width: 30%;
	float: right;
	padding: 24px 30px 0 0;
	text-align: left;
}
.no-orientation .upfront-image-actions {
	width: auto;
	float: none;
	padding: 14px 30px 0;
	text-align: center;
}
.upfront-image-action-change,
.upfront-image-action-details {
	display: inline-block;
	background: #c1dbf1;
	color: #2c333d;
	margin: 0 9px 14px;
	padding: 0 10px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
	-moz-box-shadow: 0 1px 0 #2b3139;
	-webkit-box-shadow: 0 1px 0 #2b3139;
	box-shadow: 0 1px 0 #2b3139;
	cursor: pointer;
}
.upfront-image-action-change:hover,
.upfront-image-action-details:hover,
.upfront-image-action-details-active {
	background: #85a3bf;
	color: #2b3239;
	-moz-box-shadow: inset 0 0 0 1px rgba(242,249,255,.15);
	-webkit-box-shadow: inset 0 0 0 1px rgba(242,249,255,.15);
	box-shadow: inset 0 0 0 1px rgba(242,249,255,.15);
}
.upfront-image-actions .upfront-icon:before {
	margin: 7px 6px 0 0;
}
.upfront-image-delete {
	position: absolute;
	top: 10px;
	right: 10px;
}

#upfront-image-details-image_details {
	min-width: 255px;
	background: #f1f9ff;
	-moz-box-shadow: 0 0 10px rgba(38,58,77,.72);
	-webkit-box-shadow: 0 0 10px rgba(38,58,77,.72);
	box-shadow: 0 0 10px rgba(38,58,77,.72);
	border-radius: 4px;
	border: 1px solid #fff;
	color: #395169;
	padding: 18px;
	margin: 10px 0 0;
	position: relative;
	z-index: 19999;
}
#upfront-image-details-image_details:before,
#upfront-image-details-image_details:after {
	content: " ";
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -5px;
	border-bottom: 5px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
#upfront-image-details-image_details:after {
	top: -4px;
	border-bottom-color: #f1f9ff;
}
#upfront-image-details-image_details .upfront-field-label {
	display: block;
	font-size: 16px;
	line-height: 24px;
	padding-left: 16px;
	margin: 0 0 6px;
}
.upfront-image-detail-button {
	min-width: 76px;
	padding: 0 20px;
	background: #31475b;
	color: #f1f8ff;
	border: none;
	border-radius: 3px;
	font-size: 13px;
	font-family: Verdana, sans-serif;
	line-height: 28px;
	float: right;
}
.upfront-image-detail-alt {
	margin-bottom: 16px;
}
.upfront-image-detail-link ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #2f475d;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}
.upfront-image-detail-link ul em {
	color: #1fcd8f;
}
.upfront-image-detail-link ul li {
	line-height: 30px;
	margin: 0 0 6px;
}
.upfront-image-detail-link .upfront-field-radio {
	vertical-align: top;
	margin: 9px 3px 0 0;
}
.upfront-image-detail-link .upfront-field-text {
	width: 75%;
	margin: 0 0 0 3px;
}

.upfront-editable_entity .upfront-inline_post-slider {
	position: relative;
	width: 100%;
	height: 450px;
	margin: 0 0 60px;
}
.upfront-editable_entity .upfront-inline_post-slider .upfront-inserted_image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	z-index: -1;
	-webkit-transition: opacity 1s;
}
.upfront-editable_entity .upfront-inline_post-slider .upfront-inserted_image-wrapper.slide-edit-active {
	opacity: 1;
	z-index: 0;
}
#upfront-inline-slider-nav {
	position: absolute;
	right: auto;
	z-index: 9999;
}

#media-manager-multi-dialog {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 420px;
	height: 240px;
	padding: 30px 10px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: #f1f9ff;
	-moz-box-shadow: 0 0 15px rgba(38,58,77,.65);
	-webkit-box-shadow: 0 0 15px rgba(38,58,77,.65);
	box-shadow: 0 0 15px rgba(38,58,77,.65);
}
.multi-dialog-title {
	color: #395169;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	margin: 0 0 20px;
}
.multi-dialog-choices {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.multi-dialog-choice {
	display: inline-block;
	width: 120px;
	padding: 10px 0;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	line-height: 15px;
	cursor: pointer;
}
.multi-dialog-choice.upfront-icon:before {
	float: none;
	display: block;
	margin: 0 auto 10px;
}
.multi-dialog-choice:hover {
	color: #1fcc8f;
}

#upfront-popup .upfront-ucomment-tabs {
	width: 80%;
}
#upfront-popup .upfront-ucomment-tabs .settings {
	width: 60%;
}
.upfront-field-complex_field input[type="number"],
.upfront-field-labeled_counter_field input[type="number"] {
	width: 4em;
}

.align-center {
	text-align: center;
}


.ueditor-placeholder {
	opacity: 0.5;
}


/* ----- New Editor bar ----- */
.upfront-postcontent-editor{
	z-index: 3;
}
/*
.upfront-postcontent-editor .ui-resizable-handle{
	display: none !important;
}
 */
.ueditor-bar-wrapper{
	position:absolute;
	top:100%;
	width: 100%;
}

.ueditor-bar {
	font-size: 14px;
	z-index: 100;
	right: 0;
}
.ueditor-bar:hover {
	opacity: 1 !important;
}

.ueditable {
	cursor: text;
}

.ueditor-bar {
	cursor: default;
}

.ueditor-bar>div {
	padding: 10px;
}

.ueditor-bar:after {
	content: '';
	display: table;
	clear: both;
}

.ueditor-bar div a, .ueditor-bar a:link{
	color: #1fcd8f;
	cursor:pointer;
}
.ueditor-bar a:hover {
	text-decoration: underline;
}

.ueditor-bar-buttons {
	float: right;
	clear: right;
	background:rgba( 206, 212, 217, .85 );
	padding: 10px;
	font-size: 16px;
	position:relative;
}

.show-advanced .ueditor-bar-buttons:after{
	position: absolute;
	content: '';
	border:7px solid transparent;
	left: 15px;
	top: 100%;
	border-top-color: #DADEE2;
}

.ueditor-bar-buttons a {
	display: inline-block;
	margin: 0 10px 0 0;
}

.ueditor-bar-buttons a:last-child {
	margin-right: 0;
}

.ueditor-bar div a.ueditor-action-draft {
	border: 2px solid #9BADBC;
	color: #9BADBC;
	padding: 2px 15px;
	text-decoration: none;
}

.ueditor-bar div a.ueditor-action-draft:hover {
	border-color: #1fcd8f;
}

.ueditor-bar-icon {
	opacity: 0.8;
}

.ueditor-bar-icon:hover {
	opacity: 1;
}

.ueditor-bar-icon:before {
	content: '';
	background: transparent url(../img/uf-ui-sprite.svg);
	padding: 3px 12px;
	margin-right: 5px;
}

a.ueditor-bar-icon-only:before {
	margin-right: 0;
}

.ueditor-bar-icon-selectable:after {
	content: '▾';
	display: inline-block;
	margin-left: 5px;
}

a.ueditor-action-publish {
	text-align: center;
	color: #fff !important;
	padding: 7px 20px;
	background: #1fcd8f;
	margin: 0 auto;
}

a.ueditor-action-publish:before {
	background-position: -650px -425px;
	padding: 2px 6px;
}
a.ueditor-action-publish:hover {
	text-decoration: none;
	background: #3ea;
}

a.ueditor-action-cancel {
	color: #A3B9CC !important;
}

a.ueditor-action-cancel:before {
	background-position: -1233px -153px;
	padding: 2px 6px;
}

a.ueditor-action-cancel:hover {
	text-decoration: none;
}

a.ueditor-action-cancel:hover:before {
	background-position: -735px -230px;
}

.ueditor-bar-show_advanced:hover{
	/*background: #E9EEF3;*/
	opacity:1;
}

.ueditor-bar-show_advanced:before {
	background-position: -517px -382px;
	margin-right: 0;
}

.ueditor-action-tags:before{
	background-position: -517px -425px;
}

.ueditor-action-url:before{
	background-position: -559px -425px;
}

.ueditor-action-trash:before{
	background-position: -601px -425px;
}

.ueditor-select-status a:before {
	background-position: -559px -383px;

}

.ueditor-select-visibility a:before {
	background-position: -601px -383px;

}

.ueditor-action-schedule:before {
	background-position: -642px -383px;
}

.ueditor-bar-advanced {
	float: right;
	background: rgba( 230, 236, 242, .85 );
	clear:right;
	display:none;
}

.show-advanced .ueditor-bar-advanced {
	display: block;
}

.ueditor-bar-cancel {
	float:left;
	width: 120px;
	text-align: center;
	padding: 10px 20px;
}

.ueditor-bar .ueditor-bar-cancel a{
	color: #E5575A;
}

.ueditor-bar-options {
	margin: 0 200px 0 120px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.ueditor-row-item {
	display: inline-block;
	margin-right: 20px;
}

.ueditor-row-item:last-child {
	margin-right: 0;
}

.ueditor-bar-key {
	color: #7E99B1;
}

.ueditor-bar-value {
	color: #CDE6FE;
	margin: 0 4px;
}


.ueditor_deleted_post {
	border: 1px solid #8fa9bf;
	padding: 15px;
	background: #cee1f2;
	color: #395269;
	margin-bottom: 15px;
}

div.ueditor_deleted_post a.ueditor_restore {
	color: #1fcd8f;
	cursor: pointer;
}
div.ueditor_deleted_post a.ueditor_restore:hover {
	text-decoration: underline;
}

.ueditor-bar div a.ueditor-action-trash:hover {
	color: #E5575A;
	text-decoration: none;
}

.ueditor-select-wrapper {
	display: inline-block;
	position: relative;
}
div.ueditor-select {
	position:relative;
	display:none;
	font-size: 13px;
	text-align: left;
	display: none;
}
.ueditor-select-value {
	cursor: pointer;
}
div.ueditor-select-options,
.ueditor-pass-editor {
	position:absolute;
	top: 100%;
	left: -10px;
	background: #F2F9FF;
	border: 1px solid #6386A6;
	z-index:10000;
}

.floating .ueditor-select-options,
.floating .ueditor-pass-editor {
	top: auto;
	bottom: 100%;
}

a.ueditor-select-option {
	display:block;
	padding: 3px 10px;
	color: #6386A6 !important;
	cursor: pointer;
	text-transform: none;
	text-decoration: none;
	font-weight: normal !important;
}

a.ueditor-select-option:hover {
	background: #607F99;
	color: #F2F9FF !important;
	text-decoration: none !important;
}
.ueditor-select input.ueditor-select-focus {
	position:absolute;
	background: none;
	border:0;
	margin:0;
	padding:1;
	height:1px;
	width:1px;
	outline: 0;
	left: -5000px;
}

.ueditor-pass-editor {
	width:250px;
	padding: 5px 10px;
	display: none;
}
.upfront-date_picker a.small-button,
.ueditor-bar a.small-button {
	background: #1fcd8f;
	color: #fff !important;
	display: block;
	float:right;
	font-size: 14px;
	padding: 2px 15px;
	margin-top: 10px;
}
.upfront-date_picker a.small-button:hover,
.ueditor-bar a.small-button:hover {
	background: #3ea;
	text-decoration: none;
}

.ueditor-action-status, .ueditor-action-visibility {
	width: 140px;
}

.upost_thumbnail_changer {
	color: #3f5870;
	background: rgba(255, 255, 255, .3);
	font-family: 'Source Sans Pro';
	text-align: center;
	font-size: 18px;
	width: 100%;
	height: 100%;
	min-height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 1;
	cursor: pointer;
	padding:10px;
}

.upost_thumbnail_changer:hover {
}

.ueditor_thumb:hover .upost_thumbnail_changer {
	z-index: 3;
	background: rgba(255, 255, 255, .5);
}

.upost_thumbnail_changer div {
	position: absolute;
	width: 200px;
	height: 60px;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.upfront-selector-option {
	padding:5px;
}

#upfront-selector-post_type .upfront-field-select {
	min-width: 200px;
	margin-left: 10px;
}

#upfront-selector-post_type .upfront-field-select.open {
	overflow: visible;
}

#upfront-selector-post_type .upfront-field-select-options{
	height: auto;
	max-height: 250px;
	margin-top: 2px !important;
}

#upfront-selector-posts #upfront-list{
	width: 100%;
}

#upfront-selector-posts #upfront-list td{
	float:none;
	cursor: pointer;
}

#upfront-selector-posts tr.upfront-list_item:hover td{
	background: #cee1f2;
}

#upfront-selector-posts tr.upfront-list_item.selected td{
	background: #cee1f2;
}

.upfront-selector-post-checked{
	width:65px;
}
.upfront-selector-post-title{
	width:70%;
}

.selected .upfront-selector-post-checked:before{
	content: '';
	display: block;
	background: url('../img/uf-ui-sprite.svg') no-repeat -733px -139px;
	width: 20px;
	height: 18px;
}

#upfront-selector-post_type {
	padding: 20px 30px 10px;
	vertical-align: top;
	border-bottom:1px solid #CAD9E4;
}

#upfront-selector-posts {
	max-height: 350px;
	border-bottom:1px solid #CAD9E4;
}

.ugallery-change-link-post {
	color: rgb(99, 134, 166);
	cursor: pointer;
	margin-left: 26px;
}
.ugallery-change-link-post:hover {
	color: rgb(31, 205, 143);
}

.upfront-selector-navigation #upfront-entity_list-pagination{
	clear:none;
	padding-top:4px;
}

#settings .upfront-settings-item-anchor .upfront-settings-item {
	border: none;
	margin: 0;
	padding: 0;
}
.upfront-field-complex_field-boolean_toggleable_text label,
.upfront-field-complex_field-boolean_toggleable_text .upfront-embedded_toggleable-notice
{
	font-size: 11px;
}
.upfront-field-complex_field-boolean_toggleable_text .upfront-embedded_toggleable-notice {
	margin-top: 3px;
	font:11px/13px Verdana, sans-serif;
	color:#26394d;
	padding:5px;
}
#settings .upfront-embedded_toggleable.error .upfront-embedded_toggleable-notice {
	background-color: #edafaf;
}
#settings .upfront-embedded_toggleable.error input {
	border: 1px solid #dc6060;
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	background-repeat: no-repeat;
	background-position: 170px -310px;
}
#settings .upfront-embedded_toggleable.ok input {
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	background-repeat: no-repeat;
	background-position: 170px -345px;
}


.upfront-image-attachment-bits {
	opacity: 0;
	position: absolute;
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	background-repeat: no-repeat;
	background-position: -509px -483px;
	height: 24px;
	width: 60px;
	z-index: 1;
	left: -60px;
	cursor: pointer;
	transition: opacity .5s ease, left .5s ease;
}
.upfront-image-attachment-bits.upfront-post-media-trigger-visible,
.upfront-image-attachment-bits:hover {
	left: -30px;
	opacity: .7;
}

.upfront-image-attachment-bits:hover {
	opacity: 1 !important;
}

/* ----- CKE link selection ------ */
#upfront-cke-link_editor {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 110px;
	width: 235px;
}

#upfront-cke-link_editor .wrap {
	border: 1px solid rgb(99, 134, 166);
	background: rgb(242, 249, 255);
	box-shadow: 3px 3px 0 rgba(99, 134, 166, 0.25);
	padding: 10px;
}
#upfront-cke-link_editor .upfront-save_settings {
	float: right;
}


.upfront-quick-swap{
	color: #3f5870;
	background: rgba(255, 255, 255, .9);
	font-family: 'Source Sans Pro';
	text-align: center;
	font-size: 18px;
	width: 100%;
	height: 100%;
	min-height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 1;
	cursor: pointer;
	padding: 10px;
	display:none;
}

.upfront-quick-swap p {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 1.6em;
}

.upfront-object:hover .upfront-quick-swap{
	display:block;
}

#preventUsageOverlay {
  text-align: center;
  cursor: not-allowed;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: rgba(38,58,77,0.8);
  display: none
}

#preventUsageOverlay span {
  padding: 2px 5px;
  margin-bottom: 14px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font: 10px/14px Verdana, sans-serif;
  white-space: nowrap;
  background: #2b445d;
  color: #f2f9ff;
  box-shadow: 0 0 0 2px rgba(219,236,252,.4);
  position: absolute;
  top: 50%;
  margin-top: -20px;
  visibility: hidden;
}

#preventUsageOverlay:hover span {
  visibility: visible;
}

.upfront-region-container-shadow .upfront-region-edit-trigger {
  /* This is very important fix for anchor linking to element cuts off top of page. */
  display: none;
}


/* Redactor */

.redactor_box {
	position: relative;
	overflow: visible;
}

body .redactor_air {
	position: absolute;
	z-index: 9999;
	/* background: rgba(30, 47, 63, .95); */
	border-radius: 2px;

	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #1e364c;
	box-shadow: 0 -1px 0 #192d3f, inset 0 -1px 0 #395772;
	background-image: -moz-linear-gradient(top, rgba(49, 71, 93, .95) 0%, rgba(21, 41, 63, .95) 100%);
	background-image: -o-linear-gradient(top, rgba(49, 71, 93, .95) 0%, rgba(21, 41, 63, .95) 100%);
	background-image: -webkit-linear-gradient(top, rgba(49, 71, 93, .95) 0%, rgba(21, 41, 63, .95) 100%);
	background-image: linear-gradient(top, rgba(49, 71, 93, .95) 0%, rgba(21, 41, 63, .95) 100%);

}

body .redactor_air:after {
	box-sizing: border-box;
	height:14px;
	width:14px;
	border: 7px solid transparent;
	border-top-color: rgba(30, 47, 63, .95);
	position: absolute;
	bottom: -12px;
	left: 47%;
	content: ' ';
}

body .redactor_air.at-right:after {
	border-top-color: transparent;
	border-right-color: rgba(30, 47, 63, .95);
	bottom: -7px;
	left: auto;
	right: 0;
}

/*
	Fullscreen
*/
body .redactor_box_fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    overflow: hidden;
    width: 100%;
}

.redactor_box iframe {
	display: block;
	margin: 0;
	padding: 0;
}

.redactor-link-tooltip {
	position: absolute;
	z-index: 3000;
	padding: 10px;
	line-height: 1;
	display: inline-block;
	background-color: #000;
	color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
}
.redactor-link-tooltip a {
	color: #ccc;
	margin: 0 5px;
	text-decoration: none;
}
.redactor-link-tooltip a:hover {
	color: #fff;
}

.redactor_box textarea, .redactor_box textarea:focus {
	position: relative;
	z-index: 1004;
	display: block;
	overflow: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	outline: none;
	outline: none;
	border: none;
	background-color: #222;
	box-shadow: none;
	color: #ccc;
	resize: none;
}

.redactor_editor code,
.redactor_editor pre {

}

.redactor_editor,
.redactor_editor:focus {
	position: relative;
	outline: none;
	box-shadow: none !important;
	white-space: normal;
}

.redactor_editor .redactor_placeholder {
	color: #999 !important;
	display: block !important;
	margin-bottom: 10px !important;
}

.redactor_editor table {
	border-collapse: collapse;
	font-size: 1em !important;
}
.redactor_editor table td {
	padding: 5px !important;
	border: 1px solid #ddd;
	vertical-align: top;
}
.redactor_editor table thead td {
	border-bottom: 2px solid #000 !important;
	font-weight: bold !important;
}

.redactor_editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

.redactor_editor.redactor_editor_wym {
	padding: 10px 7px 0 7px !important;
	background: #f6f6f6 !important;
}
.redactor_editor_wym div,
.redactor_editor_wym p,
.redactor_editor_wym ul,
.redactor_editor_wym ol,
.redactor_editor_wym table,
.redactor_editor_wym dl,
.redactor_editor_wym pre,
.redactor_editor_wym h1,
.redactor_editor_wym h2,
.redactor_editor_wym h3,
.redactor_editor_wym h4,
.redactor_editor_wym h5,
.redactor_editor_wym h6,
.redactor_editor_wym blockquote {
	margin: 0 0 5px 0;
	padding: 10px !important;
	border: 1px solid #e4e4e4 !important;
	background-color: #fff !important;
}

.redactor_editor_wym blockquote:before {
	content: '';
}
.redactor_editor_wym div {
	border: 1px dotted #aaa !important;
}
.redactor_editor_wym pre {
	border: 2px dashed #e4e4e4 !important;
	background-color: #f8f8f8 !important;
}
.redactor_editor_wym ul,
.redactor_editor_wym ol {
	padding-left: 2em !important;
}
.redactor_editor_wym ul li ul,
.redactor_editor_wym ul li ol,
.redactor_editor_wym ol li ol,
.redactor_editor_wym ol li ul {
	border: none !important;
}

/*
	TOOLBAR
*/
.redactor_toolbar {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	padding-left: 2px !important;

	list-style: none !important;
	font-size: 0;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif !important;
	line-height: 0 !important;

}
.redactor_toolbar:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.redactor_box .redactor_toolbar {
	border: none;
	border-bottom: 1px solid #b8b8b8;
}
.redactor_toolbar.toolbar_fixed_box {
	border: 1px solid #ddd;
	border-bottom-color: #b8b8b8;
}
body .redactor_air .redactor_toolbar {
	padding-right: 2px !important;
}
.redactor_toolbar li {
	float: left !important;
	margin: 0 !important;
	outline: none;
	list-style: none !important;
}
.redactor_toolbar li.redactor_separator {
	float: left;
	margin: 0 2px 0 3px !important;
	padding: 0;
	height: 38px;
	border-right: rgb(30,47,53);
	border-left: rgb(30,47,73);
	display: none;
}
.redactor_toolbar li a {
	display: block;
	width: 38px;
	height: 36px;
	outline: none;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	zoom: 1;
	*border: 1px solid #eee;
}
.redactor_toolbar li.redactor_btn_right {
	float: none;
	float: right !important;
}
.redactor_toolbar li a {
	display: block;
	background-image: url('../img/uf-ui-sprite.png');
	background-image: url('../img/uf-ui-sprite.svg'), none;
	background-position: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	.redactor_toolbar li a {
	}

}
.redactor_toolbar li a:hover {
	outline: none;
	background-color: rgba(26, 39, 51, .9);
}
.redactor_toolbar li a:active,
.redactor_toolbar li a.redactor_act {
	outline: none;
}

.redactor_toolbar li a.dropact {
	background-color: rgb(30, 47, 63);
}
.redactor_button_disabled {
	opacity: .3 ;
}
.redactor_button_disabled:hover {
	outline: none;
	border-color: transparent !important;
	background-color: transparent !important;
	cursor: default;
}

/*
	BUTTONS
	step 25px
*/
body .redactor_toolbar li a.redactor_btn_html				{ background-position: 0px; }
body .redactor_toolbar li a.redactor_btn_formatting		    { background-position: -25px; }
body .redactor_toolbar li a.redactor_btn_bold				{ background-position: -510px -41px; }
body .redactor_toolbar li a.redactor_btn_bold.redactor_act	{ background-position: -552px -41px; }
body .redactor_toolbar li a.redactor_btn_italic			    { background-position: -594px -42px; }
body .redactor_toolbar li a.redactor_btn_italic.redactor_act { background-position: -636px -42px }
body .redactor_toolbar li a.redactor_btn_deleted		 	{ background-position: -500px; }
body .redactor_toolbar li a.redactor_btn_unorderedlist 	    { background-position: -100px; }
body .redactor_toolbar li a.redactor_btn_orderedlist   	    { background-position: -125px; }
body .redactor_toolbar li a.redactor_btn_outdent	 		{ background-position: -150px; }
body .redactor_toolbar li a.redactor_btn_indent		 	  	{ background-position: -175px; }
body .redactor_toolbar li a.redactor_btn_image		 		{ background-position: -200px; }
body .redactor_toolbar li a.redactor_btn_video		 		{ background-position: -225px; }
body .redactor_toolbar li a.redactor_btn_file		 		{ background-position: -250px; }
body .redactor_toolbar li a.redactor_btn_table		 		{ background-position: -275px; }
body .redactor_toolbar li a.redactor_btn_link		 		{ background-position: -510px -167px; }
body .redactor_toolbar li a.redactor_btn_link.redactor_act	{ background-position: -552px -167px; }
body .redactor_toolbar li a.redactor_btn_fontcolor		 	{ background-position: -325px; }
body .redactor_toolbar li a.redactor_btn_backcolor		 	{ background-position: -350px; }
body .redactor_toolbar li a.redactor_btn_alignleft		  	{ background-position: -375px; }
body .redactor_toolbar li a.redactor_btn_aligncenter		{ background-position: -400px; }
body .redactor_toolbar li a.redactor_btn_alignright		  	{ background-position: -425px; }
body .redactor_toolbar li a.redactor_btn_justify		 	{ background-position: -450px; }
body .redactor_toolbar li a.redactor_btn_horizontalrule 	{ background-position: -475px; }
body .redactor_toolbar li a.redactor_btn_underline		 	{ background-position: -510px -250px; }
body .redactor_toolbar li a.redactor_btn_underline.redactor_act	{ background-position: -510px -250px; }

body .redactor_toolbar li a.redactor_btn_fullscreen		 	{ background-position: -550px; }
body .redactor_toolbar li a.redactor_btn_normalscreen		{ background-position: -575px; }
body .redactor_toolbar li a.redactor_btn_clips		 		{ background-position: -600px; }

body .redactor_toolbar li a.redactor_btn_alignment	 		{ background-position: -625px; }

body .redactor_toolbar li a.redactor_btn_fontfamily	 		{ background-position: -650px; }
body .redactor_toolbar li a.redactor_btn_fontsize	 		{ background-position: -675px; }

body .redactor_toolbar li a.redactor_btn_direction	 		{ background-position: -700px; }
body .redactor_toolbar li a.redactor_btn_lists		 		{ background-position: -725px; }
body .redactor_toolbar li a.redactor_btn_font		 		{ background-position: -750px; }

body .redactor_toolbar li a.redactor_btn_h1			 		{ background-position: -775px; }
body .redactor_toolbar li a.redactor_btn_h2			 		{ background-position: -800px; }
body .redactor_toolbar li a.redactor_btn_h3			 		{ background-position: -825px; }

body .redactor_toolbar li a.ueditor-noquote,
body .redactor_toolbar li a.redactor_btn_quote		 		{ background-position: -510px -208px; }
body .redactor_toolbar li a.ueditor-quote,
body .redactor_toolbar li a.redactor_btn_quote.redactor_act { background-position: -552px -208px; }
body .redactor_toolbar li a.ueditor-quote-alternative		{ background-position: -594px -208px; }

body .redactor_toolbar li a.redactor_btn_pre		 		{ background-position: -875px; }
body .redactor_toolbar li a.redactor_btn_icons				{ background-position: -594px -252px; }
body .redactor_toolbar li a.redactor_btn_icons:hover	    { background-position: -636px -252px; }


ul.redactor_toolbar li a.ueditor-justify {
	background-position: -636px -82px;
}

ul.redactor_toolbar li a.ueditor-center {
	background-position: -552px -82px;
}

ul.redactor_toolbar li a.ueditor-left {
	background-position: -510px -82px;
}

ul.redactor_toolbar li a.ueditor-right {
	background-position: -594px -82px;
}

ul.redactor_toolbar li a.ueditor-nolist {
	background-position: -510px -124px;
}

ul.redactor_toolbar li a.ueditor-orderedlist {
	background-position: -594px -124px;
}

ul.redactor_toolbar li a.ueditor-unorderedlist {
	background-position: -552px -124px;
}

ul.redactor_toolbar li a.redactor_btn_upfrontLink{
	background-position: -510px -167px;
}

ul.redactor_toolbar li a.redactor_btn_upfrontSink{
	background-position: -594px -167px;
}
ul.redactor_toolbar.ueditor-sink-open li a.redactor_btn_upfrontSink{
	background-position: -636px -167px;
}

body .redactor_toolbar li a.redactor_btn_upfrontLink.redactor_act	{ background-position: -552px -167px; }

/*
	Toolbar classes
*/
.redactor_format_blockquote {
	padding-left: 10px;
	color: #666 !important;
	font-style: italic;
}
.redactor_format_pre {
	font-family: monospace, sans-serif;
}
.redactor_format_h1,
.redactor_format_h2,
.redactor_format_h3,
.redactor_format_h4,
.redactor_format_h5 {
	font-weight: bold;
}
.redactor_format_h1 {
	font-size: 30px;
	line-height: 36px;
}
.redactor_format_h2 {
	font-size: 24px;
	line-height: 36px;
}
.redactor_format_h3 {
	font-size: 20px;
	line-height: 30px;
}
.redactor_format_h4 {
	font-size: 16px;
	line-height: 26px;
}
.redactor_format_h5 {
	font-size: 14px;
	line-height: 23px;
}


/*
	DROPDOWN
*/
.redactor_dropdown {
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 2004;
	padding: 10px;
	min-width: 200px;
	background-color: #1e364c;
	/*background-color: rgba(30, 47, 63, .95);*/
	/* box-shadow: 0 1px 5px #bbb; */
	font-size: 13px;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	line-height: 21px;
	margin-top: 5px;
	color: #97b8da;
}
.redactor_dropdown label {
	color: #97b8da;
}

.redactor_dropdown .upfront-field-radio {
	border: 2px solid #546372;
	background: #ddd;
}

.redactor_dropdown .upfront-field-radio:checked {
	background: #1FCD8F;
}

.redactor_separator_drop {
	padding: 0 !important;
	border-top: 1px solid #ddd;
	font-size: 0;
	line-height: 0;
}
.redactor_dropdown a,
.redactor_dropdown a:link {
	color: #1FCD8F !important;
	text-decoration: none;
	cursor: pointer;
}
.redactor_dropdown a:hover {
	background-color: #1E2F3F;
	text-decoration: none;
	color: #46a8fc;
}

.redactor_dropdown_box_upfrontFormatting {
	min-width: 0;
	font-family: Georgia, serif;
	font-size: 20px;
	text-align: center;
	padding: 0;
}

a.ueditor-format-option {
	color: #97b8da !important;
	width: 38px;
	line-height: 30px;
	padding: 2px 0;
	display: block;
}

a.ueditor-format-pre{
	font-size: 15px;
	font-weight: bold;
}

.redactor_toolbar li a.redactor_btn_upfrontFormatting {
	text-indent: 0;
	font-family: Georgia, serif;
	color: #97b8da;
	font-size: 21px;
	line-height: 36px;
	text-align: center;
}

/* MODAL */
/* 300 lines deleted here, not using modals */

/* Drag and Drop Area */
.redactor_droparea {
	position: relative;
    margin: auto;
    margin-bottom: 5px;
    width: 100%;
}
.redactor_droparea .redactor_dropareabox {
	position: relative;
	z-index: 1;
    padding: 60px 0;
    width: 99%;
    border: 2px dashed #bbb;
    background-color: #fff;
    text-align: center;
}
.redactor_droparea .redactor_dropareabox, .redactor_dropalternative {
    color: #555;
    font-size: 12px;
}
.redactor_dropalternative {
	margin: 4px 0 2px 0;
}
.redactor_dropareabox.hover {
    border-color: #aaa;
    background: #efe3b8;
}
.redactor_dropareabox.error {
    border-color: #dcc3c3;
    background: #f7e5e5;
}
.redactor_dropareabox.drop {
    border-color: #e0e5d6;
    background: #f4f4ee;
}

/* =Progress
-----------------------------------------------------------------------------*/
#redactor-progress-drag {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -130px;
	margin-top: -35px;
	z-index: 10000;
	padding: 30px;
	background: rgba(0, 0, 0, .7);
	box-shadow: none;
}
.redactor-progress {
	height: 12px;
	overflow: hidden;
	background-color: #f4f4f4;
	border-radius: 3px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	margin-bottom: 1.5em;
}
.redactor-progress .redactor-progress-bar {
	top: 1px;
	left: 1px;
	position: relative;
	background-color: #55aaff;
	width: 0;
	height: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}
.redactor-progress-striped .redactor-progress-bar {
	background-image: url('data:image/gif;base64,R0lGODlhIAAQAIABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODE3QTgyOEM0MzAwRkUyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NEY2MUMyQTlDMzgxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NEY2MUMyOTlDMzgxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4MTdBODI4QzQzMDBGRTIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MTdBODI4QzQzMDBGRTIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQoAAQAsAAAAACAAEAAAAiwMjqkQ7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQAh+QQJCgABACwAAAAAIAAQAAACLYwNqctwD2GbKtpH6d157ts1nxUyY1Qup5QmK9Y6LxLPdGsHsTvv8uuzBXuhAgAh+QQJCgABACwAAAAAIAAQAAACLIx/oMsNCKNxdMk7K8VXbx55DhiKDAmZJ5qoFhu4LysrcFzf9QPvet4D0igFACH5BAkKAAEALAAAAAAgABAAAAIsjI8Hy+2QYnyUyWtqxVdvnngUGIoOiZgnmqkWG7gvKy9wXN81BO963gPSGAUAIfkECQoAAQAsAAAAACAAEAAAAixEjqkB7Q/bmijaR+ndee7bLZ8VKmNUJieUVqvTHi8cz1Jtx0yOz7pt6L10BQAh+QQJCgABACwAAAAAIAAQAAACLYQdqctxD2GbKtpH6d157ts1nxUyY1Qup5QmK9Y6LxLPdGsDsTvv8uuzBXuhAgAh+QQJCgABACwAAAAAIAAQAAACLIR/ocsdCKNxdMk7K8VXbx55DhiKDAmZJ5qoFgu4LysrcFzf9QPvet4D0igFACH5BAUKAAEALAAAAAAgABAAAAIshI8Xy+2RYnyUyWtqxVdvnngUGIoOiZgnmqkWC7gvKy9wXN81BO963gPSGAUAOw==');
}
.redactor-progress-striped .redactor-progress-bar:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTE5QjlCQTlDMkQxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNkRFQUIzNjlDMkUxMUUwOUFFQ0M4MEYwM0YzNUE2RCI+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z3JhZGllbnQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRTE5QjlCODlDMkQxMUUwOUFFQ0M4MEYwM0YzNUE2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRTE5QjlCOTlDMkQxMUUwOUFFQ0M4MEYwM0YzNUE2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq477Q0AAAD2SURBVHjaxFIxDsIwDLRF/1AmRp7AM9iYWHkD76AP6h9Qi1SGfqAMqGJg6XA4jts0RUwZiKLEsZ3L+Rwmoi0lDC6Ky4rAMuGO5DY5iuWH93oDegMuK8QA7JIYCMDpvwDDMBzNHCGtONYq2enjHKYLMObCp7dtu/+FDppDgyJpTemsrm/9l7L2ku4aUy4BTEmKR1hmVXV9OjfsqlqC7irAhBKxDnmOQdPc+ynKMXdenEELAFmzrnu8RoK6jpRhHkGJmFgdXmsByNf5Wx+fJPbigEI3OKrB77Bfy2VZzppqC0IfAtlIAusC9CNtUn/iIRXgnALwEWAA/+5+ZNOapmcAAAAASUVORK5CYII=');
}

.ueditor-sink {
	min-height: 0px;
	overflow: hidden;
	-webkit-transition: min-height .5s;
    transition: min-height .5s;
    display:none;
    clear: both;
}

.ueditor-sink-open .ueditor-sink {
	min-height: 38px;
	display:block;
}

a.ueditor-ok {
	position: absolute;
	right: 0;
	bottom: -30px;
	background: #1FCD8F;
	height: 30px;
	line-height: 30px;
	color: #fff !important;
	width: 50px;
	text-align: center
}

a.ueditor-ok:hover {
	background: #3ea;
}

a.ueditor-unlink {
	position: absolute;
	bottom: -30px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	right: 60px;
	background: #246;
	color: #97b8da !important;
}

/* New Color Picker CSS override */

.sp-container {
	background-color: #2b3c4b;
	width: 350px;
	height: 178px;
	overflow: visible;
	padding-top: 4px;
}

.sp-input-container {
	position:absolute;
	right: 150px;
	width:110px !important;
}
li#tabbackground-content .sp-palette-row-selection span.sp-thumb-el:last-child > span {
	overflow: hidden;
}
li#tabbackground-content .sp-palette-row-selection span.sp-thumb-el:last-child > span:after {
	content: '';
	width: 155%;
	height: 3px;
	display: block;
	position: relative;
	top: 6px;
	left: -4px;
	background-color: #ff0000;
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.sp-button-container {
	margin-top: -12px;
	margin-right: 1px;
}
.redactor_dropdown_box_upfrontColor .sp-button-container {
	margin-top: -10px;
	margin-right: 0;
}
.sp-hue {
	width: 10px;
}

.sp-alpha-inner {
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0)); background-position: initial initial; background-repeat: initial initial;
	height: 100%;
	width: 10px;
}


.sp-alpha-handle
{
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 100%;
		height: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid #a2c5e4;
    background: rgba(255,255,255,.7);
    opacity: 1;
    box-shadow: 0 0 1px rgba(0,0,0,.5);
}

.sp-alpha
{
    position: absolute;
    left: 188px;
		top: 0;
    height: 100%;
		width: 10px;
}
.sp-alpha-inner{
    border: solid 2px #465D73;
}

.redactor_dropdown_box_upfrontColor {
	padding:0;
	width:auto;
	background-color: transparent;
	box-shadow: none;
	top: -164px !important;
	left: -30px !important;
	font-family: Verdana, sans-serif!important;
}

.sp-picker-container
{
    width: 206px;
}

.sp-palette-container {
	width: 124px;
	left:4px;
}

.sp-hue {
	margin-left: 4px;
}

.sp-palette.sp-cf {
	margin-top:44px;
}
/* Color Picker Labels */
.sp-input-container:before,
.sp-palette-container:before,
.sp-palette-row.sp-palette-row-selection:before {
	font-family: Verdana, sans-serif!important;
	font-size:11px;
	color:#97b8da;
}

.sp-input-container:before {
	content: "Current color:";
	margin-bottom:8px;
}

input[type=text].sp-input {
	color: #97b8da;
	width: 100px;
	padding: 6px;
	border: none;
	border-left: 10px #000 solid;
	background-color: #1c2733;
}

.sp-input-container {
	position: absolute;
	top: 6px;
	left: -110px;
}

.sp-palette-container {
	margin-bottom:0;
	padding-bottom:0;
	border-right:none;
}

.sp-palette-container {
	top: 50px;
}

.sp-palette-container:before {
	content: "Theme colors:";
}

.sp-palette.sp-cf {
	margin-top:4px;
}


.sp-palette-row.sp-palette-row-selection {
  margin-top: 4px;
}

.sp-palette-row.sp-palette-row-selection:before {
	content: "Recent colors:";
	margin-bottom: 4px;
}

.sp-palette .sp-thumb-el {
	width: 15px;
	height: 15px;
	margin: 2px 2px;
	border: none;
}

.sp-picker-container .sp-cancel {
	display:none;
}

.sp-picker-container .sp-choose {
	height: 36px;
	width: auto;
	border: 1px solid rgb(0, 219, 143);
	padding: 0 26px 0 20px;
	background: rgb(31, 205, 143);
	line-height: 34px;
	font-size: 18px;
	font-family: 'Source Sans Pro';
	color: rgb(242, 249, 255);
	border-radius: 0;
	margin-right: -30px;
	margin-top: 4px;
}

.redactor_dropdown.redactor_dropdown_box_upfrontColor {
line-height:0;
}

.redactor_dropdown.redactor_dropdown_box_upfrontColor .sp-container {
border:none;
}

.redactor_dropdown_box_upfrontColor ul.tabs, .redactor_dropdown_box_upfrontColor ul.tablist {
	margin:0;
	padding:0;
}

.redactor_dropdown_box_upfrontColor ul.tablist > li {
	background-color: #1e2f3f;
	color:#6c87a2;
	line-height: 1.5;
	font-size: 11px;
	margin-right: 2px !important;
	padding: 4px 16px;
	margin-bottom: -1px !important;
	cursor: pointer;
	border-radius: 3px 3px 0 0;
}
.redactor_dropdown_box_upfrontColor ul.tablist > li.active {
	background-color: #314252;
	color: #97b8da;
}
.redactor_dropdown_box_upfrontColor ul.tabs > li {
	display:none;
}
.redactor_dropdown_box_upfrontColor ul.tabs > li.active {
	display:block;
}


.sp-slider, .sp-alpha-handle {
	background: transparent;
	border: none;
	box-shadow: none;
	left:0;
}

.sp-slider:before, .sp-alpha-handle:before {
	content: '';
	border-left: 4px solid #abb2b8;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	position: absolute;
	left: -7px;
}

.sp-slider:after, .sp-alpha-handle:after {
	content: '';
	border-right: 4px solid #abb2b8;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	position: absolute;
	right: -7px;
}


div.sp-val:active .sp-dragger:after { display:block;}

.redactor_btn.redactor_btn_upfrontColor {
	text-indent: 0;
	position:relative;
	border-radius: 3px;
	color: #000;
}

.sp-picker-container .sp-choose {
	width: 103px;
	/*box-shadow: 0 3px 0 rgba(0,0,0,0.1);*/
}

.redactor_btn.redactor_btn_upfrontColor:after {
	content: 'T';
	color: inherit;
	display: block;
	height:0;
	width:0;
	border: 12px solid;
	border-color: inherit;
	font-size: 20px;
	top: 6px;
	left: 8px;
	position: absolute;
	text-indent: -6px;
	font-family:georgia;
	border-radius: 3px;


}

.redactor_btn.redactor_btn_upfrontColor.transparent:after {
	border: none;
	height: 24px;
	width: 24px;
	line-height: 24px;
	background-color: #aeb6be;
	text-align:center;
	text-indent: 0;
	background-image: -webkit-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0), -webkit-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0);
	background-image: -moz-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0), -moz-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0);
	background-image: -o-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0), -o-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0);
	background-image: -ms-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0), -ms-linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0);
	background-image: linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0),
	linear-gradient(45deg, #9098a0 25%, transparent 25%, transparent 75%, #9098a0 75%, #9098a0);

  -webkit-background-size:8px 8px;
  -moz-background-size:8px 8px;
  background-size:8px 8px;

  background-position:0 0, 4px 4px;
}

/* Plain Text Element */
div.plaintext-settings.inline-radios > span.upfront-field-multiple {
  display: inline-block !important;
  margin-right:6px
}


#settings .plaintxt-settings-panel .upfront-settings_panel_scroll {
	min-width: 287px;
	max-height: 400px !important
}

div.plaintext-settings {
  display: inline-block;
}



div.inline-number.plaintext-settings label, div.inline-color.plaintext-settings.border-color label {
  display: inline;
  font-size: 11px;
  color: #26394d;
}


.inline-color {
  margin: 0;
}
div.inline-color.plaintext-settings.border-color {
  min-width: 100px;
}
div.inline-color.plaintext-settings.bg-color {
  min-width: 220px;
  margin-top: 10px;
  color: rgb(125, 153, 179);
  font-weight: bold !important;
}
div.inline-number.plaintext-settings {
  margin-right: 20px;
}

div.inline-number.plaintext-settings input {
  width: 50px
}

/* Context Menu */
.uf-context-menu * {
  box-sizing:border-box;
}
.uf-context-menu {
  position:absolute;
  z-index:9999;
  padding:5px 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
  color:#465f80;
  width:auto;
  border-radius:3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e5f3ff;
  -moz-box-shadow: 0 0 10px rgba(29,51,80,.3);
  -webkit-box-shadow: 0 0 10px rgba(29,51,80,.3);
  box-shadow: 0 0 10px rgba(29,51,80,.3);
  display:none;
}

.uf-context-menu ul {
  padding:0;
  margin:0;
}

.uf-context-menu ul:nth-child(2) {
  /* this makes sure that the border is only displayed if >1 uls */
  border-top:1px solid rgba(29,51,80,.1);
}

.uf-context-menu li {
  width:100%;
  height:30px;
  list-style:none;
  padding:4px 15px 0;
}

.uf-context-menu li:hover {
  background:#85aacc;
  color:#fff;
  cursor:pointer;
}

/* CSS EDITOR */
#upfront-csseditor,
#upfront-general-csseditor {
	min-height: 200px;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 2000;
	display: none;
}

.upfront-css-resizable {
	background: #3d5266;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	min-height: 200px;
}

.upfront-css-top{
	border-bottom: 1px solid #26333F;
	border-top: 1px solid #26333F;
	color: #dae6f2;
	font-size: 14px;
	height:34px;
	position: static;
	overflow: hidden;
}

.upfront-css-ace{
	height: 100%;
	width: 75%;
	float: left;
}
.upfront-css-no-sidebar .upfront-css-ace {
	width: 100%;
}

.upfront-css-sidebar {
	background: #4E677F;
	width: 25%;
	height: 100%;
	float:right;
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.upfront-css-sidebar p {
	font-size: 11px;
}
.upfront-css-no-sidebar .upfront-css-sidebar {
	display: none;
}

.upfront-css-type {
	float:left;
	display: block;
	background-color: #2E3D4C;
	padding: 0px 10px;
	margin: 4px;
	height: 24px;
	cursor: pointer;
	border-radius:3px;
	font-weight:300;
	text-transform: capitalize;
}

a.upfront-css-image,
a.upfront-css-font {
	float:left;
	display: block;
	padding: 0px 5px;
	margin: 0 0 0 20px;
	color: #dae6f2 !important;
	line-height: 31px;
	font-size: 11px;
	font-family: verdana, sans-serif;
}

a.upfront-css-font:before {
	background-position: -821px -202px;
	width: 18px;
	height: 16px;
	margin: 4px 5px 0 0;
}

input[type=text].upfront-css-color {
	float:left;
	width: auto;
}

.upfront-css-top .sp-replacer {
	margin: 4px;
	margin-left: 20px;
	height: 24px;
	overflow: hidden;
}

.upfront-css-top .sp-preview {
	border-radius: 3px;
	margin: 0;
	border:1px solid rgb(54,72,89) !important;
  -webkit-background-clip: padding-box;
  -moz-background-clip:    padding;
  background-clip:         padding-box;
}

a.upfront-css-image:hover,
a.upfront-css-font:hover {
	border-color: #3ea;
}

.upfront-css-close {
	background-image: url('../img/uf-ui-sprite.svg');
	background-position: -1230px -155px;
	opacity: .8;
	width:24px;
	height:24px;
	text-indent: -9999px;
	display: inline-block;
	float:right;
	margin: 5px 2px;
}
.upfront-css-close:hover {
	opacity:1;
}

div.ace_content {
	background: #26333F;
	color: #dae6f2;
}

.ace_editor div.ace_gutter{
	background: #2E3D4C;
	color: #cbe5ff;
}
div.ace_editor div.ace_gutter-active-line {
	background: #26333F;
}
div.ace_editor .ace_marker-layer div.ace_active-line {
	background: #1d2d36;
}
div.ace_editor .ace_fold {
	background-color: #1fcd8f;
}

.upfront-css-save-form {
	padding: 8px 15px 15px;
	background: #465D72;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.upfront-css-sidebar p{
	color: #dae6f2;
	margin: 0;
}

.upfront-css-selectors {
	padding: 10px 15px;
	color: #cbe5ff;
	line-height: 20px;
}

.upfront-css-selector {
	border: 1px solid rgb(46, 61, 76);
	display: inline-block;
	padding: 2px 5px;
	cursor: pointer;
	margin: 5px 5px 0 0;
	border-radius: 4px;
	line-height: 14px;
	color: rgb(170, 191, 210);
}

.upfront-css-selector:hover {
	background: #2E3D4C;
}

.upfront-css-save-form input.upfront-css-save-name,
.upfront-css-save-form input.upfront-css-save-name:active,
.upfront-css-save-form input.upfront-css-save-name:focus{
	width: 72%;
	padding: 2px 5px;
	background: #405468;
	border: 1px solid #374858;
	height: 25px;
	font-size: 14px;
	color: #85a9cb;
}
.upfront-css-save-form input.upfront-css-save-name:active,
.upfront-css-save-form input.upfront-css-save-name:focus{
	outline:1px solid rgba(31,205,143,.5);
}
.upfront-css-save-form input.upfront-css-save-name:focus{
	color: #cbe5ff;
}

.upfront-css-save-form button{
	width: 22%;
	background: #1fcd8f;
	color:#fff;
	height: 25px;
	float: right;
	border-radius: 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	border:0;
}
.upfront-css-save-form button:hover{
	background: #3ea;
}

.upfront-css-hilite {
	outline: 3px solid #3ea !important;
}

.upfront-settings-css .upfront-field-select {
	margin-bottom: 6px;
}

.upfront-css-new {
	line-height: 14px;
	margin: 0;
}

.upfront-css-new a {
	color: #30475E !important;
	vertical-align: bottom;
}

.upfront-css-new a:hover {
	color: #1fcd8f !important;
}

span.upfront-css-new-text {
	border-bottom: 1px solid #1fcd8f;
	font-size: 11px;
}

.upfront-css-new span.codeicon {
	color: #1fcd8f;
	background: #30475E;
	font-family: tahoma, sans-serif;
	font-size: 10px;
	padding: 0px 2px 2px;
	border-radius: 2px;
}

a.upfront-css-delete {
	color: #dae6f2 !important;
	display: inline-block;
}
a.upfront-css-delete:hover {
	color: #F44C4F !important;
}

a.upfront-css-delete:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 14px;
	margin-right: 5px;
	background-image: url('../img/uf-core-el-sprite.svg');
	background-position: -664px -78px;
	vertical-align: middle;
}

a.upfront-css-edit {
	vertical-align: top;
	margin: 4px 0 0 5px;
	display: inline-block;
	opacity: .8;
}

a.upfront-css-edit:hover {
	opacity: 1;
}

a.upfront-css-edit:before{
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	background-image: url('../img/uf-ui-sprite.svg');
	background-position: -560px -385px;
	vertical-align: top;
}


/* Layout editor region */
.upfront-edit-postlayout .upfront-overlay-grid {
	display: none;
}
.upfront-edit-postlayout .upfront-region-container-postlayouteditor  .upfront-overlay-grid{
	display: block;
}
.upfront-edit-postlayout .upfront-region-postlayouteditor {
	box-shadow: 0 0 0 5000px rgba(0,0,10,.5);
	position:relative;
	z-index: 1;
}

#page.desktop .upfront-region-container-postlayouteditor .upfront-grid-layout {
	width: 100%;
}

#page .upfront-region-postlayouteditor div.upfront-object {
	padding-top:0;
	padding-bottom:0;
}

.upfront-object-content>*:first-child{
  margin-top: 0;
}
.upfront-object-content>*:last-child{
  margin-bottom: 0;
}

#page div.upfront-object.upfront-this_post,
#page div.upfront-object.uposts-object {
	padding-left: 0;
	padding-right: 0;
}

.upfront-content-marker {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.upfront-content-marker-contents {
	display: block;
}

.content-overflow-setting .upfront-field-wrap {
	width: 45%;
	display: inline-block;
	margin-left: 10%;
}
.content-overflow-setting .upfront-field-wrap:first-child {
	margin-left: 0;
}

.content-overflow-setting input.upfront-field-number {
	width: 100%;
}

.upfront-post-thumb-placeholder {
	background: rgba(255,255,255,.1);
	border: 1px dashed #3d5266;
	position: relative;
}
.upfront-post-thumb-placeholder div {
	position: absolute;
	width: 150px;
	height: 30px !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-align: center;
}



/* Fix for the 1px element movement glitch */

.upfront-region-bg-slider,
.upfront-overlay-grid,
.upfront-region-side-fixed,
.upfront-region-edit-trigger,
.upfront-region-finish-edit,
.upfront-inline-panel {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.inline-radios.plaintext-settings .upfront-field-label-block {
  margin-bottom: 3px;
}

.ugallery-setting-labels {
  margin-top: 0;
}

.upfront-field-wrap-radios .upfront-field-label-block {
  margin-bottom: 5px;
}

.upfront-field-wrap-select .upfront-field-label-block {
  margin-bottom: 3px;
}

.ugallery-thumbnail-fields .upfront-field-wrap-radios {
  margin-top: 9px;
}
.ugallery-thumbnail-fields .upfront-field-wrap-slider {
  margin-top: 5px;
}
.ugallery-thumbnail-fields .upfront-field-wrap-slider label {
  margin-bottom: 13px;
}

.upfront-field-wrap-hidden,
.upfront-field-wrap-hidden label,
.upfront-field-wrap-hidden input {
  margin: 0 !important;
}

.map-zoom-level {
  position: relative;
  margin-bottom: 20px;
}
.map-zoom-level .upfront-field-slider-value {
  position: absolute;
  color: #1fcd8f;
  top: -9px;
  left: 109px;
  font-weight: bold;
}

.upfront_map-fields-simple_location .upfront-field-wrap {
  margin-top: 3px;
}

.menu-settings .upfront-field-wrap {
  margin-top: 8px;
}

.upfront-field-wrap.inline-color label,
.inline-number label {
  font-weight: normal;
}

.upfront-settings-common_panel {
  background: #dae7f2;
  height: 35px;
  overflow: hidden;
}
.upfront-settings-common_panel.open {
  height: auto;
}
.upfront-settings-common_panel .upfront-settings-item {
  padding: 0;
}
.upfront-settings-common_panel.open .upfront-settings-item-title {
  font-weight: bold;
  padding-bottom: 9px;
}
.upfront-settings-common_panel .upfront-settings-item-title {
  cursor: pointer;
  text-transform: none;
  padding: 10px 5px 12px;
  font-weight: normal;
}

.upfront-settings-common_panel .upfront-settings-item-title span {
  background: none;
  margin-left: 0;
}

/* CSS Styles settings */
.upfront-settings-css {
  padding: 0 5px;
}
.upfront-settings-css .upfront-field-select-single {
  width: 215px;
}
.upfront-settings-css .upfront-settings-item-title span {
  margin-top: 3px;
  display: inline-block;
}
.upfront-settings-css .upfront-field-wrap-select {
  margin-top: 0;
}
.upfront-settings-css .upfront-settings-item-title:after {
  content: "";
  border: 0 none;
  width: 15px;
  height: 15px;
  background-color: #c3d7e6;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
}
.upfront-settings-common_panel.open .upfront-settings-css .upfront-settings-item-title:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #273a4c;
  border-bottom: 0 none;
  top: 17px;
  right: 15px;
}
.upfront-settings-css .upfront-settings-item-title:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #273a4c;
  display: block;
  top: 14px;
  right: 16px;
  position: absolute;
  z-index: 1;
}
/* Anchor settings */
.upfront-settings-item-anchor {
  padding: 10px 5px 15px;
  position: relative;
  margin-top: 10px;
}
.upfront-settings-item-anchor:before {
  content: "";
  display: block;
  position: absolute;
  border-top: 1px solid #a3bfd9;
  left: 15px;
  right: 15px;
  top: 0;
}
.upfront-settings-item-anchor .upfront-settings-item-title {
  display: none;
}

.upfront-settings-item-anchor .upfront-embedded_toggleable {
  margin-top: 10px;
}

/* Posts settings */
.posts-settings-query {
  overflow: hidden;
}
.posts-settings-query .upfront-field-wrap-select {
  float: left;
}
.post-settings-type .upfront-field-select {
  width: 78px;
}
.post-settings-taxonomy {
  margin-left: 15px;
}
.post-settings-taxonomy .upfront-field-select {
  width: 115px;
}
.post-settings-term .upfront-field-select {
  width: 148px;
}
.post-settings-limit {
  margin-left: 15px;
}
.post-settings-limit .upfront-field-select {
  width: 45px;
}
.post-settings-data .upfront-field-multiple {
  margin-top: 8px;
}

/* Topbar */
#upfront-ui-topbar {
  background: #2c3e50;
  color: white;
  height: 52px;
  position: fixed;
  top: 0;
  left: 260px;
  right: 0;
  z-index: 2;
}

/* Breakpoints toggler */
.breakpoints-toggler {
  text-align: center;
}
.breakpoints-toggler {
  margin: 10px 0 0;
}
.breakpoints-toggler li {
  display: inline-block;
  cursor: pointer;
  margin-left: 23px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #adc3d9;
  text-transform: lowercase;
}
.breakpoints-toggler li:first-child {
  margin-left: 0;
}
.breakpoints-toggler li:before {
	content: " ";
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	display: block;
  height: 20px;
  margin: 0 auto;
  background-position: -1228px -622px; /* Default to custom */
  width: 20px;
}
.breakpoints-toggler li:hover:before,
.breakpoints-toggler li.active:before {
  background-position: -1228px -658px; /* Default to custom */
}
.breakpoints-toggler .mobile-breakpoint-activate:before {
  background-position: -1233px -478px;
  width: 10px;
}
.breakpoints-toggler .mobile-breakpoint-activate:hover:before,
.breakpoints-toggler .mobile-breakpoint-activate.active:before {
  background-position: -1233px -513px;
}
.breakpoints-toggler .tablet-breakpoint-activate:before {
  background-position: -1231px -550px;
  width: 15px;
}
.breakpoints-toggler .tablet-breakpoint-activate:hover:before,
.breakpoints-toggler .tablet-breakpoint-activate.active:before {
  background-position: -1231px -586px;
}
.breakpoints-toggler .custom-breakpoint-activate:before {
  background-position: -1228px -622px;
  width: 20px;
}
.breakpoints-toggler .custom-breakpoint-activate:hover:before,
.breakpoints-toggler .custom-breakpoint-activate.active:before {
  background-position: -1228px -658px;
}
.breakpoints-toggler .desktop-breakpoint-activate:before {
  background-position: -1333px -404px;
  width: 20px;
}
.breakpoints-toggler .desktop-breakpoint-activate:hover:before,
.breakpoints-toggler .desktop-breakpoint-activate.active:before {
  background-position: -1333px -440px;
}

/* Breakpoints width input */
.breakpoint-width-input,
.breakpoint-edit {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 52px;
  font: Verdana, sans-serif;
  color: #adc3d9;
  font-size: 11px;
  padding-left: 15px;
}

.breakpoint-width-input div.inline-number.plaintext-settings label {
  font: Verdana, sans-serif;
  color: #adc3d9;
  font-size: 11px;
}
.breakpoint-width-input div.inline-number.plaintext-settings input {
  font-family: Verdana, sans-serif;
  color: #26394d;
  font-size: 12px;
  padding-left: 5px;
  width: 60px;
  padding-right: 0px;
  border-radius: 4px;
}

/* Responsive commands */
#sidebar-ui .sidebar-commands-responsive li {
  display: block;
}

#sidebar-ui .sidebar-commands-responsive .panel-section {
  padding-top: 0;
  padding-bottom: 0;
}

#sidebar-ui .sidebar-commands-responsive .sidebar-panel.expanded .sidebar-panel-content {
  height: 330px;
}

#sidebar-ui .sidebar-commands-responsive-control.sidebar-commands-control {
  padding-top: 4px;
  position: relative;
}
#sidebar-ui .sidebar-commands-responsive-control .command-save {
  position: absolute;
  bottom: 15px;
  left: 15px;
  margin: 0;
  padding: 8px 20px 0 10px;
}

#sidebar-ui .sidebar-commands-responsive-control .exit-responsive {
  position: absolute;
  bottom: 19px;
  right: 15px;
  margin: 0;
  border: 3px solid #263a4d;
  padding: 2px 5px;
  height: 33px;
}

#sidebar-ui .command-browse-layout-responsive {
  overflow: hidden;
  padding: 3px 0 15px 15px;
  cursor: default;
}
#sidebar-ui .command-browse-layout-responsive span {
  border: 3px solid #263a4d;
  padding: 2px 5px;
  cursor: pointer;
}
#sidebar-ui .sidebar-commands-responsive-control .command-grid {
  margin-left: 66px;
  float: none;
}

#sidebar-ui .sidebar-commands-responsive .command-edit-css {
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  border-bottom: 1px solid #1fcd8f;
  line-height: 1;
}

.command-go-to-type-preview {
  text-decoration: underline;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  color: #11a672;
  margin-bottom: 8px;
}

#sidebar-ui .sidebar-commands-responsive .upfront-field-label-block {
  font-weight: normal;
  margin-bottom: 8px;
}

#sidebar-ui .sidebar-commands-responsive .upfront-field-wrap-color .upfront-field-label-block {
  margin-bottom: 10px;
}

#sidebar-ui .sidebar-commands-responsive .sp-preview {
  background-position: -816px -105px;
  width: 30px !important;
  margin-bottom: 14px;
}

.sidebar-commands-responsive .upfront-field-select {
  height: 30px;
  max-height: 30px;
  width: 228px;
  margin-bottom: 5px;
  line-height: 26px;
}

.sidebar-commands-responsive .upfront-typography-fields-left .upfront-field-select {
  width: 108px;
}

#sidebar-ui .sidebar-commands-responsive .upfront-typography-fields-left {
  width: 50%;
}
#sidebar-ui .sidebar-commands-responsive .upfront-typography-fields-right {
  width: 50%;
  padding-left: 4px;
}
/* The ruler */
.upfront-ruler-container {
	width: 100%;
	height: 20px;
	background: #1c2733;
}
.upfront-ruler {
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	height: 20px;
	background: -webkit-linear-gradient(right, #185a4c 1px, transparent 1px, transparent);
	background: -moz-linear-gradient(right, #185a4c 1px, transparent 1px, transparent);
	background: -ms-linear-gradient(right, #185a4c 1px, transparent 1px, transparent);
	background: -o-linear-gradient(right, #185a4c 1px, transparent 1px, transparent);
	background: linear-gradient(to left, #185a4c 1px, transparent 1px, transparent);
	background-size: 10px 3px;
	background-repeat: repeat-x;
	color: #cbe5ff;
	font-family: "Verdana", sans-serif;
	font-size: 10px;
	line-height: 10px;
	margin: auto;
}
.upfront-ruler-mark {
	float: left;
	width: 100px;
	height: 7px;
	border-right: 1px solid #11a672;
	position: relative;
}
.upfront-ruler-mark:first-child {
	margin-left: -100px;
}
.upfront-ruler-mark-num {
	position: absolute;
	top: 8px;
	right: -20px;
	width: 40px;
	text-align: center;
}

.upfront-field-compact-label-select .upfront-field-select-option:first-child:hover {
  background: none;
  color: rgb(96, 127, 153);
}
.upfront-field-compact-label-select .upfront-field-select-options {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Breakpoint edit popup */
.breakpoint-edit-panel {
  padding: 20px;
  width: 400px;
}
.breakpoint-edit-panel div {
  margin-top: 20px;
}
.breakpoint-edit-panel div:first-child {
  margin-top: 0;
}
.breakpoint-edit-panel label[for=breakpoint-columns] {
  margin-left: 41px;
}
.breakpoint-edit-panel input#breakpoint-name {
  width: 311px;
  margin-left: 10px;
}
.breakpoint-edit-panel input#breakpoint-width,
.breakpoint-edit-panel input#breakpoint-columns {
  width: 62px;
  margin-left: 10px;
  padding-right: 0;
  padding-left: 5px;
}
.font-picker-use-button,
.font-picker-revert-button,
.breakpoint-edit-ok-button {
  line-height: 30px;
  text-align: center;
  float: right;
  cursor: pointer;
  background: #1fcd8f;
  -moz-box-shadow: 0 1px 0 #192d3f;
  -webkit-box-shadow: 0 1px 0 #192d3f;
  box-shadow: 0 1px 0 #192d3f;
  padding: 8px 30px;
  color: #f1f8ff;
  font-size: 18px;
}
.edit-breakpoint-popup-title {
	font: 18px/18px 'Source Sans Pro', sans-serif;
  color: #273a4c;
}
#edit-breakpoint, #new-custom-breakpoint {
  color: #1fcd8f;
	font: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  line-height: 25px;
  cursor: pointer;
}
li.activate-breakpoints-dropdown {
  margin: 15px 0 10px 15px;
  height: 23px;
}
.activate-breakpoints-dropdown .upfront-field-select-options {
  max-height: 30px;
  border-top: 0 none;
  border-right: 0 none;
}
.activate-breakpoints-dropdown .upfront-field-select-options.upfront-field-select-expanded {
  border-right: 5px solid #1fcd8f;
}
li#new-custom-breakpoint {
  margin: 10px 0 10px 15px;
}
/*------------ Font Icons --------------*/
.redactor_dropdown_box_icons div{
    font-size: 2.1em;
    height: 175px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.redactor_dropdown.redactor_dropdown_box_icons{
    min-width: 190px;
    width: 190px;
    line-height: 38px;
    padding-right: 3px;
}
.redactor_dropdown.redactor_dropdown_box_icons a,
.redactor_dropdown.redactor_dropdown_box_icons a:link{
    color: #97b8da !important;
    margin: 5px;
    display: inline-block;
    width: 0.915em;
}
.redactor_dropdown.redactor_dropdown_box_icons a:hover{
    color: rgb(64, 166, 255) !important;
}
.pictos {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'Pictos', sans-serif;
    text-transform: none;
}
/*------------ End of Font Icons --------------*/
#new-custom-breakpoint:before {
	content: " ";
	background-image: url('../img/uf-ui-sprite.svg?v=20131127');
	display: inline-block;
  height: 14px;
  width: 15px;
  background-position: -1441px -411px;
  margin-right: 5px;
}


/* Featured Image selection in the Regions */
a.feature_image_selector {
	background: transparent url(../img/uf-ui-sprite.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  background-position: -509px -612px;
  width: 56px;
  height: 36px;
  margin-left: -28px;
  margin-top: -36px;
  background-color: transparent;
	z-index: 10;
}
a.feature_image_selector.change_feature_image {
	display: none;
}
a.feature_image_selector:after {
  content:'Add feature image';
  color:#95a0ab;
  font-size: 24px;
  display: block;
  width: 300px;
  text-align: center;
  margin-left: -122px;
  margin-top: 36px;
}
a.feature_image_selector.change_feature_image:after {
	content: 'Change feature image';
}
div.upfront-region-container:hover > a.feature_image_selector {
	display:block;
}
div.upfront-region-container-active > a.feature_image_selector {
	display: none !important;
}


/* Flexbox */
.upfront-modules_container > .upfront-editable_entities_container,
.upfront-module-group > .upfront-editable_entities_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.upfront-modules_container > .upfront-editable_entities_container > .upfront-wrapper,
.upfront-module-group > .upfront-editable_entities_container > .upfront-wrapper {
	order: 0;
}


/* Font picker */
#font-picker {
  position: absolute;
  left: 175px;
  top: -170px;
  width: 452px;
  height: 219px;
  background: #e5f3fe;
  z-index: 1;
}
#font-picker .panel-title {
	font: 18px/15px 'Source Sans Pro', sans-serif;
  color: #273a4c;
  margin: 16px 0 10px 20px;
}
#font-picker .panel {
  float: left;
  width: 226px;
}

#font-picker .add-font-panel {
  border-right: 1px solid #c9dff1;
}
#font-picker .choose-font {
  margin: 0 0 0 20px;
  width: 185px;
}
#font-picker .choose-font .upfront-field-select-options {
  position: absolute;
}
#font-picker .font-weights-list {
  min-height: 100px;
}
#font-picker .font-weights-list .upfront-field-multiple {
  margin: 0;
  line-height: 25px;
}
#font-picker .font-weights-list .upfront-field-multiple:hover,
#font-picker .font-weights-list .upfront-field-multiple-selected {
  background: #85a9cc;
}
#font-picker .font-weights-list .upfront-field-multiple:hover label,
#font-picker .font-weights-list .upfront-field-multiple-selected label {
  color: #f2f7ea;
}
#font-picker .font-weights-list .upfront-field-multiple label {
  margin-left: 20px;
}
#font-picker .font-weights-list-wrapper::-webkit-scrollbar,
#font-picker .font-list::-webkit-scrollbar {
  background: none;
  width: 5px;
}
#font-picker .font-weights-list-wrapper::-webkit-scrollbar-thumb,
#font-picker .font-list::-webkit-scrollbar-thumb {
  border-right: 5px solid #1fcd8f;
}
#font-picker .font-weights-list input {
  bottom: 7px;
  left: 20px;
}
#font-picker .font-weights-list .upfront-field-wrap {
  margin: 0;
}
#font-picker .font-weights-list .upfront-field-label {
  margin-left: 20px;
}
#font-picker .font-weights-list-wrapper {
  background: #f2f9fe;
  height: 97px;
  overflow: hidden;
  overflow-y: scroll;
}
#font-picker .theme-font-list-item {
  color: rgb(48, 71, 94);
  position: relative;
  font-size: 11px;
  font-weight: normal;
  font-family: verdana, sans-serif;
  padding-left: 20px;
  cursor: pointer;
  line-height: 23px;
}
#font-picker .theme-font-list-item:hover,
#font-picker .theme-font-list-item-selected {
  background: #85a9cc;
  color: #f2f7ea;
}
#font-picker .theme-font-list-item .delete {
  display: none;
  position: absolute;
  right: 10px;
  top: 3px;
}
#font-picker .theme-font-list-item .upfront-icon:before {
	background-position: -1080px -121px;
	width: 16px;
	height: 16px;
	margin: 0;
}
#font-picker .theme-font-list-item-selected .delete {
  display: inline;
}
#font-picker .font-list {
  background: #f2f9fe;
  height: 148px;
  overflow: hidden;
  overflow-y: scroll;
}
#font-picker .add-font-button {
  line-height: 30px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  font-family: verdana, sans-serif;
  color: #537ea6;
  cursor: pointer;
}
#font-picker .font-stats {
  line-height: 30px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 10px;
  font-family: verdana, sans-serif;
  background: #d7e6f1;
  color: #687887;
}

.font-picker-use-button,
.font-picker-revert-button {
	line-height: 37px;
	font-size: 16px;
	padding: 0 28px 0 29px;
}
.font-picker-use-button {
	margin-left: 20px;
}
.font-picker-revert-button {
  background: #537ea6;
	padding: 0 16px 0 12px;
}
.font-picker-revert-button:before {
	background-position: -198px -34px;
	width: 10px;
}
/*------------------- Setting sections tabs -----------------------*/
#sidebar-ui ul.sidebar-panel-tabspane{
    width: 100%;
    background: #d9edff;
    padding-bottom: 10px;
    display: none;
}
.sidebar-panel-tabspane li{
    display: inline-block;
    margin-left: 5px;
    color: #1fcd8f;
    cursor: pointer;
    padding: 3px 5px;
}
.sidebar-panel-tabspane li.active{
    color:#fff;
    background: #85a9cc;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.sidebar-tab-content{
    display: none;
}

/*---------------------- Settings Theme colors -------------------------*/
#theme-colors-no-color-notice{
    height: 55px;
    font-size: 14px;
}
#theme-colors-no-color-notice:before{
    content: "";
    background-image: url('../img/uf-ui-sprite.svg');
    background-position: -339px -107px;
}
#panel-setting-theme-colors-pane{
    border-bottom: 1px solid #abc9e6;
}
#sidebar-ui .upfront-field-wrap.theme_color_swatch{
    display: inline-block;
    margin: 15px 10px;
}
#sidebar-ui .theme_color_swatch .sp-preview{
    margin: 0;
    border: none;
    border-radius: none;
}
.upfront-field-wrap-color .theme_color_swatch .sp-preview{
    border: none;
    border-radius: 0;
}
.theme_color_swatch .sp-replacer{
    display: inline-block;
    height: 22px;
    width: 22px;
    border: 1px solid #253a4e;
    cursor: pointer;
}
.theme_color_swatch_empty .sp-replacer{
    border-color: #9dbbd8;
    text-align: center;
    line-height: 19px;
    font-size: 20px;
    background: none;
}
.theme_color_swatch_empty .sp-preview{
    background-image: url('../img/uf-core-el-sprite.svg');
    background-position: -1361px -169px;
    border-radius: 0;
}
#panel-setting-theme-colors-shades{

}
.theme-colors-color-box{
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #9dbbd8;
    margin: 5px 10px;
    cursor: pointer;
}
.panel-setting-theme-colors-shades-range{
    width: 100%;
}
.panel-setting-theme-colors-meta p{
    margin: 0;
}
.theme-colors-color-box-selected{
    background-image: url('../img/uf-core-el-sprite.svg');
}
.theme-colors-color-box-selected.dark{
    background-position: -809px -201px;
}
.theme-colors-color-box-selected.light{
    background-position: -809px -169px;
}
.panel-setting-theme-colors .upfront-field-slider .ui-slider-handle{
    background-color: #1fcd8f;
    border-width: 4px;
}