.no-sidebar .entry-header,

.no-sidebar .entry-content {

	margin: 0px;

}

#lumiseLauncher,

#lumiseLauncher #lumise-steps-nav {

	display: inline-block;

	width: 100%;

	font-weight: normal;

	text-align: left;

	margin-bottom: 40px;

	border-bottom: 1px dotted #e0e0e0;

	padding-bottom: 20px;

}

#lumiseLauncher[data-processing] {

	position: relative;

	vertical-align: middle;

}

#lumiseLauncher.before-render-draft *{

	opacity: 0;

}

#lumiseLauncher[data-processing]:before {

	content: attr(data-processing);

	position: absolute;

	text-align: center;

	top: -5px;

	left: -5px;

	width: calc(100% + 10px);

	height: calc(100% + 10px);

	background: #ffffffd9;

	z-index: 11;

	display: flex;

	align-items: center;

	justify-content: center;

}

#lumiseLauncher[data-processing]:after {

	content: "";

	position: absolute;

	top: calc(50% - 80px);

	left: calc(50% - 20px);

	z-index: 12;

	height: 40px;

	width: 40px;

	background: url('../images/spinner.png') center center no-repeat;

	background-size: 40px;

	animation: 2s cubic-bezier(.63,.045,.34,1) normal infinite lumise-spinner;

}

#lumise-upload-type {

	text-align: center;

}

#lumiseLauncher #lumise-upload-type ul{

	list-style: none;

	margin: 30px 0;

	display: inline-block;

}

#lumise-upload-type ul li{

	display: inline-block;

	border: 1px solid #ccc;

	padding: 30px;

	margin: 0 30px;

	border-radius: 3px;

	cursor: pointer;

	color: #555;

	transition: all ease 250ms;

	position: relative;

}

#lumise-upload-type ul li svg{

	fill: #555;

}

#lumise-upload-type ul li:not([data-active="true"]):hover{

	border-color: #555;

	color: #333;

}

#lumise-upload-type ul li:not([data-active="true"]):hover svg{

	fill: #333;

}

#lumise-upload-type ul li[data-active="true"] {

	border-color: #E91E63;

	color: #E91E63;

}

#lumise-upload-type ul li[data-active="true"] svg{

	fill: #E91E63;

}

#lumise-upload-type ul li span[data-view="drafts"] {

	position: absolute;

	top: 10px;

	right: 14px;

	color: #aaa;

	font-size: 20px;

}

#lumise-upload-type ul li span[data-view="drafts"]>i:after {

	content: attr(data-count);

    position: absolute;

    top: -6px;

    right: -10px;

    padding: 3px;

    background: #ec1461;

    color: #fff;

    font-size: 10px;

    border-radius: 100%;

    font-weight: normal;

    font-style: initial;

    height: 16px;

    min-width: 16px;

    line-height: 10px;

    text-align: center;

}

#lumise-upload-type ul li span[data-view="drafts"]:hover>i{

	color: #555;

}

#lumiseLauncher #lumise-upload-type ul li span[data-view="drafts"] ul {

	position: absolute;

	background: #1a1a1a;

	padding: 0 0 2px;

	right: -30px;

	top: 100%;

	border-radius: 3px;

	margin: 0px;

	display: none;

}

#lumiseLauncher #lumise-upload-type ul li span[data-view="drafts"][data-active="true"]>ul {

    animation: fadeInS 250ms;

    display: inline-block;

}

#lumiseLauncher #lumise-upload-type ul li span[data-view="drafts"] ul:before {

	content: "";

	position: absolute;

	top: -50px;

	right: 0px;

	width: 100px;

	height: 50px;

}

#lumiseLauncher #lumise-upload-type ul li span[data-view="drafts"] ul:after {

	content: "";

	position: absolute;

	top: -10px;

	right: 34px;

	border: 5px solid transparent;

	border-bottom: 5px solid #ef055f;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li{

	width: 100%;

	float: left;

	border: none;

	margin: 0px;

	padding: 10px 14px 10px 30px;

	text-align: left;

	color: #9c9c9c;

	width: 220px;

	font-size: 13px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	border-bottom: 1px dotted #eeeeee47;

	border-radius: 0px;

	cursor: pointer;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li i{

	font-size: 20px;

	position: absolute;

	right: 10px;

	opacity: 0;

	top: 15%;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li:hover i{

	opacity: 1;

	color: #555;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li i:hover{

	color: #eee;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li:hover{

	color: #eee;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li:not(:first-child):after{

	font-family: "lumise" !important;

    content: "\71";

    position: absolute;

    left: 13px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 12px;

    color: #636363;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li:first-child{

	text-transform: uppercase;

	background: #ec1461;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	cursor: default;

	color: #fff !important;

	padding-left: 14px;

	border: none;

}

#lumise-upload-type ul li span[data-view="drafts"] ul li:last-child{

	border: none;

}

#lumise-upload-type ul li p{

	margin: 20px 0 0 0;

}

#lumise-upload-type p[data-view="btn"]{

	margin-top: 30px;

}

#lumiseLauncher[data-processing] #lumise-steps-nav,

#lumiseLauncher[data-processing] #lumise-steps-body {

	filter: blur(3px);

}

#lumiseLauncher ul{

	list-style: none;

	padding: 0px;

	margin: 0px;

}

#lumiseLauncher #lumise-steps-nav {

	text-align: center;

	margin-top: 6px;

	transition: all ease 250ms;

}

#lumiseLauncher #lumise-steps-body {

	display: inline-block;

	width: 100%;

	transition: all ease 250ms;

}

#lumise-steps-nav a[href="#back"] {

	float: left;

	text-decoration: none;

}

#lumise-steps-nav button[data-btn="continue"] {

	float: right;

	background: #E91E63;

	margin-top: -5px;

	outline: none; 

}

#lumise-steps-nav span[data-view="auto-draft"]{

	float: right;

	position: relative;

	margin-right: 25px;

	margin-left: -100%;

	z-index: 10;

}

#lumise-steps-nav span[data-view="auto-draft"]>div>i{

	color: #b9b9b9;

	cursor: pointer;

	transition: all ease 250ms;

	margin-top: 4px;

	display: inline-block;

	font-size: 18px;

}

#lumise-steps-nav span[data-view="auto-draft"]>div>i:after{

	content: attr(data-count);

	position: absolute;

	top: -6px;

	right: -10px;

	padding: 3px;

	background: #ec1461;

	color: #fff;

	font-size: 10px;

	border-radius: 100%;

	font-weight: normal;

	font-style: initial;

	height: 16px;

	min-width: 16px;

	line-height: 10px;

	text-align: center;

}

#lumise-steps-nav span[data-view="auto-draft"]:hover>div>i{

	color: #272c33;

}

#lumise-steps-nav span[data-view="auto-draft"] ul{

	position: absolute;

	background: #272c33;

	right: -48px;

	top: calc(100% + 5px);

	width: 250px;

	display: none;

	border-radius: 5px;

	box-shadow: 3px 3px 15px 0 rgba(39, 44, 50, 0.5);

}

#lumise-steps-nav span[data-view="auto-draft"] [data-active="true"]>ul{

	animation: fadeInS 250ms;

	display: inline-block;

}

#lumise-steps-nav span[data-view="auto-draft"] ul:after{

	position: absolute;

	content: "";

	border: 8px solid transparent;

	border-bottom: 8px solid #ef055f;

	top: -16px;

	right: 50px;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li{

	text-align: left;

	font-size: 13px;

	color: #9c9c9c;

	border-top: 1px dotted #eeeeee24;

	padding: 8px 0px 8px 30px;

	margin: 0 75px 0 0;

	cursor: pointer;

	transition: all ease 250ms;

	width: 100%;

	position: relative;

	box-sizing: border-box;

	float: left;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li.active,

#lumise-steps-nav span[data-view="auto-draft"] ul li:hover{

	color: #dedede;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li:first-child{

	border: none;

	color: #fafafa;

	text-align: left !important;

	font-size: 13px;

	text-transform: uppercase;

	width: 100%;

	padding: 8px 15px;

	font-weight: bold;

	cursor: default;

	letter-spacing: 1px;

	background: #ec1461;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li:after{

    font-family: "lumise" !important;

    content: "\71";

    position: absolute;

    left: 13px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 12px;

    color: #636363;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li.active:after{

	color: #ec1461;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li:first-child:after{

	display: none;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li[data-func="new"] {

	text-align: center;

	padding: 8px 0px;

	color: #fff;

	font-size: 12px;

	background: #31373e;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li[data-func="new"]:hover {

	background: #ef055f;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li[data-func="new"]:after{

	display: none;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li text{

	display: inline-block;

	width: calc(100% - 40px);

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	height: 30px;

	line-height: 30px;

	float: left;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li:not([data-func]) i{

	position: absolute;

	right: 10px;

	top: 50%;

	transform: translateY(-50%);

	z-index: 10;

	font-size: 20px;

	cursor: pointer;

	color: #88888800;

	margin: 3px 0 0 5px;

	display: inline-block;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li:not([data-func]):hover i{

	color: #88888878;

}

#lumise-steps-nav span[data-view="auto-draft"] ul li:not([data-func]) i:hover{

	color: #ec1461 !important;

}

#lumise-steps-nav button[data-btn="continue"].disabled {

	background: #ccc !important;

	cursor: not-allowed;

}

#lumise-steps-nav button[data-btn="continue"] i{

	font-weight: bold;

}

#lumise-steps-nav button[data-btn="continue"]:hover {

	background: #b70d47;

}

#lumise-steps-nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	color: #ccc;

	display: inline-block;

}

#lumise-steps-nav ul li {

    list-style: none;

    display: inline-block;

    text-align: center;

    position: relative;

    color: #333;

    font-weight: normal;

    padding: 0 16px;

    margin-bottom: -2px;

    font-size: 15px;

}

#lumise-steps-nav ul li:not(:last-child):after {

	font-family: "lumise" !important;

	content: "\71";

	position: absolute;

	right: 0px;

	top: 50%;

	transform: translateX(50%) translateY(-50%);

	font-size: 12px;

}

#lumise-steps-nav ul li.lumise-active,

#lumise-steps-nav ul li.lumise-done {

    font-weight: bold;

    color: #E91E63;

}

#lumise-steps-nav ul li.lumise-done {

	border: none;

	font-weight: normal;

}

#lumise-steps-nav ul li.lumise-active:after {

	background-position: -69px 0;

}

#lumise-steps-nav ul li.lumise-done:after {

	background-position: -105px 0;

}

#lumise-steps-nav ul li.lumise-active:after {

	z-index: 10;

}

#lumise-steps-nav ul li:last-child:after {

	background-position: -174px 0;

	right : 0px;

}

#lumise-steps-body>div.lumise-step:not(.lumise-active) {

	display: none;

}

#lumise-step-products h3.lumise-list-category{

	width: 100%;

	margin-top: 20px;

	text-align: left;

}

#lumise-step-products ul.lumise-list-products{

	list-style: none;

	padding: 0px;

	margin: 0px; 

}

#lumise-step-products ul.lumise-list-products li{

    float: left;

    width: 22%;

    padding: 2%;

    cursor: pointer;

    position: relative;

    transition: all ease 250ms;

    margin: 2%;

}



#lumise-step-products ul.lumise-list-products li:hover,

#lumise-step-products ul.lumise-list-products li[data-active="true"]{

	box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.3);

	border-radius: 3px;

	overflow: hidden;

}

#lumise-step-products ul.lumise-list-products li[data-active="true"]:after{

	position: absolute;

	content: "";

	top: 0px;

	left: 0px;

	height: 100%;

	width: 100%;

	background: #E91E6361 url('data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTM3OC4zMDUsMTczLjg1OWMtNS44NTctNS44NTYtMTUuMzU1LTUuODU2LTIxLjIxMiwwLjAwMUwyMjQuNjM0LDMwNi4zMTlsLTY5LjcyNy02OS43MjcgICAgYy01Ljg1Ny01Ljg1Ny0xNS4zNTUtNS44NTctMjEuMjEzLDBjLTUuODU4LDUuODU3LTUuODU4LDE1LjM1NSwwLDIxLjIxM2w4MC4zMzMsODAuMzMzYzIuOTI5LDIuOTI5LDYuNzY4LDQuMzkzLDEwLjYwNiw0LjM5MyAgICBjMy44MzgsMCw3LjY3OC0xLjQ2NSwxMC42MDYtNC4zOTNsMTQzLjA2Ni0xNDMuMDY2QzM4NC4xNjMsMTg5LjIxNSwzODQuMTYzLDE3OS43MTcsMzc4LjMwNSwxNzMuODU5eiIgc3R5bGU9ImZpbGw6IHJnYigxNDUsIDIyMCwgOTApOyI+PC9wYXRoPjxwYXRoIGQ9Ik00MzcuMDE5LDc0Ljk4QzM4OC42NjcsMjYuNjI5LDMyNC4zOCwwLDI1NiwwQzE4Ny42MTksMCwxMjMuMzMxLDI2LjYyOSw3NC45OCw3NC45OEMyNi42MjgsMTIzLjMzMiwwLDE4Ny42MiwwLDI1NiAgICBzMjYuNjI4LDEzMi42NjcsNzQuOTgsMTgxLjAxOUMxMjMuMzMyLDQ4NS4zNzEsMTg3LjYxOSw1MTIsMjU2LDUxMmM2OC4zOCwwLDEzMi42NjctMjYuNjI5LDE4MS4wMTktNzQuOTgxICAgIEM0ODUuMzcxLDM4OC42NjcsNTEyLDMyNC4zOCw1MTIsMjU2UzQ4NS4zNzEsMTIzLjMzMyw0MzcuMDE5LDc0Ljk4eiBNMjU2LDQ4MkMxMzEuMzgzLDQ4MiwzMCwzODAuNjE3LDMwLDI1NlMxMzEuMzgzLDMwLDI1NiwzMCAgICBzMjI2LDEwMS4zODMsMjI2LDIyNlMzODAuNjE3LDQ4MiwyNTYsNDgyeiIgc3R5bGU9ImZpbGw6IHJnYigxNDUsIDIyMCwgOTApOyI+PC9wYXRoPjwvc3ZnPg==') no-repeat center center;

	background-size: 80px;

}

#lumise-step-products ul.lumise-list-products li:nth-child(4n){

	margin-right: 0px;

}

#lumise-step-products ul.lumise-list-products li:nth-child(4n+1){

	clear: both;

	margin-left: 0px;

}

#lumise-step-products ul.lumise-list-products li .lumise-product-text{

	text-align: center;

}

#lumise-step-products ul.lumise-list-products li .lumise-product-text em{

	font-size: 13px;

	color: #888;

}

#lumise-step-designs, #lumise-design-screen{

	display: inline-block;

	width: 100%;

}

#lumise-design-screen #lumise-left-side{

	float: left;

	width: 400px;

}

#lumise-design-screen #lumise-left-side ul{

	list-style: none;

	padding: 0px;

	margin: 0px;

	display: inline-block;

	width: 100%;

}

#lumise-design-screen #lumise-left-side ul li{

	border: 1px solid #e0e0e0;

	margin-bottom: 10px;

	padding: 10px 14px;

	cursor: pointer;

	position: relative;

	transition: border ease 250ms;

	background: #fff;

	float: left;

	border-radius: 3px;

	width: 100%;

	display: flex;

}

#lumise-design-screen #lumise-left-side ul li:hover {



}

#lumise-design-screen #lumise-left-side ul li.lumise-active{

	border: 1px solid #E91E63;

}

#lumise-design-screen #lumise-left-side ul li img{

	width: 70px;

	margin-right: 10px;

}

#lumise-design-screen #lumise-left-side ul li [data-view="p1"] {

	float: left;

}

#lumise-design-screen #lumise-left-side ul li [data-view="p2"] {

	float: left;

	width: calc(100% - 80px);

	text-align: left;

	vertical-align: middle;

	line-height: 20px;

}

#lumise-design-screen #lumise-left-side ul li [data-view="p2"] label{

	display: inline-block;

	width: 100%;

	font-weight: bold;

	padding: 0;

	cursor: pointer;

	margin-top: 10px;

	margin-bottom: 5px;

}

#lumise-design-screen #lumise-left-side ul li [data-view="p2"] price{

	font-size: 13px;

	color: #888;

	font-style: italic;

	font-weight: normal;

}

#lumise-design-screen #lumise-left-side ul li [data-view="p2"] price span{

	color: #8BC34A;	

}

#lumise-design-screen #lumise-left-side ul li [data-view="p2"] em{

	display: block;

	font-size: 13px;

	color: #888;

}

#lumise-design-screen ul[data-view="colors"] li{

	display: inline-block;

	width: 36px;

	height: 36px;

	line-height: 36px;

	margin-right: 5px;

	border-radius: 24px;

	margin-bottom: 5px;

	padding: 0px;

	cursor: pointer;

	border: 2px solid #00000017;

	position: relative;

	transition: all ease 250ms;

}

#lumise-design-screen ul[data-view="colors"] li:hover{

	border-color: #00000075;

}

#lumise-design-screen ul[data-view="colors"] li[data-func="add"]{

	width: 36px;

	padding: 0px 3px;

	font-size: 25px;

	font-weight: normal;

	border-radius: 32px;

	color: #e0e0e0;

	line-height: 32px;

}

#lumise-design-screen ul[data-view="colors"] li[data-func="add"]>i{

	position: relative;

	bottom: -4px;

	transition: all ease 250ms;

}

#lumise-design-screen ul[data-view="colors"] li[data-func="add"]:hover>i{

	color: #555;

}



#lumise-design-screen ul[data-view="list-colors"]{

	position: absolute;

	width: calc(100% - 40px);

	left: 50%;

	bottom: 20px;

	background: #333;

	padding: 10px;

	border-radius: 3px;

	box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.5);

	display: none;

	z-index: 11;

	border-top-right-radius: 0px;

	transform: translateX(-50%);

}

#lumise-design-screen ul[data-view="list-colors"] li{

	border-radius: 0px;

	width: 50px;

	height: 38px;

	margin: 0px;

	cursor: pointer;

	border: 1px solid rgba(255,255,255,0);

	transition: all ease 250ms;

	float: left;

}

#lumise-design-screen ul[data-view="list-colors"] li[data-func="close"]{

    font-size: 13px;

    display: block;

    text-align: left;

    height: 30px;

    width: auto;

    border-color: transparent;

    background: #333;

    color: #e0e0e0;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    line-height: 20px;

    margin-top: 0px;

    cursor: pointer;

    position: absolute;

    top: 0px;

    right: 0px;

    transform: translateY(-100%);

    padding: 5px 10px;

}

#lumise-design-screen ul[data-view="list-colors"] li[data-func="close"] svg{

	float: right;

	cursor: pointer;

	font-size: 22px;

	margin-top: 3px;

	margin-left: 5px;

	fill: #e0e0e0;

}

#lumise-design-screen ul[data-view="colors"] li[data-color]:after,

#lumise-design-screen ul[data-view="list-colors"] li[data-color]:after{

	font-family: "lumise" !important;

	content: "\63";

	color: #fff;

	font-size: 16px;

	line-height: 36px;

	opacity: 0;

	text-shadow: 1px 1px 3px rgba(0,0,0,.1);

}

#lumise-design-screen ul[data-view="colors"] li[data-color].lumise-active:after,



#lumise-design-screen ul[data-view="list-colors"] li[data-color].lumise-active:after{

	opacity: 1;

}

#lumise-design-screen ul[data-view="list-colors"] li[data-color]:hover{

	position: relative;

	z-index: 2;

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);

	border: 1px solid rgba(255,255,255,0.25);

}

#lumise-design-screen ul[data-view="colors"] li span,

#lumise-design-screen ul[data-view="list-colors"] li span{

	position: absolute;

	display: none;

	font-size: 13px;

	white-space: nowrap;

	z-index: 10;

	background: #4a4a4af2;

	color: #eee;

	padding: 6px 10px;

	border-radius: 3px;

	line-height: initial;

	left: 50%;

	top: -14px;

	transform: translateX(-50%) translateY(-100%);

}

#lumise-design-screen ul[data-view="colors"] li span:after,

#lumise-design-screen ul[data-view="list-colors"] li span:after{

	content: "";

	position: absolute;

	top: 100%;

	left: 50%;

	border: 5px solid transparent;

	border-top: 5px solid #4a4a4af2;

	transform: translateX(-50%);

}

#lumise-design-screen ul[data-view="colors"] li:hover>span,

#lumise-design-screen ul[data-view="list-colors"] li:hover>span{

	display: inline-block;

}

#lumise-design-screen ul[data-view="colors"] li>span:hover,

#lumise-design-screen ul[data-view="list-colors"] li>span:hover{

	display: none;

}

#lumise-design-screen #lumise-left-side ul li i[data-func] {

	position: absolute;

	top: 8px;

	right: 12px;

	font-size: 20px;

	opacity: 0.1;

	cursor: pointer;

	transition: all ease 250ms;

}

#lumise-design-screen #lumise-left-side ul li:hover i[data-func] {

	opacity: 1;

}

#lumise-design-screen #lumise-left-side ul li i[data-func="delete"]:hover {

	color: #E91E63;

}

#lumise-design-screen #lumise-left-side ul li i[data-func="arrange"] {

	right: 40px;

	font-size: 17px;

	margin-top: 3px;

	cursor: move;

}

#lumise-design-screen #lumise-left-side #lumise-left-side-btns {

	display: flex;

	padding-bottom: 20px;

}

#lumise-design-screen #lumise-left-side button[data-func] {

	width: 100%;

	background: transparent;

	color: #333;

	font-weight: normal;

	text-transform: capitalize;

	border: 1px solid #e0e0e0;

}

#lumise-design-screen #lumise-left-side button[data-func]:hover {

	border-color: #888888;

}

#lumise-design-screen #lumise-left-side button[data-func="next"] {

	margin-left: 20px;

	background: #E91E63;

}

#lumise-design-screen #lumise-left-side button[data-func="next"]:hover {

	background: #b5291e;

}

#lumise-design-screen #lumise-left-side button[data-func] i{

}

#lumise-design-screen #lumise-design-upload{

	float: right;

	width: calc(100% - 430px);

	text-align: center;

}

#lumise-design-screen #lumise-design-screen>h3{

	text-align: center;

	padding-top: 20px;

}

#lumise-design-screen,

#lumise-design-preview{

	display: inline-block;

	padding: 20px;

	width: 100%;

	border: 1px solid #e0e0e0;

	border-radius: 8px;

	background: #fff;

	position: relative;

	min-height: 300px;

}

#lumise-design-preview{

	padding: 0px;

	border: 1px solid #E91E63;

	position: relative;

}

#lumise-design-preview svg[is="exit-preivew"]{

	position: absolute;

	top: 20px;

	right: 20px;

	width: 20px;

	height: 20px;

	fill: #2d2a2b;

	cursor: pointer;

	display: none;

	z-index: 10;

}

#lumise-design-screen.is-preview #lumise-design-preview svg[is="exit-preivew"] {

	display: inline-block;

}

#lumise-design-screen.is-preview #lumise-design-wrap {

	max-width: calc(100% - 110px);

	margin-left: 100px;

	float: left;

}

#lumise-design-screen div[data-view="upload"]{

    padding: 20px 0px;

    border-top-left-radius: 7px;

    background: #f7f7f7;

    border-top-right-radius: 7px;

    border-bottom: 1px solid #e0e0e0;

    transition: all ease 250ms;

    position: relative;

}

#lumise-design-screen div[data-view="upload"] div[data-view="notice"]{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	line-height: 5em;

	background: #f5d5d3;

	border-top-left-radius: 7px;

	border-top-right-radius: 7px;

	z-index: -1;

	opacity: 0;

}

#lumise-design-screen div[data-view="upload"] div[data-view="notice"] i{

	font-size: 22px;

	position: absolute;

	top: 14px;

	right: 14px;

	color: #888888;

	line-height: initial;

	cursor: pointer;

}

#lumise-design-screen div[data-view="upload"] div[data-view="notice"] i:hover{

	color: #333;

}

#lumise-design-screen.is-preview #lumise-design-tools,

#lumise-design-screen.is-preview ul[data-view="colors"]{

	opacity: 0;

	height: 0px;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	float: left;

}

#lumise-design-screen.is-preview div[data-view="upload"] {

	opacity: 0;

	z-index: -1;

	position: relative;

	height: 10px;

	padding: 0px;

}

#lumise-design-screen.is-preview #lumise-edit-zone{

	border-color: transparent !important;

}

#lumise-design-screen.is-preview #lumise-edit-zone[data-overlay="true"]{

	z-index: 0;

}

#lumise-design-screen.is-preview #lumise-edit-zone:after{

	display: none;

}

#lumise-design-screen div[data-view="upload"] button{

	margin-right: 10px;

	background: #ffffff;

	color: #1a1a1a;

	font-weight: normal;

	text-transform: capitalize;

	border: 1px solid #e0e0e0;

	position: relative;

	padding-left: 50px;

}

#lumise-design-screen div[data-view="upload"] button i{

	color: #E91E63;

	font-size: 24px;

	position: absolute;

	top: 10px;

	left: 15px;

}

#lumise-design-screen div[data-view="upload"] button:hover{

	border-color: #888888;

}

#lumise-design-colors, #lumise-design-prices {

	display: inline-block;

	text-align: left;

	width: 100%;

	margin-top: 20px;

}

#lumise-design-wrap {

	display: inline-block;

	max-width: calc(100% - 220px);

	margin: 40px 0 40px 0;

	position: relative;

	min-height: 350px;

}

#lumise-design-screen.is-preview #lumise-design-wrap {

	margin-top: 0px;

}

#lumise-design-screen.is-preview #lumise-design-upload img.base-view {

	max-height: 100%;

}

#lumise-step-publish #lumise-publish-left{

	float: left;

	width: 40%;

}

#lumise-step-publish #lumise-publish-left div[data-view="row"] {

	display: inline-block;

	width: 100%;

	margin-bottom: 14px;

}

#lumise-step-publish #lumise-publish-right{

	float: left;

	width: 60%;

	text-align: center;

	max-height: 80vh;

	overflow: auto;

}

#lumise-step-publish #lumise-publish-right ul {

	display: inline-block;

	width: 90%;

	float: right;

}

#lumise-step-publish #lumise-publish-right ul li{

	display: inline-block;

	width: 100%;

	text-align: center;

	border-bottom: 1px dotted #ccc;

	padding: 20px 0;

}

#lumise-step-publish #lumise-publish-right ul li:last-child{

	border: none;

}

#lumise-step-publish #lumise-publish-right ul li span[data-view="stages"]{

	display: inline-block;

	width: 100%;

	margin-bottom: 20px;

}

#lumise-step-publish #lumise-publish-right ul li img{

	display: inline-block;

	clear: both;

	width: 200px;

}

#lumise-step-publish #lumise-publish-right ul li price {

	color: green;

	font-size: 13px;

	font-style: italic;

}

#lumise-edit-zone {

	position: absolute;

	height: 80%;

	width: 80%;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	border: 1px dashed #E91E63b3;

	transition: border ease 250ms;

	z-index: 3;

	user-select: none;

}

#lumise-edit-zone:after {

	position: absolute;

	bottom: 0px;

	left: -1px;

	transition: opacity ease 250ms;

	content: attr(data-info);

	background: #333333a8 url('data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGhlaWdodD0iMTAwIiB3aWR0aD0iMTAwIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzLjYyNSAyMy42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiByZ2IoMjU1LCAyNTUsIDI1NSwgMC44KTsiIGQ9Ik0xMS44MTIsMEM1LjI4OSwwLDAsNS4yODksMCwxMS44MTJzNS4yODksMTEuODEzLDExLjgxMiwxMS44MTNzMTEuODEzLTUuMjksMTEuODEzLTExLjgxMyAgIFMxOC4zMzUsMCwxMS44MTIsMHogTTE0LjI3MSwxOC4zMDdjLTAuNjA4LDAuMjQtMS4wOTIsMC40MjItMS40NTUsMC41NDhjLTAuMzYyLDAuMTI2LTAuNzgzLDAuMTg5LTEuMjYyLDAuMTg5ICAgYy0wLjczNiwwLTEuMzA5LTAuMTgtMS43MTctMC41MzlzLTAuNjExLTAuODE0LTAuNjExLTEuMzY3YzAtMC4yMTUsMC4wMTUtMC40MzUsMC4wNDUtMC42NTljMC4wMzEtMC4yMjQsMC4wOC0wLjQ3NiwwLjE0Ny0wLjc1OSAgIGwwLjc2MS0yLjY4OGMwLjA2Ny0wLjI1OCwwLjEyNS0wLjUwMywwLjE3MS0wLjczMWMwLjA0Ni0wLjIzLDAuMDY4LTAuNDQxLDAuMDY4LTAuNjMzYzAtMC4zNDItMC4wNzEtMC41ODItMC4yMTItMC43MTcgICBjLTAuMTQzLTAuMTM1LTAuNDEyLTAuMjAxLTAuODEzLTAuMjAxYy0wLjE5NiwwLTAuMzk4LDAuMDI5LTAuNjA1LDAuMDljLTAuMjA1LDAuMDYzLTAuMzgzLDAuMTItMC41MjksMC4xNzZsMC4yMDEtMC44MjggICBjMC40OTgtMC4yMDMsMC45NzUtMC4zNzcsMS40My0wLjUyMWMwLjQ1NS0wLjE0NiwwLjg4NS0wLjIxOCwxLjI5LTAuMjE4YzAuNzMxLDAsMS4yOTUsMC4xNzgsMS42OTIsMC41MyAgIGMwLjM5NSwwLjM1MywwLjU5NCwwLjgxMiwwLjU5NCwxLjM3NmMwLDAuMTE3LTAuMDE0LDAuMzIzLTAuMDQxLDAuNjE3Yy0wLjAyNywwLjI5NS0wLjA3OCwwLjU2NC0wLjE1MiwwLjgxMWwtMC43NTcsMi42OCAgIGMtMC4wNjIsMC4yMTUtMC4xMTcsMC40NjEtMC4xNjcsMC43MzZjLTAuMDQ5LDAuMjc1LTAuMDczLDAuNDg1LTAuMDczLDAuNjI2YzAsMC4zNTYsMC4wNzksMC41OTksMC4yMzksMC43MjggICBjMC4xNTgsMC4xMjksMC40MzUsMC4xOTQsMC44MjcsMC4xOTRjMC4xODUsMCwwLjM5Mi0wLjAzMywwLjYyNi0wLjA5N2MwLjIzMi0wLjA2NCwwLjQtMC4xMjEsMC41MDYtMC4xN0wxNC4yNzEsMTguMzA3eiAgICBNMTQuMTM3LDcuNDI5Yy0wLjM1MywwLjMyOC0wLjc3OCwwLjQ5Mi0xLjI3NSwwLjQ5MmMtMC40OTYsMC0wLjkyNC0wLjE2NC0xLjI4LTAuNDkyYy0wLjM1NC0wLjMyOC0wLjUzMy0wLjcyNy0wLjUzMy0xLjE5MyAgIGMwLTAuNDY1LDAuMTgtMC44NjUsMC41MzMtMS4xOTZjMC4zNTYtMC4zMzIsMC43ODQtMC40OTcsMS4yOC0wLjQ5N2MwLjQ5NywwLDAuOTIzLDAuMTY1LDEuMjc1LDAuNDk3ICAgYzAuMzUzLDAuMzMxLDAuNTMsMC43MzEsMC41MywxLjE5NkMxNC42NjcsNi43MDMsMTQuNDksNy4xMDEsMTQuMTM3LDcuNDI5eiI+PC9wYXRoPjwvc3ZnPg==') no-repeat 8px center;

	white-space: nowrap;

	border-bottom-left-radius: 2px;

	border-bottom-right-radius: 2px;

	background-size: 15px;

	padding: 2px 5px 2px 30px;

	font-size: 12px;

	color: #eee;

	transform: translateX(0%) translateY(100%);

}

#lumise-edit-zone img{

	max-height: 100%;

	max-width: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	cursor: move;

	user-select: none;

	-webkit-user-select: none;

	float: left;

}

#lumise-design-screen ul[data-view="stages-nav"] {

	position: absolute;

	top: 125px;

	left: 19px;

	transition: all ease 250ms;

}

#lumise-design-screen ul[data-view="stages-nav"] li{

	text-align: center;

	padding: 5px 10px;

	border: 1px solid #e0e0e0;

	margin-bottom: 10px;

	border-radius: 3px;

	font-size: 13px;

	font-weight: normal;

	background: #fff;

	cursor: pointer;

	color: #888;

	transition: all ease 250ms;

}

#lumise-design-screen ul[data-view="stages-nav"] li:hover{

	border-color: #b5b5b5;

	color: #333;

}

#lumise-design-screen ul[data-view="stages-nav"] li.lumise-active,

#lumise-design-screen.is-preview ul[data-view="stages-nav"] li[data-func="preview"]{

	border-color: #E91E63;

	color: #333;

}

#lumise-design-screen ul[data-view="stages-nav"] li img{

	width: 50px;

	display: inline-block;

}

#lumise-design-screen ul[data-view="stages-nav"] li span{

	display: block;

}

#lumise-design-screen #lumise-design-upload img.base-view{

	border-radius: 3px;

	max-width: 100%;

	max-height: 100%;

	display: flex;

	max-height: 540px;

	transition: all ease 250ms;

	position: relative;

	z-index: 2;

}

#lumise-design-screen ul[data-view="tools"] {

	position: absolute;

	top: 125px;

	right: 19px;

}

#lumise-design-screen ul[data-view="tools"] li{

	position: relative;

	border: 1px solid #e0e0e0;

	border-radius: 3px;

	width: 50px;

	margin-bottom: 10px;

	text-align: center;

	cursor: pointer;

	color: #888;

	transition: all ease 250ms;

	padding: 15px 0 5px;

}

#lumise-design-screen ul[data-view="tools"] li:hover{

	border-color: #b5b5b5;

	color: #333;

}

#lumise-design-screen ul[data-view="tools"] li i,

#lumise-design-screen ul[data-view="tools"] li svg,

#lumise-design-screen ul[data-view="stages-nav"] li svg{

	font-size: 24px;

	display: inline-block;

	fill: #888;

	transition: all ease 250ms;

}

#lumise-design-screen ul[data-view="tools"] li:hover svg,

#lumise-design-screen ul[data-view="stages-nav"] li:hover svg{

	fill: #333;	

}

#lumise-design-screen ul[data-view="tools"] li span{

	position: absolute;

	display: none;

	font-size: 13px;

	z-index: 10;

	background: #333333e6;

	color: #eee;

	padding: 6px 10px;

	border-radius: 2px;

	line-height: initial;

	left: 50%;

	top: -10px;

	transform: translateX(-50%) translateY(-100%);

	white-space: nowrap;

}

#lumise-design-screen ul[data-view="tools"] li:hover span{

	display: inline-block;

}

#lumise-design-screen ul[data-view="tools"] li span:after{

	content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    border: 5px solid transparent;

    border-top: 5px solid #333333e6;

    transform: translateX(-50%);

}

#lumise-design-screen ul[data-view="tools"] li span:hover{

	display: none;

}

#lumise-design-screen ul[data-view="colors"] {

	display: inline-block;

	width: 100%;

	padding: 0px 0 15px 0;

	border-bottom-left-radius: 7px;

	border-bottom-right-radius: 7px;

	transition: all ease 250ms;

}

#lumise-design-screen ul[data-view="colors"] li{

	display: inline-block;

}

#lumise-design-screen ul[data-view="tools"] li[is="recent"]{

	border: none;

	padding: 0px;

}

#lumise-design-screen ul[data-view="tools"] li[is="recent"] ul{

	overflow: hidden;

	overflow-y: scroll;

	max-height: 100%;

}

#lumise-design-screen ul[data-view="tools"] li[is="recent"] ul li{

	min-height: 0px;

	padding: 0px;

	float: left;

}

#lumise-design-screen ul[data-view="tools"] li[is="recent"] img{

	width: 100%;

	border-radius: 2px;

	float: left;

}

#lumise-design-attr-screen {

	display: inline-block;

	text-align: left;

	width: 100%;

	margin-top: 20px;

}

#lumise-design-attr-screen p {

	display: flex;

}

#lumise-design-attr-screen p label{

	padding-right: 14px;

}

#lumise-design-attr-screen p input{

	width: auto;

}

#lumise-product-details td{

	padding: 14px;

}

#lumise-product-details thead td{

	font-weight: bold;

}

#lumise-product-details td[data-view="stt"] {

	width: 30px;

}

#lumise-product-details td[data-view="screenshot"] img{

	width: 100px;

}

#lumise-product-details td[data-view="label"]{

	font-weight: bold;

}

#lumise-product-details td[data-view="label"] price{

	display: block;

	font-weight: normal;

	font-size: 13px;

	font-style: italic;

	color: #888;

}

#lumise-product-details td[data-view="label"] price span{

	color: #8BC34A;

}

#lumise-product-details td[data-view="actions"] a[href="#delete"]{

	color: red;

}

#lumise-product-details td[data-view="profit"] input{

	width: 120px;

	display: inline-block;

}

#lumise-product-details td[data-view="form"] {

	text-align: left;

	padding: 14px;

}

#lumise-product-details td[data-view="form"] p{

	margin: 0 0 0.8em;

}

#lumise-product-details td[data-view="form"] p label{

	display: block;

}

#lumise-product-details td[data-view="form"] p input {

	border: 1px solid #ccc;

	height: 36px;

	padding: 0 10px;

	width: 250px;

}

#lumise-sluggy {

	position: relative;

	line-height: 35px;

	width: 100%;

	font-weight: normal;

	color: #848484;

	font-size: 13px;

	margin-top: 10px;

}

#lumise-sluggy span{

	font-weight: bold;

}

#lumise-sluggy[data-stt="success"] span{

	color: #8bc34a;

}

#lumise-sluggy[data-stt="fail"] span{

	color: #e91e63;

}

#lumise-sluggy span:after {

	content: "\63";

	font-family: "lumise";

	font-size: 18px;

	color: #ffffff;

	display: none;

	position: relative;

	left: 12px;

	bottom: -4px;

	background: #8bc34a;

	height: 24px;

	width: 24px;

	border-radius: 100%;

	text-align: center;

	line-height: 26px;

}

#lumise-sluggy[data-stt="success"] span:after {

	display: inline-block;

}

#lumise-sluggy[data-stt="fail"] span:after {

	display: inline-block;

	content: "\64";

	background-color: #E91E63;

}

#lumise-sluggy i{

	margin: 0 0 -3px 5px;

	display: inline-block;

}

#lumise-publish-success,

#lumise-publish-fail {

	text-align: center;

}

#lumise-publish-fail pre {

    width: auto;

    display: inline-block;

    text-align: left;

    border-radius: 3px;

    border: 1px dashed #c18080;

    background: #d296961c;

}

#lumise-publish-success [data-view="links"] a{

	margin: 0 10px;

	font-size: 14px;

}

#lumise-publish-success [data-view="btn"] a {

    background: #1a1a1a;

    border: 0;

    border-radius: 2px;

    color: #fff;

    letter-spacing: 0.046875em;

    line-height: 1;

    padding: 0.84375em 0.875em 0.78125em;

    margin: 0;

    display: inline-block;

}

#lumise-publish-success [data-view="btn"] a:hover {

    background: #007acc;

}

.lumise-loading {

    display: inline-block;

    background: rgb(255, 255, 255) url(../images/loading.gif) no-repeat center center;

    width: 34px;

    height: 34px;

    background-size: 30px;

    border-radius: 100%;

}

div#lumise-notices {

    position: fixed;

    top: 50px;

    left: 50%;

    /* display: none; */

    z-index: 10000000000;

}



div#lumise-notices>span {

    padding: 2px 15px;

    background: rgba(245, 242, 202, 0.9);

    transform: translateX(-50%);

    border: 1px solid rgb(224, 221, 184);

    border-radius: 3px;

    font-size: 14px;

    display: block;

    margin-bottom: 2px;

    line-height: 27px;

}



div#lumise-notices>span>i {

    font-size: 20px;

    position: relative;

    bottom: -5px;

}



div#lumise-notices>span[data-type="success"] {

    background: #ddffda;

    border-color: #b1e0ae;

    color: #2b7926;

}



div#lumise-notices>span[data-type="error"] {

    background: rgba(253, 201, 186, 0.9);

    border-color: rgba(214, 167, 153, 0.9);

    color: rgba(206, 50, 38, 0.91);

}

.lumise-spinner {

    height: 20px;

    width: 20px;

    background: url('../images/spinner.png') center center no-repeat;

    background-size: 20px;

    animation: 2s cubic-bezier(.63,.045,.34,1) normal infinite lumise-spinner;

    display: inline-block;

    position: relative;

    bottom: -2px;

}



.lumise-spinner.white {

    background-image: url('../images/spinner-white.png');

}



.lumise-spinner.x2 {

    height: 24px;

    width: 24px;

    background-size: 24px

}



.lumise-spinner.x3 {

    height: 30px;

    width: 30px;

    background-size: 30px

}



.lumise-spinner.x4 {

    height: 40px;

    width: 40px;

    background-size: 40px

}



.lumise-spinner.x5 {

    height: 50px;

    width: 50px;

    background-size: 50px

}



@keyframes lumise-spinner {

    0% {

        transform: scale(1) rotate(0)

    }



    100% {

        transform: scale(1) rotate(720deg)

    }

}

@keyframes fadeInS {

    0% {

        opacity: 0;

        transform: scale(0.9);

    }



    100% {

        opacity: 1;

        transform: scale(1);

    }

}



@media only screen and (max-width: 767px){

	#lumise-step-products ul.lumise-list-products li{
		width: 48% !important;
		margin: 20px 4% 20px 0 !important;
	}
	#lumise-step-products ul.lumise-list-products li:nth-of-type(2n){
		margin-right: 0 !important;
	}
	#lumise-step-products ul.lumise-list-products li:nth-of-type(2n + 1){
		clear: both;
	}
	#lumise-steps-nav{
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#lumise-steps-nav button[data-btn="continue"]{
		display: flex;
		margin-top: 10px;
	}
	#lumise-design-screen #lumise-left-side,
	#lumise-design-screen #lumise-design-upload{
		width: 100%;
	}
	#lumise-product-details{
		overflow: auto;
	}
}

@media only screen and (max-width: 600px){
	#lumise-design-screen div[data-view="upload"]{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}	
	#lumise-design-screen div[data-view="upload"] #lumise-upload-file{
		margin: 0 0 10px;
	}
	#lumise-design-wrap{
		max-width: 80%;
		margin: 40px 0 130px 0;
	}
	#lumise-design-screen ul[data-view="stages-nav"]{
	    bottom: 65px;
	    left: 50%;
	    transform: translateX(-50%);
	    top: auto;
	    display: flex;
	}
	#lumise-design-screen ul[data-view="stages-nav"] li{
		margin: 0 5px;
	}
	#lumise-design-screen ul[data-view="stages-nav"] li img{
		max-height: 60px;
	}
	#lumise-design-screen ul[data-view="tools"]{
		top: 145px;
		right: 10px;
		z-index: 999;
	}
	#lumise-design-screen ul[data-view="tools"] li{
		width: 40px;
	}
}

@media only screen and (max-width: 480px){
	#lumise-step-products ul.lumise-list-products li{
		width: 100% !important;
		margin: 20px 0 20px 0 !important;
	}
}