#upfront-image-overlay * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#upfront-image-overlay {
	position:fixed;
	width: 100%;
	background: rgba(57,82,105,0.9);
	top:0;
	z-index: 10001001;
	font-family: 'Lato';
	font-size: 24px;
	font-weight: 200;
	cursor: pointer;
}

.upfront-image-section {
	cursor: default;
}

.upfront-image .upfront-object-content{
	height: 100%;
}

#upront-image-placeholder, #upfront-image-uploading {
	width: 80%;
	margin: 60px auto;
	text-align: center;
	border-radius: 0;
	border: 5px dashed #C3DCF1;
	color: #C3DCF1;
}

.small_placeholder #upront-image-placeholder {
	border-radius: 40px;
	font-size: 18px;
	width: 90%;
}

.ufront-ui .upfront-image-selector-container {
	width: 280px;
	margin: 0 auto;
}

#upfront-image-overlay h2 {
	font-size: 42px;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 200;
}

#upfront-image-overlay h2:before,
#upfront-image-overlay h2:after {
	display: none;
}

.upfront-image-selector-container p {
	font-size:20px;
	color:#ebebeb;
}

#upfront-image-overlay .upfront-image-selector-container ul li {
	display: inline-block;
}

#upfront-image-overlay .select-files,
#upfront-image-overlay a.open-media-gallery {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	background: #1FCD8F;
	padding: 20px 70px;
	border:5px solid #1FCD8F;
	margin:30px 15px;
}

#upfront-image-overlay a.open-media-gallery {
	background: transparent;
	border:5px solid rgba(44,62,80,.7);
	color:rgba(255,255,255,.7);
}

#upfront-image-overlay .select-files:hover {
	background-color:#1CB37D;
	border-color: #1CB37D;
}

#upfront-image-overlay a.open-media-gallery:hover {
	border:5px solid rgba(44,62,80,1);
	color:rgba(255,255,255,1);
}

#upfront-image-overlay.small_placeholder .select-files {
	height:40px;
	line-height: 32px;
	font-weight: 400;
	font-size: 18px;
}

#upfront-image-overlay .select-files:before {
	background-position: -702px -872px;
	content: " ";
	background-image: url('../../../img/uf-core-el-sprite.svg');
	background-repeat: no-repeat;
	float: left;
	display: block;
	width: 28px;
	height:24px;
}

#upfront-image-overlay .upfront-image-media-container {
	margin: 0px auto;
}

.small_placeholder .upfront-image-media-container {
	display: inline;
}

.upfront-ui .upfront-progress-container {
	background: #1E2D3B;
	border-radius: 15px;
	width: 50%;
	padding: 5px;
	margin: 0 auto;
}

#upfront-progress {
	background: #2FCC90 ;
	height: 10px;
	border-radius: 5px;
	border-top: 1px solid #2EE49F;
}

.small_placeholder .dragimagehand {
	left: 12%;
}

#upfront-image-overlay .icon-picture{
	background: url(../../../img/uf-core-el-sprite.svg) no-repeat -806px -322px;
	padding: 0 15px;
}

.upfront-image {
}
.uimage-status-starting {
	background: #eeeff0;
}

.upfront-image-container {
	position: relative;
}

.upfront-image-starting-select {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	color: #273A4C;
	font-size:18px;
	width:100%;
	background: #eeeff0;
	text-align: center;
	padding: 0;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
	display: table;
}

.uimage-centered {
	width: 100px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
	display: table-cell;
}

a.upfront-image-select,
a.upfront-image-select:visited {
	border: 2px solid #B5BBC1;
	color: #B5BBC1;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin: 0 auto;
	background: none;
	font-size: 31px;
	line-height: 110%;
	padding: 0;
}

a.upfront-image-select:hover {
	border: 2px solid #3ea;
	color: #3ea;
	background: none;
}

.upfront-image-resizethiselement {
	font-size: 20px;
	margin-bottom: 10px;
}

.upfront-image-resize-buttons {
	width: 120px;
}

#upfront-image-uploading {
	display: none;
}

#image-edit-container {
	position: relative;
	opacity:1 !important;
}

.image-edit-canvas-container {
	float:left;
	background: #DAEDFE;
	box-shadow: 0 0 5px #000;
	border: 3px solid #DAEDFE;
	z-index:10;
	overflow:hidden;
}

#upfront-image-overlay img.image-edit-canvas {
	max-height: none;
	max-width: none;
	position:absolute;
	border: 5px solid #DAEDFE;
	box-shadow: 0 0 5px #000;
	z-index:10;
}

.image-edit-save-container {
	box-shadow: 0 0 5px #000;
	float: left;
	position: absolute;
	text-align: center;
}

.image-edit-save-container .no-shadow {
	width: 200px;
	background: #DAEDFE;
	position:relative;
	z-index:11;
	padding:15px;
}

#upfront-image-edit {
	position: absolute;
	top: 0;
	left: 0;
	z-index:10001002;
	cursor: pointer;
}

#upfront-image-edit *,
#upfront-image-edit *:before,
#upfront-image-edit *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#uimage-cover {
	background: #cee1f2;
}

#upfront-image-edit a.image-edit-save {
	border-radius: 20px;
	color: #1C7F5B;
	border: 3px solid #1fcd8f;
	padding: 0.3em 0;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 400;
	clear: both;
	margin:  0 auto 10px;
}

#upfront-image-edit a.image-edit-save i{
	font-size: 18px;
}

#upfront-image-edit a.image-edit-option  {
	font-size: 14px;
	color: #1C7F5B;
	border-bottom: 2px dotted #86AACA;
	font-weight: 400;
	display: block;
}

#upfront-image-edit a.image-edit-option:hover  {
	border-bottom: 2px dotted #1fcd8f;
}

#upfront-image-edit a.image-edit-option  i {
	font-size: 12px;
	color: #86AACA;
}

.image-edit-control {
	position:absolute;
	width: 35px;
	height: 35px;
	z-index: 11;
}

#uimage-drag-handle {
	position: absolute;
	top:0;
	left:0;
	z-index:10;
	opacity: 1 !important;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

.image-edit-control>i {
	color: #DAEDFE;
	background: rgba(255, 255, 255, .9) url(../../../img/uf-core-el-sprite.svg) no-repeat;
	position: relative;
	z-index:12;
	width: 35px;
	height: 35px;
	display: block;
	font-weight: 200;
	cursor:pointer;
	padding: 9px 10px;
	font-size: 16px;
}

.image-edit-control>i:hover {
}

.image-edit-rotate {
	top: 5px;
	left: 5px;
}
.image-edit-rotate i:hover{
	background-color: #3ea;
}

.image-edit-mask {
	width: 300px;
	height: 300px;
	border-collapse: separate;
	z-index:10;
	position:absolute;
		 -moz-box-shadow: 0 0 0 20000px rgba(34, 49, 64, 0.6);
	-webkit-box-shadow: 0 0 0 20000px rgba(34, 49, 64, 0.6);
					box-shadow: 0 0 0 20000px rgba(34, 49, 64, 0.6);
}

#image-edit-buttons {
	z-index: 11;
	width: 160px;
}

a.image-edit-button,
a.image-edit-button:link {
	display: inline-block;
	line-height: 36px;
	background: rgba(255, 255, 255, .9);
	margin-bottom: 5px;
	cursor: pointer;
	color:#304050;
	padding:0 10px;
	font-size: 14px;
	clear: both;
	float: left;
}

#image-edit-buttons-bottom a {
	float: left;
	margin: 0 5px 0 0;
}

a.image-edit-button:hover {
	background: #3ea;
	color:#fff;
}

.image-fit-element-button {
	background: rgba(255, 255, 255, .9);
	color:#2B3B4A;
	display: inline-block;
	line-height: 36px;
	padding: 0 10px;
	vertical-align: top;
}

.image-fit-element-button:hover {
	background-color: #28DC96;
	color: #fff;
}

.image-edit-button:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../../../img/uf-core-el-sprite.png);
	background: url(../../../img/uf-core-el-sprite.svg), none;
}

a.image-edit-button.deactivated {
	cursor: default;
	background: rgba(255,255,255,0.4);
	color: #568;
}

a.image-edit-button.deactivated:hover {
	background: rgba(255,255,255,0.4);
	color: #568;
}

#image-edit-button-fit:before{
	background-position: -701px -841px;
	width: 24px;
	height: 20px;
	margin-top: -3px;
}

#image-edit-button-reset:before{
	background-position: -809px -841px;
	width: 24px;
	height: 20px;
	margin-top: -3px;
}
#image-edit-button-swap:before{
	background-position: -693px -162px;
}
#image-edit-button-ok:before{
	background-position: -801px -160px;
}

#image-edit-button-ok {
	background: #1FCD8F;
	color: #11A56C;
}
#image-edit-button-ok:hover {
	background: #3ea;
}

#image-edit-button-align{
	display: inline-block;
	margin-left: 0;
	clear: none;
}

#image-edit-button-align:before{
	height: 25px;
	width: 17px;
}
#image-edit-button-align.align-left:before{
	background-position: -703px -231px;
}
#image-edit-button-align.align-center:before{
	background-position: -703px -263px;
}
#image-edit-button-align.align-right:before{
	background-position: -703px -295px;
}

#image-edit-button-fit:hover:before{
	/*background-position: -693px -129px;*/
}
#image-edit-button-reset:hover:before{
	/*background-position: -801px -130px;	*/
}
#image-edit-button-swap:hover:before{
	background-position: -693px -194px;
}
#image-edit-button-ok:hover:before{
	background-position: -801px -192px;
}
#image-edit-button-align.align-left:hover:before{
	background-position: -810px -263px;
}
#image-edit-button-align.align-center:hover:before{
	background-position: -810px -295px;
}
#image-edit-button-align.align-right:hover:before{
	background-position: -810px -231px;
}

.image-edit-rotate i {
	background-position: -694px -354px;
}

.image-edit-resize {
	position:absolute;
	bottom: 0;
	right: 0;
	height: 20px;
	width: 20px;
	border-right: 5px solid #F2B530;
	border-bottom: 5px solid #F2B530;
}

.image-edit-resize i{
	height: 20px;
	width: 20px;
	background: none;
	cursor: nw-resize;
}

.rotate_90 {
	-webkit-transform: rotate(90deg) !important;
	-moz-transform: rotate(90deg) !important;
	-o-transform: rotate(90deg) !important;
	-ms-transform: rotate(90deg) !important;
	transform: rotate(90deg) !important;
}

.rotate_180 {
	-webkit-transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-o-transform: rotate(180deg) !important;
	-ms-transform: rotate(180deg) !important;
	transform: rotate(180deg) !important;
}

.rotate_270 {
	-webkit-transform: rotate(270deg) !important;
	-moz-transform: rotate(270deg) !important;
	-o-transform: rotate(270deg) !important;
	-ms-transform: rotate(270deg) !important;
	transform: rotate(270deg) !important;
}

#uimage-canvas{
	z-index: 10;
}

/*.uimage-mode-small .image-edit-resize,*/
.uimage-mode-tiny .image-edit-resize,
.uimage-mode-tiny .image-edit-rotate,
.uimage-mode-big #image-edit-button-align,
.uimage-mode-horizontal #image-edit-button-align{
	display:none !important;
}

 #image-edit-buttons-bottom.image-edit-buttons-toleft a{
	float: right;
	margin: 0 0 5px 0;
	clear: both;
}

.uimage-drop-hint {
	/*border:3px dashed #3f5870;*/
    content:'Drop Image Here';
    color:rgba(37,58,78,1);
	position:absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.7);
	top:0;
	bottom:0;
    overflow: hidden;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    font:300 24px Helvetica Neue, Helvetica, sans-serif;
}
.uimage-drop-hint div{
    display: block;
    top: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    line-height: 0;
    text-align: center;
}

.uimage-drop-hint.uimage-drageover {
    transition:border .3s ease-in-out;-moz-transition:border .3s ease-in-out; -webkit-transition:border .3s ease-in-out;
    background:rgba(255,255,255,.7);
    border:5px solid rgba(0,206,141,1);
    -khtml-user-drag: element;
    /*width: 105%;*/
    /*height: 105%;*/
}
.uimage-drop-hint.uimage-dragenter div{
    /*top:47.5%;*/
    /*left: -2.5%;*/
}
.upfront-quick-swap.uimage-quick-swap-small {
	font-size: 18px;
}

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

#upfront-upload-image {
	display:none;
}


.uimage-controls {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 2001;
}

.uimage-controls .upfront-inline-panel {
	visibility: visible;0
	background-image: -o-linear-gradient(-89deg, #2F445D 0%, #152841 100%);
	background-image: -moz-linear-gradient(-89deg, #2F445D 0%, #152841 100%);
	background-image: -ms-linear-gradient(-89deg, #2F445D 0%, #152841 100%);
	background-image: linear-gradient(-179deg, #2F445D 0%, #152841 100%);
	-moz-box-shadow:    inset 0px -1px 0px 0px #43607A, inset 0px 1px 0px 0px #26394A;
	box-shadow:         inset 0px -1px 0px 0px #43607A, inset 0px 1px 0px 0px #26394A;
	border-top-right-radius: 3px;
}
.uimage-controls .upfront-inline-panel-item {
	background:transparent;
	border-bottom: none;
	position: relative;
}
.uimage-controls .upfront-inline-panel-item .upfront-icon {
	padding:4px;
	padding-bottom: 0;
}


.uimage-controls div.upfront-inline-panel-subitem div.upfront-inline-panel-item:last-child,
.upfront-editing .uimage-controls {
	display: none;
}

.ui-resizable-autohide .upfront-active_entity .uimage-controls .upfront-inline-panel-top,
.uimage-controls .upfront-inline-panel-top {
	-webkit-transform: translate(0,0);
	display: block;
}

.uimage-controls .upfront-inline-panel-subitem .upfront-inline-panel-item {
	-webkit-transform: translate(0,0);
}

.ui-resizable-autohide .uimage-controls {
	display: none;
}

.ui-resizable-autohide .uimage-controls.upfront-control-visible {
	display: block;
}

.uimage-control-panel-light {
	position: absolute;
	min-width: 150px;
	z-index: 2001;
	background: rgb(242, 249, 255);
	box-shadow: 3px 3px 0 rgba(99, 134, 166, 0.25);
	border: 1px solid rgb(99, 134, 166);
	padding: 10px;
	left: -65px;
	top: 45px;
	text-align: left;
}

.upfront-ui.uimage-control-panel {
	position: absolute;
	min-width: 150px;
	z-index: 2001;
	background: #2a465f;
	padding: 5px;
	left: 0px;
	top: 30px;
	text-align: left;
}
.upfront-ui.uimage-control-panel .upfront-save_settings {
	box-shadow: none;
	height: 36px;
	padding:0 25px;
}

.upfront-ui.uimage-control-panel label {
	cursor: pointer;
}

.uimage-control-panel-light:before {
	content: ' ';
	position: absolute;
	display: block;
	top: -18px;
	left: 72px;
	border: 9px solid transparent;
	border-bottom-color: rgb(99, 134, 166);
}

.upfront-inline-panel-item.upfront-control-dialog-open {
	background: rgb(42,70,95);
	border-bottom: 1px solid #2A465F;
	z-index: 51;
}
.upfront-inline-panel-item.uimage-caption-control.open {
	background: rgb(42,70,95);
	border-bottom: 1px solid #2A465F;
	z-index: 52;
}

.uimage-controls .upfront-inline-panel-item.upfront-control-dialog-open .tooltip-content,
.uimage-controls .upfront-inline-panel-item.upfront-control-dialog-open:after,
.upfront-inline-panel-item.uimage-caption-control-item.open > .tooltip-content,
.upfront-inline-panel-item.uimage-caption-control-item.open:after { display:none; }

.uimage-control-panel-light:after {
	display: block;
	position: absolute;
	top: -16px;
	left: 73px;
	border: 8px solid transparent;
	border-bottom-color: rgb(242, 249, 255);
	content: ' ';
}

.upfront-ui .uimage-caption-control {
	background: #2a465f;
}

.uimage-control-panel button {
	position: absolute;
	top: 100%;
	right: 0px;
}

/* Controls */

div.uimage-controls i.upfront-icon:before {
	background-image: url(../../../img/uf-core-el-sprite.svg);
}

.upfront-ui .upfront-icon-region-crop:before {
	background-position: -700px -392px;
}
.upfront-ui .upfront-icon-region-crop:hover:before {
	background-position: -808px -392px;
}

.upfront-ui .upfront-icon-region-link:before {
	background-position: -700px -424px;
}
.upfront-ui .upfront-icon-region-link:hover:before {
	background-position: -808px -424px;
}

.upfront-ui .upfront-icon-region-nocaption:before {
	background-position: -700px -455px!important;
}
.upfront-ui .upfront-icon-region-nocaption:hover:before {
	background-position: -808px -455px!important;
}
.upfront-ui .upfront-icon-region-nocaption-active:before {
	background-position: -700px -455px!important;
}
.upfront-ui .upfront-icon-region-nocaption-active:hover:before {
	background-position: -808px -455px!important;
}

.upfront-ui .upfront-icon-region-topOver:before {
	background-position: -699px -520px!important;
}
.upfront-ui .upfront-icon-region-topOver:hover:before {
	background-position: -807px -520px!important;
}
.upfront-ui .upfront-icon-region-topOver-active:before {
	background-position: -699px -520px!important;
}
.upfront-ui .upfront-icon-region-topOver-active:hover:before {
	background-position: -807px -520px!important;
}

.upfront-ui .upfront-icon-region-bottomOver:before {
	background-position: -699px -488px!important;
}
.upfront-ui .upfront-icon-region-bottomOver:hover:before {
	background-position: -807px -488px!important;
}
.upfront-ui .upfront-icon-region-bottomOver-active:before {
	background-position: -699px -487px!important;
}
.upfront-ui .upfront-icon-region-bottomOver-active:hover:before {
	background-position: -807px -487px!important;
}

.upfront-ui .upfront-icon-region-topCover:before {
	background-position: -699px -552px!important;
}
.upfront-ui .upfront-icon-region-topCover:hover:before {
	background-position: -807px -552px!important;
}
.upfront-ui .upfront-icon-region-topCover-active:before {
	background-position: -699px -552px!important;
}
.upfront-ui .upfront-icon-region-topCover-active:hover:before {
	background-position: -807px -552px!important;
}

.upfront-ui .upfront-icon-region-middleCover:before {
	background-position: -699px -584px!important;
}
.upfront-ui .upfront-icon-region-middleCover:hover:before {
	background-position: -807px -584px!important;
}
.upfront-ui .upfront-icon-region-middleCover-active:before {
	background-position: -699px -584px!important;
}
.upfront-ui .upfront-icon-region-middleCover-active:hover:before {
	background-position: -807px -584px!important;
}

.upfront-ui .upfront-icon-region-bottomCover:before {
	background-position: -699px -616px!important;
}
.upfront-ui .upfront-icon-region-bottomCover:hover:before {
	background-position: -807px -616px!important;
}
.upfront-ui .upfront-icon-region-bottomCover-active:before {
	background-position: -699px -616px!important;
}
.upfront-ui .upfront-icon-region-bottomCover-active:hover:before {
	background-position: -807px -616px!important;
}

.upfront-ui .upfront-icon-region-above:before {
	background-position: -699px -680px!important;
}
.upfront-ui .upfront-icon-region-above:hover:before {
	background-position: -807px -680px!important;
}
.upfront-ui .upfront-icon-region-above-active:before {
	background-position: -699px -680px!important;
}
.upfront-ui .upfront-icon-region-above-active:hover:before {
	background-position: -807px -680px!important;
}

.upfront-ui .upfront-icon-region-below:before {
	background-position: -699px -646px!important;
}
.upfront-ui .upfront-icon-region-below:hover:before {
	background-position: -807px -646px!important;
}
.upfront-ui .upfront-icon-region-below-active:before {
	background-position: -699px -646px!important;
}
.upfront-ui .upfront-icon-region-below-active:hover:before {
	background-position: -807px -646px!important;
}

.upfront-ui .upfront-icon-region-collapsedControl:before {
	background-position: -699px -710px;
}
.upfront-ui .upfront-icon-region-collapsedControl:hover:before {
	background-position: -807px -710px;
}
.upfront-ui .upfront-icon-region-collapsedControl-active:before {
	background-position: -699px -721px;
}
.upfront-ui .upfront-icon-region-collapsedControl-active:hover:before {
	background-position: -807px -721px;
}

.upfront-ui .upfront-icon-region-replace-image:before {
	background-position: -699px -744px;
}
.upfront-ui .upfront-icon-region-replace-image:hover:before {
	background-position: -807px -744px;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem {
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem .upfront-inline-panel-item {
	position:absolute;
}


.ugallery-controls .upfront-inline-panel-subitem .upfront-inline-panel-item:hover{
	box-shadow: none;
}
.ugallery-controls .upfront-inline-panel-subitem  i:hover {
	box-shadow: 0 0 0 2px rgba(219,236,252,.9);
	z-index: 20;
	position: relative;
}

.ugallery-controls .upfront-inline-panel-subitem .upfront-inline-panel-subitem-inactive .upfront-inline-panel-subitem {
	display: none;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem .upfront-inline-panel-item:first-child {
	left: 40px;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(2){
	left: -40px;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(3){
	left: 80px;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem .upfront-inline-panel-item:nth-child(4){
	left: -80px;
}

.upfront-inline-panel-subitem .upfront-inline-panel-subitem .upfront-inline-panel-item:last-child {
	left: 0;
}

.uimage-fill_middle .uimage-caption-cover,
.uimage-fill_middle .redactor_box,
.uimage-fill_middle .redactor-box,
.uimage-fill .uimage-caption-cover,
.uimage-fill .redactor_box,
.uimage-fill .redactor-box {
	width: 100%;
}

.uimage-fill .redactor-box,
.uimage-fill_middle .redactor-box,
.uimage-fill_bottom .redactor-box,
.uimage-fill .redactor_box,
.uimage-fill_middle .redactor_box,
.uimage-fill_bottom .redactor_box{
	display: inline-block;
}
.uimage-fill .redactor_box,
.uimage-fill .redactor-box {
	vertical-align: top;
}
.uimage-fill_middle .redactor_box,
.uimage-fill_middle .redactor-box{
	vertical-align: middle;
	position: static;
}
.uimage-fill_bottom .redactor_box,
.uimage-fill_bottom .redactor-box{
	vertical-align: bottom;
	position: static;
}

.uimage-caption-over_image-bottom .redactor_box,
.uimage-caption-over_image-bottom .redactor-box {
	bottom: 0;
	width: 100%;
}

/* Image Element - Dimensions Corner Hint
	 ====================================== */

.upfront-ui.uimage-resize-hint {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #3d5266;
	padding:2px 5px;
	font:normal 11px/13px Verdana, sans-serif;
	color: #DCEBF8;
  min-height: 16px;
}

.upfront-ui.uimage-resize-hint b {
	color: #ADC3D8;
	font-weight: bold;
}

.uimage-resize-hint.sizehint-top {
	top: 15px;
	bottom: auto;
}

.upfront-ui.uimage-resize-hint.featured-image-sizehint{
    top: 0;
}

.ui-resizable-autohide .uimage-resize-hint {
	display: none;
}

.upfront-ui .uimage-sizehint-small {
	display: none;
}

.upfront-ui .uimage-fullwidth-alert {
	padding: 15px;
}
.upfront-ui .uimage-fullwidth-info {
	width: 30%;
	height: 90px;
	float: left;
	margin-right: 5%;
	background-image: url(../../../img/uf-core-el-sprite.svg);
}

.upfront-ui .uimage-fullwidth-info-1{
	background-position: -560px -40px;
}
.upfront-ui .uimage-fullwidth-info-2{
	background-position: -560px -136px;
}
.upfront-ui .uimage-fullwidth-info-3{
	background-position: -560px -232px;
}

.uimage-fullwidth-info:last-child{
	margin-right: 0;
}

.uimage-fullwidth-alert input {
	margin: 6px 10px 0 0 !important;
}
.upfront-ui .uimage-caption-control {
	display: none;
	min-width: 120px;
	line-height: 0px;
	margin-top:0;
}
.uimage-caption-control {
	display: none;
}
.open .uimage-caption-control {
	display: block;
}

.uimage-caption-control-item.open>.tooltip-content {
	display: none !important;
}

.uimage-caption-control .upfront-inline-panel-item {
	display: inline-block;
	position: static;
	float: none;
	border: 0;
}

.uimage-caption-control .uimage-caption-control-tip {
	width: 100%;
	height: 5px;
}

.uimage-caption-control .uimage-caption-control-tip:before {
	content: '';
	display: block;
	width: 10px;
	border: 5px solid transparent;
	border-bottom: 5px solid rgba(31, 48, 63, 0.8);
	margin: 0 auto;
	position: absolute;
	top: 36px;
	left: 15px;
}

.uimage-caption-control .tooltip-bottom .tooltip-content {
	top: auto;
	bottom: auto;
	margin: 100% 0 0;
}

.uimage-settings .upfront-settings-item{
	padding-bottom: 0;
}


.uimage-settings .sp-replacer {
	vertical-align: top;
}

.upfront-image-caption-container {
	position: relative;
	display: inline-block;
}

.upfront-field-wrap.image-alternative-text {
  margin-top: 6px;
}


/* front-end placeholder */
.upfront-output-image .uimage.uimage-placeholder {
	min-height: inherit;
}
.upfront-output-image .uimage.uimage-placeholder .upfront-image-caption-container {
	min-height: inherit;
	width: 100%;
}
.upfront-output-image .uimage.uimage-placeholder .upfront-image-caption-container .upfront-image-starting_placeholder {
	min-height: inherit;
	width: 100%;
}
.upfront-output-image .uimage.uimage-placeholder .upfront-image-caption-container .upfront-image-starting_placeholder p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 48%;
	width: 100%;

	font-style: italic;
	opacity: .3;
}

/* fixes */
.uimage-fill_middle .redactor_box,
.uimage-fill_middle .redactor-box,
.uimage-fill_middle .uimage-caption-cover {
	display: table;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	padding: 0 15px; /* to center vertically middle caption is positioned absolutely so it will not be affected by parent padding */
}

.uimage-fill_middle .redactor_box .uimage-caption-cover,
.uimage-fill_middle .redactor-box .uimage-caption-cover {
	display: inline-block;
	bottom: auto;
	position: relative;
	padding: 0;
	margin: none;
}

.uimage-fill_bottom .redactor_box,
.uimage-fill_bottom .redactor-box,
.uimage-fill_bottom .uimage-caption-cover {
	position: absolute;
	right: 15px;
	left: 15px;
	bottom: 10px;
}
.uimage-fill_bottom .redactor_box .uimage-caption-cover,
.uimage-fill_bottom .redactor-box .uimage-caption-cover {
	position: relative;
	right: auto;
	left: auto;
	bottom: auto;
	width: 100%;
}

.upfront-image-container + .redactor_box,
.upfront-image-container + .redactor-box,
.upfront-image-container + .wp-caption {
	box-sizing: border-box;
	line-height: normal;
}

/* Rules that were in image template */
.uimage {
	line-height: 0;
}
.upfront-image-container + .wp-caption * {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.upfront-image-container {
	overflow: hidden;
}
.uimage-gif .upfront-image-container {
	position: relative;
}
.uimage-gif img {
	max-width: none;
}
.uimage-over_image {
	position: relative;
}
.uimage-over_image .wp-caption{
	position:absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.uimage-over_image .uimage-fill,
.uimage-over_image .uimage-fill_middle,
.uimage-over_image .uimage-fill_bottom{
	text-align: left;
	height: 100%;
}

.uimage-caption-over_image-bottom .wp-caption{
	top: auto;
	bottom: 0;
}

.uimage-caption-cover{
	display: inline-block;
	vertical-align: top;
}
.uimage-fill_middle .uimage-caption-cover{
	vertical-align: middle;
}
.uimage-fill_bottom .uimage-caption-cover{
	vertical-align: bottom;
}

.uimage-over_image div.uimage-bottom{
	top:auto;
}

.uimage-over_image .uimage-hover_show {
	opacity:0;
}

.uimage-over_image:hover .uimage-hover_show {
	opacity:1;
}

.uimage-padded-caption {
	padding: 10px 15px;
}
.uimage img {
	max-height: none;
	vertical-align: top;
}
.uimage-controls.image-element-controls .upfront-inline-panel {
	bottom: 0;
	left: 0;
	position: relative;
}

.uimage-controls.image-element-controls {
	width: auto;
	bottom: 15px;
	left: 15px;
}

.image-from-theme {
	position: relative;
}
.swap-image-overlay {
	background: rgba(35, 49, 64, 0.35);
	display: none;
	color: white;
	text-align: center;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
.swap-image-overlay:hover {
	cursor:pointer;
}
.image-from-theme:hover .swap-image-overlay {
	display: block;
}

.swap-image-overlay p.upfront-icon-swap-image {
	position: absolute;
	display: block;
	max-width: 230px;
	max-height: 20px;
	margin: auto;
	padding: 18px 15px 22px 15px;
	background: #00CE8D;
	top:0;bottom:0;left:0;right:0;
	box-shadow: 0px 1px 0px 0px #009566, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	font:200 20px/100% "Open Sans", Helvetica Neue, Helvetica, Arial, Sans-serif;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swap-image-overlay p.upfront-icon-swap-image:hover {
	background:#00DD97;
}
.swap-image-overlay p:before {
	content: "";
	background-image: url('../../../img/uf-core-el-sprite.svg');
	background-position: -807px -361px;
	display: inline-block;
	width: 24px;
	height: 20px;
	position: relative;
	top:3px;
	margin-right:10px;
}



/* 4914-1433203130 */