.Script_DynamicUiGeneration .freeTargetContainer { width: 350px !important; padding: 1.5rem !important; background: #fff; overflow-y: auto !important; height: auto !important; }

.Script_DynamicUiGeneration #leftPane-customTab:not(.mCS_no_scrollbar) { padding-right: 0.5rem !important; }

.Script_DynamicUiGeneration .editorLeft #leftPane-customTab.mCustomScrollbar .mCSB_inside > .mCSB_container:not(.mCS_no_scrollbar_y), .Script_DynamicUiGeneration .editorLeft #leftPane-customTab.mCustomScrollbar .mCSB_container:not(.mCS_no_scrollbar_y) { margin-right: 1rem; }

.Script_DynamicUiGeneration .freeTargetContainer .meuiTextBox, .Script_DynamicUiGeneration .customScriptUi-customTab .meuiTextBox { margin-bottom: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .btn:not(.is-primary), .Script_DynamicUiGeneration .customScriptUi-customTab .btn:not(.is-primary) { background-color: #eee; color: #000; }

.Script_DynamicUiGeneration .freeTargetContainer .btn.active, .Script_DynamicUiGeneration .customScriptUi-customTab .btn.active { background-color: #00D1B2; color: #fff; }

.Script_DynamicUiGeneration .freeTargetContainer .AddImageToField i, .Script_DynamicUiGeneration .customScriptUi-customTab .AddImageToField i { margin-right: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .controlSet, .Script_DynamicUiGeneration .customScriptUi-customTab .controlSet { float: left; width: 100%; padding-bottom: 1rem; margin-bottom: 0.5rem; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.Script_DynamicUiGeneration .freeTargetContainer .meuiLabel, .Script_DynamicUiGeneration .customScriptUi-customTab .meuiLabel { position: relative; float: left; width: 100%; font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .main-title, .Script_DynamicUiGeneration .customScriptUi-customTab .main-title { font-size: 20px; color: #00D1B2; }

.Script_DynamicUiGeneration .freeTargetContainer .pane.freeTargetContainer select, .Script_DynamicUiGeneration .freeTargetContainer .pane.freeTargetContainer textarea, .Script_DynamicUiGeneration .freeTargetContainer .pane.freeTargetContainer input[type="text"], .Script_DynamicUiGeneration .freeTargetContainer input[type="number"], .Script_DynamicUiGeneration .freeTargetContainer .meuiButton, .Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting button, .Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting select, .Script_DynamicUiGeneration .customScriptUi-customTab .pane.freeTargetContainer select, .Script_DynamicUiGeneration .customScriptUi-customTab .pane.freeTargetContainer textarea, .Script_DynamicUiGeneration .customScriptUi-customTab .pane.freeTargetContainer input[type="text"], .Script_DynamicUiGeneration .customScriptUi-customTab input[type="number"], .Script_DynamicUiGeneration .customScriptUi-customTab .meuiButton, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting button, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting select { position: relative; float: left; width: 100%; margin-bottom: 5px; min-height: 35px; padding: 7px; line-height: 20px; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList { position: relative; float: left; width: 100%; min-height: 50vh; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListLoading, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; background: #fff; margin: 0px; display: flex; align-content: center; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListLoading .loading-box, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading .loading-box { position: absolute; top: 20vh; left: 0px; width: 100%; text-align: center; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListLoading .loadingCircle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading .loadingCircle { position: static; font-size: 40px !important; height: 7rem; width: 7rem; border: 0.1875rem solid #00D1B2; opacity: 1 !important; border-radius: 99999px; border-right-color: #00D1B2; animation: a 4s infinite linear; display: inline-block; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader { position: relative; float: left; width: 100%; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 { float: left; width: 100%; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1 .headerTitle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .headerTitle { float: left; width: calc(100% - 6rem); margin-bottom: 1.5rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1 .ViewToggle, .Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListHeader .headerRow1 .backToForm, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .ViewToggle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .backToForm { float: left; width: 2.5rem; background-color: rgba(0, 0, 0, 0.1); margin-left: 0.5rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody { position: relative; float: left; width: 100%; border-top: solid 1px #ccc; margin-top: 1rem; padding-top: 1rem; padding-bottom: 1rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem { width: 100%; padding: 1px !important; height: auto; display: block; text-align: left; background: transparent; color: inherit; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem:hover, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem:hover { background: rgba(0, 0, 0, 0.05); }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .itemDetails, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails { padding: 0.75rem !important; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .itemDetails .name, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails .name { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; margin-bottom: 0.5rem; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .itemDetails .size, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails .size { white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; font-weight: normal; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton { position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; background-color: rgba(0, 0, 0, 0.1); border: solid 5px transparent; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton:after, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton:after { content: ''; width: 100%; padding-bottom: 100%; display: block; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .times-used, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .times-used { position: absolute; top: 5%; right: 3%; padding: 0rem 0.5rem; font-size: 0.6rem; border-radius: 100%; text-align: center; color: #fff; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .nr-of-pages, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .nr-of-pages { position: absolute; bottom: 0px; right: 0px; padding: 0px 0.5rem; font-size: 0.6rem; border-radius: 1rem; width: auto; height: auto;}

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem { width: 33%; margin-bottom: 0.5%; margin-right: 0.5%; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem .itemDetails, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) .ItemsListItem .itemDetails { display: none; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListBody:not(.list-view) > div:nth-child(3n) .ItemsListItem, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody:not(.list-view) > div:nth-child(3n) .ItemsListItem { margin-right: 0px; }

.Script_DynamicUiGeneration .freeTargetContainer .ItemsList .ItemsListFooter, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListFooter { position: absolute; bottom: 0px; left: 0px; right: 0px; }

.Script_DynamicUiGeneration .freeTargetContainer textarea, .Script_DynamicUiGeneration .customScriptUi-customTab textarea { height: 200px !important; width: 100% !important; margin-bottom: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting button, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting button { width: 35px; margin-left: 5px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

.Script_DynamicUiGeneration .freeTargetContainer .format-icon.format-icon-bold:before, .Script_DynamicUiGeneration .customScriptUi-customTab .format-icon.format-icon-bold:before { content: "B"; font-weight: bold; font-style: normal; }

.Script_DynamicUiGeneration .freeTargetContainer .format-icon.format-icon-italic:before, .Script_DynamicUiGeneration .customScriptUi-customTab .format-icon.format-icon-italic:before { content: "I"; font-weight: normal; font-style: italic; }

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting select, .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting select { width: calc(100% - 80px); }

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting input[type="number"], .Script_DynamicUiGeneration .customScriptUi-customTab .uiFieldFormatting input[type="number"] { width: 60px; margin-left: 5px; }

.Script_DynamicUiGeneration .freeTargetContainer .hasFontSizeInput.uiFieldFormatting select, .Script_DynamicUiGeneration .customScriptUi-customTab .hasFontSizeInput.uiFieldFormatting select { width: calc(100% - 145px); }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelectContainer, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelectContainer { position: relative; float: left; width: 100%; border: solid 1px #eee !important; background: #fff; }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelButton, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelButton { width: 15.5%; margin: 0.5%; }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelButton span, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelButton span { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.Script_DynamicUiGeneration .freeTargetContainer .ColorSelButton span.transparent, .Script_DynamicUiGeneration .customScriptUi-customTab .ColorSelButton span.transparent { background-size: cover; background-position: center; background-repeat: no-repeat; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders { position: relative; float: left; width: 100%; margin-top: 10px; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .meuiSliderValue, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl .meuiSliderValue { display: none; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl { position: relative; float: left; width: 94%; margin-left: 6%; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl.half, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl.half { width: 44%; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .sliderBox, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl .sliderBox { position: relative; float: left; width: calc(100% - 30px); min-width: 30px; padding: 0px; border: none; height: 1px; margin-top: 10px; background: #999; }

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .iconBox, .Script_DynamicUiGeneration .customScriptUi-customTab .imageSliders .imgControl .iconBox { position: relative; float: left; width: 30px; min-width: 30px; padding: 0px; height: 30px; padding-right: 7px; margin: 0px; }

.Script_DynamicUiGeneration .imageSliders.restrictV .imgControl .sliderBox.vcontrol, .Script_DynamicUiGeneration .imageSliders.restrictH .imgControl .sliderBox.hcontrol { opacity: 0.5 !important; pointer-events: none !important; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiNonLayout { display: inline; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiButton { position: relative; float: left; width: 300px; max-width: 48%; margin: 1%; color: #000; padding: 0px; overflow: hidden; height: auto; min-height: 40px; display: inline-block; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiButton span { width: 100%; text-align: center; display: inline-block; padding: 5px; float: left; }

.Script_DynamicUiGeneration .LayoutSelectDialog .meuiButton img { width: 100%; float: left; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog { text-align: center; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog .LayoutTargetButton { float: left; width: calc(50% - 4px); text-align: center; height: 9rem; margin: 2px; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog .modal-content { width: 22rem; }

.Script_DynamicUiGeneration .LayoutPageTargetDialog .modal-footer { justify-content: space-around; }

.Script_DynamicUiGeneration .customScriptUi-freeTarget > div > .control, .Script_DynamicUiGeneration .customScriptUi-customTab > .control { position: initial; }

.Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListLoading { background: #4A4A4A; color: #fff; }

.Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .ViewToggle, .Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListHeader .headerRow1 .backToForm { color: #fff; }

.Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .itemDetails .name { color: #fff; }

.Script_DynamicUiGeneration .customScriptUi-customTab .ItemsList .ItemsListBody .ItemsListItem .squareImageButton .nr-of-pages { font-size: 0.8rem; color: #000; }

@media screen and (max-width: 929px) { .Script_DynamicUiGeneration .editorLeft { max-width: 100%; height: 100%; }
  .Script_DynamicUiGeneration .editorMain { height: 100% !important; }
  .Script_DynamicUiGeneration.ActiveEditing .editorLeft { opacity: 0.4; }
  .Script_DynamicUiGeneration .editorLeft { width: 23.125rem !important; } 
}


/*Custom Preview*/
.megaedit-preview .preview-bounds {
    position: absolute;
    top: 6vh;
    left: 6vh;
    bottom: 6vh;
    right: 6vh;
}
.megaedit-preview #preview-slider-parrent {
    position: absolute;
    top: 50%;
    left: 26%;
    right: 26%;
    bottom: 0px;
    transform: translateY(-50%);
    height: 72vh;
    background: transparent;
}
.megaedit-preview .left-area, .megaedit-preview .right-area {
    position: absolute;
    width: 25%;
    top: 14vh;
    bottom: 14vh;
}
.megaedit-preview #preview-slider {
    background: transparent;
}

.megaedit-preview .left-area {
    left: 0px;
}
.megaedit-preview .right-area {
    right: 0px;
    top: 0px;
}
.megaedit-preview .top-center-area {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 14vh;
    width: 68%;
}
.megaedit-preview .footer-area {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-height: 14vh;
    width: 100%;
}
.megaedit-preview #preview-slider.flexslider .slides > li {
    height: 72vh;
}
.megaedit-preview #preview-slider.flexslider .slides > li .img-container {
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    text-align: center;
}
.megaedit-preview #preview-slider.flexslider .slides > li .img-container .product-image {
    width: auto;
    height: auto;
    max-width: 97%;
    max-height: 97%;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.megaedit-preview .preview-bounds {
    font-size: 1vw;
}
.megaedit-preview .preview-bounds * {
    font-size: 1em;
}
.megaedit-preview #productTitle {
    color: 405366;
    font-family: serf;
    font-weight: 900;
    font-size: 3em;
    margin-bottom: 1vh;
}
.megaedit-preview #pageName {
    font-size: 2em;
    color: 405366;
}
.megaedit-preview .preview-bounds div#productShortDescription {
    font-size: 1em;
    line-height: 1.6;
}
.megaedit-preview #optionsContainer {
    text-align: right;
}
.megaedit-preview #optionsContainer .option-title {
    font-size: 2em;
    color: #107c5d;
    margin-top: 1vh;
    margin-bottom: 1vh;
}
.megaedit-preview .preview-bounds #optionsContainer .options {
    
}
.megaedit-preview .preview-bounds #optionsContainer .option-item {
    white-space: nowrap;
    display: inline-block;
}
.megaedit-preview .preview-bounds #optionsContainer .option-item .columns {
    display: flex;
    height: auto;
    width: auto!important;
    margin: 0px !important;
    flex-wrap: nowrap;
    text-align: center;
    border: solid 1px #eee;
    border-radius: 1vh;
    padding: 0.5vw!important;
    min-height: 6vh;
    justify-content: center;
}
.megaedit-preview .preview-bounds #optionsContainer .option-item .columns {
    line-height: 4vh;
    font-size: 1.1em;
    text-align: right;
}
.megaedit-preview .preview-bounds #optionsContainer .column.is-4.product-option-icon {
    text-align: center;
}
.megaedit-preview .preview-bounds #optionsContainer .column.is-8.product-option-name {
    padding-right: 2rem!important;
    border-right: solid 1px #ccc;
}
.megaedit-preview  .flex-control-paging li a {
    width: 22px;
    height: 22px;
}