.expandedMenuItem{
    padding: 20px;
}

.expendedCloseButton{
    color:#ccc;
    cursor:pointer;
    transition: color 200ms ease-in-out;
}

.expendedCloseButton:hover{
    color:red;
}
.reinvented-color-wheel,.reinvented-color-wheel--hue-handle,.reinvented-color-wheel--hue-wheel,.reinvented-color-wheel--sv-handle,.reinvented-color-wheel--sv-space{touch-action:manipulation;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reinvented-color-wheel{position:relative;display:inline-block;line-height:0;border-radius:50%}.reinvented-color-wheel--hue-wheel{border-radius:50%}.reinvented-color-wheel--sv-space{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.reinvented-color-wheel--hue-handle,.reinvented-color-wheel--sv-handle{position:absolute;box-sizing:border-box;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000 inset}.reinvented-color-wheel--hue-handle{pointer-events:none}
.rnFontFamilyContextItem .fontFamilyItem{
    padding: 5px;
    cursor: pointer;
    transition: background-color 200ms ease-in-out;
}

.rnFontFamilyContextItem .fontFamilyItem:hover{
    background-color: #f5f5f5;
}


.rnContextMenu{
    z-index: 100000000000;
    background-color: white;
    border-radius: 10px;
    border:1px solid #ccc;
    box-shadow: 0 0 10px #ccc;
}

.rnContextMenu .contextMenuItem{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
}

.rnContextMenu .contextMenuItem:hover{
    background-color: #fcfcfc;
}
.rnContextPanel{
    z-index: 1000000000000000;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    background-color: white;
    padding:5px;
    border-radius: 5px;
    border:1px solid #ccc
}




.popperArrow {
    position: absolute;
    width: 10px;
    height: 10px;
    overflow: hidden;
}

.popperArrow::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: ivory;
    border: 1px solid #ccc;
}

.rnContextPanel[data-popper-placement^="bottom"] .popperArrow {
    top: -10px;
}

.rnContextPanel[data-popper-placement^="bottom"] .popperArrow::before {
    top: 12px;
}

.rnContextPanel[data-popper-placement^="top"] .popperArrow {
    bottom: -10px;
}

.rnContextPanel[data-popper-placement^="top"] .popperArrow::before {
    top: -2px;
}

.rnContextPanel[data-popper-placement^="left"] .popperArrow {
    right: -10px;
    height: 1.5em;
}

.rnContextPanel[data-popper-placement^="left"] .popperArrow::before {
    left: 0;
}

.rnContextPanel[data-popper-placement^="right"] .popperArrow {
    left: -10px;
    height: 1.5em;
}

.rnContextPanel[data-popper-placement^="right"] .popperArrow::before {
    left: 100%;
}
.previewItem{
    width: 200px;
    height: 200px;
    border:1px solid #fafafa;
    border-radius: 5px;
    margin:10px;
    cursor:pointer;
    transition: border-color 200ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.previewItem img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.previewItem:hover{
    border-color:red;
}

.previewContainer{
    display: flex;
    flex-wrap: wrap;
}
/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
 */@keyframes ladda-spinner-line-fade{0%,100%{opacity:0.22}1%{opacity:1}}.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);display:none;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{display:block}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}[dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner{right:auto}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}[dir="rtl"] .ladda-spinner>div{left:25% !important}

.rnBackDrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.5); }
  .rnBackDrop.rnFade {
    opacity: 0; }
  .rnBackDrop.rnShow {
    opacity: .5; }

.rnModal {
  width: 500px;
  position: fixed;
  top: 0;
  left: 50%;
  background-color: white;
  z-index: 100001;
  border-radius: 5px; }

.rnModal .rnCloseIcon {
  cursor: pointer; }

.rnModal .rnCloseIcon:hover {
  color: red; }

.rnHeader {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center; }

.rnFooter {
  padding: 16px;
  text-align: right; }

.rnFooter button {
  margin-left: 5px; }

.rnContent {
  padding: 16px;
  border-bottom: 1px solid #e9ecef;
  border-top: 1px solid #e9ecef; }

.option_item{
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
}

.option_item input{
    margin-right: 3px;
}

.layout_1 .option_item{
    width:100%;
}

.layout_2 .option_item{
    width:50%;
}

.layout_3 .option_item{
    width:33%;
}

.option_item label{
    display: flex;
    align-items: center;
}

.layout_inline .option_item{
    width:auto;
    margin-right: 5px;
}

.rnludropdown  select{
    display: none !important;
}

.viewEntryImage{

    max-height: 200px;
    max-width: 200px;
    padding:10px;
}

.viewEntryProductImages{
    display: flex;
    flex-wrap: wrap;
}

.rnIcon{
    transition: color 200ms ease-in-out;
    cursor: pointer;
}

.rnIcon:hover{
    color:red;
}

.viewEntryImage{
    border:1px solid #fafafa;
    transition: border-color 0.2s ease-in-out;
    margin: 5px;
}


.viewEntryImage:hover{
    border-color: red;
}

/*# sourceMappingURL=FBProductDesigner_bundle.css.map*/