@import url('icons/styles.css');
@import url('simpline.css');
@import url('https://fonts.googleapis.com/css?family=Nunito');
html,
body {
  touch-action: manipulation;
}

body {
  padding: 0px;
  margin: 0px;
  background: #ebeced;
  /* #f3f5f5;*/
}

a {
  color: #4db6ac;
}

a:hover {
  text-decoration: none;
}

input[type='range']::-moz-range-track {
  background-color: #cecece;
}

.gray {
  color: #aaa;
}

.lumise-color {
  color: #3fc7ba !important;
}

.wrapper {
  text-align: center;
  width: auto;
}

.flex {
  display: flex !important;
  white-space: nowrap;
}

.mr2 {
  margin-right: 20px;
}
.md {
  font-size: 14px;
}
b[data-view='key'] {
  background: #e3e3e3;
  color: #333;
  padding: 2px 12px;
  border-radius: 2px;
  margin-bottom: 3px;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
}

.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%;
}

.lumise-spinner {
  height: 20px;
  width: 20px;
  background: url(../images/spinner.png) center center no-repeat;
  background-size: 20px;
  animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) normal infinite ka-spinner;
  display: inline-block;
  position: relative;
  bottom: -2px;
}
p.notice {
  display: inline-block;
  width: 100%;
  padding: 10px 14px;
  background: #ccc;
  border-radius: 1px;
  text-align: left;
  position: relative;
  background: #f9f2b8;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  color: #333 !important;
}
p.notice:after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  width: 5px;
  height: 100%;
  background: #ffc107;
}
p.notice.error {
  background: rgba(253, 201, 186, 0.9);
  color: #333;
}
p.notice.error:after {
  background: rgba(202, 76, 39, 0.9);
}
p.notice.success {
  background: #a7f1a0;
  color: #333;
}
p.notice.success:after {
  background: #2db724;
}
@keyframes ka-spinner {
  0% {
    transform: scale(1) rotate(0);
  }

  100% {
    transform: scale(1) rotate(720deg);
  }
}

.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}

.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;
}

.padding-8 {
  padding: 96px;
}

.pt8,
.padding-vertical-8 {
  padding-top: 96px !important;
}

.padding-horizontal-8,
.pr8 {
  padding-right: 96px !important;
}

.pb8,
.padding-vertical-8 {
  padding-bottom: 96px !important;
}

.padding-horizontal-8,
.pl8 {
  padding-left: 96px !important;
}

.margin-8 {
  margin: 96px;
}

.mt8,
.margin-vertical-8 {
  margin-top: 96px !important;
}

.margin-horizontal-8,
.mr8 {
  margin-right: 96px !important;
}

.mb8,
.margin-vertical-8 {
  margin-bottom: 96px !important;
}

.margin-horizontal-8,
.ml8 {
  margin-left: 96px !important;
}

.padding-7 {
  padding: 84px;
}

.pt7,
.padding-vertical-7 {
  padding-top: 84px !important;
}

.padding-horizontal-7,
.pr7 {
  padding-right: 84px !important;
}

.pb7,
.padding-vertical-7 {
  padding-bottom: 84px !important;
}

.padding-horizontal-7,
.pl7 {
  padding-left: 84px !important;
}

.margin-7 {
  margin: 84px;
}

.mt7,
.margin-vertical-7 {
  margin-top: 84px !important;
}

.margin-horizontal-7,
.mr7 {
  margin-right: 84px !important;
}

.mb7,
.margin-vertical-7 {
  margin-bottom: 84px !important;
}

.margin-horizontal-7,
.ml7 {
  margin-left: 84px !important;
}

.padding-6 {
  padding: 72px;
}

.pt6,
.padding-vertical-6 {
  padding-top: 72px !important;
}

.padding-horizontal-6,
.pr6 {
  padding-right: 72px !important;
}

.pb6,
.padding-vertical-6 {
  padding-bottom: 72px !important;
}

.padding-horizontal-6,
.pl6 {
  padding-left: 72px !important;
}

.margin-6 {
  margin: 72px;
}

.mt6,
.margin-vertical-6 {
  margin-top: 72px !important;
}

.margin-horizontal-6,
.mr6 {
  margin-right: 72px !important;
}

.mb6,
.margin-vertical-6 {
  margin-bottom: 72px !important;
}

.margin-horizontal-6,
.ml6 {
  margin-left: 72px !important;
}

.padding-5 {
  padding: 60px;
}

.pt5,
.padding-vertical-5 {
  padding-top: 60px !important;
}

.padding-horizontal-5,
.pr5 {
  padding-right: 60px !important;
}

.pb5,
.padding-vertical-5 {
  padding-bottom: 60px !important;
}

.padding-horizontal-5,
.pl5 {
  padding-left: 60px !important;
}

.margin-5 {
  margin: 60px;
}

.mt5,
.margin-vertical-5 {
  margin-top: 60px !important;
}

.margin-horizontal-5,
.mr5 {
  margin-right: 60px !important;
}

.mr5,
.margin-vertical-5 {
  margin-bottom: 60px !important;
}

.margin-horizontal-5,
.ml5 {
  margin-left: 60px !important;
}

.padding-4 {
  padding: 48px;
}

.pt4,
.padding-vertical-4 {
  padding-top: 48px !important;
}

.padding-horizontal-4,
.pr4 {
  padding-right: 48px !important;
}

.pb4,
.padding-vertical-4 {
  padding-bottom: 48px !important;
}

.padding-horizontal-4,
.pl4 {
  padding-left: 48px !important;
}

.margin-4 {
  margin: 48px;
}

.mt4,
.margin-vertical-4 {
  margin-top: 48px !important;
}

.margin-horizontal-4,
.mr4 {
  margin-right: 48px !important;
}

.mb4,
.margin-vertical-4 {
  margin-bottom: 48px !important;
}

.margin-horizontal-4,
.ml4 {
  margin-left: 48px !important;
}

.padding-3 {
  padding: 36px;
}
.padding-14 {
  padding: 14px;
}

.pt3,
.padding-vertical-3 {
  padding-top: 36px !important;
}

.padding-horizontal-3,
.pr3 {
  padding-right: 36px !important;
}

.pb3,
.padding-vertical-3 {
  padding-bottom: 36px !important;
}

.padding-horizontal-3,
.pl3 {
  padding-left: 36px !important;
}

.margin-3 {
  margin: 36px;
}

.mt3,
.margin-vertical-3 {
  margin-top: 36px !important;
}

.margin-horizontal-3,
.mr3 {
  margin-right: 36px !important;
}

.mb3,
.margin-vertical-3 {
  margin-bottom: 36px !important;
}

.margin-horizontal-3,
.ml3 {
  margin-left: 36px !important;
}

.pt2,
.padding-vertical-2 {
  padding-top: 24px !important;
}

.pb2,
.padding-vertical-2 {
  padding-bottom: 24px !important;
}

.padding-horizontal-2,
.pl2 {
  padding-left: 24px !important;
}

.padding-horizontal-2 {
  padding-right: 24px !important;
}

.padding-horizontal-1,
.pr1 {
  padding-right: 12px !important;
}

.margin-2 {
  margin: 24px;
}

.mt2,
.margin-vertical-2 {
  margin-top: 24px !important;
}

.margin-horizontal-2,
.mr2 {
  margin-right: 24px !important;
}

.mb2,
.margin-vertical-2 {
  margin-bottom: 24px !important;
}

.margin-horizontal-2,
.ml2 {
  margin-left: 24px !important;
}

.pt1,
.padding-vertical-1 {
  padding-top: 12px !important;
}

.pb1,
.padding-vertical-1 {
  padding-bottom: 12px !important;
}

.padding-horizontal-1,
.pl1 {
  padding-left: 12px !important;
}

.margin-1 {
  margin: 12px;
}

.mt1,
.margin-vertical-1 {
  margin-top: 12px !important;
}

.margin-horizontal-1,
.mr1 {
  margin-right: 12px !important;
}

.mb1,
.margin-vertical-1 {
  margin-bottom: 12px !important;
}

.margin-horizontal-1,
.ml1 {
  margin-left: 12px !important;
}

.padding-0 {
  padding: 0;
}

.pt0,
.padding-vertical-0 {
  padding-top: 0 !important;
}

.padding-horizontal-0,
.pr0 {
  padding-right: 0 !important;
}

.pb0,
.padding-vertical-0 {
  padding-bottom: 0 !important;
}

.padding-horizontal-0,
.pl0 {
  padding-left: 0 !important;
}

.margin-0 {
  margin: 0;
}

.mt0,
.margin-vertical-0 {
  margin-top: 0 !important;
}

.margin-horizontal-0,
.mr0 {
  margin-right: 0 !important;
}

.mr0,
.margin-vertical-0 {
  margin-bottom: 0 !important;
}

.margin-horizontal-0,
.ml0 {
  margin-left: 0 !important;
}

.x1 {
  font-size: 16px;
}

.x2 {
  font-size: 20px;
}

.x3 {
  font-size: 30px;
}

.x4 {
  font-size: 40px;
}

.x5 {
  font-size: 50px;
}

.x6 {
  font-size: 60px;
}

.x7 {
  font-size: 70px;
}

.x8 {
  font-size: 80px;
}

.w200 {
  font-weight: 200;
}

.w300 {
  font-weight: 300;
}

.w400 {
  font-weight: 400;
}

.w500 {
  font-weight: 500;
}

.w600 {
  font-weight: 600;
}

.w700 {
  font-weight: 700;
}

.w800 {
  font-weight: 800;
}

.w900 {
  font-weight: 900;
}
[data-view='powered'] {
  color: #aaa;
}
div#LumiseDesign {
  width: 100%;
  display: inline-block;
  margin: 0px;
  font-family: 'Nunito', Arial;
  font-size: 15px;
  color: #3f4652;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
}
div#LumiseDesign .hidden {
  display: none !important;
}
div#LumiseDesign input {
  font-family: 'Nunito', Arial;
}
div#LumiseDesign button {
  font-family: 'Nunito', Arial;
  box-shadow: none;
}
div#LumiseDesign button[data-func='checkout'] {
  padding: 10px 20px;
}
div#LumiseDesign[data-processing='true']:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10000000000000000000;
}

div#LumiseDesign[data-processing='true']:before {
  position: fixed;
  top: calc(50% - 30px);
  left: 50%;
  z-index: 10000000000;
  background: rgba(255, 255, 255, 0.95) url(../images/loading.gif) no-repeat
    14px center;
  padding: 12px 24px 12px 42px;
  content: attr(data-msg);
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  background-size: 20px 20px;
  color: #333;
  transform: translateX(-50%) translateY(-50%);
}

div#LumiseDesign[data-processing='true']:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  background-size: 33px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000000000;
}

div#LumiseDesign.working #lumise-stage-nav {
  display: none;
}

div#LumiseDesign * {
  box-sizing: border-box;
}

div#LumiseDesign div#lumise-navigations {
  float: left;
  clear: both;
  width: 100%;
  background: #3fc7ba;
  height: 54px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
}

div#LumiseDesign div#lumise-navigations a[data-view='logo'] {
  float: left;
}

div#LumiseDesign div#lumise-navigations a[data-view='logo'] img {
  height: 40px;
  margin: 7px 10px 0px 14px;
}

div#LumiseDesign div#lumise-navigations ul[data-block] {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left;
  color: #f9f9f8;
}

div#LumiseDesign div#lumise-navigations ul[data-block='right'] {
  float: right;
  margin-right: 20px;
}

div#LumiseDesign div#lumise-navigations button#lumise-continue-btn,
div#LumiseDesign div#lumise-navigations button#lumise-addToCart,
div#LumiseDesign div#lumise-navigations .back_shop {
  color: #eee;
  text-decoration: none;
  font-size: 13px;
  margin: 9px 0px 0px 10px;
  float: left;
  padding: 0 20px;
  background: #3f4652;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  outline: none;
  text-transform: uppercase;
  font-weight: 600;
  height: 36px;
  letter-spacing: 0.5px;
  position: relative;
}

div#LumiseDesign div#lumise-navigations .back_shop {
  color: #eee !important;
  line-height: 36px;
}

div#LumiseDesign div#lumise-navigations .back_shop:hover {
  background: #272c33;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  button#lumise-addToCart {
  padding: 0 10px;
  background-color: rgba(63, 70, 82, 0.09);
  margin-right: 10px;
  transition: background ease 250ms;
}

div#LumiseDesign div#lumise-navigations button#lumise-continue-btn {
  padding-right: 33px;
}

div#LumiseDesign div#lumise-navigations button#lumise-continue-btn > i {
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 14px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  button#lumise-addToCart:hover {
  background-color: rgba(63, 70, 82, 0.3);
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  button#lumise-addToCart
  small {
  position: absolute;
  top: -5px;
  right: -7px;
  background: #ef4e4e;
  border-radius: 100%;
  min-width: 16px;
  text-align: center;
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  font-size: 10px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  button#lumise-addToCart
  img {
  width: 22px;
  height: 22px;
  top: 2px;
  position: relative;
}
div#LumiseDesign div#lumise-product-attributes {
  min-width: 350px !important;
}
div#LumiseDesign div#lumise-product-attributes #lumise-product-attributes {
  cursor: default;
  background-color: #f1f1f1;
}

div#LumiseDesign
  div#lumise-product-attributes
  #lumise-product-attributes:after {
  border-bottom-color: #f1f1f1;
}

div#LumiseDesign #lumise-update-cart-confirm a[data-func='details'] {
}

div#LumiseDesign #lumise-update-cart-confirm a[data-func='new'] {
}

div#LumiseDesign div#lumise-navigations #lumise-cart-action {
  color: #fff;
  transition: all 250ms ease;
  float: right;
  margin-right: 20px;
  margin-top: 3px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-proceed
  > button#lumise-cart-action {
  background: #3f4652 !important;
  padding: 6px 14px;
  margin: 9px 0 0 10px;
  line-height: 24px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
div#LumiseDesign div#lumise-navigations #lumise-cart-action img {
  margin-top: -5px;
  position: relative;
  top: 5px;
  left: 0px;
  height: 20px;
  margin-left: 3px;
}

div#LumiseDesign
  div#lumise-navigations
  li#lumise-cart-options
  div[data-view='sub'] {
  right: -12px;
  background: #f1f1f1;
}

div#LumiseDesign
  div#lumise-navigations
  li#lumise-cart-options
  div[data-view='sub']:after {
  border-bottom-color: #f7f7f7;
}

div#LumiseDesign div#lumise-navigations button#lumise-continue-btn:hover {
  background-color: #272c33;
}

div#LumiseDesign #lumise-update-cart-confirm {
  width: 100vw;
  height: 100vh;
  z-index: 10000000000;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #00000085;
}

div#LumiseDesign #lumise-update-cart-confirm > div {
  padding: 50px 0;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.5);
}
div#LumiseDesign #lumise-update-cart-confirm > div > i.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 26px;
  color: #ccc;
  cursor: pointer;
  transition: color ease 250ms;
}
div#LumiseDesign #lumise-update-cart-confirm > div > i.close:hover {
  color: #333;
}
div#LumiseDesign #lumise-update-cart-confirm img {
  width: 100px;
  display: inline-block;
  margin: 0px auto 20px;
}

div#LumiseDesign #lumise-update-cart-confirm em {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
  font-style: inherit;
}

div#LumiseDesign #lumise-update-cart-confirm ul {
  list-style: none;
  margin: 35px 0px;
  padding: 0px;
  display: inline-block;
  text-align: center;
}

div#LumiseDesign #lumise-update-cart-confirm ul li {
  border-right: 1px solid #ccc;
  padding: 0 14px;
  cursor: pointer;
  display: inline-block;
  margin: 0px;
  height: 22px;
}

div#LumiseDesign #lumise-update-cart-confirm ul li a {
  text-decoration: none;
}

div#LumiseDesign #lumise-update-cart-confirm ul li a:hover {
  text-decoration: underline;
}

div#LumiseDesign #lumise-update-cart-confirm ul li:last-child {
  border: none;
}

div#LumiseDesign div#lumise-navigations ul[data-block='right'] .lumise-price {
  color: rgba(255, 255, 255, 0.89);
  font-size: 20px;
  padding-left: 10px;
  float: left;
  line-height: 54px;
  font-weight: 400;
}
div#LumiseDesign div#lumise-navigations ul[data-block='right'] .lumise-price i {
  display: none;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  #lumise-cart-wrp {
  width: 440px;
  cursor: default;
  max-height: calc(100vh - 220px);
  float: left;
  overflow: auto;
  padding: 0px 0 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 20px;
  background-color: #fff;
  font-size: 14px;
}
#lumise-cart-wrp .lumise-cart-options .lumise-prints {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin: 5px 0;
  display: inline-block;
  width: 100%;
}
#lumise-product #lumise-cart-wrp .lumise-cart-options .lumise-prints {
  border-top: 1px solid #515965;
  border-bottom: 1px solid #515965;
}
#lumise-product .lumise-cart-options .lumise_form_group {
  padding: 14px 0 0 0;
}
#lumise-cart-wrp
  .lumise-cart-options
  .lumise-cart-attributes
  .lumise-cart-field:first-child {
  border: none;
}
.lumise-required-msg {
  color: #ef4e4e !important;
  text-transform: initial;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  width: 100%;
  text-align: left;
}
div#LumiseDesign #lumise-cart-items ul[data-view='items'] {
  list-style: none;
  padding: 0px;
  width: 360px;
  overflow: auto;
  max-height: 550px;
  cursor: default;
  background: #fff;
}

#lumise-cart-options div[data-view='sub'] footer {
  float: left;
  padding: 10px 20px;
  width: 100%;
  text-align: right;
  margin-bottom: -10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: default;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'][data-empty='true'] {
  padding: 20px 0;
  color: #888;
  font-size: 18px;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'][data-empty='true'] i {
  display: block;
  font-size: 44px;
  color: #cccccc;
  transform: scaleY(1.1);
}

div#LumiseDesign
  #lumise-cart-items
  ul[data-view='items'][data-empty='true']
  + footer {
  display: none;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 20px;
  text-align: left;
  font-size: 15px;
  cursor: default;
  position: relative;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li:last-child {
  border-bottom: 1px dotted #ccc;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li img {
  max-height: 50px;
  float: left;
  max-width: 150px;
  cursor: pointer;
}

div#LumiseDesign
  #lumise-cart-items
  ul[data-view='items']
  li
  span[data-view='thumbn'] {
  float: left;
  margin-right: 10px;
}

div#LumiseDesign
  #lumise-cart-items
  ul[data-view='items']
  li
  span[data-view='info'] {
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li name {
  display: block;
  margin-bottom: 5px;
  text-transform: capitalize;
  font-weight: bold;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li price {
  margin-right: 5px;
  font-size: 14px;
  float: left;
  line-height: 21px;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li a,
div#LumiseDesign #lumise-cart-items ul[data-view='items'] li small {
  font-size: 14px;
  margin-right: 10px;
  text-decoration: none;
  display: inline-block;
  opacity: 0;
  transition: opacity 250ms ease;
}
div#LumiseDesign #lumise-cart-items ul[data-view='items'] li name a {
  opacity: 1;
}
div#LumiseDesign #lumise-cart-items ul[data-view='items'] li small {
  opacity: 1;
  color: #888;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li:hover a {
  opacity: 1;
}

div#LumiseDesign
  #lumise-cart-items
  ul[data-view='items']
  li
  a[data-func='edit']:hover {
  text-decoration: underline;
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li a[href='#remove'] {
  color: rgb(218, 84, 84) !important;
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 20px;
  transform: translateY(-50%);
}

div#LumiseDesign #lumise-cart-items ul[data-view='items'] li a i,
div#LumiseDesign #lumise-cart-items ul[data-view='items'] li small i {
  position: relative;
  top: 2px;
}

div#LumiseDesign div#lumise-navigations .lumise-product-price-wrp {
  float: left;
  padding-top: 22px;
  text-decoration: none;
  transition: all 250ms ease;
  display: inline-block;
  text-align: left;
  font-size: 18px;
  cursor: default;
  position: relative;
  color: #3f4652;
  padding-left: 20px;
  margin-bottom: 20px;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-product-price-wrp
  .lumise-product-price {
}
div#LumiseDesign div#lumise-navigations .lumise-product-price avg {
  font-size: 14px;
  font-weight: normal;
  color: #3f4652;
  position: absolute;
  left: 20px;
  top: 0px;
  white-space: nowrap;
}
div#LumiseDesign div#lumise-navigations ul a[data-func='details'] {
  float: left;
  margin: 0 0 0 20px;
  line-height: 38px;
  text-decoration: none;
  transition: all 250ms ease;
}

div#LumiseDesign div#lumise-navigations ul a[data-func='details'] i {
  float: left;
  transform: scaleX(-1);
  top: 2px;
  position: relative;
  left: 0px;
  margin-right: 5px;
}

div#LumiseDesign div#lumise-cart-items footer a[data-func='details'] {
  margin: 0;
}

#lumise-cart-options footer a[href='#checkout'] {
  padding: 6px 14px 6px;
  margin-left: 10px;
  color: #fff !important;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 2px;
}
#lumise-cart-options footer a i {
  margin: 0px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  #lumise-exit-editor {
  font-size: 30px;
  opacity: 0.5;
  top: 10px;
  position: relative;
  left: 15px;
  margin-right: 10px;
  color: #fff;
  text-decoration: none;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  #lumise-exit-editor:hover {
  opacity: 1;
}

div#LumiseDesign div#lumise-navigations ul[data-block] > li {
  display: inline-block;
  padding: 17px 14px 16px;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  position: relative;
  float: left;
}

div#LumiseDesign div#lumise-navigations ul[data-block='right'] > li {
  padding: 0px;
  height: 54px;
}

div#LumiseDesign div#lumise-navigations ul[data-block] > li.back_mobile {
  display: none;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li[data-tool='languages'] {
  padding: 15px 0 !important;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li[data-tool='languages']
  ul[data-view='sub'] {
  right: -20px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li[data-tool='languages']
  img {
  float: left;
  margin: 0 8px 0px 0;
  height: 20px;
  height: 20px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li[data-tool='languages']
  > span
  > img {
  margin-top: 3px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li[data-tool='languages']
  i {
  float: right;
  background-color: #3fc7ba;
  color: #fff;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 24px;
  text-align: center;
  text-align: center;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li[data-tool='languages']
  li:hover
  > i {
  background-color: #fff !important;
  color: #3fc7ba;
}

div#LumiseDesign div#lumise-navigations ul[data-block] > li[data-view='sp'] {
  background: rgba(245, 239, 239, 0.47);
  padding: 0 0 0 2px;
  height: 25px;
  top: 15px;
  margin: 0 8px;
}
div#LumiseDesign div#lumise-navigations ul[data-block] span[data-sub='about'] {
  width: 100%;
  font-size: 15px;
  color: #555;
  line-height: 22px;
  text-align: center;
  display: inline-block;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  span[data-sub='about']
  p[data-view='powered'] {
  margin-top: 8px;
}
div#LumiseDesign div#lumise-navigations #lumise-nav-file {
  display: none;
  float: left;
  margin-top: 12px;
  width: 24px;
  height: 30px;
  margin-left: 14px;
  margin-right: 14px;
}

div#LumiseDesign div#lumise-navigations ul[data-block] li#lumise-status {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  cursor: default;
}

div#LumiseDesign div#lumise-navigations ul[data-block] li#lumise-status a {
  color: rgba(255, 255, 255, 0.7);
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li#lumise-status
  a:hover {
  color: #fff;
}

div#LumiseDesign div#lumise-navigations ul[data-block] li.disabled {
  opacity: 0.5;
  cursor: default;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  > li:not(.disabled):hover,
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li:not(.disabled)
  ul[data-view='list']
  li:hover {
  color: #fff;
}

div#LumiseDesign div#lumise-navigations ul[data-block] > li[data-tool]:after {
  content: '';
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  width: 0vw;
  height: 0vh;
  z-index: 10000001;
  opacity: 0;
  transition: opacity 250ms ease;
  cursor: default;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  > li[data-view='tabs']:after {
  background: #f1f1f1;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  > li[data-tool].active:after {
  opacity: 1;
  width: 100vw;
  height: 100vh;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-tool].active
  > span {
  z-index: 10000002;
  position: relative;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul#lumise-file-nav
  > li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul#lumise-file-nav
  > li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
div#LumiseDesign div#lumise-navigations ul[data-block] li [data-view='sub'] {
  position: absolute;
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: #fff;
  color: #3f4652;
  border-radius: 4px;
  min-width: 250px;
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.3);
  left: -5px;
  top: calc(100% + 10px);
  display: none;
  z-index: 10000002;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub'] {
  display: block;
  animation: fadeInS 250ms;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub'][data-align='center'] {
  animation: fadeIn 250ms;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  > h3 {
  font-size: 15px;
  background: #dde6ef;
  margin: 0px;
  padding: 10px 0;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header {
  text-align: left;
  border-bottom: 1px dotted #ccc;
  background: #f7f7f7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header
  + footer {
  margin-top: 20px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header
  > h3 {
  color: #30373b;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 20px;
  margin: 0px;
  cursor: default;
  letter-spacing: 0.3px;
  height: 50px;
  line-height: 30px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header
  > h3
  a {
  text-decoration: none;
  color: #aaa;
  font-size: 16px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header
  > h3
  a:hover {
  color: #3a3a3a;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header
  > i.close,
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  [data-view='header']
  > i.close {
  position: absolute;
  top: 12px;
  right: 14px;
  cursor: pointer;
  color: #bbb;
  font-size: 24px;
  z-index: 100000;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li.active
  [data-view='sub']
  header
  > i.close:hover {
  color: #888;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  [data-view='sub']:after {
  border: 7px solid transparent;
  border-bottom: 7px solid #f7f7f7;
  content: '';
  position: absolute;
  top: -14px;
  left: 20px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul[data-view='sub'].lumise-tabs-nav:after {
  border-bottom-color: #f1f1f1;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  [data-view='sub'][data-align='center'] {
  transform: translateX(-50%);
  left: 50%;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  [data-view='sub'][data-align='center']:after {
  left: 50%;
  transform: translateX(-50%);
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  [data-view='sub'][data-align='right'] {
  transform: none;
  left: auto !important;
  right: 0;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  [data-view='sub'][data-align='right']:after {
  right: 30px;
  left: auto;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']#lumise-file-nav
  li,
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']#lumise-languages
  li {
  float: left;
  width: 100%;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']#lumise-languages
  li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']#lumise-languages
  li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']#lumise-file-nav
  li
  > span,
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']#lumise-languages
  li
  > span {
  float: left;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']
  li {
  font-size: 14px;
  padding: 8px 18px;
  text-align: left;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0px;
  float: left;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  [data-view='sub']
  li
  > span {
  float: left;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  ul[data-view='sub']
  li
  small {
  float: right;
  opacity: 0.5;
  margin-top: 2px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  ul[data-view='sub']
  li
  small
  i {
  font-size: 16px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  ul[data-view='sub']
  li[data-view='sp'] {
  background: #eee;
  padding: 2px 0 0 0;
  margin: 0px;
  height: 0px;
  margin: 0px;
  top: 0px;
  bottom: 0px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li[data-view='list']
  ul[data-view='sub']
  li:not([data-view='sp']):hover {
  color: #fff;
  background: #3fc7ba;
}

div#LumiseDesign div#lumise-navigations ul[data-block] li ul[data-view='sub2'] {
  display: none;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul[data-view='sub']
  li:hover
  ul[data-view='sub2'] {
  display: block;
  position: absolute;
  left: 100%;
  top: 0px;
  background: #fff;
  padding: 0;
  color: #3a3a3a;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  min-width: 160px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul[data-view='sub']
  li:hover
  ul[data-view='sub2']:after,
div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul[data-view='sub']
  li:hover
  ul[data-view='sub2']:before {
  border: 7px solid transparent;
  border-right: 7px solid #fff;
  content: '';
  position: absolute;
  left: -14px;
  top: 12px;
}

div#LumiseDesign
  div#lumise-navigations
  ul[data-block]
  li
  ul[data-view='sub']
  li:hover
  ul[data-view='sub2']:before {
  border: none;
  height: 110px;
  width: 240px;
  top: 0px;
  left: -230px;
  transform: rotate(10deg);
  z-index: -1;
}

div#LumiseDesign div#lumise-navigations #lumise-print-nav {
  padding: 0 0 5px 0;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav header {
  margin-bottom: 10px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav li {
  display: flex;
  cursor: default;
  min-width: 420px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-print-nav
  li[data-row='format'] {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav .lumise-switch {
  margin: 13px 0 0 10px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav .lumise-switch input {
  margin: 0px;
  height: 28px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav li:last-child {
  border-top: 1px dotted #ccc;
  width: 100%;
  margin-top: 14px;
  padding: 10px 10px 5px 10px;
  white-space: nowrap;
  display: inline-block;
  background: #f7f7f7;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-bottom: -8px;
  padding-bottom: 10px;
}

div#LumiseDesign div#lumise-navigations #lumise-print-nav label {
  float: left;
  white-space: nowrap;
  margin: 10px 0 0 20px;
  font-size: 14px;
  min-width: 130px;
  height: 34px;
  line-height: 34px;
  text-align: right;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav input + label {
  min-width: 0px;
  margin-left: 0px;
  height: auto;
  line-height: 26px;
  margin-top: 0px;
  cursor: pointer;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav select,
div#LumiseDesign div#lumise-navigations #lumise-print-nav input {
  height: 36px;
  font-size: 14px;
  margin: 10px;
  outline: none;
  padding: 0 10px;
  border: 1px solid #ccc;
  margin-right: 20px;
  min-width: 240px;
  line-height: 36px;
  border-radius: 2px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav input[type='radio'] {
  margin: 6px 5px 10px 12px;
  height: auto;
  min-width: auto;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-print-nav
  input[type='radio'][data-unit='cm'] {
  margin-left: 160px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-print-nav
  input[type='radio'][data-unit='cm'],
div#LumiseDesign
  div#lumise-navigations
  #lumise-print-nav
  input[type='radio'][data-unit='inch'] {
  min-width: auto;
  float: left;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav li > span {
  display: inline-block;
  padding: 15px 0 0 10px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav .lumise-radios {
  display: inline-block;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav .lumise-radio {
  display: inline-block;
  width: auto;
  margin-right: 14px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav li > span p {
  display: inline-block;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav li > span p input {
  margin-bottom: 5px !important;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-print-nav
  span
  input[type='radio'] {
  float: left;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav small {
  float: left;
  line-height: 20px;
}
div#LumiseDesign div#lumise-navigations #lumise-print-nav li button {
  margin: 10px 10px 5px 5px;
  float: right;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-print-nav
  li
  select[data-func='download-type'] {
  min-width: 60px;
  margin-right: 0px;
  float: left;
  height: 34px;
}
div#LumiseDesign div#lumise-navigations li[data-tool] ul.lumise-tabs-nav {
  padding: 0;
  min-width: 480px;
  text-align: left;
  background: #f8fafc;
}

div#LumiseDesign div#lumise-navigations .lumise-tabs-nav li {
  padding: 20px;
  cursor: default;
  display: none;
  position: relative;
  overflow: auto;
  max-height: calc(100vh - 170px);
  background: #fff;
  float: left;
  border-radius: 0 0 3px 3px;
  font-size: 14px;
  line-height: 24px;
  color: #797979;
  width: 100%;
}
div#LumiseDesign div#lumise-navigations #lumise-shares-wrp li[data-view] {
  background: #ebeced;
}
div#LumiseDesign div#lumise-navigations #lumise-shares-wrp a {
  text-decoration: none;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-active='true'] {
  display: block;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header'] {
  background: #f1f1f1;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 14px 20px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-bottom: 0;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header']
  h3 {
  color: #30373b;
  font-weight: 500;
  font-size: 18px;
  padding: 0 0 15px;
  text-align: left;
  margin: 0;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header']
  span {
  float: left;
  padding: 8px 20px 8px 20px;
  cursor: pointer;
  color: #aaa;
  font-size: 15px;
  width: 50%;
  white-space: nowrap;
  border-top: none;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header']
  > nav {
  display: flex;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header']
  span:hover {
  color: #3a3a3a;
  font-weight: 500;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header']
  span[data-active='true'] {
  border: none;
  color: #3f4652;
  background: #fff;
  font-weight: 500;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='header']
  > nav
  p[data-view='empty'] {
  font-size: 16px;
  margin: 30px 0 50px;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav[data-process]
  li[data-view='link']
  p {
  filter: blur(2px);
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav[data-process]
  li[data-view='link']:before {
  height: 40px;
  width: 40px;
  background: url(../images/spinner-white.png) center center no-repeat;
  background-size: 40px;
  animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) normal infinite ka-spinner;
  display: inline-block;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  content: '';
  z-index: 100;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav[data-process]
  li[data-view='link']:after {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  color: #eee;
  content: '';
  text-align: center;
  font-size: 15px;
  line-height: 200px;
}

div#LumiseDesign div#lumise-navigations .lumise-tabs-nav li[data-view] p {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 0px;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav:not([data-phase='2'])
  [data-phase='2'],
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav[data-phase='2']
  [data-phase='1'],
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp[data-nav='link']
  [data-tna='history'],
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp:not([data-nav='link'])
  [data-tna='link'] {
  display: none;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  p[data-view='link-share'] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 440px;
  padding: 10px;
  border: 1px dashed #ccc;
  border-radius: 3px;
  margin-top: 10px;
  background: #eee;
  margin-bottom: 0px;
  position: relative;
  cursor: copy;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  p[data-view='link-share'][data-copied='true']:after {
  content: attr(data-msg);
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  background: #ffffffde;
  height: 100%;
  color: green;
  text-align: center;
  line-height: 45px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p:last-child {
  margin: 0px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span {
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
  padding: 0;
  background: #fff;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  text-align: center;
  width: calc(50% - 10px);
  cursor: pointer;
  transition: all 250ms ease;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span:nth-child(2n) {
  margin-right: 0px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  img {
  display: inline-block;
  margin-top: 10px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  name {
  color: #30373b;
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  padding: 10px 12px;
  display: block;
  clear: both;
  max-width: 210px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  cursor: text;
  background: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  outline: none;
  text-align: left;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func'] {
  position: absolute;
  right: 10px;
  bottom: 6px;
  width: 30px;
  color: #333;
  text-align: center;
  border-radius: 30px;
  height: 30px;
  line-height: 30px;
  opacity: 0;
  transition: opacity 250ms ease;
  z-index: 3;
  background: #fff;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func'] {
  display: none;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span:hover
  span[data-view='func'] {
  display: block;
  opacity: 1;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']:hover:after {
  content: '';
  width: 100px;
  top: -10px;
  right: -10px;
  position: absolute;
  height: 50px;
  z-index: 2;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub'] {
  position: absolute;
  background: #3f4652;
  right: -2px;
  bottom: 110%;
  width: 194px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  display: none;
  color: #eee;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']:hover
  span[data-view='fsub'] {
  display: block;
  animation: fadeInS 150ms;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub']:after {
  content: '';
  position: absolute;
  bottom: -14px;
  right: 10px;
  border: 7px solid transparent;
  border-top: 7px solid #3f4652;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub']
  date {
  font-size: 13px;
  padding: 6px 12px;
  border-bottom: 1px solid #616161;
  width: 100%;
  display: inline-block;
  font-weight: 500;
  text-align: left;
  color: #909090;
  text-transform: uppercase;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub']
  button {
  border: none;
  background: transparent;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 12px;
  height: 34px;
  cursor: pointer;
  color: #ddd;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub']
  button:hover {
  background: #333;
  color: #eee;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub']
  button:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view='history']
  > span
  span[data-view='func']
  span[data-view='fsub']
  button
  i {
  margin-right: 5px;
  font-size: 16px;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network] {
  height: 30px;
  font-size: 13px;
  background: #fff;
  border: 1px solid #dee3e9;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease 0s;
  color: #797979;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
  padding-left: 32px;
  outline: none;
  padding-right: 10px;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network]
  i {
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: 5px;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='facebook']:hover,
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='facebook'][data-selected='true'] {
  background: #3b5998;
  color: #fff;
  border-color: #3b5998;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='instagram']:hover,
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='instagram'][data-selected='true'] {
  color: #fff;
  background: radial-gradient(
    circle at 33% 100%,
    #fed373 4%,
    #f15245 30%,
    #d92e7f 62%,
    #9b36b7 85%,
    #515ecf
  );
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='pinterest']:hover,
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='pinterest'][data-selected='true'] {
  color: #fff;
  background: #bd081c;
}

div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='twitter']:hover,
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-view]
  p
  button[data-network='twitter'][data-selected='true'] {
  background: #1da1f2;
  color: #fff;
  border-color: #1da1f2;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-process='true'] {
  min-height: 220px;
  position: initial;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-process='true']:before {
  content: '';
  position: absolute;
  top: 51px;
  left: 0px;
  width: 100%;
  height: calc(100% - 51px);
  background: rgba(255, 255, 255, 0.85);
  z-index: 10;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  li[data-process='true']:after {
  content: '';
  height: 32px;
  width: 32px;
  z-index: 11;
  background: url(../images/spinner.png) center center no-repeat;
  background-size: 32px;
  animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) normal infinite ka-spinner;
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  ul[data-view='pagenation'] {
  display: inline-block;
  width: 100%;
  padding: 0px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  ul[data-view='pagenation']
  li {
  display: inline-block;
  height: auto;
  min-width: 35px;
  padding: 5px 10px;
  width: auto;
  margin-right: 3px;
  border-radius: 1px;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  margin-top: 3px;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  ul[data-view='pagenation']
  li:hover,
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  ul[data-view='pagenation']
  li[data-active] {
  background: #3f4652;
  color: #eee;
}
div#LumiseDesign
  div#lumise-navigations
  #lumise-shares-wrp
  ul[data-view='pagenation']
  li
  i {
  font-size: 16px;
  top: 2px;
  padding: 0px;
  position: relative;
  float: left;
  width: 5px;
  left: -3px;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  input[type='text'],
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  textarea {
  height: 40px;
  border: solid 1px #dee3e9;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
  background: #fff;
  outline: none;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  textarea {
  height: 100px;
  padding: 10px;
  resize: none;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  input[type='text']:focus,
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view]
  textarea:focus {
  background: #fbfbea;
}
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='link']
  p
  label {
  cursor: pointer;
  margin-right: 10px;
  color: #aaa;
}

div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='link']
  p
  label:hover,
div#LumiseDesign
  div#lumise-navigations
  .lumise-tabs-nav
  li[data-view='link']
  p
  input:checked
  + label {
  color: #3f4652;
}

div#LumiseDesign div#lumise-workspace {
  display: flex;
  max-width: 100%;
  min-height: calc(100vh - 60px);
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  width: auto;
  margin: 60px 0 0 0;
  clear: both;
}

div#LumiseDesign div#lumise-left {
  width: 420px;
  background: #3f4652;
  position: fixed;
  height: calc(100vh - 54px);
  float: left;
  top: 54px;
  left: 0px;
  z-index: 100001;
}

div#LumiseDesign div#lumise-left > div.lumise-left-nav-wrp > ul.lumise-left-nav,
div#LumiseDesign div#lumise-left > div.lumise-left-nav-wrp {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 70px;
  float: left;
  display: inline-block !important;
  background: #3f4652;
}
div#LumiseDesign div#lumise-left #lumise-side-close {
  position: absolute;
  top: 0px;
  left: 417px;
  font-size: 30px;
  color: white;
  background: rgba(63, 70, 82, 0.95);
  width: 60px;
  height: 50px;
  text-align: center;
  line-height: 54px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  display: none;
}
div#LumiseDesign div#lumise-left > div.lumise-left-nav-wrp {
  background: #272c33;
  min-height: calc(100vh - 54px);
  position: relative;
}

div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li {
  float: left;
  font-size: 10px;
  padding: 15px 0px;
  color: rgba(255, 255, 255, 0.5);
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 250ms ease;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  background: #272c33;
  margin: 0px;
  min-height: 70px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  > li:after {
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  border-radius: 0px;
}
div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li[data-tab='design'] {
  display: none;
}
div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li
  > i {
  clear: both;
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}

div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li:last-child {
  border: none;
}
div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li[data-tab='bug'] {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 44px;
  padding: 10px 0;
  min-height: 0px;
}
div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li:hover {
  color: #3fc7ba;
}

div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li.active {
  background: #3f4652;
  color: #eee;
}

div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li.active
  + li {
  border-top-right-radius: 5px;
}

div#LumiseDesign
  div#lumise-left
  > div.lumise-left-nav-wrp
  > ul.lumise-left-nav
  li[data-view='preactive']:not([data-tab='layers']) {
  border-bottom-right-radius: 5px;
}

div#LumiseDesign div#lumise-left .lumise-tab-body-wrp:not(.active) {
  display: none;
}

div#LumiseDesign div#lumise-left .lumise-tab-body-wrp {
  width: 350px;
  color: #eee;
  text-align: center;
  overflow: auto;
  position: absolute;
  height: calc(100vh - 54px);
  box-sizing: border-box;
  right: 0%;
  background: #3f4652;
  overflow-x: hidden;
}
#lumise-product.has-attributes {
}
#lumise-product #lumise-cart-action {
  position: fixed;
  bottom: 0px;
  left: 70px;
  border-radius: 0px;
  width: 350px;
}
#lumise-product #lumise-cart-action img {
  position: relative;
  bottom: -4px;
  left: 3px;
}
div#LumiseDesign div#lumise-left .lumise-tab-body-wrp::-webkit-scrollbar-thumb,
div#LumiseDesign
  #lumise-navigations
  ul#lumise-saved-designs::-webkit-scrollbar-thumb,
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  .scroll::-webkit-scrollbar-thumb,
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']::-webkit-scrollbar-thumb,
#lumise-left
  #lumise-x-thumbn-preview
  .lumise-categories-wrp
  ul::-webkit-scrollbar-thumb,
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  #lumise-cart-wrp::-webkit-scrollbar-thumb,
#lumise-cliparts #lumise-cliparts-list::-webkit-scrollbar-thumb,
#lumise-templates #lumise-templates-list::-webkit-scrollbar-thumb {
  background: #bababa;
  border-radius: 5px;
}

div#LumiseDesign div#lumise-left .lumise-tab-body-wrp > div.lumise-tab-body {
  padding: 20px;
  display: inline-block;
  width: 100%;
}

div#LumiseDesign div#lumise-left .lumise-tab-body-wrp h3,
.lumise-cart-options .lumise_form_group > .lumise-cart-field-label {
  text-align: left;
  font-weight: 500;
  padding: 0px 20px 5px;
  text-transform: capitalize;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 20px;
  display: block;
  margin-bottom: 5px;
}
.lumise-cart-options
  div.lumise-cart-field.field-inline:not([data-type='text'])
  .lumise_form_group {
  display: flex !important;
}
.lumise-cart-options
  div.lumise-cart-field.field-inline:not([data-type='text'])
  .lumise_form_group
  > .lumise-cart-field-label {
  width: auto !important;
  display: inline-block;
  min-width: 100px;
  text-align: left;
  float: none;
  padding: 8px 0 0 20px;
  margin: 0px;
  line-height: 20px;
}
.lumise-cart-options
  div.lumise-cart-field.field-inline:not([data-type='text'])
  .lumise_form_group
  > .lumise_form_content {
  width: 100%;
  display: inline-block;
  float: none;
  padding: 0 20px 10px 0 !important;
}
.lumise-cart-options
  div.lumise-cart-field.field-inline[data-type='color']
  .lumise_form_group
  > .lumise_form_content {
  padding-bottom: 0px !important;
}
.lumise-cart-attributes .lumise-cart-field-upload-tmpl span[data-view='info'] {
  padding: 10px 0;
  display: inline-block;
  width: 100%;
  position: relative;
  font-style: italic;
  color: rgba(248, 248, 248, 0.52);
  font-weight: bold;
  font-size: 14px;
}

.lumise-cart-attributes
  .lumise-cart-field-upload-tmpl
  span[data-view='info']
  i {
  position: absolute;
  right: -10px;
  top: 55%;
  font-size: 20px;
  cursor: pointer;
  transform: translateY(-50%);
  color: rgb(255, 86, 86);
}

.lumise-cart-attributes
  .lumise-cart-field-upload-tmpl
  span[data-view='info']
  i:hover {
  color: rgba(186, 18, 18, 1);
}

div#LumiseDesign div#lumise-left ul.lumise-left-tabs {
  margin: 0px;
  list-style: none;
  display: flex;
  padding: 0px;
}

div#LumiseDesign div#lumise-left ul.lumise-left-tabs li {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.5);
  padding: 16px 0;
  border-bottom: 1px dotted rgba(204, 204, 204, 0.22);
  cursor: pointer;
}

div#LumiseDesign div#lumise-left ul.lumise-left-tabs li:hover {
  color: #eee;
}

div#LumiseDesign div#lumise-left ul.lumise-left-tabs li[data-active='true'] {
  background: #3fc7ba;
  color: #fff;
}

div#LumiseDesign div#lumise-left .lumise-tab-body-wrp.lumise-left-form > div {
  padding: 12px 20px;
  display: flex;
}

div#LumiseDesign
  div#lumise-left
  .lumise-tab-body-wrp.lumise-left-form
  > div
  > label {
  text-align: right;
  padding-right: 10px;
}

div#LumiseDesign
  div#lumise-left
  .lumise-tab-body-wrp.lumise-left-form
  > div
  > input[type='range'] {
  position: relative;
  width: 100%;
  margin-right: 30px;
}

div#LumiseDesign
  div#lumise-left
  .lumise-tab-body-wrp.lumise-left-form
  > div
  > input[type='range']:after {
  color: #eee;
}

div#lumise-left
  .lumise-tab-body-wrp.lumise-left-form
  > div
  > input[type='search'],
div#lumise-left
  .lumise-tab-body-wrp.lumise-left-form
  > div
  > input[type='text'] {
  display: inline-block;
  height: 32px;
  background: #eee;
  width: 100%;
  border-radius: 2px;
  margin-top: -5px;
  font-size: 14px;
  padding: 0 10px;
  outline: none;
  position: relative;
  border: 1px solid rgba(238, 238, 238, 0.23);
}

div#lumise-left #lumise-cliparts.lumise-tab-body-wrp,
div#lumise-left #lumise-templates.lumise-tab-body-wrp {
  padding: 0;
  overflow: hidden;
}

div#lumise-left #lumise-cliparts.lumise-tab-body-wrp > header,
div#lumise-left #lumise-templates.lumise-tab-body-wrp > header,
div#lumise-left .lumise-tab-body-wrp header.lumise-xitems-header {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 10px 20px;
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-cliparts-search,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-templates-search,
div#lumise-left .lumise-tab-body-wrp header .lumise-xitems-search {
  position: relative;
  height: 48px;
  width: 100%;
  float: left;
  z-index: 1000;
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-clipart-categories,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-template-categories,
div#lumise-left .lumise-tab-body-wrp header .lumise-xitem-categories {
  position: relative;
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-clipart-categories
  > button,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-template-categories
  > button,
div#lumise-left .lumise-tab-body-wrp header .lumise-xitem-categories > button {
  width: 100%;
  height: 36px;
  border-radius: 5px;
  font-size: 15px;
  text-align: left;
  padding: 0 14px;
  position: relative;
  background: transparent;
  color: #ccc;
  border: 2px solid rgba(255, 255, 255, 0.2);
  outline: none;
  cursor: pointer;
  transition: all 250ms ease;
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-clipart-categories
  > button:hover,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-template-categories
  > button:hover,
div#lumise-left
  .lumise-tab-body-wrp
  > header
  > .lumise-xitem-categories
  > button:hover {
  border: 2px solid rgba(255, 255, 255, 0.45);
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-clipart-categories
  > button
  > span,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-template-categories
  > button
  > span,
div#lumise-left
  .lumise-tab-body-wrp
  header
  .lumise-xitem-categories
  > button
  > span {
  max-width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-clipart-categories
  > button
  > i,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-template-categories
  > button
  > i,
div#lumise-left
  .lumise-tab-body-wrp
  header
  .lumise-xitem-categories
  > button
  > i {
  float: right;
  font-size: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 32px;
  border-left: 2px solid rgb(101, 107, 117);
  line-height: 36px;
  padding: 0 8px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #eee;
  transition: all 250ms ease;
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > .lumise-clipart-categories
  > button:hover
  i,
div#lumise-left
  #lumise-templates.lumise-tab-body-wrp
  > header
  > .lumise-template-categories
  > button:hover
  i,
div#lumise-left
  .lumise-tab-body-wrp
  > header
  > .lumise-xitem-categories
  > button:hover
  i {
  border-left: 2px solid rgba(255, 255, 255, 0.45);
}

div#lumise-left
  #lumise-cliparts.lumise-tab-body-wrp
  > header
  > #lumise-cliparts-label,
div#lumise-left .lumise-tab-body-wrp > header > .lumise-xitems-label {
  float: right;
  margin-top: 16px;
  margin-right: 20px;
  text-transform: uppercase;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  letter-spacing: 0.5px;
}

div#lumise-left #lumise-text.lumise-tab-body-wrp #lumise-text-ext {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 16px;
  padding-bottom: 20px;
  overflow: hidden;
}

div#lumise-left
  #lumise-text.lumise-tab-body-wrp
  #lumise-text-ext
  *[draggable='true'] {
  width: 48%;
  float: left;
}

div#lumise-left #lumise-text.lumise-tab-body-wrp *[draggable='true'] {
  cursor: move;
  display: inline-block;
  width: 31%;
  float: left;
  overflow: hidden;
  margin-right: 2%;
  margin-bottom: 10px;
  text-align: left;
}

div#lumise-left #lumise-text.lumise-tab-body-wrp *[draggable='true'] img {
  height: 70px;
}

div#lumise-left #lumise-text.lumise-tab-body-wrp *[draggable='true']:hover,
div#lumise-left #lumise-text.lumise-tab-body-wrp #lumise-text-mask-guide:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}

div#lumise-left #lumise-text.lumise-tab-body-wrp svg {
  display: inline-block;
  width: auto;
}

div#lumise-left ul.lumise-x-thumbn-categories {
  list-style: none;
  padding: 0px;
  white-space: nowrap;
  display: block;
  margin: 0px;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 31px;
  text-align: left;
}

div#lumise-left ul.lumise-x-thumbn-categories li {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 5px;
  margin-right: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

div#lumise-left ul.lumise-x-thumbn-categories li:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #3f4652;
}

div#lumise-left
  ul.lumise-x-thumbn-categories
  + span[data-func='show-categories'] {
  color: rgb(235, 236, 237);
  z-index: 1000;
  font-size: 30px;
  float: right;
  height: 31px;
  line-height: 30px;
  width: 80px;
  text-align: right;
  position: absolute;
  bottom: 0px;
  background: linear-gradient(90deg, transparent, #3f4652 25%);
  right: -14px;
  cursor: pointer;
  transition: all 250ms ease;
  padding-right: 14px;
}

div#lumise-left
  ul.lumise-x-thumbn-categories
  + span[data-func='show-categories']
  i:before {
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 31px;
}

div#lumise-left
  ul.lumise-x-thumbn-categories
  + span[data-func='show-categories']:hover {
  color: rgba(250, 250, 250, 0.9);
}

div#lumise-left
  ul.lumise-x-thumbn-categories
  + span[data-func='show-categories']
  span {
  background: #ffffff;
  color: #3a3a3a;
  right: 5px;
  left: auto;
  margin-bottom: -8px;
  transform: translateX(0%) translateY(-50%);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.35);
}

div#lumise-left
  ul.lumise-x-thumbn-categories
  + span[data-func='show-categories']
  span:after {
  border-top-color: #fff;
  left: auto;
  right: 15px;
}

div#lumise-layers ul {
  margin: 5px 0 0 0;
  padding: 0px;
  list-style: none;
  float: left;
  width: 100%;
}

div#lumise-layers ul li {
  float: left;
  width: calc(100% - 10px);
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #484f5a;
  color: #ddd;
  border-radius: 3px;
  margin: 0 5px;
}

div#lumise-layers ul[data-holder='true'] li:not([data-holder='true']) {
  background: none !important;
}

div#lumise-layers ul li:first-child {
  border-top: none;
}

div#lumise-layers ul li:hover,
div#lumise-layers ul li[data-holder='true'] {
  background: #484f5a;
  border-bottom-color: transparent;
}

div#lumise-layers ul li.active {
  background: #272c33;
}

div#lumise-layers ul li .layer-type {
  width: 24px;
  float: left;
  border: none;
  font-size: 14px;
  line-height: 28px;
  margin-top: 12px;
  margin-left: 10px;
  border-radius: 3px;
  text-align: center;
}

div#lumise-layers ul li i.layer-type {
  height: 24px;
}

div#lumise-layers ul li span.layer-name {
  float: left;
  padding-left: 10px;
  line-height: 49px;
  font-size: 15px;
  letter-spacing: 0.15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 130px);
  outline: none;
  min-width: 50px;
  text-align: left;
}

div#lumise-layers ul li span.layer-func {
  float: right;
  padding-right: 5px;
}

div#lumise-layers ul li span.layer-func i {
  font-size: 16px;
  padding: 17px 5px;
  display: inline-block;
  color: #aaa;
  cursor: pointer;
  transition: transform 200ms ease;
}

div#lumise-layers ul li span.layer-func i:hover {
  color: #fff;
  transform: scale(1.2);
}

div#lumise-layers ul li span.layer-func i[data-act='delete'] {
  color: rgba(255, 89, 133, 0.75);
}

div#lumise-layers ul li span.layer-func i[data-act='delete']:hover {
  color: rgb(255, 74, 121);
}

div#lumise-layers ul li span.layer-func i[data-active='true']:before {
  color: #6b6a65 !important;
}

div#lumise-layers
  ul
  li
  span.layer-func
  i[data-act='selectable'][data-active='true']:before {
  content: '\e08e';
}

#lumise-cliparts,
#lumise-templates {
  padding: 10px;
  transition: left 250ms ease;
}

.lumise_content table {
  float: left;
  background: #fff;
  width: 100%;
  text-align: left;
  border-collapse: inherit;
  border: 1px solid #e0e0e0;
  border-spacing: 0;
}
.lumise_content table strong {
  font-weight: 500;
  color: #383838;
}
.lumise_content table thead th {
  color: #393749;
  padding: 12px;
  font-weight: bold;
  white-space: nowrap;
  border-left: 1px solid #e0e0e0;
  border-bottom: 0;
  padding: 10px;
  background: #eee;
}
.lumise_content table thead th:first-child,
.lumise_content table td:first-child {
  border-left: none;
}
.lumise_content table tbody td:first-child {
  font-weight: 700;
  color: #505050;
}
.lumise_content table td {
  color: #777;
  padding: 12px;
  line-height: 22px;
  vertical-align: middle;
  border-left: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
}
.lumise_content table tfoot td {
  border-left: 0;
  color: #393749;
}
.lumise_content table a {
  color: #47c1bf;
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: none;
}
.lumise_content table a i {
  position: relative;
  top: 2px;
}
.lumise_content table a:hover {
  text-decoration: underline;
}
.lumise_content table.sty2 {
}
.lumise_content table.sty2 thead th {
  background: transparent;
  padding: 15px;
}
.lumise_content table.sty2 td {
  padding: 15px;
}
.lumise_content table .action a {
  text-transform: capitalize;
  margin: 3px 0;
  padding: 4px 10px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  display: inline-block;
}
.lumise_content table .action a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.lumise_content table .action a.edit {
  background: #8bc34a;
}
.lumise_content table .action a.remove {
  background: #f44336;
}
.lumise_content table .action a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  padding-right: 4px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lumise_content table .action a.edit:before {
  content: '\f044';
}
.lumise_content table .action a.remove:before {
  content: '\f00d';
}
#lumise-cart-details {
  float: left;
  width: 100%;
}
#lumise-cart-details > div,
#lumise-print-detail {
  float: left;
  width: 100%;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
}
.lumise-total {
  font-weight: 700;
  color: #333;
}

#lumise-cliparts .lumise-cliparts-search input,
#lumise-templates .lumise-templates-search input,
#lumise-cliparts .lumise-clipart-categories select,
#lumise-templates .lumise-template-categories select,
#lumise-image-resources,
#lumise-cliparts
  #lumise-cliparts-list
  > header
  span.lumise-category-search
  input,
#lumise-templates
  #lumise-templates-list
  > header
  span.lumise-category-search
  input,
#lumise-left .lumise-tab-body-wrp .lumise-xitems-search input {
  width: 100%;
  margin: 0 0 12px 0;
  background: none;
  height: 36px;
  padding: 0px 10px 0 35px;
  font-size: 15px;
  outline: none;
  border: none;
  line-height: 30px;
  transition: all 250ms ease;
  border-radius: 3px;
  color: #3a3a3a;
  background: #fff;
  float: left;
  -webkit-appearance: textfield;
}

#lumise-cliparts .lumise-cliparts-search input:focus,
#lumise-templates .lumise-templates-search input:focus {
  border-color: #3fc7ba;
}

#lumise-cliparts .lumise-clipart-categories select,
#lumise-templates .lumise-template-categories select,
#lumise-image-resources {
  background: transparent;
  color: #ccc;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

#lumise-cliparts .lumise-clipart-categories select,
#lumise-templates .lumise-template-categories select {
  padding-left: 10px;
}

#lumise-cliparts .lumise-clipart-categories select option,
#lumise-templates .lumise-template-categories select option {
  color: #333;
  background: #fff;
}

#lumise-cliparts .lumise-cliparts-search i,
#lumise-templates .lumise-templates-search i,
#lumise-left .lumise-xitems-search i {
  font-size: 18px;
  margin: 0px 10px 0 0px;
  color: #3fc7ba;
  line-height: 42px;
  height: 36px;
  position: absolute;
  left: 12px;
  z-index: 18;
  top: 0px;
  transition: all 250ms ease;
}

#lumise-cliparts.selected .lumise-cliparts-search i,
#lumise-templates.selected .lumise-templates-search i {
  left: 10px;
}

#lumise-cliparts .lumise-cliparts-search i:hover,
#lumise-templates .lumise-templates-search i:hover {
  color: #3fc7ba;
}

#lumise-cliparts .lumise-cliparts-category,
#lumise-templates .lumise-templates-category {
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: all 250ms ease;
  margin-bottom: -1px;
}

#lumise-cliparts .lumise-cliparts-category:after,
#lumise-templates .lumise-templates-category:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 35px);
  background: rgba(255, 255, 255, 0.2);
  content: '';
  transform: rotate(8deg);
  border-radius: 3px;
  z-index: -1;
  transition: all 250ms ease;
}

#lumise-cliparts .lumise-cliparts-category:hover:after,
#lumise-templates .lumise-templates-category:hover:after {
  transform: rotate(0deg);
}

#lumise-cliparts .lumise-cliparts-category.selected > label,
#lumise-templates .lumise-templates-category.selected > label {
  color: #3fc7ba;
}

#lumise-cliparts .lumise-cliparts-category label,
#lumise-templates .lumise-templates-category label {
  cursor: pointer;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  transition: all 250ms ease;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
  color: #aaa;
  letter-spacing: 0.5px;
  padding-top: 6px;
}

#lumise-cliparts .lumise-cliparts-category img.thumbn,
#lumise-templates .lumise-templates-category img.thumbn {
  max-width: 100%;
  transition: transform 350ms ease;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
}

#lumise-cliparts .lumise-cliparts-category:hover,
#lumise-templates .lumise-templates-category:hover {
  color: #3fc7ba;
}

#lumise-cliparts .lumise-cliparts-category:hover img.thumbn,
#lumise-templates .lumise-templates-category:hover img.thumbn {
  transform: scale(1.1);
  border-radius: 3px;
}

#lumise-cliparts #lumise-cliparts-list,
#lumise-templates #lumise-templates-list,
.lumise-tab-body-wrp.lumise-x-thumbn .lumise-xitems-list {
  float: left;
  width: 100%;
  position: relative;
  padding: 5px 20px;
  text-align: center;
  overflow-y: scroll;
  max-height: calc(100vh - 168px);
  overflow-x: hidden;
}
.lumise-tab-body-wrp.lumise-x-thumbn .lumise-xitems-list.nocategory {
  max-height: calc(100vh - 136px);
}
.lumise-tab-body-wrp.lumise-x-thumbn .lumise-xitems-list.nosearch {
  max-height: calc(100vh - 120px);
}
.lumise-tab-body-wrp.lumise-x-thumbn .lumise-xitems-list.nosearch.nocategory {
  max-height: calc(100vh - 54px);
  padding: 20px;
  height: 100%;
}

#lumise-cliparts #lumise-cliparts-list > header,
#lumise-templates #lumise-templates-list > header {
  text-align: center;
  padding: 10px 0 20px;
  clear: both;
  width: 100%;
  display: inline-block;
}

#lumise-cliparts #lumise-cliparts-list > header span,
#lumise-templates #lumise-templates-list > header span {
  float: right;
  text-transform: capitalize;
  font-size: 14px;
  letter-spacing: 0.35px;
  color: rgba(255, 255, 255, 0.5);
}

#lumise-cliparts #lumise-cliparts-list > header span,
#lumise-templates #lumise-templates-list > header span {
  cursor: pointer;
  font-size: 14px;
  float: left;
  color: rgba(255, 255, 255, 0.75);
  line-height: 20px;
}

#lumise-cliparts #lumise-cliparts-list > header span.lumise-category-search,
#lumise-templates #lumise-templates-list > header span.lumise-template-search {
  float: right;
  width: 22px;
  height: 20px;
}

#lumise-cliparts #lumise-cliparts-list > header span.lumise-category-search > i,
#lumise-templates
  #lumise-templates-list
  > header
  span.lumise-template-search
  > i {
  position: absolute;
  z-index: 10;
  left: calc(100% - 20px);
  transition: all 250ms ease;
}

#lumise-cliparts
  #lumise-cliparts-list
  > header
  span.lumise-category-search
  > input:focus
  + i,
#lumise-templates
  #lumise-templates-list
  > header
  span.lumise-template-search
  > input:focus
  + i {
  position: absolute;
  left: 10px;
  top: 10px;
}

#lumise-cliparts
  #lumise-cliparts-list
  > header
  span.lumise-category-search:hover
  > i,
#lumise-templates
  #lumise-templates-list
  > header
  span.lumise-category-search:hover
  > i {
  color: #3fc7ba;
}

#lumise-cliparts
  #lumise-cliparts-list
  > header
  span.lumise-category-search
  input,
#lumise-templates
  #lumise-templates-list
  > header
  span.lumise-category-search
  input {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  opacity: 0;
  padding: 0 10px 0 32px;
  background: #3f4652;
  width: 50px;
  z-index: 11;
  cursor: pointer;
}

#lumise-cliparts
  #lumise-cliparts-list
  > header
  span.lumise-category-search
  input:focus,
#lumise-templates
  #lumise-templates-list
  > header
  span.lumise-category-search
  input:focus {
  border-color: #3fc7ba;
  opacity: 1;
  width: 100%;
  z-index: 9;
  cursor: text;
}

#lumise-cliparts #lumise-cliparts-list > header span.lumise-category-title,
#lumise-templates #lumise-templates-list > header span.lumise-category-title {
  margin: 0 auto;
  text-align: center;
  float: none;
  text-transform: capitalize;
  max-width: calc(100% - 80px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  cursor: default;
  color: #eee;
  font-size: 14px;
  font-weight: 600;
  color: #ccc;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#lumise-cliparts #lumise-cliparts-list > header span i,
#lumise-templates #lumise-templates-list > header span i {
  font-size: 18px;
  float: left;
  margin-right: 3px;
}

#lumise-cliparts #lumise-cliparts-list > header i:hover,
#lumise-templates #lumise-templates-list > header i:hover {
  color: #3fc7ba;
}

#lumise-cliparts footer,
#lumise-templates footer {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}

#lumise-cliparts header > h3,
#lumise-cliparts footer > h3,
#lumise-templates header > h3,
#lumise-templates footer > h3 {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.35px;
  font-weight: bold !important;
  color: #aaa;
}

#lumise-shapes ul.lumise-list-items {
  margin: 0px;
  padding: 0px;
}

#lumise-shapes li.lumise-clipart {
  width: 17%;
  margin-right: 3%;
  float: left;
  list-style: none;
  margin-bottom: 2%;
  cursor: pointer;
}

#lumise-shapes li.lumise-clipart:nth-child(5n + 1) {
  clear: both;
}

#lumise-shapes .noitems {
  clear: both;
  display: inline-block;
  width: 100%;
}

#lumise-shapes li svg {
  transition: fill 250ms ease;
  fill: #aaa;
}

#lumise-shapes svg:hover {
  fill: #3fc7ba;
}

#lumise-left #lumise-cliparts ul.lumise-list-items,
#lumise-left #lumise-templates ul.lumise-list-items,
#lumise-left #lumise-uploads ul.lumise-list-items,
#lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  display: inline-block;
}

#lumise-left #lumise-cliparts ul.lumise-list-items li,
#lumise-left #lumise-templates ul.lumise-list-items li,
#lumise-left #lumise-uploads ul.lumise-list-items li,
#lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems li {
  float: left;
  width: calc(50% - 4px);
  height: 120px;
  text-align: center;
  background-color: #fff;
  margin: 0px 6px 6px 0;
  overflow: hidden;
  cursor: pointer;
  background-size: 32px;
  transition: all 250ms ease;
  opacity: 0.75;
  position: relative;
  background-size: cover;
  background-position: center center;
  border-radius: 3px;
}
#lumise-left #lumise-cliparts ul.lumise-list-items li:hover,
#lumise-left #lumise-templates ul.lumise-list-items li:hover,
#lumise-left #lumise-uploads ul.lumise-list-items li:hover,
#lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems li:hover {
  opacity: 1;
}
#lumise-left ul.lumise-list-items li i {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 20px;
  color: #f98a5d;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  opacity: 0;
  transition: all 250ms ease;
  width: 20px;
  height: 20px;
}

#lumise-left ul.lumise-list-items li:hover i {
  opacity: 0.75;
}

#lumise-left ul.lumise-list-items li i[data-delete]:hover {
  color: #f74b05;
  background: #fff;
}
#lumise-left ul.lumise-list-items li i[data-tag] {
  color: #272727;
  background: #ddd;
  bottom: 3px;
  top: auto;
  opacity: 1;
  border-radius: 2px;
  width: auto;
  padding: 0 5px;
  line-height: 18px;
  font-size: 10px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  height: 18px;
}
#lumise-left ul.lumise-list-items li i[data-info] {
  color: #555;
  right: 3px;
  background: rgba(255, 255, 255, 0.5) url('../images/i.svg') no-repeat center
    center;
  background-size: 18px;
}
#lumise-left .nopreview ul.lumise-list-items li i[data-info],
#lumise-left .noprice ul.lumise-list-items li i[data-tag] {
  display: none;
}
#lumise-left ul.lumise-list-items li i[data-delete] {
  right: auto;
  left: 5px;
}

#lumise-left ul.lumise-list-items li i[data-info]:hover {
  background-color: rgba(255, 255, 255, 0.85);
  opacity: 1;
}

#lumise-left #lumise-cliparts ul.lumise-list-items li:nth-child(2n),
#lumise-left #lumise-templates ul.lumise-list-items li:nth-child(2n),
#lumise-left #lumise-uploads ul.lumise-list-items li:nth-child(2n),
#lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems li:nth-child(2n) {
  margin-right: 0px;
}

#lumise-left #lumise-cliparts ul.lumise-list-items li:hover,
#lumise-left #lumise-templates ul.lumise-list-items li:hover,
#lumise-left #lumise-uploads ul.lumise-list-items li:hover {
  opacity: 1;
}

#lumise-left #lumise-cliparts ul.lumise-list-items li img,
#lumise-left #lumise-templates ul.lumise-list-items li img,
#lumise-left #lumise-uploads ul.lumise-list-items li img {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

#lumise-left #lumise-cliparts ul.lumise-list-items .noitems,
#lumise-left #lumise-templates ul.lumise-list-items .noitems,
#lumise-left .lumise-xitems-list ul.lumise-list-items .noitems {
  margin-top: 30px;
  display: inline-block;
  font-size: 16px;
  color: #ccc;
  margin-bottom: 30px;
  width: 100%;
}

#lumise-left #lumise-cliparts ul.lumise-pagination,
#lumise-left #lumise-uploads ul.lumise-pagination {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#lumise-left #lumise-cliparts ul.lumise-pagination li,
#lumise-left #lumise-uploads ul.lumise-pagination li {
  display: inline-block;
  padding: 10px;
}

#lumise-left #lumise-cliparts .lumise-clipart-item img,
#lumise-left #lumise-uploads .lumise-clipart-item img {
  width: 100%;
  border-radius: 3px;
}

#lumise-left #lumise-cliparts ul.lumise-pagination li {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 2px;
  margin-right: 1px;
}

#lumise-left #lumise-cliparts ul.lumise-pagination li:hover,
#lumise-left #lumise-cliparts ul.lumise-pagination li[data-selected='true'] {
  background: #3fc7ba;
}

#lumise-left #lumise-x-thumbn-preview {
  position: absolute;
  left: calc(100% + 1px);
  top: 0px;
  z-index: 1000;
  background: #fff;
  box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.35);
  border-bottom-right-radius: 5px;
  /* overflow: hidden; */
  display: none;
}

#lumise-x-thumbn-preview .lumise-template-preview {
  position: relative;
  display: inline-block;
}

#lumise-x-thumbn-preview .lumise-template-preview .lumise-tp-limit {
  position: absolute;
  border: 1px dashed #333;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  overflow: hidden;
}

#lumise-left #lumise-x-thumbn-preview > header,
#lumise-left #lumise-x-thumbn-preview > footer {
  text-align: left;
  padding: 10px 14px;
  background: #ffffff;
  font-size: 14px;
  text-transform: inherit;
  font-weight: 400;
  max-width: 528px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  border-bottom-right-radius: 3px;
}
#lumise-left #lumise-x-thumbn-preview > header {
  color: #3e4652;
  border-radius: 0px;
}
#lumise-left #lumise-x-thumbn-preview > header > strong {
  padding-left: 5px;
  font-weight: bold;
  text-transform: uppercase;
  color: #888;
}

#lumise-left #lumise-x-thumbn-preview > header > span {
  color: #3fc7ba;
  font-size: 18px;
  margin-bottom: -32px;
  position: absolute;
  z-index: 10;
  right: 0px;
  top: 0px;
  padding: 6px 10px;
}

#lumise-left #lumise-x-thumbn-preview > header i {
  position: absolute;
  top: 6px;
  right: 10px;
  cursor: pointer;
  color: #8b8b8b;
  font-size: 24px;
}

#lumise-left #lumise-x-thumbn-preview > header i:hover {
  color: #888;
}

#lumise-left #lumise-x-thumbn-preview > footer {
  color: #aaa;
  width: 100%;
}

#lumise-left #lumise-x-thumbn-preview > footer > ul {
  margin: 0px;
}

#lumise-left #lumise-x-thumbn-preview > div {
  background: #fff url('../images/loading.gif') no-repeat center center;
  background-size: 32px;
  min-width: 250px;
  min-height: 100px;
  border-bottom-right-radius: 3px;
}

#lumise-left #lumise-x-thumbn-preview > div img {
  background: #fff;
  max-width: 500px;
  max-height: 500px;
  float: left;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
}

#lumise-left
  #lumise-x-thumbn-preview
  .lumise-template-preview
  .lumise-tp-limit
  img {
  background: none;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp {
  float: left;
  width: 528px;
  min-height: 180px;
  background: #ebeced;
  padding: 0px;
  position: relative;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #e4e4e4;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp:after {
  content: '';
  position: absolute;
  top: 38px;
  left: -20px;
  border: 10px solid transparent;
  border-right: 10px solid #ebeced;
}

#lumise-left
  #lumise-x-thumbn-preview
  .lumise-categories-wrp[data-process]:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: wait;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp nav {
  width: 100%;
  text-align: left;
  padding: 14px 15px 0 20px;
  float: left;
  font-size: 16px;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp nav a {
  float: left;
  text-decoration: none;
  line-height: 22px;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp nav a:hover {
  text-decoration: underline;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp nav i {
  float: left;
  color: #aaa;
  padding: 0px 5px;
  position: relative;
  bottom: -3px;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp nav span {
  float: left;
  line-height: 22px;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul {
  list-style: none;
  margin: 0px;
  padding: 14px 20px;
  max-height: 360px;
  overflow: auto;
  float: left;
  width: 100%;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li img {
  width: 150px;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li span {
  float: left;
  width: 100%;
  height: 120px;
  background-position: center center;
  background-size: cover;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li p {
  float: left;
  width: 100%;
  padding: 5px 14px;
  background: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 1px solid #eee;
  margin: 0px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li {
  float: left;
  width: 31.3333333333333%;
  margin: 0 3% 3% 0;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.3s ease 0s;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 2px solid #3fc7ba;
  border-radius: 3px;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

#lumise-left
  #lumise-x-thumbn-preview
  .lumise-categories-wrp
  ul
  li.active:before,
#lumise-left
  #lumise-x-thumbn-preview
  .lumise-categories-wrp
  ul
  li.active:after {
  opacity: 1;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:after {
  content: '\e005';
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #fff;
  background: #3fc7ba;
  height: 30px;
  line-height: 30px;
  width: 30px;
  border-radius: 30px;
  text-align: center;
  font-family: 'lumise' !important;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:hover,
#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li.active {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

#lumise-left
  #lumise-x-thumbn-preview
  .lumise-categories-wrp
  ul
  li:nth-child(3n) {
  margin-right: 0px;
}

#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li.active p {
  background: #3fc7ba;
  color: #eee;
}

#lumise-left #lumise-uploads {
  overflow: hidden !important;
}

#lumise-left #lumise-uploads > header {
  display: inline-block;
  margin: 10px 20px 0;
  width: calc(100% - 40px);
  border-top: none;
}

#lumise-left #lumise-uploads header > button {
  margin: 10px 0px;
  text-transform: inherit;
  font-weight: normal;
  font-size: 15px;
  width: 50%;
  white-space: nowrap;
  float: left;
  padding: 10px 12px;
  border: none;
  cursor: pointer;
  background: #eee;
  outline: none !important;
}

#lumise-left #lumise-uploads header > button:first-child {
  margin-right: 1px;
  width: calc(50% - 1px);
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

#lumise-left #lumise-uploads header > button:last-child {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

#lumise-left #lumise-uploads header button:hover,
#lumise-left #lumise-uploads header button.active {
  background: #3fc7ba;
  color: #eee;
  position: relative;
}

#lumise-left #lumise-uploads header button.active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -16px;
  border: 8px solid transparent;
  border-top: 8px solid #3fc7ba;
  transform: translateX(-50%);
}

#lumise-left #lumise-uploads div[data-tab] {
  float: left;
  width: 100%;
  height: calc(100vh - 124px);
  overflow: hidden;
  display: none;
}
#lumise-left #lumise-uploads header + div[data-tab] {
  height: calc(100vh - 115px);
  padding-top: 0px;
}
#lumise-left #lumise-uploads div[data-tab='internal'] {
  overflow: auto;
  height: calc(100vh - 124px);
  padding-top: 14px;
}

#lumise-left #lumise-uploads div[data-tab].active {
  display: block;
}

#lumise-left #lumise-uploads div[data-tab] iframe {
  border: none;
  width: 100%;
  height: 100%;
  background: url('../images/loading_gray.gif') no-repeat center 18%;
  background-size: 50px;
  display: inline-block;
}

#lumise-left #lumise-upload-form {
  display: inline-block;
  width: calc(100% - 40px);
  border: 2px dashed rgba(255, 255, 255, 0.3);
  padding: 20px 10px;
  margin: 10px 20px;
  position: relative;
  font-size: 14px;
  color: #aaa;
  cursor: pointer;
}

#lumise-left #lumise-upload-form.is-dragover {
  border-color: #3fc7ba;
}

#lumise-left #lumise-upload-form:hover {
  border-color: rgba(255, 255, 255, 0.75);
}

#lumise-left #lumise-upload-form input,
input#lumise-import-json {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
}

#lumise-left #lumise-upload-form > i {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
  color: #ddd;
}

#lumise-left #lumise-upload-list {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
}

#lumise-left div.lumise-pagination {
  width: 100%;
  display: inline-block;
  padding: 20px 0 30px;
}

#lumise-left div.lumise-pagination select {
  display: inline-block;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: transparent;
  color: #eee;
  font-size: 14px;
  margin: 0 20px;
  min-width: 80px;
  outline: none;
}

#lumise-left div.lumise-pagination select:hover {
  border-color: #3fc7ba;
}

#lumise-left div.lumise-pagination > i[data-page] {
  font-size: 20px;
  display: inline-block;
  position: relative;
  bottom: -5px;
  cursor: pointer;
}

#lumise-left div.lumise-pagination > i.disabled[data-page] {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}

#lumise-left div.lumise-pagination > i[data-page]:not(.disabled):hover {
  color: #3fc7ba;
}

div#lumise-main {
  background-size: 16px;
  position: relative;
  width: calc(100vw - 420px);
  padding-top: 50px;
  left: 420px;
  top: 0px;
  display: inline-block;
  height: calc(100vh - 60px);
}
#lumise-main #lumise-no-product {
  margin-top: calc(50vh - 140px);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 15px;
  color: #888;
  display: none;
}

#lumise-main #lumise-no-product .lumise-btn {
  margin-top: 10px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  height: 36px;
}
div#LumiseDesign div#lumise-left #lumise-bug.lumise-tab-body-wrp {
  text-align: left;
  padding: 20px;
}
div#LumiseDesign div#lumise-left #lumise-bug h3 {
  font-size: 22px;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
  text-transform: capitalize;
}
div#LumiseDesign div#lumise-left #lumise-bug textarea {
  width: 100%;
  height: 250px;
  margin-bottom: 10px;
  resize: vertical;
  border: none;
  padding: 12px;
  font-size: 15px;
  outline: none;
  border-radius: 3px;
}
div#LumiseDesign div#lumise-left #lumise-bug textarea:focus {
  background: #fdfdee;
}
div#LumiseDesign div#lumise-left #lumise-bug p {
  color: #c1c1c1;
}
div#LumiseDesign div#lumise-left #lumise-bug p[data-view='tips'] {
  color: #a7a7a7;
  font-style: italic;
  font-size: 14px;
  clear: both;
  display: inline-block;
}
div#LumiseDesign div#lumise-left #lumise-bug center i {
  font-size: 80px;
  color: rgba(255, 255, 255, 0.1);
  display: inline-block;
}
div#LumiseDesign div#lumise-left #lumise-bug bug {
  transition: all ease-in 200ms;
}
div#LumiseDesign div#lumise-left #lumise-bug[data-view] bug {
  filter: blur(5px);
  display: inline-block;
}
div#LumiseDesign div#lumise-left #lumise-bug[data-view] textarea {
  background: #474e58;
  color: #474e58;
}
div#LumiseDesign div#lumise-left #lumise-bug[data-view]:before {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
}
div#LumiseDesign div#lumise-left #lumise-bug[data-view='sending']:before {
  background: url(../images/spinner-white.png) no-repeat center center;
  content: '';
  height: 40px;
  width: 40px;
  background-size: 40px;
  animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite
    ka-spinner;
  top: calc(40% - 20px);
  left: calc(50% - 20px);
}
div#LumiseDesign div#lumise-left #lumise-bug[data-view='success']:before {
  content: '\e005';
  font-family: 'lumise';
  font-size: 80px;
  color: #49f149;
  text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.5);
}
div#LumiseDesign div#lumise-left #lumise-bug[data-view]:after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
}
div#lumise-main .canvas-wrapper {
  position: relative;
  clear: both;
  display: inline-block;
  background: #fff;
}

div#lumise-main .canvas-wrapper .lumise-snap-line-x,
div#lumise-main .canvas-wrapper .lumise-snap-line-y {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 0px;
  width: 0px;
  display: none;
}

div#lumise-main .canvas-wrapper .lumise-snap-line-y {
  left: 50%;
  top: 0px;
  border-right: 1px dashed #3fc7ba;
  height: 100%;
}

div#lumise-main .canvas-wrapper .lumise-snap-line-x {
  left: 0px;
  top: 50%;
  border-bottom: 1px dashed #3fc7ba;
  width: 100%;
}

div#lumise-main canvas,
div#lumise-main .canvas-container {
  max-width: 100%;
  display: inline-block;
}

div#lumise-main canvas {
  height: auto !important;
}

div#nav-bottom-left {
  position: fixed;
  top: calc(100vh - 10px);
  left: 432px;
  background: #ffffff;
  color: #3f4652;
  border-radius: 3px;
  transform: translateY(-100%);
  transition: background ease 250ms;
  height: 38px;
}
div#nav-bottom-left:hover {
  background: #ffffff;
}
div#nav-bottom-left div[data-nav] {
  float: left;
}
div#nav-bottom-left div[data-nav='colors'] {
  padding: 7px;
  display: none;
}
div#nav-bottom-left div[data-nav='colors'] > i {
  font-style: normal;
  color: #eee;
  width: 80px;
  background: #ebeced;
  display: inline-block;
  border-radius: 2px;
  height: 24px;
  line-height: 24px;
  float: left;
}
div#lumise-count-colors ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  display: flex;
}

div#lumise-count-colors ul:after {
  content: attr(data-count);
  position: absolute;
  top: -20px;
  left: 5px;
  color: #888;
  font-size: 13px;
  text-shadow: 1px 1px 1px #fff;
}

div#lumise-count-colors ul li {
  display: inline-block;
  height: 14px;
  min-width: 16px;
  float: left;
  line-height: 14px;
  text-align: center;
  color: #aaa;
  font-size: 13px;
  margin-bottom: 0;
}

div#lumise-zoom-wrp {
  position: fixed;
  top: calc(100vh - 10px);
  right: 50px;
  background: #3f4652;
  color: #ebeced;
  padding: 5px 14px;
  transform: translateY(-100%);
  z-index: 1;
  height: 38px;
}

div#lumise-zoom-wrp > span,
div#lumise-count-colors i:before {
  float: left;
  position: absolute;
  top: -80%;
  background: #3f4652;
  padding: 5px 10px;
  border-radius: 3px;
  left: 50%;
  color: #ebeced;
  transform: translateX(-50%);
  transition: all ease 250ms 150ms;
  opacity: 0;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  box-sizing: content-box;
  font-size: 14px;
}
div#lumise-count-colors i:before {
  content: attr(title);
}
div#lumise-count-colors:hover i:before {
  top: -110%;
}
div#lumise-zoom-wrp > span:after,
div#lumise-count-colors i:after {
  content: '';
  border: 6px solid transparent;
  border-top: 6px solid #3f4652;
  position: absolute;
  top: 100%;
  left: calc(50% - 4px);
}
div#lumise-count-colors i:after {
  top: calc(-100% + 37px);
  opacity: 0;
  transition: all ease 250ms 150ms;
}
div#lumise-count-colors:hover i:after {
  top: calc(-100% + 26px);
}
div#lumise-count-colors:hover i:before,
div#lumise-count-colors:hover i:after {
  opacity: 1;
}
div#lumise-zoom-wrp:hover > span {
  opacity: 1;
  top: -110%;
}
div#lumise-zoom-wrp > i[data-zoom] {
  float: left;
  font-size: 18px;
  margin: 0px;
  cursor: pointer;
  position: absolute;
  left: -40px;
  top: 0px;
  background: #3f4652;
  height: 38px;
  width: 40px;
  line-height: 44px;
  border-right: 1px solid #616875;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
div#lumise-zoom-wrp > i[data-zoom]:before {
  line-height: 40px;
}
div#lumise-zoom-wrp > i[data-zoom='in'] {
  left: auto;
  right: -40px;
  border-left: 1px solid #616875;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
div#lumise-zoom-wrp > i:hover {
  color: #3fc7ba;
}

div#lumise-zoom-wrp input[type='range'],
div#lumise-left input[type='range'] {
  position: relative;
  width: 250px;
}
div#lumise-zoom-wrp [data-range='helper'],
div#lumise-left [data-range='helper'] {
  margin-right: 40px;
}
div#lumise-zoom-wrp [data-range='helper']:after,
div#lumise-left [data-range='helper']:after {
  content: attr(data-value);
  position: absolute;
  left: calc(100% + 10px);
  top: 3px;
  font-size: 14px;
  font-weight: normal;
  color: #eee;
}

div#lumise-zoom-wrp input[type='range'] {
  width: 80px;
  bottom: -2px;
}

div#lumise-zoom-wrp input[type='range']:after {
  color: #ebeced;
}

div#lumise-stage-nav {
  position: fixed;
  top: calc(100vh - 10px);
  left: calc(50% + 210px);
  transform: translateX(-50%) translateY(-100%);
}
div#lumise-stage-nav.stages-expand ul {
  background: #e8e8e8;
  max-height: calc(100vh - 150px);
  overflow-y: scroll;
  min-width: 220px;
  padding: 5px 0;
  border-radius: 3px;
  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.35);
}
div#lumise-stage-nav.stages-expand ul li[data-nav] {
  display: none !important;
}
div#lumise-stage-nav.stages-expand ul li[data-stage] {
  display: flex;
  width: calc(100% - 16px);
  padding: 5px;
  background: #ffffff;
  margin: 5px 8px;
  transition: opacity ease 250ms;
  border: 1px solid transparent;
  opacity: 0.35;
}
div#lumise-stage-nav.stages-expand ul li.ui-sortable-placeholder {
  display: flex;
  width: calc(100% - 16px);
  visibility: visible !important;
  border: 1px dashed #ccc;
  margin: 5px 8px;
  height: 72px;
  border-radius: 3px;
}
div#lumise-stage-nav:not(.stages-expand) ul li.ui-sortable-placeholder {
  height: 82px;
  width: 82px;
}
div#lumise-stage-nav.stages-expand ul li[data-stage].active {
  box-shadow: 1px 1px 0px 0 rgba(0, 0, 0, 0.08);
}
div#lumise-stage-nav.stages-expand ul li[data-stage].active,
div#lumise-stage-nav.stages-expand ul li[data-stage]:hover {
  opacity: 1;
}
div#lumise-stage-nav.stages-expand ul li[data-stage] span {
  float: none;
  opacity: 1;
  position: static;
  transform: none;
  color: #333;
  visibility: inherit;
  background: transparent;
  font-weight: normal;
  margin-bottom: 0px;
  height: 50px;
  line-height: 50px;
  transition: none;
  max-width: 250px;
  text-align: left;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
}
div#lumise-stage-nav.stages-expand ul li[data-stage] span:after {
  display: none;
}
div#lumise-stage-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left;
  border-radius: 2px;
  transition: none;
}

div#lumise-stage-nav ul li {
  padding: 6px;
  font-weight: 600;
  cursor: pointer;
  margin: 0px;
  text-transform: uppercase;
  font-size: 13px;
  vertical-align: middle;
  opacity: 0.5;
  transition: opacity ease 250ms;
  position: relative;
  display: inline-block;
  min-height: 40px;
}
div#lumise-stage-nav ul li[data-nav='func'] {
  margin-top: 5px;
}
div#lumise-stage-nav[data-pos='bottom'] ul li[data-nav='func'] {
  margin-top: 20px;
}
div#lumise-stage-nav ul li[data-nav='func'] button {
  border: none;
  background: transparent;
  font-size: 18px;
  outline: none;
  display: inline-block;
  cursor: pointer;
  padding: 6px 10px;
  transition: opacity ease 250ms;
  opacity: 0.35;
  margin: 0px;
  clear: both;
}
div#lumise-stage-nav ul li[data-nav='func'] button:hover {
  opacity: 1;
}
div#lumise-stage-nav ul li[data-nav='func'] svg {
  margin-bottom: -3px;
  display: inline-block;
}

div#lumise-stage-nav ul li[data-stage] {
  display: none;
  /* background: #ffffffad; */
  border-radius: 3px;
  /* box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.1); */
  padding: 0px;
}
div#lumise-stage-nav:not(.stages-expand) ul li.active span {
  display: none;
}
div#lumise-stage-nav ul li:hover,
div#lumise-stage-nav ul li.active {
  opacity: 1;
  display: inline-block;
}
div#lumise-stage-nav ul li:last-child {
  border: none;
}
div#lumise-stage-nav ul li p {
  padding: 5px;
  margin: 0px;
}
div#lumise-stage-nav ul li i[data-svg] {
  display: inline-block;
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%20424.56%20424.56%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M242.606%2C303.258c0%2C16.759-13.562%2C30.321-30.326%2C30.321c-16.762%2C0-30.324-13.562-30.324-30.321%20%20%20c0-16.765%2C13.562-30.327%2C30.324-30.327C229.044%2C272.931%2C242.606%2C286.493%2C242.606%2C303.258z%20M121.302%2C181.955%20%20%20c-16.762%2C0-30.324%2C13.562-30.324%2C30.324s13.562%2C30.324%2C30.324%2C30.324c16.762%2C0%2C30.327-13.562%2C30.327-30.324%20%20%20S138.066%2C181.955%2C121.302%2C181.955z%20M212.28%2C181.955c-16.762%2C0-30.324%2C13.562-30.324%2C30.324s13.562%2C30.324%2C30.324%2C30.324%20%20%20c16.764%2C0%2C30.326-13.562%2C30.326-30.324S229.044%2C181.955%2C212.28%2C181.955z%20M303.26%2C181.955c-16.769%2C0-30.331%2C13.562-30.331%2C30.324%20%20%20s13.562%2C30.324%2C30.331%2C30.324c16.76%2C0%2C30.322-13.562%2C30.322-30.324S320.02%2C181.955%2C303.26%2C181.955z%20M303.26%2C90.978%20%20%20c-16.769%2C0-30.331%2C13.562-30.331%2C30.324s13.562%2C30.327%2C30.331%2C30.327c16.76%2C0%2C30.322-13.565%2C30.322-30.327%20%20%20S320.02%2C90.978%2C303.26%2C90.978z%20M303.26%2C0c-16.769%2C0-30.331%2C13.562-30.331%2C30.324s13.562%2C30.327%2C30.331%2C30.327%20%20%20c16.76%2C0%2C30.322-13.565%2C30.322-30.327S320.02%2C0%2C303.26%2C0z%20M212.28%2C90.978c-16.762%2C0-30.324%2C13.562-30.324%2C30.324%20%20%20s13.562%2C30.327%2C30.324%2C30.327c16.764%2C0%2C30.326-13.565%2C30.326-30.327S229.044%2C90.978%2C212.28%2C90.978z%20M303.26%2C363.91%20%20%20c-16.769%2C0-30.331%2C13.562-30.331%2C30.322c0%2C16.765%2C13.562%2C30.327%2C30.331%2C30.327c16.76%2C0%2C30.322-13.562%2C30.322-30.327%20%20%20C333.582%2C377.473%2C320.02%2C363.91%2C303.26%2C363.91z%20M303.26%2C272.931c-16.769%2C0-30.331%2C13.562-30.331%2C30.327%20%20%20c0%2C16.759%2C13.562%2C30.321%2C30.331%2C30.321c16.76%2C0%2C30.322-13.562%2C30.322-30.321C333.582%2C286.493%2C320.02%2C272.931%2C303.26%2C272.931z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E')
    no-repeat 0 0;
  height: 30px;
  width: 30px;
  background-size: 30px;
  margin: 5px 5px 0px 5px;
}
div#lumise-stage-nav ul li i[data-svg='next'] {
  transform: scale(-1);
}
div#lumise-stage-nav ul li span {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
div#lumise-stage-nav ul li.disbl span {
  display: none !important;
}
div#lumise-stage-nav ul li.disbl {
  opacity: 0.1 !important;
  cursor: default;
}
div#lumise-stage-nav ul li img {
  height: 80px;
  float: left;
  border-radius: 2px;
}
div#lumise-stage-nav[data-pos='right']:not(.stages-expand) ul li img {
  width: 80px;
  height: auto;
}
div#lumise-stage-nav.stages-expand ul li img {
  height: 60px;
}
div#lumise-stage-nav[data-pos='right'] {
  top: calc(50% + 20px);
  left: auto;
  right: 20px;
  transform: translateY(-50%);
  float: left;
}
div#lumise-stage-nav[data-pos='right'] ul li[data-nav] {
  display: block;
}
div#lumise-stage-nav[data-pos='right'] ul li[data-nav='func'] {
  width: 80px;
  margin-left: 0px;
  margin-top: 5px;
}
div#lumise-stage-nav[data-pos='right'].stages-expand {
  transform: translateY(-50%);
  top: calc(50% + 25px) !important;
  z-index: 999999;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs {
  left: 0px;
  transform: none;
  width: 100vw;
  text-align: center;
  z-index: 1000000;
  top: 50%;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs > ul {
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  box-sizing: border-box;
  margin: 0px;
  max-height: inherit;
  z-index: 1000000;
  overflow: inherit;
  padding: 0px;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  li:not(.active):not([data-nav]) {
  display: none;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs > ul li.active,
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  li[data-nav='prev'],
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  li[data-nav='next'] {
  display: inline-block !important;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  li[data-nav='prev'],
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  li[data-nav='next'] {
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 100000000000;
  width: auto;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  li[data-nav='next'] {
  left: auto;
  right: 5px;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  span[data-stage] {
  display: block;
  position: static;
  height: 40px;
  line-height: 40px;
  text-align: center;
  max-width: 100%;
  font-weight: 600;
  background: #f3f3f3;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs
  > ul
  img[data-stage] {
  height: auto;
  max-height: calc(100vh - 100px);
  display: block;
  float: none;
  clear: both;
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs:before {
  content: '';
  background: rgba(0, 0, 0, 0.81);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}
div#lumise-stage-nav[data-pos].stages-expand.preview-designs:after {
  content: '\e004';
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: #fff;
  font-family: 'lumise';
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div#lumise-stage-nav[data-pos='right']:not(.preview-designs)
  i[data-svg='prev'] {
  transform: rotate(90deg);
}
div#lumise-stage-nav[data-pos='right']:not(.preview-designs)
  i[data-svg='next'] {
  transform: rotate(-90deg);
}
div#lumise-stage-nav[data-pos='right']:not(.preview-designs):not(.stages-expand)
  [data-tip='true']
  span {
  right: calc(100% + 10px);
  margin: 0px;
  height: 26px;
  top: 50%;
  width: auto;
  left: auto;
  transform: translateY(-50%);
}
div#lumise-stage-nav[data-pos='right']:not(.preview-designs)
  [data-tip='true']
  span:after {
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left: 5px solid rgba(51, 51, 51, 0.9);
  top: 50%;
  left: 100%;
}
div#lumise-notices {
  position: absolute;
  top: 50px;
  left: calc(50% + 210px);
  /* 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);
}
div#lumise-confirm {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 10000000000;
  background: rgba(0, 0, 0, 0.35);
}
div#lumise-confirm conf > p {
  max-height: calc(90vh - 140px);
  overflow: auto;
}
div#lumise-confirm conf {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #ffffff;
  padding: 50px 20px 20px 20px;
  border-radius: 4px;
  max-width: 450px;
  min-width: 320px;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.35);
  animation: fadeInX 250ms;
  max-height: 90vh;
}
div#lumise-confirm conf:before {
  content: attr(data-label);
  top: -1px;
  left: 0px;
  width: calc(100% - 14px);
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding-left: 14px;
  background: #3e3e3e;
  color: #cccc;
  font-weight: 500;
  position: absolute;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-transform: capitalize;
}
div#lumise-confirm[data-type='error'] conf:before {
  background: #ef4e4e;
  color: #eee;
}
div#lumise-confirm[data-type='warning'] conf:before {
  background: #daad25;
  color: #fff;
}
div#lumise-confirm conf em {
  float: left;
  width: 100%;
  margin-top: 14px;
  font-size: 14px;
}
div#lumise-confirm conf [data-btn='close'] {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 22px;
  color: #ccc;
  cursor: pointer;
}
div#lumise-confirm conf [data-btn='close']:hover {
  color: #888;
}
div#lumise-confirm conf button {
  margin: 10px 5px 0;
}
#LumiseDesign div#lumise-confirm conf button.white {
  background: #e0e0e0;
}
div#lumise-top-tools {
  background: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  width: calc(100% - 420px);
  display: inline-block;
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  color: #3f4652;
  left: 420px;
  top: 54px;
  padding: 0 24px 0 10px;
  white-space: nowrap;
}
div[data-navigation='active'] {
  z-index: 1000000000 !important;
}

div#lumise-top-tools[data-view='standard']
  ul.lumise-top-nav[data-mode='default'],
div#lumise-top-tools[data-view='i-text'] ul.lumise-top-nav[data-mode='text'],
div#lumise-top-tools[data-view='text-fx'] ul.lumise-top-nav[data-mode='text'],
div#lumise-top-tools[data-view='i-text']
  ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='svg'] ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='path-group']
  ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav[data-mode='text'],
div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav
  li[data-func='curved'],
div#lumise-top-tools[data-view='text-fx']
  ul.lumise-top-nav
  li[data-func='text-fx'],
div#lumise-top-tools[data-view='image'] ul.lumise-top-nav[data-mode='image'],
div#lumise-top-tools[data-view='image'] ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='text-fx']
  ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='qrcode']
  ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='qrcode'] ul.lumise-top-nav[data-mode='qrcode'],
div#lumise-top-tools[data-view='path'] ul.lumise-top-nav[data-mode='standard'],
div#lumise-top-tools[data-view='svg'] ul.lumise-top-nav[data-mode='svg'],
div#lumise-top-tools[data-view='path-group'] ul.lumise-top-nav[data-mode='svg'],
div#lumise-top-tools[data-view='group'] ul.lumise-top-nav[data-mode='group'],
div#lumise-top-tools[data-view='drawing']
  ul.lumise-top-nav[data-mode='drawing'] {
  display: block;
}

div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav
  li#lumise-text-effect,
div#lumise-top-tools[data-view='text-fx']
  ul.lumise-top-nav
  li#lumise-text-effect {
  border-bottom: 1px dotted #ccc;
  padding: 0 0 20px 0;
  margin: 10px;
}

div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav
  li[data-view='transparent'],
div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav
  li[data-tool='spacing'],
div#lumise-top-tools[data-view='curvedText']
  ul.lumise-top-nav
  li[data-tool='text-align'],
div#lumise-top-tools[data-view='text-fx']
  ul.lumise-top-nav
  li[data-view='stroke'],
div#lumise-top-tools[data-view='svg'] ul.lumise-top-nav li[data-view='stroke'],
div#lumise-top-tools[data-view='path'] ul.lumise-top-nav li[data-tool='fill'],
div#lumise-top-tools > ul.lumise-top-nav li[data-func],
div#lumise-top-tools:not([data-view='image']) #lumise-scale-wrp {
  display: none;
}

div#lumise-top-tools[data-view='image']
  ul.lumise-top-nav[data-mode='image']
  > li:hover
  > i {
  color: #3fc7ba;
}

div#lumise-top-tools[data-view='image']
  ul.lumise-top-nav[data-mode='image']
  > li
  > span {
  font-size: 14px;
  float: left;
}

div#lumise-top-tools > ul.lumise-top-nav {
  box-sizing: border-box;
  float: right;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: none;
  z-index: 10;
}

div#lumise-top-tools ul.left {
  float: left;
}
div#lumise-top-tools ul[data-mode='svg'] {
  width: calc(100% - 170px);
}
div#lumise-top-tools ul i[class^='lumise-icon-'] {
  font-size: 16px;
  float: left;
}

div#lumise-top-tools ul li input#lumise-qrcode-text {
  height: 32px;
  border: 1px solid #d2d2d2;
  font-size: 14px;
  padding: 0 10px;
  width: 280px;
  outline: none;
}

div#lumise-top-tools #lumise-general-status > span {
  font-size: 15px;
  outline: none;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*padding-right: 30px;*/
  position: relative;
  z-index: 2;
  color: #a7a7a7;
  line-height: 28px;
}
div#lumise-top-tools #lumise-general-status > span > i,
div#lumise-top-tools #lumise-general-status > span > text > i {
  top: 2px;
  position: relative;
  right: 5px;
  float: left;
}
div#lumise-top-tools #lumise-general-status > span > text {
  font-size: 15px;
  float: left;
  cursor: default;
}
div#lumise-top-tools #lumise-general-status > span a {
  text-decoration: none;
  margin-left: 10px;
  float: left;
  margin-top: -1px;
  position: relative;
  border-left: 2px solid #ccc;
  padding: 0px 10px;
}
div#lumise-top-tools #lumise-general-status > span a i {
  top: 4px;
  left: 2px;
  position: relative;
  line-height: 28px;
}
div#lumise-top-tools #lumise-general-status > span a[data-btn='cancel'] {
  color: #ef4e4e !important;
  opacity: 0.75;
  border: 1px solid #f59e9e;
  border-radius: 3px;
}
div#lumise-top-tools #lumise-general-status > span a:hover {
  opacity: 1;
}
div#lumise-top-tools #lumise-general-status > span a > ul {
  position: absolute;
  top: calc(100% + 13px);
  background: #fff;
  padding: 10px;
  list-style: none;
  box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.25);
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
div#lumise-top-tools #lumise-general-status > span a > ul:after {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  top: -13px;
  left: 0px;
}
div#lumise-top-tools #lumise-general-status > span a > ul li {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  float: left;
  margin: 0 3px;
  color: #aaa;
}
div#lumise-top-tools #lumise-general-status > span a > ul li[data-view='more'] {
  padding: 0 20px;
  font-size: 24px;
  color: #ccc;
  line-height: 180px;
}
div#lumise-top-tools #lumise-general-status > span a > ul li img {
  max-height: 200px;
  display: block;
  background: #fafafa;
}
div#lumise-top-tools #lumise-general-status > span a:hover > ul {
  display: flex;
}
div#lumise-top-tools #lumise-general-status > span button {
  margin-top: -5px;
  margin-left: 10px;
  padding-right: 10px;
}
div#lumise-top-tools #lumise-design-title > i {
  font-size: 12px;
  color: #888;
  margin-left: -20px;
  float: left;
  margin-top: 2px;
}

div#lumise-top-tools #lumise-design-title:hover > i {
  color: #444;
}

div#lumise-top-tools > ul.lumise-top-nav li.sp {
  float: left;
  border-right: 1px solid #d6d6d6;
  height: 32px;
  margin: 8px 10px 0;
}

div#lumise-top-tools > ul.lumise-top-nav > li:not(.sp) {
  float: left;
  padding: 10px 12px;
  color: #3f4652;
  font-size: 18px;
  box-sizing: border-box;
  position: relative;
  line-height: 30px;
  cursor: pointer;
  height: 48px;
}

div#lumise-top-tools > ul.lumise-top-nav li > span[data-view='noicon'] {
  font-size: 14px;
  display: inline-block;
  line-height: 24px;
  height: 24px;
  float: left;
}
div#lumise-top-tools > ul.lumise-top-nav li > span[data-view='noicon'] i {
  font-size: 18px;
  margin-right: 8px;
}
div#lumise-top-tools > ul.lumise-top-nav li > span[data-view='noicon']:hover {
  color: #000;
}

div#lumise-top-tools > ul.lumise-top-nav > li i {
  font-size: 18px;
}
div#lumise-top-tools > ul.lumise-top-nav > li > span > i:before {
  line-height: 26px;
  float: left;
}
div#lumise-top-tools #lumise-svg-colors input[type='text'] {
  width: 28px;
  height: 28px;
  border-radius: 40px;
  position: relative;
  z-index: 10;
  border: 2px solid rgba(221, 221, 221, 0.5);
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  transition: all 250ms ease;
  outline: none;
  margin-right: 5px;
}
div#lumise-top-tools #lumise-svg-colors input[type='text']:hover {
  border: 2px solid rgba(200, 200, 200, 0.85);
}
div#lumise-top-tools #lumise-svg-colors span[data-view='noicon'] {
  float: left;
}
div#lumise-top-tools #lumise-svg-colors span[data-view='more'] {
  font-size: 12px;
  line-height: 19px;
  float: left;
  height: 28px;
  color: #afafaf;
  margin-right: 8px;
  background: #f9f9f9;
  padding: 5px;
  border-radius: 3px;
}
div#lumise-top-tools #lumise-svg-colors span[data-view='btn'] {
  margin-left: 14px;
}
div#lumise-top-tools #lumise-svg-colors span[data-view='btn'] i {
  font-size: 22px;
}
div#lumise-top-tools #lumise-svg-colors ul[data-view='sub'] {
  max-width: 300px;
}
div#lumise-top-tools > ul.lumise-top-nav > li:not(.sp).disabled,
div#lumise-top-tools > ul.lumise-top-nav > li:not(.sp).disabled:hover i {
  color: #ccc !important;
}

div#lumise-top-tools:not([data-view='qrcode'])
  ul.lumise-top-nav[data-mode='standard']
  li[data-tool='qrcode-text'] {
  display: none;
}

div#lumise-top-tools > ul.lumise-top-nav > li[data-tool='qrcode-text'] {
  padding-top: 8px;
}

div#lumise-top-tools > ul.lumise-top-nav > li[data-tool='qrcode-text'] i {
  font-size: 35px;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

div#lumise-top-tools ul[data-mode='text'] .text-format.selected {
  color: #3fc7ba;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='fill'] {
  display: flex;
}
div#lumise-top-tools[data-view='svg'] > ul.lumise-top-nav li[data-tool='fill'] {
  display: none;
}
div#lumise-top-tools > ul.lumise-top-nav.left > li.left {
  padding-left: 20px;
}

div#lumise-top-tools > ul.lumise-top-nav > li.right {
  padding-right: 20px;
}

div#lumise-top-tools > ul.lumise-top-nav > li:hover [data-tip='true'] > i,
div#lumise-top-tools > ul.lumise-top-nav > li.active [data-tip='true'] > i {
  color: #3fc7ba;
}

div#lumise-top-tools > ul.lumise-top-nav > li.active:after {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  content: '';
  cursor: default;
  z-index: -1;
  display: none;
}

div#lumise-top-tools > ul.lumise-top-nav > li [data-tip='true'] > i.f16 {
  font-size: 16px;
}

div#lumise-top-tools > ul.lumise-top-nav > li > [data-tip='true'] {
  float: left;
}

div#lumise-top-tools > ul.lumise-top-nav > li [data-tip='true'] span {
  font-size: 14px;
}

div#lumise-top-tools > ul.lumise-top-nav > li p.blockinl {
  border-top: 1px dotted #ccc;
  padding-top: 14px;
  display: block !important;
}

#lumise-reset-transform {
  margin: 10px 0 0 0;
}

div#lumise-top-tools[data-view='drawing']
  ul.lumise-top-nav[data-mode='drawing']
  li {
  font-size: 14px;
  padding-top: 5px;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool] button.dropdown {
  /* overflow: hidden; */
  padding-right: 20px;
  background: url(../images/dropdown-arrows.svg) right 8px center no-repeat;
  background-size: 6px 11px;
  text-align: left;
  padding: 0px 8px;
  margin: -1px 0px;
  height: 30px;
  text-decoration: none;
  color: #3f4652;
  border-radius: 3px;
  transition: background-color 0.1s ease, width 0.1s ease, opacity 0.1s ease;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  -ms-flex-pack: inherit;
  justify-content: space-between;
  cursor: pointer;
  font-family: inherit;
  min-width: 100px;
  float: left;
  font-weight: 500;
  border: 1px solid #ebeced;
  padding-right: 20px;
  background-color: #fff !important;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='font'] button.dropdown {
  min-width: 150px;
  line-height: 20px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='filters']
  button.dropdown {
  width: 200px;
  margin-right: 10px;
  font-weight: normal;
  font-size: 14px;
  float: left;
  margin-left: -130px;
  line-height: 20px;
  height: 32px;
  position: relative;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='filters']
  button:focus
  ul[data-view='sub'] {
  visibility: visible;
  opacity: 1;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool] button.dropdown:hover {
  border: 1px solid #d9dce0;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='filter']
  ul[data-view='sub'],
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='fill']
  ul[data-view='sub'],
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='advanced']
  ul[data-view='sub'] {
  padding-bottom: 13px !important;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool] ul[data-view='sub'] {
  transition: visibility 0s linear 0s;
  display: none;
  pointer-events: none;
  position: absolute;
  top: 55px;
  right: -6px;
  background: rgba(250, 250, 250, 1);
  border-radius: 4px;
  z-index: 2;
  border: none;
  box-shadow: 1px 1.73px 35px 0 rgba(31, 37, 50, 0.14);
  list-style: none;
  padding: 5px;
  margin: 0px;
  min-width: 220px;
  cursor: default;
  color: #3f4652;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='text-effect']
  ul[data-view='sub'] {
  padding-bottom: 10px;
}
div#lumise-top-tools > ul.lumise-top-nav li[data-tool] .scroll {
  max-height: 40vh;
  overflow: auto;
  min-width: 230px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='center'] {
  transform: translateX(-50%);
  left: 50%;
  right: auto;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='center']:after,
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='center']:before {
  right: 50%;
  left: auto;
  transform: translateX(50%);
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='center']:before {
  transform: translateX(50%);
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='left'] {
  right: auto;
  left: -6px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool].left
  ul[data-view='sub'][data-pos='left'] {
  left: 7px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='left']:after,
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='left']:before {
  right: auto;
  transform: translateX(50%);
  left: 3px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-pos='left']:before {
  right: auto;
  left: 9px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool].right
  ul[data-view='sub'] {
  right: 7px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']:before {
  position: absolute;
  top: -14px;
  content: '';
  right: 21px;
  height: 0;
  z-index: 1;
  border: 7px solid transparent;
  border-bottom: 7px solid #fafafa;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool].active
  > ul[data-view='sub'] {
  pointer-events: all;
  animation: fadeInS 250ms;
  display: block;
  transition: visibility 0s linear 0s;
  height: auto;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool].active
  > ul[data-view='sub'][data-pos='center'] {
  animation: fadeIn 250ms;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]:hover
  ul[data-view='sub'] {
  opacity: 1;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='curved']
  ul[data-view='sub'] {
  min-width: 280px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='auto-alignment']
  ul[data-view='sub'] {
  min-width: 250px;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool] ul[data-func='fonts'] {
  padding: 0px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'][data-func='fonts']
  li {
  padding: 10px 0px;
  margin: 0px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-func='fonts']
  li
  font {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #3a3a3a;
  cursor: pointer;
  padding: 0px 10px;
  position: relative;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-func='fonts']
  li
  font.selected {
  color: #3fc7ba;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-func='fonts']
  li
  font.selected:after {
  content: '\e005';
  font-family: 'lumise' !important;
  position: absolute;
  right: 10px;
  color: #3fc7ba;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-func='fonts']
  li
  font:hover {
  background: #eaeaea;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool] ul li.bttm {
  text-align: center !important;
  border-top: 1px solid #e2e3e5;
  padding: 10px 0 !important;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool] ul[data-view='sub'] li {
  float: left;
  width: 100%;
  position: relative;
  padding: 6px 10px;
  font-size: 14px;
  z-index: 11;
  text-align: left;
  display: inline-block;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li {
  display: flex;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li:hover {
  z-index: 12;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li[data-view='foot'] {
  border-top: 1px dotted #cecece;
  text-align: right;
  padding-top: 14px;
  margin-top: 10px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li.active,
div#lumise-top-tools > ul.lumise-top-nav li[data-tool='filters'] {
  z-index: 12 !important;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li[data-func] {
  width: 50%;
  position: relative;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li[data-func]:not([data-active='true']):after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #ffffffa8;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li#lumise-text-effect {
  width: 490px;
  padding: 0 0 20px 0;
  margin: 10px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li
  button[data-func='update-text-fx'] {
  margin-bottom: 5px;
  margin-left: 10px;
  font-weight: bold;
  font-size: 12px;
  display: none;
  height: 34px;
  margin-top: 6px;
  float: right;
  min-width: 120px;
}

div#lumise-top-tools[data-view='text-fx']
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li
  button[data-func='update-text-fx'] {
  display: block;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li#lumise-text-effect
  span[data-sef='images'] {
  display: flex;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li#lumise-text-effect
  span[data-sef='images']
  img {
  margin-right: 3px;
  cursor: pointer;
  transition: all 250ms ease;
  outline: 3px solid transparent;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li#lumise-text-effect
  span[data-sef='images']
  img:hover,
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li#lumise-text-effect
  span[data-sef='images']
  img[data-selected='true'] {
  outline: 3px solid #3fc7ba;
  z-index: 2;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li
  label {
  min-width: 110px;
  display: inline-block;
  font-size: 14px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li
  span {
  line-height: 24px;
  display: inline-block;
  float: left;
}
div#lumise-top-tools
  > ul.lumise-top-nav[data-mode='group'][data-grouped='false']
  li[data-tool='ungroup'],
div#lumise-top-tools
  > ul.lumise-top-nav[data-mode='group'][data-grouped='true']
  li[data-tool='group'] {
  display: none;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  label {
  margin-right: 10px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  .lumise-switch {
  margin-left: 0px;
  float: none;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  select {
  border: 1px solid #d0d4d8;
  height: 28px;
  font-size: 14px;
  display: inline-block;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li
  span {
  line-height: 20px;
  bottom: 105%;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub']
  li[data-func]
  > span {
  width: 100%;
  cursor: default;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #e2e3e5 !important;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  tip {
  float: right;
  position: relative;
  height: 30px;
  line-height: 36px;
  margin-left: 10px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  tip
  i {
  cursor: default;
  background: rgba(255, 255, 255, 0.5) url(../images/i.svg) no-repeat center
    center;
  background-size: 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
  opacity: 0.25;
  transition: opacity ease 250ms;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  tip:hover
  i {
  opacity: 0.85;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  tip
  text {
  position: absolute;
  right: -10px;
  background: #3f4652;
  color: #eee;
  padding: 8px 10px;
  border-radius: 3px;
  top: 90%;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms ease;
  line-height: initial;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  tip:hover
  text {
  top: 110%;
  visibility: visible;
  opacity: 1;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='options']
  ul[data-view='sub']
  li
  tip
  text:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 14px;
  border: 5px solid transparent;
  border-bottom: 5px solid #3f4652;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list {
  padding: 0;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li {
  text-align: left;
  padding: 0px 10px;
  border-bottom: 1px dotted #e2e3e5;
  cursor: pointer;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li
  span[data-tip='true'] {
  float: right;
  margin-top: 7px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li:last-child {
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li:hover {
  background: #e2e3e5;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li
  a:hover {
  color: #3fc7ba;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li
  a[data-act='delete']:hover {
  color: #ff5722;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li
  i {
  font-size: 18px;
  float: left;
  margin: 2px 8px 0 0;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='text-align']
  ul[data-view='sub'] {
  min-width: 135px;
  padding-left: 10px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='text-align']
  ul[data-view='sub']
  li {
  padding: 0px;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='text-align'] li i {
  font-size: 20px;
  margin: 0px 12px 0 0;
  float: left;
  cursor: pointer;
  height: 28px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='text-align']
  li
  i:last-child {
  margin: 0px;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='text-align'] li i:hover,
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='text-align']
  li
  i.selected {
  color: #3fc7ba;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool]
  ul[data-view='sub'].list
  li
  p {
  margin: 0px;
  padding: 10px 0;
}
#lumise-replacement-image li[data-view='replacement'] {
  min-width: 250px;
}
#lumise-replacement-image li[data-view='replacement'] span {
  width: 100%;
}
#lumise-replacement-image li[data-view='replacement'] button {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
#lumise-replacement-image li[data-view='title'] span {
  text-transform: initial;
}
div#lumise-product header {
  padding: 14px 20px;
  text-align: left;
  font-size: 15px;
  color: rgba(238, 238, 238, 0.5);
  display: none;
}

div#lumise-product header > name {
  font-size: 20px;
  display: inline-block;
  color: #fff;
  padding-bottom: 5px;
  font-weight: 400;
  text-transform: capitalize;
}

div#lumise-product header > price {
  text-transform: capitalize;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  background-color: #59616d;
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 2px;
}

div#lumise-product header > sku {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #8e9194;
}

div#lumise-product header > desc {
  display: block;
  margin-top: 10px;
  line-height: 24px;
}

div#lumise-product header > desc img {
  max-width: 100%;
  height: auto;
}

div#lumise-product header > button {
  display: inline-block;
  margin-top: 5px;
}

div#lumise-product nav > price {
  float: right;
  color: #3fc7ba;
  font-size: 20px;
  margin-top: 5px;
}

ul.lumise-product-color {
  padding: 0px;
  text-align: left;
  list-style: none;
  margin: 0px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

ul.lumise-product-color li:not([data-color]) {
  color: rgba(238, 238, 238, 0.75);
  font-size: 16px;
  padding-bottom: 14px;
}

ul.lumise-product-color li[data-color] {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  margin: 0 8px 8px 0;
  position: relative;
  z-index: 10;
  border: 2px solid rgba(221, 221, 221, 0.5);
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  transition: all 250ms ease;
  background-position: center center;
}
ul.lumise-product-color li[data-color=''] {
  border: 2px solid #cccccc0f;
  background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxMi45ODIgMjEyLjk4MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEyLjk4MiAyMTIuOTgyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJDbG9zZSI+Cgk8cGF0aCBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7IiBkPSJNMTMxLjgwNCwxMDYuNDkxbDc1LjkzNi03NS45MzZjNi45OS02Ljk5LDYuOTktMTguMzIzLDAtMjUuMzEyICAgYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBsLTc1LjkzNyw3NS45MzdMMzAuNTU0LDUuMjQyYy02Ljk5LTYuOTktMTguMzIyLTYuOTktMjUuMzEyLDBjLTYuOTg5LDYuOTktNi45ODksMTguMzIzLDAsMjUuMzEyICAgbDc1LjkzNyw3NS45MzZMNS4yNDIsMTgyLjQyN2MtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJjNi45OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwbDc1LjkzNy03NS45MzdsNzUuOTM3LDc1LjkzNyAgIGM2Ljk4OSw2Ljk5LDE4LjMyMiw2Ljk5LDI1LjMxMiwwYzYuOTktNi45OSw2Ljk5LTE4LjMyMiwwLTI1LjMxMkwxMzEuODA0LDEwNi40OTF6IiBmaWxsPSIjZDY1ZTc0Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==') !important;
  background-color: #cccccc1a !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}
body #LumiseDesign ul.lumise-product-color li[data-color].choosed {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYgMjYiPjxwYXRoIGZpbGw9IiNlZWUiIHN0cm9rZT0iI2NjYyIgZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6Ij48L3BhdGg+PC9zdmc+');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
}

ul.lumise-product-color li[data-color]:hover {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
}
#lumise-product ul.lumise-product-color li[data-color]:hover {
  box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.5);
}
div#lumise-product p {
  padding: 0 20px;
  text-align: left;
  font-size: 15px;
  color: rgba(204, 204, 204, 0.7);
}

div#lumise-product #lumise-cart-wrp {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
div#lumise-product .lumise-product-price-wrp {
  margin-bottom: 10px;
  display: inline-block;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li[data-view='title'] {
  float: left;
  /* width: 100%; */
  padding: 5px 8px 7px !important;
  box-sizing: border-box;
  font-size: 15px;
  text-align: left;
  border: none !important;
}
lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li[data-view='title']
  i {
  right: 15px !important;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='transparent']
  ul[data-view='sub']
  li {
  padding-bottom: 4px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='title'] {
  padding: 0 !important;
  margin: 0px !important;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='title']
  h3 {
  padding: 10px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='list'] {
  padding: 0px;
  margin: 0;
  max-height: 450px;
  overflow: auto;
  min-width: 240px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='list']
  > span {
  color: #5a5a5a;
  line-height: 55px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  width: 100%;
  border-bottom: 1px dotted #ccc;
  padding: 3px 10px;
  cursor: pointer;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='list']
  .layer-type {
  font-size: 40px;
  float: left;
  margin-right: 10px;
  width: 50px;
  text-align: center;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='list']
  > span:last-child {
  border: none;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='masks']
  ul[data-view='sub']
  li[data-view='list']
  > span:hover {
  color: #3fc7ba;
  background: #eee;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li p {
  display: inline-block;
  clear: both;
  line-height: 22px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  p.lock-postion {
  display: block;
  position: relative;
  width: 100%;
  clear: both;
  top: 10px;
  padding: 4px 0 16px;
  border-bottom: 1px dotted #ddd;
  text-align: left;
}
div#lumise-top-tools > ul.lumise-top-nav li[data-tool='fill'] input.color,
div#lumise-top-tools > ul.lumise-top-nav li[data-tool='svg'] input.color {
  border: 1px solid #ddd;
  height: 34px;
  float: left;
  border-radius: 2px;
  font-size: 14px;
  outline: none !important;
  transition: all 250ms ease;
  width: 180px;
  padding: 0 10px;
  margin: -3px 0px 0 0;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='fill'] input#lumise-fill,
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='svg']
  input#lumise-svg-fill {
  width: 230px;
  margin-top: 14px;
  margin-right: 0px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='fill']
  #lumise-stroke-fix-colors {
  display: block;
  clear: both;
  float: left;
  width: 100%;
  padding: 0px;
  list-style: none;
  margin-top: 5px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='fill']
  #lumise-stroke-fix-colors
  li {
  width: 26px;
  height: 24px;
  cursor: pointer;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='fill']
  #lumise-stroke-fix-colors
  li:hover {
  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.75);
  z-index: 12 !important;
  position: relative;
}
div#lumise-workspace .lumise-save-color {
  margin-top: 14px;
  margin-left: 10px;
  display: inline-block;
  float: left;
}

div#lumise-drawing .lumise-save-color {
  margin-top: -5px;
  line-height: 18px;
}

div#lumise-workspace .lumise-save-color i {
  padding: 7px 10px 4px;
  font-size: 20px;
  border-radius: 2px;
  color: #eee !important;
  cursor: pointer;
  background: #3f4652;
  display: inline-block;
}

div#lumise-drawing .lumise-save-color i {
  background: #272c33;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  > li.active
  .lumise-save-color[data-tip='true']
  > i:hover {
  color: #fff !important;
}

div#lumise-drawing .lumise-save-color[data-tip='true'] span {
  left: auto;
  right: 0px;
  transform: translateY(-50%);
}

div#lumise-drawing .lumise-save-color[data-tip='true'] span:after {
  left: auto;
  right: 10px;
}

div#lumise-workspace .lumise-color-presets {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  position: relative;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  max-height: 120px;
  overflow-y: scroll;
  min-width: 250px;
}
div#lumise-workspace .hidden + .lumise-color-presets {
  margin-top: 20px;
  float: left;
}
div#lumise-workspace .lumise-color-presets li {
  float: left;
  height: 45px;
  width: 20% !important;
  cursor: pointer;
  transition: all 250ms ease;
  z-index: 10;
  /* position: relative; */
}

div#lumise-workspace .lumise-color-presets li:hover {
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.75);
  z-index: 12 !important;
  position: relative;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3,
div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li[data-view='title']
  h3 {
  margin: 0px;
  font-weight: 400;
  font-size: 15px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 8px;
  white-space: nowrap;
  display: flex;
  width: 100%;
  line-height: 22px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li[data-view='title']
  h3 {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-size: 13px;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3.nob {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3.nob
  select {
  border: 1px solid #ccc;
  width: 220px;
  margin-left: -110px;
  margin-right: 20px;
  height: 30px;
  font-size: 13px;
  padding: 0 6px;
  outline: none;
  border-radius: 2px;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3 {
  float: left;
  clear: both;
  margin-top: 5px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  input[type='text'],
div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3 textarea {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  outline: none;
  display: block;
  border: 1px solid #dedede;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3 textarea {
  resize: none;
  height: 46px;
  padding: 5px 8px;
  min-width: 240px;
  margin-bottom: 5px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  input[type='text']:focus,
div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  textarea:focus {
  background: rgba(255, 255, 0, 0.09);
  box-shadow: none;
}

div#lumise-top-tools > ul.lumise-top-nav li h3 inp[data-range='helper'],
div#lumise-top-tools > ul.lumise-top-nav li h3 input[type='text'] {
  float: left;
  margin-top: 8px;
  margin-left: 10px;
  position: relative;
  min-width: 140px;
  background: transparent;
  height: 10px;
  margin-right: 40px;
}
div#lumise-top-tools > ul.lumise-top-nav li h3 inp[data-range='helper'] {
  margin-top: 0px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='fill']
  ul[data-view='sub']
  li
  h3
  inp[data-range='helper'],
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='fill']
  ul[data-view='sub']
  li
  h3
  input[type='text'] {
  min-width: 120px;
  margin-right: 50px;
  margin-top: 0px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='transform']
  ul[data-view='sub']
  li
  h3
  inp[data-range='helper'] {
  width: 140px;
  margin-right: 0px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  h3
  input[type='range'][data-between='true']:before {
  content: '';
  position: absolute;
  top: 10px;
  left: calc(50% - 1px);
  background: #d4d4d4;
  height: 6px;
  width: 2px;
  border-radius: 3px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='transform']
  ul[data-view='sub']
  li
  h3
  > span {
  width: 55px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='transform']
  ul[data-view='sub']
  li
  .lumise-switch {
  margin-right: 0px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li[data-func='text-fx']
  .lumise-switch {
  margin-right: 121px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  input[type='text'] {
  height: 32px;
  margin-top: -5px;
  min-width: 182px;
  margin-right: 0px;
  background: #fff;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  input[type='range']:not(.nol):before {
  content: 'Reset';
  position: absolute;
  left: -65px;
  top: -7px;
  font-size: 13px;
  width: 60px;
  background: #3fc7ba;
  padding-left: 10px;
  color: #eee;
  cursor: pointer;
  opacity: 0;
  transition: opacity 250ms ease 500ms;
  padding: 3px 0;
  text-align: center;
  border-radius: 3px;
  font-weight: 600;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3:hover
  input[type='range']:before {
  opacity: 1;
  transition: opacity 250ms ease 100ms;
}
html [data-range='helper'] {
  position: relative;
  display: inline-block;
}
html [data-range='helper']:after {
  content: attr(data-value);
  position: absolute;
  left: calc(100% + 10px);
  top: 0px;
  font-size: 13px;
  font-weight: normal;
  color: #3f4652;
}

div#lumise-top-tools > ul.lumise-top-nav li button,
#LumiseDesign button.lumise-btn {
  border: none;
  background: #3fc7ba;
  padding: 5px 16px 6px;
  font-size: 13px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  min-width: 80px;
  outline: none;
  line-height: 22px;
  transition: all 250ms ease;
  text-transform: uppercase;
  font-weight: 600;
}
#LumiseDesign button.lumise-btn.small {
  height: 32px;
  line-height: 30px;
  padding: 0 10px;
}
div#lumise-top-tools > ul.lumise-top-nav li button.right,
#LumiseDesign button.lumise-btn.right {
  float: right;
}

div#lumise-top-tools > ul.lumise-top-nav li button.gray,
body #LumiseDesign button.lumise-btn.gray {
  background: #555c69 !important;
}

div#lumise-top-tools > ul.lumise-top-nav li button.white,
#LumiseDesign button.lumise-btn.white {
  background: #fafafa;
  color: #3f4652;
}

div#lumise-top-tools > ul.lumise-top-nav li button.red {
  background: #f4511e;
}

div#LumiseDesign button#lumise-change-product {
  display: block;
  background: #ddd;
  font-size: 12px;
  margin: 8px 0;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='arrange'] button {
  margin-right: 10px;
  min-width: 100px;
}

div#lumise-top-tools > ul.lumise-top-nav li[data-tool='arrange'] button.last {
  margin-right: 0px;
}

div#lumise-top-tools > ul.lumise-top-nav li button:hover,
#LumiseDesign button.lumise-btn:hover {
  opacity: 0.75;
}

div#lumise-top-tools > ul.lumise-top-nav li button i,
#LumiseDesign button.lumise-btn i {
  font-size: 16px;
  position: relative;
  display: inline-block;
  bottom: -3px;
}

html div#lumise-top-tools > ul.lumise-top-nav li button.disabled,
#LumiseDesign button.lumise-btn.disabled {
  background: #ddd !important;
  color: #aaa;
  cursor: default;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3 span {
  float: left;
  text-align: left;
  min-width: 55px;
  overflow: hidden;
  width: inherit;
}

div#lumise-top-tools > ul.lumise-top-nav li ul[data-view='sub'] li h3.nob span {
  text-align: left;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  span.min100 {
  min-width: 100px;
}

div#LumiseDesign
  div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  i {
  position: absolute;
  color: #ccc;
  font-size: 20px;
  margin: 0px -5px 0 0;
  cursor: pointer;
  line-height: 16px;
  top: 5px;
  right: 10px;
}

div#LumiseDesign
  div#lumise-top-tools
  > ul.lumise-top-nav
  li
  ul[data-view='sub']
  li
  h3
  i:hover {
  color: #3f4652;
}

div#lumise-product ul.lumise-product-color input.color {
  float: left;
  width: 100%;
  height: 36px;
  background: #fafafa;
  font-size: 14px;
  padding: 0 8px;
  border-radius: 3px;
  outline: none;
  margin-top: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(238, 238, 238, 0.5);
}

div#lumise-product ul.lumise-product-color input.color:hover {
  border-color: #d1d3d6;
}

div#lumise-top-tools > ul.lumise-top-nav #lumise-image-fx-fx {
  list-style: none;
  margin: 0;
  padding: 0px;
  width: 280px;
  max-height: 180px;
  overflow: auto;
  display: inline-block;
}

div#lumise-top-tools > ul.lumise-top-nav #lumise-image-fx-fx li {
  max-width: 95px;
  height: 95px;
  background: url(../images/fx_thumbns.jpg) no-repeat;
  background-size: 552px 551px;
  font-size: 12px;
  color: #3a3a3a;
  cursor: pointer;
  margin: 0px;
  padding: 5px;
  margin-bottom: 20px;
  border: 3px solid #fafafa;
  position: relative;
  width: 33.33%;
  min-width: 50px;
}

div#lumise-top-tools > ul.lumise-top-nav #lumise-image-fx-fx li:hover,
div#lumise-top-tools
  > ul.lumise-top-nav
  #lumise-image-fx-fx
  li[data-selected='true'] {
  border: 3px solid #3fc7ba;
  color: #3fc7ba;
}

div#lumise-top-tools > ul.lumise-top-nav #lumise-image-fx-fx li > span {
  width: 100%;
  padding: 0 5px;
  border-radius: 2px;
  float: left;
  min-width: auto;
  position: absolute;
  left: 0px;
  top: 100%;
  text-align: center;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='zoom']
  ul[data-view='sub']
  li
  ul {
  list-style: none;
  float: left;
  width: 100%;
  padding: 0px;
  margin-top: 10px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='zoom']
  ul[data-view='sub']
  li
  li[data-pos] {
  list-style: none;
  margin: 0px;
  height: 10px;
  width: calc(33.33% - 1px);
  background: rgba(195, 195, 195, 0.39);
  height: 50px;
  cursor: pointer;
  margin: 1px 1px 0 0;
  border-radius: 3px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='zoom']
  ul[data-view='sub']
  li
  li[data-pos]:hover {
  background: #ddd;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='zoom']
  ul[data-view='sub']
  li
  li[data-pos].choosed {
  background: #3fc7ba;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-position] {
  float: left;
  width: 50px;
  font-size: 18px;
  cursor: pointer;
  margin: 1px;
  height: 44px;
  position: relative;
  line-height: 44px;
  padding: 0px 8px;
  text-align: center;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub'][data-lock='true']
  li[data-position] {
  display: none;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-position]
  i {
  float: none;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-tip='true']
  p {
  margin: 0px;
  width: 100%;
  height: 100%;
  color: #555;
  line-height: inherit;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-tip='true']
  p
  svg {
  position: relative;
  top: 5px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-tip='true']
  p
  i {
  position: relative;
  top: 3px;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-tip='true']
  p
  i._45deg:before {
  transform: rotate(-45deg);
  display: block;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-tip='true']
  p
  i._135deg:before {
  transform: rotate(-135deg);
  display: block;
}
div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li[data-position]:hover {
  color: #3fc7ba;
  z-index: 15;
  background: #eee;
  border-radius: 3px;
}

div#lumise-top-tools
  > ul.lumise-top-nav
  li[data-tool='position']
  ul[data-view='sub']
  li.mirX
  p {
  transform: scaleX(-1);
}
div#LumiseDesign #lumise-navigations #lumise-designs-search {
  float: right;
  position: relative;
}
div#LumiseDesign #lumise-navigations #lumise-designs-search > input {
  float: left;
  height: 30px;
  margin-right: 30px;
  border: 1px solid #e5e5e5;
  border-radius: 15px;
  padding: 0 5px 0 32px;
  font-size: 15px;
  line-height: 20px;
  outline: none;
}
div#LumiseDesign #lumise-navigations #lumise-designs-search > input:focus {
  border-color: #bbbbbb;
}
div#LumiseDesign #lumise-navigations #lumise-designs-search:before {
  content: '\e00c';
  font-family: 'lumise' !important;
  position: absolute;
  top: 0px;
  left: 10px;
  color: #ccc;
}
div#LumiseDesign #lumise-navigations ul#lumise-designs-category {
  position: absolute;
  left: 0px;
  top: 50px;
  border-bottom-left-radius: 8px;
  height: calc(100% - 50px);
  overflow: auto;
  list-style: none;
  padding: 0px;
  width: 100%;
  max-width: 219px;
  text-align: center;
  padding-top: 10px;
  cursor: default;
  padding-bottom: 20px;
  display: none;
}
div#LumiseDesign #lumise-navigations ul#lumise-designs-category li {
  padding: 5px 0 5px 20px;
  font-size: 15px;
  color: #a8aaab;
  cursor: pointer;
  text-align: left;
  position: relative;
}
div#LumiseDesign #lumise-navigations ul#lumise-designs-category li func {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-40%);
  font-size: 14px;
  display: none;
  background: #fff;
}
div#LumiseDesign #lumise-navigations ul#lumise-designs-category li func i {
  cursor: pointer;
  margin-left: 5px;
  color: #b1b2b3;
}
div#LumiseDesign #lumise-navigations ul#lumise-designs-category li:hover func {
  display: block;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-designs-category
  li[data-active='true'],
div#LumiseDesign #lumise-navigations ul#lumise-designs-category li:hover,
div#LumiseDesign
  #lumise-navigations
  ul#lumise-designs-category
  li:hover
  func
  i:hover {
  color: #282e31;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-designs-category
  li[data-active='true']
  i:before {
  content: '\e027';
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-designs-category
  li[data-func='add'] {
  text-align: center;
  background: #ebeced;
  width: auto;
  display: inline-block;
  margin: 30px auto;
  padding: 3px 10px;
  border-radius: 4px;
  line-height: 22px;
  position: relative;
  color: #555;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-designs-category
  li[data-func='add']:after {
  content: '';
  border-top: 1px dotted #ebeced;
  position: absolute;
  left: 50%;
  top: -20px;
  width: 220px;
  transform: translateX(-50%);
}
div#LumiseDesign #lumise-navigations ul#lumise-designs-category li i {
  float: left;
  margin-top: 2px;
  margin-right: 3px;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-designs-category
  li[data-func='add']:hover {
  text-decoration: none;
  background-color: #282e31;
  border-color: #282e31;
  color: #eee;
}
div#LumiseDesign #lumise-navigations ul#lumise-saved-designs {
  padding: 20px;
  list-style: none;
  width: 686px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  background: #ebeced;
  border-bottom-right-radius: 8px;
  cursor: default;
  margin-bottom: -6px;
  /* min-height: 350px; */
  border-bottom-left-radius: 8px;
  position: relative;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-saved-designs[data-loading='true'] {
  min-height: 200px;
  overflow: hidden;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-saved-designs[data-loading='true']:after {
  content: '';
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-saved-designs[data-loading='true']:before {
  content: '';
  height: 34px;
  width: 34px;
  background: url(../images/spinner-white.png) center center no-repeat;
  background-size: 34px;
  animation: 2s cubic-bezier(0.63, 0.045, 0.34, 1) normal infinite ka-spinner;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 15;
}
div#LumiseDesign
  #lumise-navigations
  ul#lumise-saved-designs[data-view='saveas']
  p.empty {
  display: none;
}
ul#lumise-saved-designs li.lumise-scroll {
  max-height: 400px;
  overflow: auto;
  border: none !important;
}

ul#lumise-saved-designs li.lumise-scroll ul {
  margin: 0px;
  padding: 0px;
}

ul#lumise-saved-designs > li {
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
  padding: 0;
  background: #fafafa;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  text-align: left;
  width: calc(33% - 12px);
  transition: all 250ms ease;
  cursor: default;
}
ul#lumise-saved-designs > li.editing:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  color: #fff;
  border-radius: 100%;
  background: #333
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjYgMjYiPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Im0uMywxNGMtMC4yLTAuMi0wLjMtMC41LTAuMy0wLjdzMC4xLTAuNSAwLjMtMC43bDEuNC0xLjRjMC40LTAuNCAxLTAuNCAxLjQsMGwuMSwuMSA1LjUsNS45YzAuMiwwLjIgMC41LDAuMiAwLjcsMGwxMy40LTEzLjloMC4xdi04Ljg4MTc4ZS0xNmMwLjQtMC40IDEtMC40IDEuNCwwbDEuNCwxLjRjMC40LDAuNCAwLjQsMSAwLDEuNGwwLDAtMTYsMTYuNmMtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjMtMC4zLDAtMC41LTAuMS0wLjctMC4zbC03LjgtOC40LS4yLS4zeiI+PC9wYXRoPjwvc3ZnPg==')
    no-repeat center center;
  height: 24px;
  width: 24px;
  background-size: 14px;
}
ul#lumise-saved-designs > li:not(.editing):not([data-view='add']):hover {
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
ul#lumise-saved-designs > li:not([data-func='edit']):hover {
  background: #fafafa;
}

ul#lumise-saved-designs > li:nth-child(3n) {
  margin-right: 0px;
}
ul#lumise-saved-designs > li:nth-child(3n + 1) {
  clear: left;
}

ul#lumise-saved-designs > li[data-view='add'] {
  background: transparent;
  box-shadow: none;
  text-align: center;
  border: 2px dashed #ccc;
  height: 207px;
  color: #ccc;
  font-size: 18px;
  transition: all 250ms ease;
  border-radius: 5px;
  box-sizing: border-box;
  display: none;
}
ul#lumise-saved-designs[is='save'] > li[data-view='add'] {
  display: inline-block;
}
ul#lumise-saved-designs > li[data-view='add']:hover {
  border-color: #888;
  cursor: pointer;
  color: #888;
}

ul#lumise-saved-designs > li[data-view='add'] b {
  font-size: 55px;
  display: block;
  font-weight: 400;
  margin-top: 60px;
  line-height: 50px;
}
ul#lumise-saved-designs li[data-editing]:after {
  content: 'EDITING';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100% - 44px);
  text-align: center;
  font-size: 18px;
  padding: 10px;
  background: #3fc7ba;
  color: #eee;
  z-index: 1;
  box-sizing: border-box;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  line-height: 130px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  opacity: 0.85;
}

ul#lumise-saved-designs li[data-editing] [data-view='stages'] {
  filter: blur(3px);
}

ul#lumise-saved-designs li > button {
  border: none;
  font-size: 14px;
  background: transparent;
  color: #888;
  cursor: pointer;
  outline: none;
  float: left;
  transition: all 250ms ease;
  padding: 0 5px 10px 5px;
}

ul#lumise-saved-designs li:hover > button {
  color: #7b7a7a;
  opacity: 1;
}

ul#lumise-saved-designs li > button.disabled {
  cursor: default !important;
  color: #3fc7ba;
}

ul#lumise-saved-designs li > button:not(.disabled):hover {
  color: #3fc7ba;
}

ul#lumise-saved-designs li > button[data-func='delete'] {
  color: rgba(255, 0, 0, 0.41);
}

ul#lumise-saved-designs li > button[data-func='delete']:hover {
  color: rgba(255, 0, 0, 0.77);
}

ul#lumise-saved-designs li[data-blank] {
  padding: 10px 0;
  width: 50%;
  color: rgba(255, 255, 255, 0.2);
  border: 2px dashed rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  line-height: 34px;
  overflow: hidden;
  background: transparent;
  text-align: center;
  cursor: pointer !important;
  float: left;
}
ul#lumise-saved-designs p.empty {
  margin: 50px 0;
}
div#lumise-navigations ul#lumise-saved-designs li[data-blank] i {
  font-size: 50px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
}

div#lumise-navigations ul#lumise-saved-designs li[data-blank]:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

div#lumise-navigations ul#lumise-saved-designs name {
  text-transform: capitalize;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
  color: rgba(0, 0, 0, 0.2);
}

div#lumise-navigations ul#lumise-saved-designs li span[data-view='name'] {
  color: #30373b;
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  padding: 10px 12px 0px 12px;
  box-sizing: content-box;
  display: block;
  clear: both;
  max-width: 202px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  cursor: text;
  background: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  outline: none;
  transition: all ease 250ms;
  font-weight: 500;
}
div#lumise-navigations ul#lumise-saved-designs li span[data-view='name']:focus {
  border-bottom: 1px dashed #3333336b;
  padding-bottom: 5px;
}

div#lumise-navigations ul#lumise-saved-designs li i[data-func='delete'] {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  color: #0000000a;
  transition: all ease 250ms;
  cursor: pointer;
}
div#lumise-navigations
  ul#lumise-saved-designs[is='save']
  li
  i[data-func='delete'] {
  display: none;
}
div#lumise-navigations ul#lumise-saved-designs li:hover i[data-func='delete'] {
  color: #0000006b;
}
div#lumise-navigations ul#lumise-saved-designs li i[data-func='delete']:hover {
  color: #e91e63;
}
div#lumise-navigations
  ul#lumise-saved-designs
  li:not([data-view='add']):hover:after {
  content: attr(data-use-text);
  position: absolute;
  top: calc(50% - 20px);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  padding: 8px 12px;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  background-color: #434d5f !important;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
}
div#lumise-navigations
  ul#lumise-saved-designs[is='save']
  li:not([data-view='add']):hover:after {
  content: attr(data-save-text);
}
div#lumise-navigations ul#lumise-saved-designs li em[data-view='date'] {
  display: block;
  font-size: 12px;
  color: #a9a9a9;
  padding: 0 12px 10px 12px;
  background: #fff;
}
div#lumise-navigations ul#lumise-saved-designs li div[data-view='stages'] {
  float: left;
  clear: both;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  position: relative;
}
div#lumise-navigations
  ul#lumise-saved-designs
  li
  div[data-view='stages']
  > span {
  float: left;
  width: 100%;
}
div#lumise-navigations
  ul#lumise-saved-designs
  li
  div[data-view='stages']
  img[data-func='edit'] {
  min-height: 150px;
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
div#lumise-navigations ul#lumise-saved-designs li i {
  float: none;
  font-size: 16px;
  margin-right: 0px;
  color: inherit;
}
#lumise-navigations ul#lumise-saved-designs li span[data-stage] {
  margin: 0;
  border-right: 1px solid rgba(235, 236, 237, 0.3);
  position: relative;
  margin-bottom: 0px;
  display: inline-block;
}

#lumise-navigations ul#lumise-saved-designs li span[data-stage]:last-child {
  border: none;
}

#lumise-navigations ul#lumise-saved-designs li span[data-stage] img {
  float: left;
  height: 150px;
}

#lumise-lightbox {
  position: fixed;
  z-index: 1000000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'Nunito';
  font-size: 14px;
  color: #3a3a3a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#lumise-lightbox .kalb-overlay {
  position: fixed;
  z-index: 1;
  background: rgba(0, 0, 0, 0.75);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

#lumise-lightbox #lumise-lightbox-body {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  max-height: 100vh;
  background: #f2f2f2;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 4px;
  box-shadow: 2px 2px 3px 0 rgba(10, 10, 10, 0.35);
  overflow: hidden;
}

#lumise-lightbox #lumise-lightbox-footer {
  width: 100%;
  float: left;
  background: #eee;
  border-top: 1px solid #ddd;
  padding: 20px;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
}

#lumise-lightbox #lumise-lightbox-footer a {
  color: #ff66a6;
}

#lumise-lightbox #lumise-lightbox-footer button + button {
  margin-left: 20px;
}

#lumise-lightbox #lumise-lightbox-content {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px;
  width: calc(100% + 2px);
  height: inherit;
  min-width: 850px;
  box-sizing: border-box;
  max-height: calc(100vh - 100px);
  min-height: 250px;
  float: left;
  margin-left: -1px;
}
#lumise-lightbox #lumise-lightbox-content span[data-view='loading'] {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  background: #f1f1f1;
  padding: 8px 12px;
  border-radius: 3px;
  transform: translateX(-50%) translateY(-50%);
}
#lumise-lightbox #lumise-lightbox-content i.lumise-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#lumise-lightbox #lumise-lightbox-content iframe {
  width: 100%;
  border: none;
  height: calc(90vh - 82px);
  float: left;
}

#lumise-lightbox #lumise-lightbox-content textarea.s1 {
  width: 450px;
  height: 80px;
  border: 1px solid #ddd;
  padding: 8px;
  font: 15px/1.6em;
  color: #555;
}

#lumise-lightbox #lumise-lightbox-content h3.title {
  margin: 0 0 20px;
  padding: 12px 20px;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  color: #393749;
  letter-spacing: 0.5px;
  font-size: 18px;
  box-sizing: border-box;
  font-weight: 500;
  background: #eee;
  border-bottom: 1px solid #e3e3e3;
}

#lumise-lightbox #lumise-lightbox-content h3.title a {
  text-decoration: none;
  text-transform: initial;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 10px;
  color: #3f4652;
  background-color: #dcdcdc;
  padding: 0px 10px;
  border-radius: 2px;
  height: 28px;
  display: inline-block;
  line-height: 26px;
}

#lumise-lightbox #lumise-lightbox-content h3.title a:hover {
  background: #3f4652;
  color: #eee;
}

#lumise-lightbox #lumise-lightbox-content h3.title a i {
  font-size: 16px;
  bottom: -3px;
  position: relative;
}

#lumise-lightbox a.kalb-close {
  font-size: 24px;
  padding: 10px 20px;
  color: #ccc;
  position: absolute;
  top: 2px;
  right: 0;
  text-decoration: none;
  border-radius: 5px;
  opacity: 0.2;
  z-index: 3;
}
#lumise-lightbox a.kalb-close i {
  margin-top: 0px;
  display: inline-block;
}
#lumise-lightbox #lumise-lightbox-body:hover a.kalb-close {
  opacity: 1;
}

#lumise-lightbox a.kalb-close:hover {
  color: #f70961;
}

#lumise-lightbox .lumise-lightbox-form {
  padding: 4px 24px 14px;
}

#lumise-lightbox .lumise-lightbox-form h3.title {
  font-weight: 500;
  font-size: 20px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

#lumise-lightbox .lumise-lightbox-form > p.right {
  text-align: right;
}

#lumise-lightbox .lumise-lightbox-form > p input {
  border: 1px solid #ccc;
  height: 36px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  box-sizing: border-box;
}

#lumise-lightbox .lumise-lightbox-form > p input[name='color'] {
  border-color: transparent;
}

#lumise-lightbox .lumise-lightbox-form > p input:focus {
  background: #f7f7e2;
}

#lumise-lightbox .lumise-lightbox-form > p button {
  border: none;
  background: #ddd;
  font-size: 14px;
  height: 36px;
  padding: 0 20px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 10px;
  outline: none;
}

#lumise-lightbox .lumise-lightbox-form > p button.primary {
  background: #3fc7ba;
  color: #efefef;
}

#lumise-lightbox .lumise-lightbox-form > p button:hover {
  opacity: 0.7;
}

#lumise-lightbox .lumise-lightbox-form > p label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 6px;
}

#lumise-lightbox .lumise_crop_wrap {
  position: relative;
  float: left;
  display: table;
  text-align: center;
}

#lumise-lightbox .lumise_crop_wrap.opera8 #lumise-lightbox .lumise_crop_overlay,
#lumise-lightbox
  .lumise_crop_wrap.opera8
  #lumise-lightbox
  .lumise_crop_clickArea {
  background-color: transparent;
}

#lumise-lightbox .lumise_crop_selArea {
  position: absolute;
  cursor: move;
  z-index: 12;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

#lumise-lightbox .lumise_crop_clickArea {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.01;
  position: absolute;
}

#lumise-lightbox .lumise_crop_info {
  float: left;
  font-family: arial;
  font-size: 10px;
  height: 10px;
  left: 3px;
  line-height: 10px;
  padding: 2px 3px;
  position: absolute;
  top: 3px;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.25);
}

#lumise-lightbox .lumise_crop_marqueeHoriz {
  position: absolute;
  width: 100%;
  height: 1px;
  background: transparent url('../images/marqueeHoriz.gif') repeat-x 0 0;
  z-index: 3;
}

#lumise-lightbox .lumise_crop_marqueeVert {
  position: absolute;
  height: 100%;
  width: 1px;
  background: transparent url('../images/marqueeVert.gif') repeat-y 0 0;
  z-index: 3;
}

#lumise-lightbox .lumise_crop_marqueeNorth {
  top: 0;
  left: 0;
}

#lumise-lightbox .lumise_crop_marqueeEast {
  top: 0;
  right: 0;
}

#lumise-lightbox .lumise_crop_marqueeSouth {
  bottom: 0px;
  left: 0;
}

#lumise-lightbox .lumise_crop_marqueeWest {
  top: 0;
  left: 0;
}

#lumise-lightbox .lumise_crop_handle {
  position: absolute;
  border: 1px solid #333;
  width: 6px;
  height: 6px;
  background: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 4;
}
#lumise-lightbox .lumise_crop_handle:hover {
  opacity: 0.8;
}
#lumise-lightbox .lumise_crop_handle:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: 28px;
  height: 28px;
}
#lumise-lightbox .lumise_crop_handleN {
  top: -3px;
  left: 50%;
  cursor: n-resize;
}

#lumise-lightbox .lumise_crop_handleNE {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

#lumise-lightbox .lumise_crop_handleE {
  top: 50%;
  right: -3px;
  cursor: e-resize;
}

#lumise-lightbox .lumise_crop_handleSE {
  right: -3px;
  bottom: -3px;
  cursor: se-resize;
}

#lumise-lightbox .lumise_crop_handleS {
  left: 50%;
  bottom: -3px;
  cursor: s-resize;
}

#lumise-lightbox .lumise_crop_handleSW {
  left: -3px;
  bottom: -3px;
  cursor: sw-resize;
}

#lumise-lightbox .lumise_crop_handleW {
  top: 50%;
  left: -3px;
  cursor: w-resize;
}

#lumise-lightbox .lumise_crop_handleNW {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

#lumise-lightbox .lumise_crop_dragArea {
  z-index: 200;
  position: relative;
  cursor: crosshair;
  top: 0;
  left: 50%;
  margin: 0px;
  display: inline-block;
  background: url('../images/grid.png') repeat scroll 0 0 #eaeaea;
  overflow: hidden;
  user-select: none;
  transform: translateX(-50%);
  float: left;
}

#lumise-lightbox .lumise_crop_dragArea canvas {
  float: left;
  transform-origin: top left !important;
}

#lumise-lightbox .lumise_crop_dragArea img {
  float: left;
}

#lumise-lightbox .lumise_crop_previewWrap {
  overflow: hidden;
  position: relative;
}

#lumise-lightbox .lumise_crop_previewWrap img {
  position: absolute;
}

#lumise-lightbox .lumise_crop_clickArea_scan {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#lumise-lightbox .lumise_crop_wrap button {
  line-height: 50px;
  font-size: 13px;
  margin: 0px;
  float: left;
  width: 50%;
  border: none;
  height: 50px;
  cursor: pointer;
  background: #182a3c;
  color: #aaa;
  text-transform: capitalize;
}

#lumise-lightbox .lumise-crop-btns {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #eee;
  user-select: none;
}

#lumise-lightbox .lumise-crop-btns {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #eee;
  user-select: none;
}

#lumise-lightbox .lumise-crop-btns li {
  display: inline-block;
  padding: 8px 14px 6px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 2px;
  margin: 5px 0;
  line-height: 16px;
  position: relative;
  z-index: 1000;
}
#lumise-lightbox .lumise-crop-btns li[data-func='save'],
#lumise-lightbox .lumise-crop-btns li[data-func='cancel'] {
  position: relative;
  top: -3px;
  font-weight: 600;
  height: 19px;
  left: 5px;
}
#lumise-lightbox .lumise-crop-btns li > span {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.75);
  color: #eee;
  padding: 3px 5px;
  font-size: 14px;
  display: none;
  border-radius: 2px;
  font-weight: 400;
}

#lumise-lightbox .lumise-crop-btns li:hover > span {
  display: block;
}

#lumise-lightbox .lumise-crop-btns li > i {
  font-size: 16px;
}

#lumise-lightbox .lumise-crop-btns li:hover {
  background: #ddd;
}

#lumise-lightbox .lumise-crop-btns li.active {
  background: #3fc7ba;
  color: #eee;
}

#lumise-lightbox .lumise-crop-btns li[data-func='save'] {
  color: #3fc7ba;
}

#lumise-lightbox .lumise-crop-btns li[data-func='cancel'] {
  color: #ef6161;
  margin-right: 5px;
}

#lumise-lightbox .lumise-crop-btns li[data-func='center'] {
  margin-left: 5px;
}

#lumise-lightbox .lumise-crop-btns li:first-child > span {
  left: 0px;
  transform: none;
}

#lumise-lightbox .lumise-crop-btns li:last-child > span {
  right: 0px;
  left: auto;
  transform: none;
}

#lumise-lightbox #lumise-change-products-wrp {
  float: left;
  background: #3f4652;
  width: 100%;
}

#lumise-lightbox #lumise-change-products-wrp ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#lumise-lightbox #lumise-change-products-wrp ul[data-view='categories'] {
  float: left;
  width: 260px;
  overflow: auto;
  max-height: 90vh;
}

#lumise-lightbox #lumise-change-products-wrp ul[data-view='categories'] > h3 {
  text-transform: uppercase;
  font-size: 13px;
  background: rgb(47, 51, 58);
  margin: 0px;
  padding: 18px 15px;
  color: #eee;
  letter-spacing: 0.5px;
}

#lumise-lightbox #lumise-change-products-wrp ul[data-view='categories'] li {
  padding: 10px 10px 10px 12px;
  font-size: 15px;
  text-transform: capitalize;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ccc;
  margin: 0px;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='categories']
  li[data-lv='0']:before {
  content: '\e029';
  font-family: 'lumise' !important;
  padding: 0;
  opacity: 0.75;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='categories']
  li:hover {
  background: rgba(238, 238, 238, 0.07);
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='categories']
  li.active {
  background: #3fc7ba;
  color: #eee;
  border-bottom-color: #3fc7ba;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='categories']
  li:last-child {
  border-bottom: none;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='categories']
  li:not([data-lv='0']) {
  padding-left: 25px;
}

#lumise-lightbox #lumise-change-products-wrp ul[data-view='products'] {
  float: right;
  width: calc(100% - 260px);
  background: #f2f2f2;
  padding: 24px 0 0px 0;
  overflow: scroll;
  max-height: calc(90vh - 130px);
  position: relative;
  margin-top: 54px;
  min-height: 30vh;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='pagination'] {
  width: calc(100% - 40px);
  background: #f2f2f2;
  padding: 0px;
  height: 40px;
  padding-top: 0;
  border-top: 1px solid #e8e8e8;
  box-shadow: none;
  box-sizing: border-box;
  cursor: default;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='pagination']:hover {
  box-shadow: none !important;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='pagination']
  ul {
  margin: 20px 0;
  padding: 0px;
  text-align: center;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='pagination']
  ul
  li {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
  width: auto;
  margin: 0px;
  background: transparent;
  box-shadow: none;
  float: none;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='pagination']
  ul
  li.lumise-color {
  font-weight: bold;
  background: #fff;
  border-radius: 3px;
  cursor: default;
  text-decoration: none !important;
  margin-right: 5px;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='pagination']
  ul
  li:hover {
  font-weight: bold;
}
#lumise-lightbox #lumise-change-products-wrp h3[data-view='top'] {
  text-transform: uppercase;
  font-size: 13px;
  background: #fafafa;
  margin: 0px;
  padding: 10px 2.2%;
  letter-spacing: 0.5px;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  right: 0px;
  width: calc(100% - 259px);
  z-index: 1;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.1);
}

#lumise-lightbox #lumise-change-products-wrp h3[data-view='top'] input {
  height: 34px;
  border: none;
  padding: 0 10px;
  font-size: 14px;
  line-height: inherit;
  width: 300px;
  border-radius: 3px;
  background: #eee;
  outline: none;
  font-weight: normal;
}

#lumise-lightbox #lumise-change-products-wrp h3[data-view='top'] input:focus {
  background: #e5e5e5;
}

#lumise-lightbox #lumise-change-products-wrp ul[data-view='products'] li {
  text-align: center;
  float: left;
  cursor: pointer;
  width: 29.3%;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
  margin: 0 0 20px 3%;
  position: relative;
  transition: all 250ms ease;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li:not([data-current='true']):hover {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li:nth-child(3n + 1) {
  clear: both;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-current='true']:after {
  position: absolute;
  content: '\e005';
  font-family: 'lumise' !important;
  top: 10px;
  left: 10px;
  font-size: 20px;
  color: #fff;
  background: #3fc7ba;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li[data-view='noitem'] {
  background: none;
  box-shadow: none !important;
  font-size: 18px;
  color: #888;
  width: 100%;
  padding: 0px;
  margin: 10vh 0 0 0px;
  cursor: default;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li
  span[data-view='thumbn'] {
  display: inline-block;
  text-align: center;
  position: relative;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li:not([data-current='true'])
  span[data-view='thumbn']:after {
  position: absolute;
  content: attr(data-start);
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.8);
  background: rgba(58, 58, 58, 0.9);
  color: #eee;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
  padding: 10px 14px;
  border-radius: 2px;
  transition: all 250ms ease;
  opacity: 0;
  letter-spacing: 0.5px;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li:hover
  span[data-view='thumbn']:after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%);
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li
  span[data-view='name'] {
  font-weight: 500;
  color: #3f4652;
  text-transform: capitalize;
  font-size: 14px;
  display: block;
  padding: 10px;
  background: #f1f1f1;
  border-top: 1px solid #e7e7e7;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: calc(100% - 20px);
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li:not([data-current='true']):hover
  span[data-view='name'] {
  color: #3fc7ba;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li
  span[data-view='price'] {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #3fc7ba;
  font-size: 14px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.85);
  padding: 3px 5px;
  border-radius: 3px;
}

#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li
  span[data-view='thumbn']
  > img {
  max-height: 260px;
  display: inline-block;
  max-width: 100%;
  /* float: left; */
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
#lumise-lightbox
  #lumise-change-products-wrp
  ul[data-view='products']
  li
  span[data-view='template'] {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.lumise-switch {
  display: inline-block;
  cursor: pointer;
  transition: all ease 250ms;
  margin-bottom: -8px;
  margin-left: 5px;
  position: relative;
}

.lumise-switch label {
  white-space: nowrap;
  font-weight: 400;
  font-size: 16px;
  margin-left: 10px;
  display: inline-block;
}

.lumise-switch .lumise-toggle-button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  border: 1px solid #b4b9be;
  background: #fff;
  color: #555;
  clear: none;
  display: inline-block;
  line-height: 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  min-width: 16px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: 0.05s border-color ease-in-out;
}

.lumise-switch .lumise-toggle-button ~ .lumise-toggle-label {
  float: left;
  position: relative;
  height: 26px;
  width: 54px;
  border-radius: 18px;
  background: #e3e7eb;
  font-size: 12px;
  color: #888;
  min-width: 54px !important;
}

.lumise-switch .lumise-toggle-button ~ .lumise-toggle-label:after,
.lumise-switch .lumise-toggle-button ~ .lumise-toggle-label:before {
  text-transform: uppercase;
  line-height: 1;
  top: 50%;
  font-size: 11px;
  font-weight: 800;
  transform: translateY(-50%);
  width: 30px;
  transition: opacity 250ms;
}

.lumise-switch .lumise-toggle-button ~ .lumise-toggle-label:before {
  content: attr(data-off);
  position: absolute;
  right: 3px;
  color: grey;
  text-align: center;
}

.lumise-switch .lumise-toggle-button ~ .lumise-toggle-label:after {
  content: attr(data-on);
  position: absolute;
  left: 3px;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  text-align: center;
}

.lumise-switch .lumise-toggle-button ~ .lumise-toggle-handle {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  transition: All 0.3s ease;
  min-width: 20px !important;
}

.lumise-switch .lumise-toggle-button:checked ~ .lumise-toggle-label {
  background: #3fc7ba;
}

.lumise-switch .lumise-toggle-button:checked ~ .lumise-toggle-handle {
  left: 30px;
}

.lumise-switch .lumise-toggle-button:checked ~ .lumise-toggle-label:after {
  opacity: 1;
}

.lumise-switch .lumise-toggle-button:checked ~ .lumise-toggle-label:before {
  opacity: 0;
}

[data-tip='true'] {
  position: relative;
  transition: transform 200ms ease;
}

[data-tip='true'] span {
  position: absolute;
  bottom: 68%;
  left: 50%;
  white-space: nowrap;
  font-size: 14px;
  transform: translateX(-50%) translateY(-50%);
  line-height: 20px;
  background: rgba(51, 51, 51, 0.9);
  color: #eee;
  border-radius: 2px;
  padding: 3px 8px;
  opacity: 0;
  z-index: 0;
  transition: all 300ms ease;
  visibility: hidden;
  user-select: none;
}
#lumise-left [data-tip='true'] span {
  background: #ffffff;
  color: #333;
  top: -18px;
  font-weight: normal;
  padding: 6px 10px;
  bottom: auto;
  transform: translateX(-50%) translateY(-100%);
}
[data-tip='true'] span:after {
  content: '';
  width: 0px;
  height: 0px;
  border: 5px solid transparent;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#lumise-left [data-tip='true'] span:after {
  border-top: 5px solid #ffffff;
}
[data-tip='true'] span[data-pos='right'] {
  left: auto;
  right: -10px;
  transform: translateY(-50%);
}
[data-tip='true'] span[data-pos='right']:after {
  left: auto;
  right: 10px;
}
[data-tip='true']:hover span {
  opacity: 1;
  bottom: 80%;
  z-index: 10;
  transition: all 300ms ease 150ms;
  visibility: visible;
  display: block !important;
}

.pilumise-button:hover {
  color: #fff;
  background: #f5605d;
  box-shadow: none;
  border-radius: 1px;
}

.pilumise-table abbr {
  border-bottom: none;
  cursor: help;
}

#lumise-color-picker-btn {
  position: absolute;
  width: 100%;
  top: 135px;
  left: 15px;
}

#lumise-color-picker-btn button {
  border: none;
  padding: 5px 12px;
  text-align: center;
  border-radius: 2px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  background: rgba(255, 255, 255, 0.14902);
  float: left;
  margin-right: 16px;
  font-size: 14px;
}

#lumise-color-picker-btn button:hover {
  background: rgba(255, 255, 255, 0.25);
}

#lumise-color-picker-btn div {
  width: 100%;
  height: 10px;
  display: block;
  clear: both;
}

#lumise-color-picker-btn span.fix-std {
  float: left;
  margin: 0px 0 0 9px;
  height: 27px;
  width: 27px;
  cursor: pointer;
  border-radius: 27px;
}

#lumise-color-picker-btn span.preset {
  float: left;
  margin: 5px 6px 0 0;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
}

#lumise-color-picker-btn span.preset del {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 8px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  text-decoration: inherit;
}

#lumise-color-picker-btn span.preset:hover del {
  display: block;
}

#lumise-color-picker-btn span.preset del:hover {
  background: rgba(255, 0, 0, 0.85);
}

#lumise-color-picker-btn span.preset del:after {
  content: '';
  position: absolute;
  top: -10px;
  border: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
  left: 50%;
  transform: translateX(-50%);
  height: 0px;
  width: 0px;
}

#lumise-color-picker-btn span.preset del:hover:after {
  border-bottom: 5px solid rgba(255, 0, 0, 0.85);
}

#lumise-color-picker-btn span.preset del:before {
  position: absolute;
  top: -6px;
  height: 6px;
  width: 100%;
  left: 0px;
  content: '';
}

#lumise-color-picker-btn span:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}

#lumise-color-picker-sldM {
  display: block;
  position: absolute;
  right: 40px;
  top: 0px;
  width: 38px;
  height: 211px;
  cursor: pointer;
  background: url('../images/arrow.gif') no-repeat 0px 10px;
}

#lumise-color-picker-sldBO {
  display: block;
  position: absolute;
  right: 14px;
  top: 0px;
  width: 38px;
  height: 211px;
  cursor: pointer;
  background: url('../images/arrow.gif') no-repeat 0px 10px;
}

#lumise-color-picker-sldO {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 38px;
  height: 211px;
  cursor: pointer;
  background: url('../images/arrow.gif') no-repeat 0px 10px;
}

#lumise-color-picker-sldBO {
  display: block;
  position: absolute;
  right: 14px;
  height: 101px;
  width: 15px;
  top: 15px;
  box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
  border-radius: 2px;
  background: url('../images/opa.gif') 0% 0% / 100% no-repeat rgb(255, 255, 255);
}

#lumise-color-picker-sldB {
  display: block;
  position: absolute;
  right: 55px;
  top: 15px;
  border-width: 0px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

#lumise-color-picker-padB {
  position: absolute;
  left: 15px;
  top: 15px;
  border-width: 0px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

#lumise-color-picker-padM {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 203px;
  height: 211px;
  cursor: crosshair;
  background: url('../images/cross.gif') no-repeat;
}

#lumise-color-picker-pad {
  width: 181px;
  height: 101px;
  border-radius: 2px;
  background-image: url('../images/hs.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#lumise-color-picker-sld {
  overflow: hidden;
  width: 15px;
  height: 101px;
  border-radius: 2px;
}

#lumise-color-picker-boxB {
  position: absolute;
  clear: both;
  z-index: 1800000002;
  border-width: 0px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.34902) 2px 2px 10px;
  border-radius: 1px;
  background: rgba(70, 85, 89, 0.93);
  border: 1px solid #ffffff24;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#lumise-color-picker-header {
  position: absolute;
  bottom: 100%;
  left: -1px;
  width: calc(100% - 20px);
  background: rgba(39, 44, 51, 0.93);
  color: #ffffffde;
  padding: 10px 11px;
  cursor: move;
  text-align: right;
  line-height: 10px;
  font-size: 20px;
  transition: background ease 250ms;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#lumise-color-picker-header:hover {
}
#lumise-color-picker-header text {
  float: left;
  font-size: 15px;
  font-family: 'Nunito', Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 18px;
  color: #ffffffa3;
}
#lumise-color-picker-header > i {
  cursor: pointer;
}
#lumise-color-picker-header > i:hover {
  opacity: 0.75;
}
/*lumise form elements*/
.lumise_form_group {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 0px;
}

.lumise_form_settings .lumise_form_group span {
  text-align: left;
}

.lumise_form_group .lumise_form_content {
  float: left;
  max-width: 450px;
  width: 100%;
  position: relative;
  text-align: left;
}
.lumise_form_group .lumise_form_content span.notice {
  background: #ffffff12;
  display: inline-block;
  width: 100%;
  padding: 8px 10px;
  border-left: 5px solid #ef4e4e9c;
  border-radius: 2px;
  color: #ffffff78;
}
.lumise_form_group .lumise_form_content [data-view='info'] {
  width: 100%;
  display: inline-block;
  padding: 8px 10px;
  background: #eeeeee54;
  border-radius: 2px;
  margin-bottom: 8px;
  border: 1px dashed #4e484833;
  font-size: 14px;
}
.lumise_form_group .lumise_form_content [data-view='info'] > span {
  float: right;
  font-size: 13px;
  height: 20px;
  cursor: pointer;
  opacity: 0.3;
  color: red !important;
  text-decoration: none;
  text-transform: capitalize;
}
.lumise_form_group .lumise_form_content [data-view='info'] > span:hover {
  opacity: 0.85;
}
.lumise_form_group select,
.lumise_form_group input[type='text'],
.lumise_form_group textarea {
  font-size: 14px;
}

#lumise-cart-wrp .lumise_form_content {
  padding: 0px 20px 14px;
}
#lumise-cart-wrp .lumise_form_content table {
  width: 100%;
  border-spacing: 0px;
}
#lumise-cart-wrp .lumise_form_content table thead {
  background: #eee;
}
#lumise-cart-wrp .lumise_form_content table thead td {
  border-right: 1px solid #e6e6e6;
  padding: 10px;
}
#lumise-cart-wrp .lumise_form_content table thead td:last-child {
  border: none;
}
#lumise-cart-wrp .lumise_form_content table tbody td {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
#lumise-cart-wrp .lumise_form_content table tbody td:first-child {
  border-left: 1px solid #eee;
}
#lumise-cart-wrp .lumise_form_content table tfoot td {
  padding: 10px 0;
}
#lumise-cart-wrp .lumise_form_content table td.center {
  text-align: center;
}
.lumise-cart-options .lumise-cart-field {
  float: left;
  width: 100%;
}
.lumise-cart-options .lumise-cart-field.how-calculate {
  border-top: 1px solid #515965 !important;
  margin-top: 5px;
}
.lumise-cart-options .lumise-cart-field.how-calculate a {
  text-decoration: none;
  display: inline-block;
  border-radius: 3px;
  margin: 14px 20px 20px 20px;
  float: left;
  opacity: 0.5;
  transition: all ease 250ms;
}
#lumise-product .lumise-cart-options .lumise-cart-field.how-calculate a {
  color: #ffffffde !important;
}
.lumise-cart-options .lumise-cart-field.how-calculate a:hover {
  opacity: 1;
}
.lumise-cart-options .lumise-cart-field.how-calculate a i {
  position: relative;
  top: 3px;
}
.lumise-cart-options .lumise_form_group {
  margin-bottom: 0px;
}

.lumise-cart-options .lumise-cart-field-label .required {
  color: red;
}

.lumise-cart-options .lumise_form_group .lumise_form_content label {
  color: rgba(255, 255, 255, 0.5);
}

#lumise-cart-wrp
  .lumise-cart-options
  .lumise_form_group
  .lumise_form_content
  label {
  color: #666;
  font-size: 14px;
}
#lumise-product
  #lumise-cart-wrp
  .lumise-cart-options
  .lumise_form_group
  .lumise_form_content
  label {
  color: #c7c7c7;
}
#lumise-product
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  input:checked
  + label {
  box-shadow: 0 0 0 2px #787b7f !important;
  border-color: #787b7f !important;
}
.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  label {
  padding-left: 0;
  position: relative;
  opacity: 0.6;
  transition: all 0.3s ease 0s;
  border: 2px solid transparent;
  width: 100%;
}

.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  .lumise-desc {
  float: left;
  width: calc(100% - 90px);
}
.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  label
  span {
  float: left;
  width: 100%;
  font-weight: 500;
  color: #3f4652;
  padding: 4px 6px 4px 12px;
}
#lumise-product
  .lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  label
  span {
  color: #eee;
}
.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  label:hover {
  opacity: 1;
}

.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  label
  .lumise-icon-info {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 18px;
  color: #3f4652;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 2px;
  padding: 3px;
  transition: all 0.3s ease 0s;
}

.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  label
  .lumise-icon-info:hover {
  background: #fff;
}

.lumise-cart-options
  .lumise-prints
  .lumise_form_group
  .lumise_form_content
  input:checked
  + label {
  color: #fff;
  opacity: 1;
  border-color: #3fc7ba;
  box-shadow: 0 0 0 1px #3fc7ba;
}

.lumise-cart-options .lumise_radios .lumise-radio em {
  color: #ccc;
}

.lumise-cart-options .lumise_radios .lumise-radio .check,
.lumise-cart-options .lumise_checkboxes .lumise_checkbox .check {
  border-color: #ddd;
}
#lumise-product .lumise-cart-options .lumise_radios .lumise-radio .check,
#lumise-product
  .lumise-cart-options
  .lumise_checkboxes
  .lumise_checkbox
  .check {
  border-color: #ffffff78;
}

.lumise-cart-options .lumise-prints .lumise-radio a.lumise-print-detail {
  float: left;
  margin-left: 12px;
  text-decoration: none;
}

.lumise-cart-options .lumise-prints .lumise-radio a.lumise-print-detail:hover {
  text-decoration: underline;
}

.lumise_form_group select {
  float: left;
  width: 100%;
  padding: 0 8px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #ccc;
  border-radius: 2px;
  transition: all 0.3s ease 0s;
  color: #666;
  min-width: 80px;
}

.lumise_form_group textarea {
  float: left;
  width: 100%;
  padding: 8px;
  height: 130px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-radius: 2px;
  transition: all 0.3s ease 0s;
}

.lumise_form_group input[type='text'] {
  float: left;
  max-width: 450px;
  padding: 0 8px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #ccc;
  border-radius: 2px;
  transition: box-shadow 0.3s ease 0s;
  width: 100%;
}

.lumise_form_group input[type='number'] {
  float: left;
  width: 135px;
  padding: 0 8px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #ddd;
  border-radius: 2px;
  transition: all 0.3s ease 0s;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
#lumise-product .lumise_form_group input[type='number'] {
  padding: 0px;
  width: 100px;
}
.lumise_form_group input[type='number']::-webkit-outer-spin-button,
.lumise_form_group input[type='number']::-webkit-inner-spin-button {
  display: none;
}
.lumise_form_group input[type='text']:focus,
.lumise_form_group select:focus,
.lumise_form_group textarea:focus {
  outline: none;
  background-color: #fffff2;
}
#lumise-product .lumise_form_group input,
#lumise-product .lumise_form_group textarea,
#lumise-product .lumise_form_group select {
  border: none;
  background: #323844;
  color: #9da1a7;
  transition: all ease 250ms;
}
#lumise-product .lumise_form_group input:hover,
#lumise-product .lumise_form_group textarea:hover,
#lumise-product .lumise_form_group input:focus,
#lumise-product .lumise_form_group textarea:focus,
#lumise-product .lumise_form_group select:hover {
  background: #272c33;
}
.lumise_checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-top: 8px;
}
#lumise-product .lumise_checkbox {
  padding-top: 8px;
}
.lumise_checkbox:first-child {
  padding: 0;
}

.lumise_checkbox.sty2 {
  width: 100%;
  height: auto;
  float: left;
}

.lumise_checkbox input {
  display: none;
}

.lumise_checkbox label {
  float: left;
  padding-left: 30px;
  cursor: pointer;
  position: relative;
  line-height: 24px;
}

.lumise_checkbox .check {
  cursor: pointer;
  position: absolute;
  width: 22px;
  height: 21px;
  top: 1px;
  left: 0;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 2px;
  font-style: normal;
}

.lumise_checkbox.sty2 .check {
  height: 18px;
  width: 18px;
  margin-top: 3px;
}

.lumise_checkbox .check svg {
  position: absolute;
  top: 2px;
  left: 3px;
  line-height: 13px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease 0s;
}

.lumise_checkbox.sty2 .check svg {
  line-height: 13px;
  font-size: 12px;
  left: 1px;
}

.lumise_checkbox input:checked ~ label .check svg {
  opacity: 1;
  transform: scale(1);
}

/*quantity field*/
.lumise-cart-field-quantity em:not(.lumise-required-msg) {
  float: left;
  text-align: center;
  font-style: normal;
}

.lumise-cart-field-quantity em[data-action] {
  font-size: 15px;
  background: transparent !important;
  border: 2px solid rgba(200, 200, 200, 0.5);
  line-height: 30px !important;
  color: #ccc;
  transition: all 250ms ease;
}
#lumise-product .lumise-cart-field-quantity em[data-action] {
  border-color: rgba(255, 255, 255, 0.25);
}
#lumise-product .lumise-cart-field-quantity em[data-action] svg path {
  fill: rgba(255, 255, 255, 0.5);
}
#lumise-product .lumise-cart-field-quantity p {
  padding: 0 0 5px 0;
  margin: 0px;
  display: inline-block;
  width: 100%;
}
#lumise-product .lumise-cart-field-quantity p[data-notice] {
  margin-top: 10px;
  background: #fff5d717;
  padding: 5px 10px;
  border-left: 3px solid #ffc1079e;
}
#lumise-product .lumise-cart-field-quantity strong {
  float: left;
  padding: 5px 5px 0 10px;
  display: inline-block;
  /* min-width: 40px; */
}
#lumise-product .lumise-cart-field [data-tip] > i {
  color: #ffffff2e;
  cursor: help;
}
#lumise-product .lumise-cart-field [data-tip] > i:hover {
  color: #ffffff69;
}
.lumise-cart-field-quantity em:not(.lumise-required-msg) {
  cursor: pointer;
  background: #ffffff;
  color: #3f4652;
  height: 34px;
  min-width: 34px;
  line-height: 34px;
  display: inline-block;
  border-radius: 50%;
}

.lumise-cart-field-quantity em[data-action='plus'],
.lumise-cart-field-quantity em[data-action='minus'] {
  padding: 10px;
}
.lumise-cart-field-quantity em svg {
  display: inherit;
}
.lumise-cart-field-quantity {
  width: 100%;
  display: block;
  /* overflow: hidden; */
  margin-bottom: 10px;
}

.lumise-cart-field-quantity:last-child {
  margin: 0;
}

.lumise-cart-field-value {
  margin: 0 7px;
}

.lumise-cart-field-quantity input {
  display: block;
  width: 65px;
  height: 100%;
  border: 2px solid rgba(200, 200, 200, 0.5);
  text-align: center;
  transition: all 250ms ease;
  box-shadow: none;
  color: #555555;
  font-size: 14px;
  background: #fafafa;
  height: 34px;
  line-height: 34px;
  border-radius: 30px;
  outline: none;
}

.lumise-cart-field-quantity input:hover,
.lumise-cart-field-quantity input:focus,
.lumise-cart-field-quantity em:hover {
  border-color: rgba(100, 100, 100, 0.5);
}
#lumise-product .lumise-cart-field-quantity input:hover,
#lumise-product .lumise-cart-field-quantity input:focus,
#lumise-product .lumise-cart-field-quantity em:hover {
  border-color: rgba(255, 255, 255, 0.85);
}
#lumise-product .lumise-cart-field-quantity em:hover svg path {
  fill: rgba(255, 255, 255, 0.85);
}
.lumise-cart-field-quantity .lumise-cart-field-label {
  width: 100px;
  text-align: left;
  font-weight: 400;
  line-height: 34px;
  padding-left: 10px;
}

#lumise-continue-btn {
  position: relative;
}

#lumise-continue-btn em {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #d81b54;
  border-radius: 30px;
  font-size: 12px;
  width: 20px;
  font-style: inherit;
  font-weight: 500;
  height: 20px;
  line-height: 19px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}

/*radios style*/
.lumise_radios .lumise-radio {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 6px;
}

.lumise_radios .lumise-radio:last-child {
  margin-bottom: 0;
}

.lumise-prints .lumise_radios .lumise-radio {
  width: 100%;
  margin: 0 0 10px 0;
}

.lumise-prints .lumise_radios .lumise-radio:last-child {
  margin-bottom: 5px;
}

.lumise_radios .lumise-radio label {
  float: left;
  line-height: 22px;
  padding-left: 25px;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #393749;
}

.lumise_radios .lumise-radio label a {
  display: block;
}

.lumise_radios .lumise-radio em {
  margin-top: 0px;
  line-height: 18px;
  float: left;
  width: 100%;
  font-size: 13px;
  font-style: italic;
  color: #999;
  line-height: 16px;
  text-align: left;
}

.lumise_radios .lumise-radio input {
  position: absolute;
  visibility: hidden;
}

.lumise_radios .lumise-radio .check {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 1px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}

.lumise_radios .lumise-radio .check:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #505050;
  transform: scale(0);
  transition: all 0.3s ease 0s;
}

.lumise_radios .lumise-radio input:checked ~ label .check:before {
  transform: scale(1);
  background: #4db6ac;
}

.lumise_radios .lumise-radio input:checked ~ label .check {
  border-color: #4db6ac;
}

.lumise-cart-option-thumb {
  float: left;
  width: 90px;
  overflow: hidden;
}

.lumise-cart-option-thumb img {
  width: 100%;
  float: left;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
}

.lumise-add-cart-heading {
  margin-top: 25px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  color: #393749;
  font-weight: 500;
}

body .lumise-btn-primary {
  padding: 6px 18px;
  background: #4db6ac;
  border: 0;
  color: #fff;
  cursor: pointer;
  letter-spacing: 0.25px;
  border-radius: 3px;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  line-height: 22px;
}

body .lumise-btn-primary:hover {
  opacity: 0.8;
}

body .lumise-btn-primary i {
  font-size: 18px;
  height: 16px;
  position: relative;
  top: 4px;
  left: 2px;
  display: inline-block;
}

.lumise-add-cart-action {
  display: inline-block;
  text-align: left;
  padding: 20px;
  border-bottom: 1px dotted #5e646d;
  position: fixed;
  top: 54px;
  left: 70px;
  background: #3f4652;
  width: 350px;
  z-index: 100;
  display: none;
}

.lumise-cart-fields-tpml {
  display: none !important;
}

.lumise-cart-options .lumise-add-cart-action.lumise_form_group {
  border: none;
}

input[type='range'] {
  -webkit-appearance: none;
  margin: 2px 0;
  width: 100%;
  height: 22px;
  background: transparent;
}

input[type='range']:focus {
  outline: none;
}

input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #d4d4d4;
  position: relative;
  border-radius: 3px;
}

input[type='range']::-webkit-slider-thumb {
  border: 1px solid #fff;
  height: 14px;
  width: 14px;
  border-radius: 15px;
  background: #3fc7ba;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
  transition: all 150ms ease;
}

input[type='range']::-webkit-slider-thumb:hover {
  height: 18px;
  width: 18px;
  margin-top: -8px;
}

@keyframes lumise-spinner {
  0% {
    transform: scale(1) rotate(0deg);
  }

  100% {
    transform: scale(1) rotate(720deg);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.9);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

@keyframes fadeInS {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInX {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.9);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}

@keyframes lumise-notice {
  0% {
    background: rgba(62, 69, 81, 0.35);
    color: rgba(255, 255, 255, 0.5);
  }

  50% {
    background: rgba(62, 69, 81, 1);
    color: rgba(255, 255, 255, 0.85);
  }

  100% {
    background: rgba(62, 69, 81, 0.35);
    color: rgba(255, 255, 255, 0.5);
  }
}

/*simple tab */
.lumise_tabs_wrapper {
  float: left;
  width: 100%;
}

.lumise_tab_nav {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.lumise_tab_nav.hidden {
  display: none;
}

.lumise_tab_nav li {
  float: left;
  list-style: none;
}

.lumise_tab_nav li a {
  display: block;
  font-weight: 500;
  color: #54575a;
  padding: 10px 18px;
  background: #f3f3f3;
  letter-spacing: 0.3px;
  margin-right: -1px;
  border: 1px solid #c7c7c7;
  position: relative;
  z-index: 11;
  text-transform: capitalize;
  text-decoration: none;
}

.lumise_content .lumise_tab_nav li a:hover {
  background: #fff;
  text-decoration: none;
}

.lumise_tab_nav li.active a {
  background: #fff;
  color: #393749;
  border-bottom-color: #fff;
}

.lumise_tabs {
  float: left;
  width: 100%;
  border: 1px solid #c7c7c7;
  padding: 40px 40px 20px 30px;
  margin-top: -1px;
}

.lumise_tab_content.active {
  display: block;
}

.lumise_tab_content {
  float: left;
  width: 100%;
  display: none;
  -webkit-animation: fadeEffect 0.4s;
  animation: fadeEffect 0.4s;
  padding: 20px;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  margin-top: -1px;
}

.lumise-cart-option-label a {
  font-size: 13px;
  margin-left: 5px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
}

/* table style */
.lumise_content table {
  float: left;
  background: #fff;
  width: 100%;
  text-align: left;
  border-collapse: collapse;

  border: 1px solid #e0e0e0;
}

.lumise_content table thead th {
  color: #393749;
  padding: 12px;
  font-weight: bold;
  white-space: nowrap;
  border-left: 1px solid #e0e0e0;
  padding: 10px;
  background: #eee;
  text-align: left;
  text-transform: capitalize;
}

.lumise_content table thead th:first-child {
  text-align: center;
  width: 0;
  border-left: none;
}

.lumise_content table thead th select {
  height: 30px;
  width: 80px;
}

.lumise_content table [data-align='left'] {
  text-align: left;
}

.lumise_content table [data-align='center'] {
  text-align: center;
}

.lumise_content table [data-align='right'] {
  text-align: right;
}

.lumise_content table thead tr {
  border-bottom: 1px solid #e0e0e0;
}

.lumise_content table tbody tr {
  transition: all 0.3s ease 0s;
}

.lumise_content table tbody td {
  color: #777;
  padding: 10px;
  vertical-align: middle;
  border-left: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
}

.lumise_content table tbody td ul li {
  display: inline-block;
}

.lumise_content table tbody td .lumise-thumbn,
.lumise_content table tbody td svg {
  max-height: 80px;
}

.lumise_content table tbody td:first-child {
  padding: 12px 10px;
  text-align: center;
  width: 85px;
  border-left: none;
}

.lumise_content table tbody tr:nth-child(2n) td {
  background: #fafafa;
}

.lumise_content table tfoot td {
  padding: 10px;
}

.lumise_wrapper_table > .lumise-heading {
  font-size: 20px;
  display: block;
  color: #393749;
  padding-bottom: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

.lumise_wrapper_table {
  background: #fff;
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
  min-height: 250px;
}

.lumise_wrapper_table > div {
  padding: 0 20px 25px 20px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

.lumise_wrapper_table > div > p {
  margin-top: 0px;
  color: #7a7a7a;
}

#lumise-cart-details tbody td a[href='#remove'] {
  color: #ec3f3f !important;
}

#lumise-cart-details tfoot td {
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
  float: none;
  padding: 10px 20px;
  border-top: 1px solid #eaeaea;
}

#lumise-cart-details tfoot td button {
  margin: 10px 0;
}
div[data-design-layer] {
  position: relative;
  float: left;
}

#lumise-svg-workspace {
  text-align: center;
  width: 90vw;
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  height: 90vh;
  border-radius: 5px;
  z-index: 10000000000;
}
#lumise-svg-workspace:before {
  position: fixed;
  top: -5vh;
  left: -5vw;
  content: '';
  background: #00000096;
  height: 100vh;
  width: 100vw;
  z-index: -1;
}
#lumise-svg-edit {
  float: left;
  height: 90vh;
  width: calc(90vw - 280px);
  position: relative;
  box-sizing: border-box;
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 6px;
  overflow: auto;
  text-align: center;
  padding: 10px;
}
#lumise-svg-workspace div[data-view='zoom'] {
  width: 78px;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 28px;
  font-size: 15px;
  text-align: left;
  padding: 0 10px;
  background: #f7f7f7ad;
  height: 30px;
  cursor: zoom-in;
  border-radius: 3px;
}
#lumise-svg-workspace div[data-view='zoom']:hover {
  width: 280px;
}
#lumise-svg-workspace div[data-view='zoom'] i {
  font-weight: bold;
  float: left;
  margin-top: 3px;
  margin-right: 3px;
  font-size: 17px;
}
#lumise-svg-workspace div[data-view='zoom'] input[type='range'] {
  width: 190px;
  float: right;
  display: none;
  margin-right: 5px;
  margin-top: 5px;
}
#lumise-svg-workspace div[data-view='zoom']:hover input[type='range'] {
  display: block;
}
#lumise-svg-edit svg {
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}
#lumise-svg-edit svg > a:hover,
#lumise-svg-edit svg > audio:hover,
#lumise-svg-edit svg > canvas:hover,
#lumise-svg-edit svg > circle:hover,
#lumise-svg-edit svg > ellipse:hover,
#lumise-svg-edit svg > foreignObject:hover,
#lumise-svg-edit svg > iframe:hover,
#lumise-svg-edit svg > image:hover,
#lumise-svg-edit svg > line:hover,
#lumise-svg-edit svg > mesh:hover,
#lumise-svg-edit svg > path:hover,
#lumise-svg-edit svg > polygon:hover,
#lumise-svg-edit svg > polyline:hover,
#lumise-svg-edit svg > rect:hover,
#lumise-svg-edit svg > svg:hover,
#lumise-svg-edit svg > switch:hover,
#lumise-svg-edit svg > symbol:hover,
#lumise-svg-edit svg > text:hover,
#lumise-svg-edit svg > textPath:hover,
#lumise-svg-edit svg > tspan:hover,
#lumise-svg-edit svg > unknown:hover,
#lumise-svg-edit svg > use:hover,
#lumise-svg-edit svg > video:hover,
#lumise-svg-edit svg g > a:hover,
#lumise-svg-edit svg g > audio:hover,
#lumise-svg-edit svg g > canvas:hover,
#lumise-svg-edit svg g > circle:hover,
#lumise-svg-edit svg g > ellipse:hover,
#lumise-svg-edit svg g > foreignObject:hover,
#lumise-svg-edit svg g > iframe:hover,
#lumise-svg-edit svg g > image:hover,
#lumise-svg-edit svg g > line:hover,
#lumise-svg-edit svg g > mesh:hover,
#lumise-svg-edit svg g > path:hover,
#lumise-svg-edit svg g > polygon:hover,
#lumise-svg-edit svg g > polyline:hover,
#lumise-svg-edit svg g > rect:hover,
#lumise-svg-edit svg g > svg:hover,
#lumise-svg-edit svg g > switch:hover,
#lumise-svg-edit svg g > symbol:hover,
#lumise-svg-edit svg g > text:hover,
#lumise-svg-edit svg g > textPath:hover,
#lumise-svg-edit svg g > tspan:hover,
#lumise-svg-edit svg g > unknown:hover,
#lumise-svg-edit svg g > use:hover,
#lumise-svg-edit svg g > video:hover {
  stroke: #d44545;
}
#lumise-svg-tool {
  float: right;
  width: 280px;
  height: 90vh;
  overflow: auto;
  box-sizing: border-box;
  text-align: left;
  background: #3f4652;
  color: #eee;
}
#lumise-svg-tool ul[data-view='nav'] {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0px;
  text-align: right;
}
#lumise-svg-tool ul[data-view='nav'] li {
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 60px;
  cursor: pointer;
  font-weight: 500;
  color: #ffffffb8;
  font-size: 20px;
  padding: 0 10px;
}
#lumise-svg-tool ul[data-view='nav'] li:hover {
  color: #fff;
}
#lumise-svg-tool h3 {
  margin: 10px 0;
  padding: 0 14px;
  font-weight: 500;
}
#lumise-svg-tool div[data-view='customize'] {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 5px 14px 5px 14px;
}
#lumise-svg-tool div[data-view='customize'] input[type='color']:after {
  display: none;
}
#lumise-svg-tool div[data-view='customize'] label {
  float: left;
  margin-right: 10px;
  min-width: 45px;
  font-size: 14px;
  line-height: 34px;
}
# #lumise-svg-tool div[data-view='customize'] .lumst {
  float: left;
  width: calc(100% - 65px);
}
#lumise-svg-fills-custom a,
#lumise-svg-strokes a {
  font-size: 14px;
  margin-top: 5px;
  display: inline-block;
}
#lumise-svg-fills-custom > span {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}
#lumise-svg-fills-custom > span small {
  position: absolute;
  left: 50%;
  top: 0px;
  background: #de4a24e3;
  width: 18px;
  text-align: center;
  z-index: 10;
  height: 16px;
  line-height: 15px;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  display: none;
  transform: translateX(-50%) translateY(-100%);
}
#lumise-svg-fills-custom > span small:after {
  content: '';
  border: 4px solid transparent;
  border-top: 4px solid #de4a24e3;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#lumise-svg-fills-custom > span:hover small {
  display: block;
}
#lumise-svg-fills-custom > span small:hover {
  background: #ff3502eb;
}
#lumise-svg-fills-custom > span small:hover small {
  border-top-color: #ff3502eb;
}
#lumise-svg-tool
  div[data-view='customize']
  #lumise-svg-strokes-custom
  input[type='range'] {
  margin-top: 10px;
  margin-left: 10px;
  width: 140px;
}
#lumise-svg-tool
  div[data-view='customize']
  #lumise-svg-strokes-custom
  input[type='text'],
#lumise-svg-tool div[data-view='customize'] #lumise-svg-strokes-custom select {
  height: 30px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 13px;
  border: none;
}
#lumise-svg-tool div[data-view='current-colors'] {
  padding: 20px 14px 14px 14px;
  border-top: 1px dotted #d0d0d04f;
}
#lumise-svg-tool div[data-view='current-colors'] span {
  margin: 0 8px 8px 0;
  position: relative;
  display: inline-block;
}
#lumise-svg-tool input[type='color'] {
  width: 34px;
  height: 34px;
  border-radius: 40px;
  position: relative;
  z-index: 10;
  border: 2px solid rgba(221, 221, 221, 0.5);
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  transition: all 250ms ease;
  outline: none;
  padding: 0 !important;
  overflow: hidden;
}
#lumise-svg-tool input[type='color']:hover {
  border-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
}
#lumise-svg-tool input[type='color']::-webkit-color-swatch-wrapper {
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#lumise-svg-tool input[type='color']::-webkit-color-swatch-wrapper {
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#lumise-svg-tool input[type='color']::-webkit-color-swatch {
  border: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}
#mobile-guide {
  position: absolute;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 142.5px;
  box-shadow: 0 0 250px 0 rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  border: 3px solid #fff;
}
div#LumiseDesign
  div#lumise-navigations
  ul[data-block='right']
  > li#lumise-proceed
  i {
  display: none;
}

/*=========END=========*/

.lumise_content table tbody td .product-title {
  display: block;
  position: relative;
  width: 100%;
}