.app-edit-wrapper {display: flex;flex-direction: row;width: 100%;height: 100%;box-sizing: border-box;padding: 15px;}.app-edit-col1 {display: flex;flex-direction: column;flex: 0 0 25%;}.app-edit-col2 {display: flex;flex-direction: column;flex-grow: 1;}.app-edit-header {height: 44px;min-height: 44px;width: 100%;display: flex;justify-content: flex-start;align-items: center;background-color: #662473;color: #fff;}.app-edit-header.corner-top-left {border-top-left-radius: 7px;border-right: 1px solid #6a3377a8;box-sizing: border-box;box-shadow: inset -1px 0px 11px 3px #6a2c795c;}.app-edit-header.corner-top-right {border-top-right-radius: 7px;border-right: 1px solid #6a3377a8;box-sizing: border-box;box-shadow: inset -1px 0px 11px 3px #6a2c795c;}.app-edit-link {margin-left: 25px;height: 100%;width: auto;font-size: 16px;color: #fff;display: flex;justify-content: center;align-items: center;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.55);}.app-edit-icon {width: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 20px;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.55);}.app-edit-info {display: flex;flex-grow: 1;align-items: center;font-size: 14px;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.55);}.app-edit-icon span {margin-top: 1px;font-size: 12px;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.55);}.app-edit-settings {display: flex;width: 50px;align-items: center;margin-right: 15px;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.55);}.app-edit-copy,.app-edit-delete {display: flex;flex-grow: 1;justify-content: center;}.app-edit-nav {color: #b2bfc9;height: 50px;min-height: 50px;width: 100%;background-color: #3c4958;border-bottom: 1px solid #333e4a;border-right: 1px solid #333e4a;box-shadow: inset -1px 0px 11px 3px #354150c9;box-sizing: border-box;display: flex;position: relative;}.app-edit-nav-wrapper {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: stretch;}.app-edit-buttons {position: absolute;right: 10px;height: 100%;display: flex;align-items: center;}.app-edit-preview-buttons {position: absolute;left: 15px;height: 100%;display: flex;align-items: center;}.app-edit-my-items {position: absolute;right: 35px;height: 100%;display: flex;align-items: center;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-edit-my-items .n27 {margin-right: 5px;color: #f6f5f5;font-size: 11px;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.55);}.app-edit-my-items .n28 {color: #f6f5f5;font-size: 18px;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-edit-my-items:hover .n27 {color: #fff;}.app-edit-my-items:hover .n28 {color: #fff;}.app-edit-preview {cursor: pointer;text-align: center;width: 90px;font-size: 12px;padding: 8px 0;border-radius: 4px;background-color: #1999e3;color: #fff;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.14);}.app-edit-cancel {cursor: pointer;text-align: center;width: 90px;font-size: 12px;padding: 8px 0;border-radius: 4px;background-color: #c44e3d;color: #fff;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.14);margin-right: 10px;}.app-edit-save {cursor: pointer;text-align: center;width: 90px;font-size: 12px;padding: 8px 0px;border-radius: 4px;background-color: #5cba3c;color: #fff;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.14);}.app-edit-sub-nav {padding: 10px 0;background-color: #3c4958;border-bottom: 1px solid #333e4a;border-right: 1px solid #333e4a;box-shadow: inset -1px 0px 11px 3px #354150c9;display: flex;justify-content: center;box-sizing: border-box;}.app-edit-add-item {border-radius: 12px;color: #fff;background-color: #5cba3c;font-size: 12px;text-align: center;padding: 10px 0;width: 90%;cursor: pointer;text-shadow: 0px 2px 1px rgba(6, 6, 6, 0.14);}.app-edit-col1-inner {border-bottom-left-radius: 7px;border-bottom: 1px solid #333e4a;flex-grow: 1;background-color: #4c5c6f;padding: 10px;box-sizing: border-box;color: #fff;border-right: 1px solid #333e4a;overflow-y: scroll;}.app-edit-col2-inner {background-color: #fff;border-bottom-right-radius: 7px;border-bottom: 1px solid #343e49;flex-grow: 1;padding: 15px;box-sizing: border-box;border-right: 1px solid #343e49;overflow-y: scroll;}.app-edit-name-large {margin-left: 10px;font-size: 26px;color: #6b7989;}.app-edit-preview-wrapper {box-sizing: border-box;border: 1px solid #bbb;border-radius: 0px;background-color: #f6f5f5;}.app-edit-preview-header {height: 45px;width: 100%;border-bottom: 1px solid #bbb;position: relative;}.app-edit-preview-devices {height: 100%;width: 130px;position: absolute;right: 15px;top: 0;display: flex;}.app-device {display: flex;flex-grow: 1;font-size: 20px;color: #777;justify-content: center;align-items: center;cursor: pointer;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-device:hover,.app-device.selected {color: #662473;}.app-edit-scale-wrapper {position: absolute;width: 230px;height: 100%;right: 170px;display: flex;align-items: center;}.app-edit-scale-bar {height: 7px;width: 100%;background: linear-linear(#fbfbfb , #8e8e8e);border-radius: 7px;border: 1px solid #717171;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;z-index: 10;}.bar-px {height: 100%;width: 1%;cursor: pointer;}.bar-px-50 {background-color: #7171713d;}.bar-px.hovered {background-color: #6f6f6f61;}.app-edit-scale-zero {position: absolute;left: 50%;height: 30px;background-color: #717171;width: 1px;z-index: 8;top: 50%;transform: translateX(-50%) translateY(-50%);}.app-edit-scale-size {border-radius: 5px;background-color: #fff;padding: 3px 5px;border: 1px solid #989898;position: absolute;left: 50%;z-index: 12;font-size: 11px;color: #777;box-shadow: 0 0 3px 0px #0000004f;cursor: pointer;opacity: 0.85;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);top: 50%;transform: translateX(-50%) translateY(-50%);}.app-edit-scale-minus,.app-edit-scale-plus {font-size: 16px;color: #717171;width: 18px;position: absolute;left: -21px;cursor: pointer;border-radius: 50%;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);top: 50%;transform: translateY(-50%);}.app-edit-scale-plus {left: auto;right: -21px;}.app-edit-scale-minus:hover,.app-edit-scale-plus:hover {color: #662473;background-color: #fff;transform: translateY(-50%) scale(1.2,1.2);}.app-edit-scale-size:hover,.app-edit-scale-size.active {opacity: 1;color: #662473;border: 1px solid #662473;}.app-edit-preview-body {display: flex;background-color: #fff;box-sizing: border-box;position: relative;padding-left: 40px;}.app-preview-holder-wrapper {box-sizing: border-box;height: 100%;position: relative;min-height: 100px;width: 100%;padding-top: 40px;overflow-y: auto;}.app-preview-holder-wrapper-inner {position: relative;height: 100%;width: 100%;z-index: 3;}.app-preview-holder {position: absolute;top: 0;left: 0;}.ruler {position: absolute;overflow: hidden;top: 0;left: 0;background-color: #fff;}.ruler-horizontal {height: 40px;width: 100%;}.ruler-horizontal .ruler-inner {display: flex;flex-direction: row;height: 100%;}.ruler-vertical {width: 40px;height: 100%;}.ruler-vertical .ruler-inner {display: flex;flex-direction: column;width: 100%;}.ruler-px {position: relative;}.px-hor {width: 1px;height: 100%;}.px-ver {width: 100%;height: 1px;}.px-info {display: none;position: absolute;}.translate-x-minus-100 {transform: translateX(-100%);}.translate-y-minus-100 {transform: translateY(-100%);}.ruler-100,.ruler-20,.ruler-10 {background-color: #b5b5b5;display: inline-block;vertical-align: top;}.px-hor .ruler-100 {height: 50%;width: 100%;}.px-hor .ruler-20 {height: 25%;width: 100%;}.px-hor .ruler-10 {height: 12.5%;width: 100%;}.px-ver .ruler-100 {width: 50%;height: 100%;}.px-ver .ruler-20 {width: 25%;height: 100%;}.px-ver .ruler-10 {width: 12.5%;height: 100%;}.px-label {position: absolute;color: #949494;font-size: 10px;}.px-hor .px-label {top: 10px;left: 4px;}.px-ver .px-label {top: 4px;left: 10px;}.bar-px-passive {cursor: default !important;background-color: #ffffff61;}.ruller-points-wrapper-vertical {width: 100%;position: absolute;top: 40px;left: 0;}.ruler-point-line-indicator-horizontal {position: absolute;left: 0px;width: 1px;background-color: #662473;height: 100%;top: 0;z-index: 5;display: none;}.ruler-point-line-indicator-horizontal span {color: #f6f5f5;font-size: 10px;background-color: rgba(0,0,0,0.8);border-radius: 3px;padding: 4px 5px;position: absolute;left: 10px;}.ruler-fixed-line-horizontal {position: absolute;width: 1px;background-color: #fdaa13;height: 100%;top: 0;z-index: 4;cursor: pointer;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.ruler-fixed-line-horizontal:hover {background-color: #ffdd2e;}.ruler-point-line-indicator-vertical {position: absolute;left: 0px;height: 1px;background-color: #662473;width: 100%;top: 0px;z-index: 5;display: none;}.ruler-point-line-indicator-vertical span {color: #f6f5f5;font-size: 10px;background-color: rgba(0,0,0,0.8);border-radius: 3px;padding: 4px 5px;position: absolute;top: 10px;}.ruler-fixed-line-vertical {position: absolute;height: 1px;background-color: #fdaa13;width: 100%;top: 0;z-index: 4;cursor: pointer;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.ruler-fixed-line-vertical:hover {background-color: #ffdd2e;}.ruler-line-hidden {display: none !important;}.ruler-grid-line {background-color: transparent !important;z-index: 4;opacity: 0.75;display: none;}.ruler-grid-line.visible {display: block;}.ruler-grid-line-horizontal {border-right: 1px dashed #2da6ff;transform: translateX(-1px);}.ruler-grid-line-vertical {border-bottom: 1px dashed #2da6ff;transform: translateY(-1px);}.ruler-grid-line:hover {opacity: 1;}.ruler-grid-inner-line.ruler-grid-line-horizontal {border-right: 1px dashed #1fd65c;}.ruler-grid-inner-line.ruler-grid-line-vertical {border-bottom: 1px dashed #1fd65c;}.ruler-grid-line-horizontal.ruler-grid-inner-line-1-2,.ruler-grid-line-horizontal.ruler-grid-inner-line-2-4,.ruler-grid-line-horizontal.ruler-grid-inner-line-2-8,.ruler-grid-line-horizontal.ruler-grid-inner-line-4-8,.ruler-grid-line-horizontal.ruler-grid-inner-line-6-8,.ruler-grid-line-horizontal.ruler-grid-inner-line-4-16,.ruler-grid-line-horizontal.ruler-grid-inner-line-8-16,.ruler-grid-line-horizontal.ruler-grid-inner-line-12-16,.ruler-grid-line-horizontal.ruler-grid-inner-line-8-32,.ruler-grid-line-horizontal.ruler-grid-inner-line-16-32,.ruler-grid-line-horizontal.ruler-grid-inner-line-24-32,.ruler-grid-line-horizontal.ruler-grid-inner-line-16-64,.ruler-grid-line-horizontal.ruler-grid-inner-line-32-64,.ruler-grid-line-horizontal.ruler-grid-inner-line-48-64 {border-right: 1px dashed #f35039;}.ruler-grid-line-vertical.ruler-grid-inner-line-1-2,.ruler-grid-line-vertical.ruler-grid-inner-line-2-4,.ruler-grid-line-vertical.ruler-grid-inner-line-2-8,.ruler-grid-line-vertical.ruler-grid-inner-line-4-8,.ruler-grid-line-vertical.ruler-grid-inner-line-6-8,.ruler-grid-line-vertical.ruler-grid-inner-line-4-16,.ruler-grid-line-vertical.ruler-grid-inner-line-8-16,.ruler-grid-line-vertical.ruler-grid-inner-line-12-16,.ruler-grid-line-vertical.ruler-grid-inner-line-8-32,.ruler-grid-line-vertical.ruler-grid-inner-line-16-32,.ruler-grid-line-vertical.ruler-grid-inner-line-24-32,.ruler-grid-line-vertical.ruler-grid-inner-line-16-64,.ruler-grid-line-vertical.ruler-grid-inner-line-32-64,.ruler-grid-line-vertical.ruler-grid-inner-line-48-64 {border-bottom: 1px dashed #f35039;}.app-preview-grid {display: flex;height: 100%;width: auto;position: absolute;left: 10px;align-items: center;}.app-preview-grid-span {border: 1px solid #9c9a9a;align-items: center;color: #777;font-size: 18px;cursor: pointer;padding: 2px 3px;border-radius: 4px;display: flex;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-preview-grid-span.selected {color: #662473;border: 1px solid #662473;background-color: #fff;}.page-header {display: none;}.page-content {height: 100%;}.app-edit-items-wrapper {margin-top: 15px;box-sizing: border-box;border: 1px solid #bbb;border-radius: 0px;background-color: #f6f5f5;}.app-edit-items-header {height: 45px;width: 100%;border-bottom: 1px solid #bbb;position: relative;}.app-edit-items-body {display: flex;flex-wrap: wrap;flex-direction: row;background-color: #fff;box-sizing: border-box;position: relative;padding: 15px;}.app-item-wrapper {display: flex;width: 200px;height: 150px;margin: 10px;background-color: #3c4958;border-radius: 5px;}.app-item-inner {display: flex;width: 100%;height: 100%;cursor: pointer;border-radius: 5px;overflow: hidden;position: relative;}.app-item-wrapper-img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}.app-item-title-wrapper {position: absolute;left: 0;bottom: 0;width: 100%;height: 40px;z-index: 2;background-color: rgba(0,0,0,0.7);}.app-item-title-txt {font-size: 14px;height: 100%;width: 100%;padding-right: 10px;box-sizing: border-box;display: flex;align-items: center;padding-left: 10px;color: #dadada;white-space: nowrap;overflow: hidden;position: relative;}.app-item-copy,.app-item-delete {position: absolute;bottom: 50px;width: 25px;height: 25px;font-size: 16px;z-index: 2;background-color: rgba(0,0,0,0.5);cursor: pointer;border-radius: 5px;overflow: hidden;color: #ededed;opacity: 0;display: flex;align-items: center;justify-content: center;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-item-state {position: absolute;z-index: 2;top: 10px;right: 10px;width: 30px;height: 30px;background-color: rgba(0,0,0,0.5);font-size: 17px;border-radius: 5px;overflow: hidden;opacity: 0;display: flex;align-items: center;justify-content: center;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-item-checkbox-wrapper {position: absolute;z-index: 2;top: 10px;left: 10px;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);opacity: 0.5;}.app-item-wrapper.mouseentered .app-item-state,.app-item-wrapper.mouseentered .app-item-copy,.app-item-wrapper.mouseentered .app-item-delete,.app-item-wrapper.mouseentered .app-item-checkbox-wrapper {opacity: 1;}.app-item-wrapper.sortable-wrapper-active .app-item-state,.app-item-wrapper.sortable-wrapper-active .app-item-copy,.app-item-wrapper.sortable-wrapper-active .app-item-delete,.app-item-wrapper.sortable-wrapper-active .app-item-checkbox-wrapper {opacity: 0 !important;}.app-item-checkbox-element {width: 100%;height: 100%;cursor: pointer;position: relative;background-color: #dcdcdc;border-radius: 50%;box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);}.app-item-checbox-icon {width: 9px;height: 5px;position: absolute;top: 50%;left: 50%;border: 3px solid #fff;border-top: none;border-right: none;background: transparent;-webkit-transform: translateX(-50%) translateY(-5px) rotate(-45deg);-moz-transform: translateX(-50%) translateY(-5px) rotate(-45deg);-ms-transform: translateX(-50%) translateY(-5px) rotate(-45deg);transform: translateX(-50%) translateY(-5px) rotate(-45deg);opacity: 0;-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);}.app-item-checkbox-element.icon-shown .app-item-checbox-icon {opacity: 1 !important;}.app-item-checkbox-element:hover {}.app-item-checkbox-element:hover .app-item-checbox-icon {opacity: 0.3;border: 3px solid #662473;border-top: none;border-right: none;}.app-item-checkbox-element.checked .app-item-checbox-icon {border: 3px solid #fff;border-top: none;border-right: none;}.app-item-checkbox-element.checked {background-color: #662473;box-shadow: 0 0 3px 0px #fff;}.app-item-checkbox-element.checked {-webkit-animation: cs-bouncy-animation 0.6s ease;-moz-animation: cs-bouncy-animation 0.6s ease;-ms-animation: cs-bouncy-animation 0.6s ease;animation: cs-bouncy-animation 0.6s ease;}.app-item-checkbox-element.checked-removed {-webkit-animation: cs-bouncy-animation 0.6s ease;-moz-animation: cs-bouncy-animation 0.6s ease;-ms-animation: cs-bouncy-animation 0.6s ease;animation: cs-bouncy-animation 0.6s ease;}.app-item-state:hover,.app-item-copy:hover,.app-item-delete:hover {opacity: 1;transform: perspective(1px) scale(1.15,1.15);}.app-item-delete {right: 10px;}.app-item-copy {right: 40px;}.app-item-state span {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}.app-item-state-1-inner {color: #75d854;}.app-item-state-0-inner {color: #fb6b56;}.app-item-state-1 .app-item-state-0-inner {display: none;}.app-item-state-0 .app-item-state-1-inner {display: none;}.app-item-wrapper,.app-item-wrapper * {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}.app-edit-items-buttons {position: absolute;right: 10px;height: 100%;display: flex;align-items: center;}.app-list-button {border-radius: 5px;background-color: #fff;padding: 8px 12px;display: flex;align-items: center;margin: 0 3px;font-size: 12px;border: 1px solid #d0d1d2;cursor: pointer;color: #4e4e4e;}