#options_grid {
	width : 78%;
	float : left;
}

#oie-container {
	display          : block;
	width            : 100%;
	height           : 685px;
	min-height       : 685px;
	padding          : 0;
	box-sizing       : border-box;
	font-size        : 0px;
	background-color : #FAFAFA;
	position         : relative;
}

#oie-container * {
	box-sizing : border-box;
}

#oie-editor {
	display    : block;
	width      : 100%;
	height     : 100%;
	position   : relative;
	padding    : 0px 0px 60px 0px;
	text-align : center;
}

#oie-editor #canvasArea {
	display  : inline-block;
	width    : 100%;
	height   : 100%;
	position : relative;
	overflow : hidden;
	margin   : 0 auto;
	padding  : 6px 26px 6px 6px;
}

#oie-editor #canvasArea #oie-canvas {
	height              : 100%;
	width               : 100%;
	background-size     : contain;
	background-repeat   : no-repeat;
	background-position : center center;
	position            : relative;
	overflow            : hidden;
	-webkit-box-shadow  : 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow     : 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
	box-shadow          : 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
}

#oie-editor #canvasArea #oie-canvas.marginView {
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	box-shadow         : none;
	overflow           : visible;
}

#oie-editor #canvasArea #image-layer {
	background-repeat : no-repeat;
	width             : 100%;
	height            : 100%;
	position          : relative;
}

#oie-editor #canvasArea .format-container {
	position : absolute;
	width    : 100%;
	height   : 100%;
	top      : 0;
	left     : 0;
}

#oie-editor #canvasArea .format-container.crop-mode {
	pointer-events : none;
}

#oie-editor #canvasArea #format-layer {
	width              : 100%;
	height             : 100%;
	position           : absolute;
	top                : 0;
	left               : 0;
	-webkit-box-shadow : 0 0 3px 1000px rgba(0, 0, 0, .5);
	-moz-box-shadow    : 0 0 3px 1000px rgba(0, 0, 0, .5);
	box-shadow         : 0 0 3px 1000px rgba(0, 0, 0, .5);
	cursor             : move;
	background-repeat  : no-repeat;
}

#oie-editor #canvasArea .marginView #format-layer {
	-webkit-box-shadow : 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow    : 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
	box-shadow         : 0px 0px 6px 1px rgba(0, 0, 0, 0.25);
	overflow           : hidden;
}

#oie-editor #canvasArea .marginViewPlaceHolder {
	width              : 100%;
	height             : 100%;
	position           : absolute;
	top                : 0;
	left               : 0;
	-webkit-box-shadow : 0 0 3px 1000px rgba(252, 252, 252, 1);
	-moz-box-shadow    : 0 0 3px 1000px rgba(252, 252, 252, 1);
	box-shadow         : 0 0 3px 1000px rgba(252, 252, 252, 1);
	cursor             : pointer;
}

#oie-editor #canvasArea .marginViewDummyPlaceHolder {
	width    : 100%;
	height   : 100%;
	position : absolute;
	top      : 0;
	left     : 0;
	cursor   : default;
}

#oie-editor #canvasArea .layerR {
	-webkit-box-border-radius : 100%;
	-moz-box-border-radius    : 100%;
	border-radius             : 100%;
}

#oie-editor #canvasArea #format-layer > u {
	width    : 100%;
	height   : 100%;
	border   : 1px solid rgba(0, 0, 0, .5);
	position : absolute;
	display  : block;
}

#oie-editor #canvasArea #format-layer.layerR > u {
	-webkit-box-border-radius : 100%;
	-moz-box-border-radius    : 100%;
	border-radius             : 100%;
}

#oie-editor #canvasArea .marginView #format-layer > u {
	display : none;
}

#oie-editor #canvasArea #format-layer #format-crop-layer {
	border            : 1px solid #f00;
	position          : absolute;
	background-repeat : no-repeat;
	box-sizing        : content-box;
    overflow : hidden;
}

#oie-editor #canvasArea #format-layer #format-crop-layer.invisibleBg {
	background : none !important;
}

#oie-editor #canvasArea .marginView #format-layer #format-crop-layer {
	border : 1px solid rgba(0, 0, 0, 0);
}

#oie-editor #canvasArea #format-layer #format-crop-layer > .formatInfo {
	position         : absolute;
	display          : inline;
	font-size        : 13px;
	padding          : 2px 5px;
	color            : #000;
	border           : 1px solid #a4aeb3;
	background-color : #d8d8d8;
}

#oie-editor #canvasArea #format-layer #format-crop-layer > .formatInfo.formatW {
	top         : 1px;
	left        : 50%;
	margin-left : -10px;
}

#oie-editor #canvasArea #format-layer #format-crop-layer > .formatInfo.formatH {
	left       : 1px;
	top        : 50%;
	margin-top : -7px;
}

#oie-editor #canvasArea .marginView #format-layer #format-crop-layer > div {
	display : none;
}

#oie-editor #canvasArea #format-layer > u.whiteB {
	border : 1px dashed #fff;
}

#oie-editor #oie-options {
	display  : block;
	width    : 100%;
	height   : 60px;
	position : relative;
}

#oie-editor #oie-options #toolbar-buttons {
	position : relative;
	top      : 17px;
	display  : block;
	width    : auto;
	height   : 26px;
	margin   : 0 auto;
}

#oie-editor #oie-options #toolbar-buttons .group {
	display      : inline-block;
	width        : auto;
	height       : 26px;
	margin-right : 2px;
	position     : relative;
}

.t-button {
	display          : inline-block;
	width            : 50px;
	height           : 26px;
	background-color : #cfcfcf;
	margin-right     : 2px;
	padding          : 3px 0;
	cursor           : pointer;
}

.t-button.style1 {
	padding : 5px 0;
}

.group .t-button .t-icon {
	display             : block;
	width               : 100%;
	height              : 100%;
	background-size     : contain;
	background-position : center;
	background-repeat   : no-repeat;
}

#oie-editor #oie-options #toolbar-buttons .group .t-button#t-cropMode .t-icon {
	background-image : url("../assets/crop-mode.png");
	background-size  : auto 16px;
}

#oie-editor #oie-options #toolbar-buttons .group .t-button#t-normalMode .t-icon {
	background-image : url("../assets/normal-mode.png");
}

#oie-editor #oie-options #toolbar-buttons .group .t-button#t-margins .t-icon {
	background-image : url("../assets/show-margins.png");
}

#oie-editor #oie-options #toolbar-buttons .group .t-button#t-crop .t-icon {
	background-image : url("../assets/show-crop-layer.png");
}

.group .t-button#t-portret .t-icon {
	background-image : url("../assets/show-portret-off.png");
}

.group .t-button#t-portret.active .t-icon {
	background-image : url("../assets/show-portret-on.png");
}

.group .t-button#t-landscape .t-icon {
	background-image : url("../assets/show-landscape-off.png");
}

.group .t-button#t-landscape.active .t-icon {
	background-image : url("../assets/show-landscape-on.png");
}

#oie-editor #oie-options #toolbar-buttons .group .t-button#t-rotate .t-icon {
	background-image : url("../assets/rotate-image.png");
}

.group .t-button.active {
	background-color : #5dbd94;
}

#oie-editor #oie-options #image-quality {
	display  : inline-block;
	position : absolute;
	right    : 0px;
	width    : auto;
	top      : 18px;
}

#oie-editor #oie-options #image-quality .label,
#oie-editor #oie-options #image-quality .quality-stars,
.info-butto {
	display : inline-block;
	width   : auto;
}

#oie-editor #oie-options #image-quality .label {
	font-size    : 13px;
	margin-right : 10px;
	position     : relative;
	top          : -1px;
}

#oie-editor #oie-options #image-quality .quality-stars {
	display             : inline-block;
	width               : 94px;
	height              : 14px;
	background-repeat   : no-repeat;
	background-size     : contain;
	background-position : center;
	background-image    : url('../assets/quality-5-star.png');
}

#oie-editor #oie-options #image-quality .quality-stars.q1 {
	background-image : url('../assets/quality-1-star.png');
}

#oie-editor #oie-options #image-quality .quality-stars.q2 {
	background-image : url('../assets/quality-2-star.png');
}

#oie-editor #oie-options #image-quality .quality-stars.q3 {
	background-image : url('../assets/quality-3-star.png');
}

#oie-editor #oie-options #image-quality .quality-stars.q4 {
	background-image : url('../assets/quality-4-star.png');
}

#oie-editor #oie-options #image-quality .quality-stars.q5 {
	background-image : url('../assets/quality-5-star.png');
}

.info-button {
	display             : inline-block;
	width               : 18px;
	height              : 18px;
	margin              : 0 20px 0 20px;
	background-repeat   : no-repeat;
	background-size     : contain;
	background-position : center;
	background-image    : url('../assets/quality-info-icon.png');
	cursor              : pointer;
	position            : relative;
	top                 : 3px;
}

.info-tooltip {
	text-align : left;
}

.info-button .info-tooltip {
	display       : none;
	width         : 413px;
	position      : absolute;
	top           : -155px;
	background    : white;
	left          : -197px;
	z-index       : 99999999;
	border-radius : 10px;
	border        : 1px solid #cfcfcf;
	cursor        : default;
}

.info-button:hover .info-tooltip {
	display : block;
}

.info-button .info-tooltip .info-content {
	width   : 100%;
	height  : auto;
	padding : 18px 17px 18px 17px;
}

.info-button .info-tooltip .qi-content .qi-stars {
	font-size           : 14px;
	color               : #787878;
	text-align          : left;
	width               : 100%;
	text-indent         : 105px;
	background-repeat   : no-repeat;
	background-position : 0px 2px
}

.info-button .info-tooltip .qi-content .qi-stars.qi-5stars {
	background-image : url('../assets/quality-5-star.png');
}

.info-button .info-tooltip .qi-content .qi-stars.qi-4stars {
	background-image : url('../assets/quality-4-star.png');
}

.info-button .info-tooltip .qi-content .qi-stars.qi-3stars {
	background-image : url('../assets/quality-3-star.png');
}

.info-button .info-tooltip .qi-content .qi-stars.qi-2stars {
	background-image : url('../assets/quality-2-star.png');
}

.info-button .info-tooltip .qi-content .qi-stars.qi-1stars {
	background-image : url('../assets/quality-1-star.png');
}

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

.info-button .info-tooltip:after {
	border-color     : rgba(255, 255, 255, 0);
	border-top-color : #fff;
	border-width     : 17px;
	margin-left      : -17px;
}

.info-button .info-tooltip:before {
	border-color     : rgba(207, 207, 207, 0);
	border-top-color : #cfcfcf;
	border-width     : 18px;
	margin-left      : -18px;
}

#wallpaperlines {
	position : absolute;
	width    : 100%;
	height   : 100%;
	top      : 0;
	left     : 0;
}

#wallpaperlines .lines {
	position         : absolute;
	width            : 1px;
	height           : 100%;
	background-color : #0f0;
}

#steckdoseneditor_container {
	width    : 100%;
	height   : 100%;
	position : absolute;
}

#steckdoseneditor_container .steckdoseneditor-item {
	position : absolute;
	width    : 100%;
	height   : 100%;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon {
	background-repeat   : no-repeat;
	background-position : left center;
	background-size     : contain;
	height              : 40px;
	position            : absolute;
	margin-left         : -20px;
	margin-bottom       : -20px;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon span {
	position         : absolute;
	/*	right            : -2px;
		top              : -2px;*/
	display          : block;
	background-color : #fc3c01;
	width            : 16px;
	height           : 16px;
	color            : #fff;
	border-radius    : 8px;
	font-size        : 11px;
	text-align       : center;
	line-height      : 16px;
	bottom           : 100%;
	left             : 100%;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-line {
	background-color : #fff;
	position         : absolute;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-leftline {
	width         : 100px;
	height        : 1px;
	border-bottom : 1px dashed #fc3c01;
	left          : 0;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-bottomline {
	height      : 100px;
	width       : 1px;
	border-left : 1px dashed #fc3c01;
	bottom      : 0;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-line .line-info {
	position         : absolute;
	display          : inline;
	font-size        : 10px;
	height           : 17px;
	line-height      : 17px;
	color            : #000;
	background-color : rgba(216, 216, 216, 0.7);
	padding          : 0 5px;
	text-align       : center;
	white-space      : nowrap
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-leftline .line-info {
	left   : 25px;
	bottom : 0;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-bottomline .line-info {
	bottom : 35px;
}

.mirroredDiv {
	width             : 100%;
	height            : 100%;
	position          : absolute;
	background-repeat : no-repeat;
}

.mirroredDiv.topMirrored,
.mirroredDiv.bottomMirrored {
	transform : scaleY(-1);
}

.mirroredDiv.leftMirrored,
.mirroredDiv.rightMirrored {
	transform : scaleX(-1);
}

#loadingEditor {
	position   : absolute;
	width      : 100%;
	height     : 100%;
	z-index    : 999999;
	background : #fafafa;
}

.dimensions-holder ul.dimensions-list {
	overflow-y : auto;
	max-height : 196px;
}

#loadingEditor .spinner {
	margin            : -20px auto;
	width             : 40px;
	height            : 40px;
	position          : relative;
	text-align        : center;
	-webkit-animation : sk-rotate 2.0s infinite linear;
	animation         : sk-rotate 2.0s infinite linear;
	top               : 50%;
}

#loadingEditor .dot1, .dot2 {
	width             : 60%;
	height            : 60%;
	display           : inline-block;
	position          : absolute;
	top               : 0;
	background-color  : #333;
	border-radius     : 100%;
	
	-webkit-animation : sk-bounce 2.0s infinite ease-in-out;
	animation         : sk-bounce 2.0s infinite ease-in-out;
}

#loadingEditor .dot2 {
	top                     : auto;
	bottom                  : 0;
	-webkit-animation-delay : -1.0s;
	animation-delay         : -1.0s;
}

@-webkit-keyframes sk-rotate {
	100% {
		-webkit-transform : rotate(360deg)
	}
}

@keyframes sk-rotate {
	100% {
		transform         : rotate(360deg);
		-webkit-transform : rotate(360deg)
	}
}

@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform : scale(0.0)
	}
	50% {
		-webkit-transform : scale(1.0)
	}
}

@keyframes sk-bounce {
	0%, 100% {
		transform         : scale(0.0);
		-webkit-transform : scale(0.0);
	}
	50% {
		transform         : scale(1.0);
		-webkit-transform : scale(1.0);
	}
}

/* matrix changes */
#product_part, #s2id_select_PP {
	display : none !important;
}

#image_upload_container .pageoption_helper {
	top : 0;
}

#margin_color_container {
	display : none;
	padding : 6px 0 4px 0;
}

#margin_color_input {
	float : right;
}

#steckdosen_grid, 
#corners_grid,
#cutouts_grid
{
	position : relative;
	margin   : 10px 0 0 0;
    width   : 100%;
    height  : 100%;
    display : inline-block;
}

#steckdosen_grid .pageoption_helper {
	margin      : 0;
	top         : 4px;
	position    : absolute;
	right       : -15px;
	background  : none;
	color       : #aaa;
	font-size   : 15px;
	width       : auto;
	height      : auto;
	display     : block;
	line-height : 15px;
}

#steckdosen_grid #steckdosen_change {
	display    : inline-block;
	color      : #FFF;
	width      : auto;
	margin     : 0 auto;
	height     : auto;
	text-align : right;
	background : none;
	padding    : 0;
	font-size  : 14px;
	color      : #00bad5;
	position   : absolute !important;
	top        : -1px;
	right      : 0px;
	overflow   : visible;
}

.sidebar_popup * {
	box-sizing : border-box;
}

.sidebar_popup {
	position : relative;
	width    : 100%;
	height   : auto;
	border   : none;
	padding  : 0 !important;
}

#steckdosen_grid.open .sidebar_popup {
}

#steckdosen_toolbar {
	width         : 100%;
	height        : auto;
	margin-bottom : 10px !important;
}

#steckdosen_toolbar .steckdosen_item img{
    width: auto;
    height: auto;
    display: inline-block;
    max-height: 100%;
    margin: 0 auto;
    max-width: 100%;
}
#steckdosen_toolbar .steckdosen_item {
    height: 35px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    position: relative;
    width: 33.3%;
    margin: 0px;
	padding: 0px 2px;
	text-align: center;
}

#steckdosen_toolbar .steckdosen_item.dosen-1,
#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon.doseneditor-1 {
	background-image : url('../assets/dosen/dosen-1.png');
	width            : 35px;
}

#steckdosen_toolbar .steckdosen_item.dosen-2,
#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon.doseneditor-2 {
	background-image : url('../assets/dosen/dosen-2.png');
	width            : 67px;
}

#steckdosen_toolbar .steckdosen_item.dosen-3,
#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon.doseneditor-3 {
	background-image : url('../assets/dosen/dosen-3.png');
	width            : 98px;
}

#steckdosen_toolbar .steckdosen_item.dosen-3 {
	margin : 0 !important;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon.doseneditor-1 {
	width : 40px;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon.doseneditor-2 {
	width : 76px;
}

#steckdoseneditor_container .steckdoseneditor-item .steckdoseneditor-icon.doseneditor-3 {
	width : 111px;
}

#steckdosen_toolbar .steckdosen_item span.select_dosen {
	display     : none;
	width       : 100%;
	height      : 100%;
	text-align  : center;
	font-size   : 32px;
	font-weight : 700;
	line-height : 35px;
	color       : #fff;
	position    : absolute;
	top         : 0;
	left        : 0;
}

#steckdosen_toolbar .steckdosen_item span.opacity {
	display          : none;
	width            : 100%;
	height           : 100%;
	background-color : #000;
	opacity          : 0.5;
	position         : absolute;
	position         : absolute;
	top              : 0;
	left             : 0;
}

#steckdosen_toolbar .steckdosen_item:hover span.select_dosen,
#steckdosen_toolbar .steckdosen_item:hover span.opacity {
	display : block;
}

.dosen-content {
	padding             : 0 0 0 110px;
	background-image    : url(../assets/dosen/dosen-tooltip.png);
	background-position : left 30px;
	background-repeat   : no-repeat;
	background-size     : 96px 96px;
}

.dosen-content p:first-child {
	margin-bottom : 20px;
}

.dosen-content p {
	font-size     : 14px;
	font-weight   : 300;
	color         : #787878;
	margin-bottom : 0px;
}

.sidebar_popup h3 {
	margin : 0 0 10px 0;
}

.sidebar_popup .close {
	position           : absolute;
	top                : 9px;
	right              : 7px;
	font-size          : 20px;
	line-height        : 36px;
	border-radius      : 50%;
	width              : 36px;
	height             : 36px;
	-webkit-transition : background 0.25s ease;
	transition         : background 0.25s ease;
	text-align         : center;
}

.sidebar_popup .close:hover {
	background : #ececec;
}

.sidebar_popup .dimensions-list {
	font-size : 0px;
	border    : 1px solid #cfcfcf !important;
	width     : 100%;
}

.sidebar_popup .dimensions-list li:nth-child(even) {
	background-color : #efefef !important;
}

.sidebar_popup .dimensions-list li:nth-child(odd) {
	background-color : #ffffff !important;
}

.sidebar_popup .dimensions-list li {
	width     : 100%;
	padding   : 5px;
	font-size : 0px;
	display   : inline-block !important;
	position  : relative;
}

.sidebar_popup .dimensions-list li.empty {
	height : 53px;
}

.sidebar_popup .dimensions-list li .number {
	display          : block;
	float            : left;
	background-color : #FE5252;
	width            : 16px;
	height           : 16px;
	color            : #fff;
	border-radius    : 8px;
	font-size        : 11px;
	text-align       : center;
	line-height      : 16px;
	position         : relative;
	top              : 20px;
}

.sidebar_popup .dimensions-list li .newdosen-icon {
	display             : block;
	float               : left;
	width               : 61px;
	height              : 22px;
	/*margin              : 0 26px 0 8px;*/
	margin              : 0 11px 0 6px;
	background-repeat   : no-repeat;
	background-size     : contain;
	background-position : center;
	cursor              : pointer;
	position            : relative;
	top                 : 17px;
}

.sidebar_popup .dimensions-list li .newdosen-icon.dosen1 {
	background-image : url('../assets/dosen/mini-dosen-1.png');
}

.sidebar_popup .dimensions-list li .newdosen-icon.dosen2 {
	background-image : url('../assets/dosen/mini-dosen-2.png');
}

.sidebar_popup .dimensions-list li .newdosen-icon.dosen3 {
	background-image : url('../assets/dosen/mini-dosen-3.png');
}

.sidebar_popup .dimensions-list li .posxy {
	display : block;
	float   : left;
	width   : 82px;
}

.sidebar_popup .dimensions-list li .delete-dosen {
	display   : inline-block;
	position  : absolute;
	width     : auto;
	height    : auto;
	cursor    : pointer;
	top       : 22px;
	color     : #262626;
	font-size : 18px;
	float     : right;
	right     : 7px;
}

.sidebar_popup .dimensions-list li.hover > .delete-dosen {
	display : block;
}

.sidebar_popup .dimensions-list li.hover > .number {
	background-color : #000;
	z-index          : 1;
}

.sidebar_popup .dimensions-list li .posxy .pos_input {
	display : block;
	float   : left;
	margin  : 0 !important;
}

.sidebar_popup .dimensions-list li .posxy .pos_input label {
	padding     : 0 2px 0 0 !important;
	display     : block;
	float       : left;
	width       : auto;
	font-size   : 13px;
	line-height : 29px;
	color       : #262626;
}

.sidebar_popup .dimensions-list li .posxy .pos_input span.cm {
	padding     : 0 0 0 2px;
	display     : block;
	float       : right;
	width       : auto;
	font-size   : 12px;
	line-height : 29px;
	color       : #262626;
}

.sidebar_popup .dimensions-list li .posxy .pos_input .steckdosen_input,
.sidebar_popup .dimensions-list li .posxy .pos_input .cutout_input {
	float     : none;
	font-size : 12px;
	width     : 49px;
	height    : 22px;
	position  : relative;
	top       : 3px;
}

.product-shop, .product-shop-info {
	overflow : visible !important;
	padding  : 0 !important;
}

.product-shop-info .product-name {
	display    : block !important;
	margin-top : 0px !important;
}

#oieSliderConteiner {
	position   : absolute;
	width      : 214px;
	height     : 26px;
	text-align : right;
	z-index    : 99;
	right      : 52px;
	border     : 1px solid #d1d1d1;
	padding    : 1px 10px 0 9px;
}

#oieSliderConteiner .sliderZoom {
	font-size   : 12px;
	color       : #6b6b6b;
	display     : inline-block;
	cursor      : pointer;
	line-height : 0;
	position    : relative;
	top         : -1px;
}

#oieSliderConteiner .sliderZoomIn {
	font-size : 17px;
}

#oieSlider {
	width            : 150px;
	height           : 3px;
	border           : 1px solid #d1d1d1;
	background-color : #00ba8d;
	display          : inline-block;
	margin           : 0 5px 0 5px;
	position         : relative;
	top              : -5px;
	padding          : 0 11px 0 0;
}

#oieSliderHandle {
	width            : 12px;
	height           : 12px;
	border-radius    : 100%;
	border           : 1px solid rgb(214, 214, 214);
	top              : -5px;
	position         : relative;
	left             : 0%;
	background-color : #fff;
	cursor           : pointer;
}

#sliderText {
	color     : #959595;
	font-size : 10px;
	position  : absolute;
	left      : 50%;
	top       : 12px;
	transform : translateX(-50%);
}

#generatePdf {
	position  : relative;
	width     : 100%;
	font-size : 14px;
	color     : #0a263d;
}

.product-view .print_setup #add_to_cart_container .add-to-cart {
	display : block !important;
}

.product-options-bottom .add-to-cart {
	margin-bottom : 30px;
	display       : none !important;
}

.marginDiv {
	font-size   : 20px;
	width       : 100%;
	height      : 100%;
	position    : absolute;
	color       : #000;
	font-weight : bold;
	z-index     : 9;
}

.marginDiv span {
	position    : absolute;
	top         : 50%;
	left        : 0;
	width       : 100%;
	line-height : 0px;
	
}

.rightMarginDiv span {
	transform : rotate(-90deg);
	
}

.leftMarginDiv span {
	transform : rotate(90deg);
}

#oie-editor .marginsTotal > .formatInfo {
	position         : absolute;
	display          : inline;
	font-size        : 13px;
	padding          : 2px 5px;
	color            : #000;
	border           : 1px solid rgba(164, 174, 179, 0.7);
	background-color : rgba(216, 216, 216, 0.7);
	z-index          : 99;
	z-index          : 2;
}

#oie-editor .marginsTotal > .formatInfo.formatMarginL {
	top        : 50%;
	margin-top : -7px;
	left       : 0px;
	transform  : translateX(-100%);
}

#oie-editor .marginsTotal > .formatInfo.formatMarginT {
	left        : 50%;
	margin-left : -10px;
	transform   : translateY(-100%);
}

.marginsTotal {
	position : absolute;
}

.marginView.marginsTotal {
	display : none;
}

.ui-bgDraggable, .ui-bgDraggable-dragging {
	cursor : move;
}
/*start apo new functionalities for lfp*/
.layerContainer, .layerContainer .layerItem {
	width    : 100%;
	height   : 100%;
	position : absolute;
}

.layerContainer .layerItem .rectangle-item {
	position: absolute;
	z-index: 999;
	background-color: rgba(0, 0, 0, 1);
}

.layerContainer .layerItem .rectangle-item.ui-draggable-dragging {
    background-color : rgba(0, 0, 0, 0.5);
}
.layerContainer .layerItem .rectangle-item .dummyImage {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: rgba(0,0,0,0)
}

.layerContainer .layerItem .rectangle-item .cropImage {
	width: 100%;
	height: 100%;	
	overflow: hidden;
}
.layerContainer .layerItem .rectangle-item .dragHandler {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.layerContainer .layerItem .rectangle-item .cropImage img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}



.layerContainer .layerItem .itemHelperLine {
	background-color : #fff;
	position         : absolute;
	z-index: 999;	
}

.layerContainer .layerItem .itemHelperLine.horizontal {
	width         : 100px;
	height        : 1px;
	border-bottom : 1px dashed #fc3c01;
	left          : 0;	
}

.layerContainer .layerItem .itemHelperLine.vertical {
	height      : 100px;
	width       : 1px;
	border-left : 1px dashed #fc3c01;
	bottom      : 0;	
}

.layerContainer .layerItem .itemHelperLine .lineInfo{
	position         : absolute;
	display          : inline;
	font-size        : 10px;
	height           : 17px;
	line-height      : 17px;
	color            : #000;
	background-color : rgba(216, 216, 216, 0.7);
	padding          : 0 5px;
	text-align       : center;
	white-space      : nowrap
}

.layerContainer .layerItem .itemHelperLine.horizontal .lineInfo{
	left: 50%;
    transform: translateX(-50%);
	bottom : 0;
}

.layerContainer .layerItem .itemHelperLine.vertical .lineInfo{
	top: 50%;
    transform: translateY(-50%);
}
	.cutouts_button,
    .upload_btn
    {
		height: 40px;
		width: 100%;
		border: 1px solid #aaa;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		border-radius: 3px;
		margin: 8px 0px;
		background-color: #2140aa;
		cursor: pointer;
		color: #fff;
	}

.upload_btn{
	max-width: 250px;
	 margin: 0 auto;
}
.layerContainer .layerItem .rectangle-item.circle {
    border-radius : 50%;
}

.layerContainer .layerItem .rectangle-item {
    position         : absolute;
    z-index          : 500 ;
    background-color : rgba(0, 0, 0, 1);
}
.newcutout_item .cutout{
    display             : block;
    float               : left;
    width               : 61px;
    height              : 22px;
    /* margin: 0 26px 0 8px; */
    margin              : 0 6px 0 6px;
    background-repeat   : no-repeat;
    background-size     : contain;
    background-position : center;
    cursor              : pointer;
    position            : relative;
    top : 47px;
    width               : 20px;
    height              : 20px;
    /* border: 1px solid #000; */
    background          : #000000;
    opacity             : 1;
}

.newcutout_item .cutout.cutout_circle {
    border-radius: 50%;
}

#cutouts_container  .sidebar_popup .dimensions-list li .posxy .pos_input{
    width      : 100%;
    text-align : right;

}
#cutouts_container .sidebar_popup .dimensions-list  li .number,
#cutouts_container .sidebar_popup .dimensions-list  li .delete-dosen
{
    top:50px;
}
#cutouts_container .sidebar_popup .dimensions-list li .posxy{
    width : 137px;
}
.tabs-gallery{
    width : 100%;
    height:auto;
}
.tabs-gallery .tab{
    float         : left;
    border        : 1px solid #E1E1E1;
    height        : 43px;
    margin-right  : 7px;
    position      : relative;
    border-radius : 2px;
}
.tabs-gallery .tab.active{
    border        : none;
    border-top    : 4px solid #FE5252;
    z-index       : 3;
    margin-top    : -6px;
    height        : 46px;
    background    : #FFFFFF;
    border-radius : 2px;
    box-shadow    : 1px -1px 6px -1px rgba(0, 0, 0, 0.15)
}

.tabs-gallery .tab a{
    display     : block;
    padding     : 0px 20px;
    box-sizing  : border-box;
    height      : 49px;
    padding-top : 10px;
    font-weight : bold;
    color       : #000000;
    color       : rgba(0, 0, 0, 0.67);
    font-size   : 16px;
    background : #F5F5F5;
}
.tabs-gallery .tab.active a{
    background-color : #FFFFFF;
}
.tabs-gallery .gallery{
    position      : relative;
    z-index       : 2;
    border        : none;
    background    : #FFFFFF;
    padding       : 23px 24px 22px;
    border-radius : 2px;
    box-shadow    : 2px 1px 6px 0px rgba(0, 0, 0, 0.15);
    min-height    : 100px;
    display       : inline-block;
    width         : 100%;
    float         : left;
    display:none;
}

.tabs-gallery.local_images .gallery.local_images_gallery,
.tabs-gallery.user_images .gallery.user_images_gallery
{
    display:block;
}
.tabs-gallery{
    width   : 100%;
    padding : 0 20px 0px 0px;
    display : inline-block;
    float   : left;
    height  : auto;
}

.gallery_lfp li.image-item{
    width   : auto;
    height  : auto;
    position: relative;
    min-width:100px;
}

.gallery_lfp li.image-item img{

}

.gallery-item .actions {
    position           : absolute;
    width              : 100%;
    height             : 100%;
    background-color   : none;
    -webkit-transition : background-color 0.3s ease;
    -moz-transition    : background-color 0.3s ease;
    -ms-transition     : background-color 0.3s ease;
    -o-transition      : background-color 0.3s ease;
    transition         : background-color 0.3s ease;
    overflow           : hidden;
    top  : 0px;
    left : 0px;
}

.gallery-item:hover .actions {
    background : rgba(0, 0, 0, 0.5);
    z-index:1;
}

.gallery-item .animation-container {
    width    : 100%;
    height   : 100%;
    position : absolute;
    display  : none;
}

.gallery-item img{
    min-width:100%
}


.gallery-item.empty.empty .animation-container {
    display : block;
}

.gallery-item.empty.empty .actions {
    display : none;
}

.gallery-item .fa.fa-arrows {
    height             : auto;
    width              : 32px;
    top                : 50%;
    position           : absolute;
    left               : -50px;
    background         : #FFFFFF;
    padding            : 2px;
    transform          : translateY(-50%);
    -webkit-transition : left 0.3s ease;
    -moz-transition    : left 0.3s ease;
    -ms-transition     : left 0.3s ease;
    -o-transition      : left 0.3s ease;
    transition         : left 0.3s ease;
    cursor             : move;
    font-size  : 20px;
    color      : #FFFFFF;
    background : #CCCCCC;
}

.gallery-item .fa.fa-trash-o {
    height             : auto;
    width              : 32px;
    top                : 50%;
    position           : absolute;
    right              : -50px;
    background         : #FFFFFF;
    padding            : 2px;
    transform          : translateY(-50%);
    cursor             : pointer;
    -webkit-transition : right 0.3s ease;
    -moz-transition    : right 0.3s ease;
    -ms-transition     : right 0.3s ease;
    -o-transition      : right 0.3s ease;
    transition         : right 0.3s ease;
    font-size : 20px;
}


.gallery-item:hover .fa.fa-arrows {
    left : 5%;
}


.gallery-item:hover .fa.fa-trash-o {
    right : 5%;
}

.gallery_lfp.local_images .gallery-item:hover .fa.fa-trash-o{
    display : none;
}

.gallery_lfp.local_images .gallery-item .fa.fa-arrows{
    transform : translate(-50%, -50%);
}

.gallery_lfp.local_images .gallery-item:hover .fa.fa-arrows{
    left : 50%;
}
.galleryPlaceholder {
    display:none;
}
.files-upload-input{
    display:none;
}

.gallery-item.empty.empty .animation-container {
    display : block;
    z-index:1;
}

.gallery-item .animation-container {
    width    : 100%;
    height   : 100%;
    position : absolute;
    display  : none;
}

.loader-animation {
    position   : relative;
    background : none;
    width      : 60px;
    height     : 60px;
    left       : 50%;
    top        : 50%;
    transform  : translate(-50%, -50%);
}

.loader-animation > div {
    -webkit-animation : printq-loader-anim 1s linear infinite;
    animation         : printq-loader-anim 1s linear infinite;
    top               : 25px;
    left              : 28px;
    width             : 3px;
    height            : 7px;
    background        : #6CBFE8;
    position          : absolute;
    border-radius     : 0;
}

.loader-animation > div:nth-of-type(1) {
    -webkit-animation-delay : -0.5s;
    animation-delay         : -0.5s;
    -webkit-transform       : rotate(0deg) translate(0, -25px);
    transform               : rotate(0deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(2) {
    -webkit-animation-delay : -0.4583333333333333s;
    animation-delay         : -0.4583333333333333s;
    -webkit-transform       : rotate(15deg) translate(0, -25px);
    transform               : rotate(15deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(3) {
    -webkit-animation-delay : -0.4166666666666667s;
    animation-delay         : -0.4166666666666667s;
    -webkit-transform       : rotate(30deg) translate(0, -25px);
    transform               : rotate(30deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(4) {
    -webkit-animation-delay : -0.375s;
    animation-delay         : -0.375s;
    -webkit-transform       : rotate(45deg) translate(0, -25px);
    transform               : rotate(45deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(5) {
    -webkit-animation-delay : -0.33333333333333337s;
    animation-delay         : -0.33333333333333337s;
    -webkit-transform       : rotate(60deg) translate(0, -25px);
    transform               : rotate(60deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(6) {
    -webkit-animation-delay : -0.29166666666666663s;
    animation-delay         : -0.29166666666666663s;
    -webkit-transform       : rotate(75deg) translate(0, -25px);
    transform               : rotate(75deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(7) {
    -webkit-animation-delay : -0.25s;
    animation-delay         : -0.25s;
    -webkit-transform       : rotate(90deg) translate(0, -25px);
    transform               : rotate(90deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(8) {
    -webkit-animation-delay : -0.20833333333333331s;
    animation-delay         : -0.20833333333333331s;
    -webkit-transform       : rotate(105deg) translate(0, -25px);
    transform               : rotate(105deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(9) {
    -webkit-animation-delay : -0.16666666666666669s;
    animation-delay         : -0.16666666666666669s;
    -webkit-transform       : rotate(120deg) translate(0, -25px);
    transform               : rotate(120deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(10) {
    -webkit-animation-delay : -0.125s;
    animation-delay         : -0.125s;
    -webkit-transform       : rotate(135deg) translate(0, -25px);
    transform               : rotate(135deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(11) {
    -webkit-animation-delay : -0.08333333333333331s;
    animation-delay         : -0.08333333333333331s;
    -webkit-transform       : rotate(150deg) translate(0, -25px);
    transform               : rotate(150deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(12) {
    -webkit-animation-delay : -0.041666666666666685s;
    animation-delay         : -0.041666666666666685s;
    -webkit-transform       : rotate(165deg) translate(0, -25px);
    transform               : rotate(165deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(13) {
    -webkit-animation-delay : 0s;
    animation-delay         : 0s;
    -webkit-transform       : rotate(180deg) translate(0, -25px);
    transform               : rotate(180deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(14) {
    -webkit-animation-delay : 0.04166666666666663s;
    animation-delay         : 0.04166666666666663s;
    -webkit-transform       : rotate(195deg) translate(0, -25px);
    transform               : rotate(195deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(15) {
    -webkit-animation-delay : 0.08333333333333337s;
    animation-delay         : 0.08333333333333337s;
    -webkit-transform       : rotate(210deg) translate(0, -25px);
    transform               : rotate(210deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(16) {
    -webkit-animation-delay : 0.125s;
    animation-delay         : 0.125s;
    -webkit-transform       : rotate(225deg) translate(0, -25px);
    transform               : rotate(225deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(17) {
    -webkit-animation-delay : 0.16666666666666663s;
    animation-delay         : 0.16666666666666663s;
    -webkit-transform       : rotate(240deg) translate(0, -25px);
    transform               : rotate(240deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(18) {
    -webkit-animation-delay : 0.20833333333333337s;
    animation-delay         : 0.20833333333333337s;
    -webkit-transform       : rotate(255deg) translate(0, -25px);
    transform               : rotate(255deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(19) {
    -webkit-animation-delay : 0.25s;
    animation-delay         : 0.25s;
    -webkit-transform       : rotate(270deg) translate(0, -25px);
    transform               : rotate(270deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(20) {
    -webkit-animation-delay : 0.29166666666666663s;
    animation-delay         : 0.29166666666666663s;
    -webkit-transform       : rotate(285deg) translate(0, -25px);
    transform               : rotate(285deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(21) {
    -webkit-animation-delay : 0.33333333333333337s;
    animation-delay         : 0.33333333333333337s;
    -webkit-transform       : rotate(300deg) translate(0, -25px);
    transform               : rotate(300deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(22) {
    -webkit-animation-delay : 0.375s;
    animation-delay         : 0.375s;
    -webkit-transform       : rotate(315deg) translate(0, -25px);
    transform               : rotate(315deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(23) {
    -webkit-animation-delay : 0.41666666666666663s;
    animation-delay         : 0.41666666666666663s;
    -webkit-transform       : rotate(330deg) translate(0, -25px);
    transform               : rotate(330deg) translate(0, -25px);
}

.loader-animation > div:nth-of-type(24) {
    -webkit-animation-delay : 0.45833333333333337s;
    animation-delay         : 0.45833333333333337s;
    -webkit-transform       : rotate(345deg) translate(0, -25px);
    transform               : rotate(345deg) translate(0, -25px);
}

.gallery_lfp li.image-item.emty{
    height:100px;
}

.rectangle-item u {
    width              : 100%;
    height             : 100%;
    z-index            : -1;
    box-shadow         : inset;
    position           : absolute;
    top                : 0px;
    left               : 0px;
    box-shadow         : 0px 0px 0px 1px rgb(255, 0, 0);
    -webkit-box-shadow : 0px 0px 0px 1px rgb(255, 0, 0);

}

.rectangle-item.circle u {
    border-radius : 50%;
}

.ui-resizable-handle {
    position         : absolute;
    font-size        : 0.1px;
    display          : block;
    -ms-touch-action : none;
    touch-action     : none;
    width            : 10px !important;
    height           : 10px !important;
    border           : 1px solid #000000;
}

.ui-resizable-handle.ui-resizable-e,
.ui-resizable-handle.ui-resizable-w {
    top       : 50%;
    transform : translateY(-50%);

}

.ui-resizable-handle.ui-resizable-n,
.ui-resizable-handle.ui-resizable-s {
    left      : 50%;
    transform : translateX(-50%);
}

.ui-resizable-handle.ui-resizable-se {
    z-index   : 90;
    top       : 100%;
    transform : translate(-50%, -50%);
    left      : 100%;
}

.ui-rotatable-handle.ui-draggable {
    top       : -4px;
    left      : 50%;
    position  : absolute;
    transform : translate(-50%, -100%);
}
.fa.fa-file-image-o.t-icon:before,
.fa.fa-trash-o.t-icon:before
{
    top      : 11px;
    position : absolute;
    left     : 17px;
}
.fa.fa-file-image-o.t-icon,
.fa.fa-trash-o.t-icon
{
    font-size   : 16px;
    line-height : 0px;
    display     : inline-block;
    text-align  : center;
    color:#6E6E6E;
}
.group .active .fa.fa-file-image-o.t-icon{
color:#fff;
}

#oie-editor #oie-options #toolbar-buttons .group.bck_group,
#oie-editor #oie-options #toolbar-buttons .group.delete_group
{
    line-height: 40px;
}

/*corners*/
.switch {
    position    : relative;
    display     : inline-block;
    width       : 63px;
    height      : 22px;
    line-height : 0px;
    float       : none !important;
}

.switch input {
    opacity : 0;
    width   : 0;
    height  : 0;
}

.slider {
    position           : absolute;
    cursor             : pointer;
    top                : 0;
    left               : 0;
    right              : 0;
    bottom             : 0;
    -webkit-transition : .4s;
    transition         : .4s;
    transition         : .4s;
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 1px solid #AAAAAA;
}

.slider:before {
    position           : absolute;
    content            : "";
    height             : 14px;
    width              : 28px;
    left               : 7px;
    bottom             : 3px;
    background-color   : #AAAAAA;
    -webkit-transition : .4s;
    transition         : .4s;
}


input:checked + .slider:before {
    -webkit-transform : translateX(26px);
    -ms-transform     : translateX(26px);
    transform         : translateX(26px);
}


/* Rounded sliders */
.slider.round {
    border-radius : 34px;
}

.slider.round:before {
    border-radius : 7px;
}

.cornersContainer {
    width      : 100%;
    padding    : 5px;
    background : #FFFFFF;
    margin-top : 10px;
    display    : inline-block;
    float      : left;
}

.cornersContainer .corner {
    width   : 100%;
    float   : left;
    display : inline-block;
    height  : auto

}

.cornersContainer .corner .cornerArea {
    width      : 33.3%;
    float      : left;
    display    : inline-block;
    text-align : left;
    line-height : 25px;
}

.cornersContainer .corner .cornerArea .cornerImg {
    width   : 33.3%;
    float   : left;
    display : inline-block;
    padding : 2px 1px;
}

.cornersContainer .corner .cornerArea .cornerImg img {
    width      : 100%;
    height     : auto;
    max-height : 100%;
    display    : inline-block;
    border     : 2px solid transparent;
    cursor     : pointer;
}

.cornersContainer .corner .cornerArea .cornerImg.isActive img {
    border : 2px solid grey;
}

.cornersContainer .corner .cornerArea span {
    font-size : 10px;
}

.cornersContainer .corner .cornerArea input {
    width     : 40px;
    height    : 16px;
    font-size : 12px;
}

.radiusArea,
.coordonatesArea {
    line-height : 33px
}

.cornersContainer span.status {
    font-size  : 9px;
    position   : absolute;
    z-index    : 1;
    top        : 12px;
    left       : 15px;
    font-style : normal;
}

.cornersContainer span.inactive {
    left : 37px;
}

span.active,
label.isActive span.inactive {
    display : none
}

label.isActive span.active,
span.inactive {
    display : block;
}


.toolbar-grab-line {
    width  : 50%;
    margin : 1px auto;
}

.product-view #corners_container{
    padding:23px 2px;
}

.product-view .print_setup #corners_container h2 {
    text-indent : 19px;
}

.cornersFormatContainer .corner.circle,
.cornersFormatContainer .corner.circle2 {
    position      : absolute;
    background    : #808080;
    border-radius : 50%;
}

.cornersFormatContainer .corner.left_top.circle,
.cornersFormatContainer .corner.left_top.circle2 {
    left      : 0px;
    top       : 0px;
    transform : translate(-50%, -50%);
}


.cornersFormatContainer .corner.right_top.circle,
.cornersFormatContainer .corner.right_top.circle2 {
    right     : 0px;
    top       : 0px;
    transform : translate(50%, -50%);
}

.cornersFormatContainer .corner.right_bottom.circle2,
.cornersFormatContainer .corner.right_bottom.circle {
    bottom    : 0px;
    right     : 0px;
    transform : translate(50%, 50%);
}

.cornersFormatContainer .corner.left_bottom.circle,
.cornersFormatContainer .corner.left_bottom.circle2 {
    bottom    : 0px;
    left      : 0px;
    transform : translate(-50%, 50%);
}

.cornersFormatContainer .corner.left_top.line {
    border-color        : transparent;
    border-left-width   : 0px !important;
    border-bottom-width : 0px !important;
    border-top-color    : #808080 !important;
    position            : absolute;
    left                : 0px;
    top                 : 0px
}

.cornersFormatContainer .corner.right_top.line {
    border-top-width   : 0px !important;
    border-left-width  : 0px !important;
    border-right-color : #808080 !important;
    position           : absolute;
    right              : 0px;
    top                : 0px;
}

.cornersFormatContainer .corner.left_bottom.line {
    border-left-width   : 0px !important;
    border-top-width    : 0px !important;
    border-bottom-color : #808080 !important;
    position            : absolute;
    left                : 0px;
    bottom              : 0px
}

.cornersFormatContainer .corner.right_bottom.line {
    border-left-width   : 0px !important;
    border-bottom-width : 0px !important;
    border-right-color  : #808080 !important;
    position            : absolute;
    right               : 0px;
    bottom              : 0px;
}

.cornersFormatContainer .corner.left_top.circle2 {
    border-radius : 50% 0% 0% 0%;
    box-shadow    : 0 0 0 1999999px #808080;
    transform     : none;
    background    : transparent;
}

.cornersFormatContainer .corner.right_top.circle2 {
    border-radius : 0% 50% 0% 0%;
    box-shadow    : 0 0 0 1999999px #808080;
    transform     : translate(0%, 0%);
    position      : absolute;
    background    : transparent;

}

.cornersFormatContainer .corner.right_bottom.circle2 {
    border-radius : 0% 0% 50% 0%;
    box-shadow    : 0 0 0 1999999px #808080;
    transform     : none;
    background    : transparent;

}

.cornersFormatContainer .corner.left_bottom.circle2 {
    transform     : translate(0%, 0%);
    border-radius : 0% 0% 0% 50%;
    box-shadow    : 0 0 0 1999999px #808080, 0 0 0 1999999px #808080;
    background    : transparent;
    position      : absolute;
}
.cornersFormatContainer,
.layerContainer
{
    position:absolute;
    top:0px;
    left:0px;
    display : inline-block;
    width   : 100%;
    height  : 100%;
}
#image_upload_container{
    display:none;
}
/*corners end*/
/*end apo new functionalities for lfp*/

@media screen and (max-width : 1280px) and (min-width : 960px) {
	.sidebar_popup .dimensions-list li {
		height : 85px;
	}
	
	.sidebar_popup .dimensions-list li .number {
		top : 3px;
	}
	
	.sidebar_popup .dimensions-list li .newdosen-icon {
		top : 0;
	}
	
	.sidebar_popup .dimensions-list li .newdosen-icon {
		position : relative;
		top      : 0px;
	}
	
	.sidebar_popup .dimensions-list li .delete-dosen {
		top : 5px;
	}

	
}

@media screen and (max-width : 1280px) {
	
	#oie-container {
		height     : 485px;
		min-height : 485px;
	}
	
	#oie-editor {
		padding : 0px 0px 85px 0px;
		
	}
	
	#oie-editor #oie-options #image-quality {
		display    : block;
		position   : relative;
		right      : 0px;
		width      : 100%;
		top        : 18px;
		text-align : right;
	}
	
	#sliderText {
		left : 120px;
	}
}

@media screen and (max-width : 959px) {
	#options_grid {
		width : 100%;
		float : none;
	}
	
	#informations_selections_container {
		display : none;
	}
	
	.sidebar_popup .dimensions-list li .posxy {
		width : auto;
	}
	
	.sidebar_popup .dimensions-list li .number {
		top : 6px;
	}
	
	.sidebar_popup .dimensions-list li .newdosen-icon {
		top : 3px;
	}
	
	.sidebar_popup .dimensions-list li .delete-dosen {
		top : 9px;
	}
	
	.sidebar_popup .dimensions-list li .posxy .pos_input {
		margin : 0 10px !important;
	}
}

@media screen and (max-width : 959px) and (min-width : 768px) {
	#oie-editor #oie-options #toolbar-buttons {
		width  : 100%;
		margin : 0;
	}
	
	#oie-editor #oie-options #image-quality {
		float  : right;
		height : 70px;
	}
}

@media screen and (max-width : 768px) {
	
	#oie-editor #oie-options #toolbar-buttons .group {
		height : 30px;
	}
	
	#oie-editor #oie-options #image-quality {
		float  : right;
		height : 80px;
		top    : 50px;
	}
	
	body.active #oie-editor #oie-options #toolbar-buttons .group.group_crop {
		width     : 266px;
		display   : block;
		left      : 50%;
		transform : translateX(-50%);
	}
	
	body.active #oie-editor #oie-options #toolbar-buttons .group #t-cropMode {
		float : right;
	}
}

@media screen and (max-width : 480px) {
	.sidebar_popup .dimensions-list li .posxy {
		width : 82px;
	}
	
	.sidebar_popup .dimensions-list li .number {
		top : 20px;
	}
	
	.sidebar_popup .dimensions-list li .newdosen-icon {
		top : 17px;
	}
	
	.sidebar_popup .dimensions-list li .delete-dosen {
		top : 22px;
	}
	
	.sidebar_popup .dimensions-list li .posxy .pos_input {
		margin : 0 !important;
	}
	
	.pageoption_helper {
		display : none !important;
	}
}
.justified-gallery{
    width:100%;
    height : auto;
    display:inline-block;
}

#oie-editor #canvasArea .marginView #format-layer #format-crop-layer .layerContainer{
	display:block;
}
#oie-editor #canvasArea .marginView #format-layer #format-crop-layer .ui-resizable-handle,
#oie-editor #canvasArea .marginView #format-layer #format-crop-layer .dragHandler,
#oie-editor #canvasArea .marginView #format-layer #format-crop-layer .ui-rotatable-handle,
#oie-editor #canvasArea .marginView #format-layer #format-crop-layer .u,
#oie-editor #canvasArea .marginView #format-layer #format-crop-layer .itemHelperLine
{
	display:none !important;
}