.campaignStepFooter{width:100%;position:fixed;bottom:0;padding:15px 25px;background:#fff;border-top:1px solid #ddd;border-bottom:0;padding-right:160px;z-index:99}.campaignStepFooter .nextButtons{float:right;text-align:right}.saturation{position:relative;cursor:pointer}.saturation .slide{position:absolute;left:100px;top:0;width:10px;height:10px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 1px 1px rgba(0,0,0,.3);pointer-events:none}.hue{position:relative;margin-left:8px;cursor:pointer}.hue .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);pointer-events:none}.color-alpha{position:relative;margin-left:8px;cursor:pointer}.color-alpha .slide{position:absolute;left:0;top:100px;width:100%;height:4px;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,.3);pointer-events:none}.sucker{width:30px;fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.color-type{display:flex;margin-top:8px;font-size:12px}.color-type .name{width:60px;height:30px;float:left;display:flex;justify-content:center;align-items:center;color:#999;background:#252930}.color-type .value{flex:1;height:30px;min-width:100px;padding:0 12px;border:0;color:#fff;background:#2e333a;box-sizing:border-box}.colors{padding:0;margin:0}.colors.history{margin-top:10px;border-top:1px solid #2e333a}.colors .item{position:relative;width:16px;height:16px;margin:10px 0 0 10px;border-radius:3px;box-sizing:border-box;vertical-align:top;display:inline-block;transition:all .1s;cursor:pointer}.colors .item:nth-child(8n+1){margin-left:0}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{height:100%;border-radius:4px}.colors .item .color{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px}.hu-color-picker{padding:10px;background:#1d2024;border-radius:4px;box-shadow:0 0 16px 0 rgba(0,0,0,.16);z-index:1}.hu-color-picker.light{background:#f7f8f9}.hu-color-picker.light .color-show .sucker{background:#eceef0}.hu-color-picker.light .color-type .name{background:#e7e8e9}.hu-color-picker.light .color-type .value{color:#666;background:#eceef0}.hu-color-picker.light .colors.history{border-top:1px solid #eee}.hu-color-picker canvas{vertical-align:top}.hu-color-picker .color-set{display:flex}.hu-color-picker .color-show{margin-top:8px;display:flex}#inAppEditorPage{padding:0!important;overflow:hidden;margin-top:25px!important}#inAppEditorPage .readOnly .el-button,#inAppEditorPage .readOnly .el-input__inner,#inAppEditorPage .readOnly .el-select,#inAppEditorPage .readOnly .el-textarea__inner{background:#fff;color:#777}#inAppEditorPage #inAppEditor{width:100%;padding-left:15px;padding-right:20px}#inAppEditorPage #inAppEditor .leftSideForm .headerButtonsContainer{width:100%;background:#f4f4f4;padding:12px 15px;border:1px solid #ddd;margin-bottom:15px;border-radius:3px}#inAppEditorPage #inAppEditor .leftSideForm .headerButtonsContainer .right{float:right}#inAppEditorPage #inAppEditor .leftSideForm .validationErrorList{margin-bottom:15px;padding:15px 16px;box-sizing:border-box;border-radius:4px;background-color:#fef0f0;color:#f56c6c;width:100%}#inAppEditorPage #inAppEditor .leftSideForm .validationErrorList .errorHeader{font-size:13px;line-height:18px;margin-bottom:8px}#inAppEditorPage #inAppEditor .leftSideForm .validationErrorList .validationErrorItem{font-size:12px;line-height:18px}#inAppEditorPage #inAppEditor .leftSideForm .el-card{margin-bottom:40px}#inAppEditorPage #inAppEditor .leftSideForm .el-card__header{background:#e9eff1;padding:14px 10px}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__label{margin:0!important;padding:0!important;line-height:30px!important;color:#9e9e9e;font-size:12px}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content{position:relative}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .el-input,#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .el-textrea{width:97%;display:inline-block}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .errorMsg{color:red;margin-top:3px;font-size:12px;line-height:22px}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .el-input.with-colors,#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .el-textarea.with-colors{width:85%}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .textColorButton{display:inline-block;border:1px solid #ddd;background:#fff;text-align:center;margin-left:10px;width:50px;height:40px;padding:5px;border-radius:5px;cursor:pointer;font-size:18px;line-height:27px}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .textColorButton:hover{background:#eee}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .textColorButton .selectedColor{width:25px;height:5px;margin:auto;margin-top:-2px;background:red}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .colorButton{display:flex;align-items:center;width:180px;height:40px;border-radius:5px;background-color:#fff!important}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .colorButton .colorPreview{width:20px;height:20px;border-radius:50%;display:inline-block;vertical-align:middle;margin:10px;border:1px solid rgba(61,64,78,.1);cursor:pointer;position:absolute;top:0;z-index:1}#inAppEditorPage #inAppEditor .leftSideForm .el-card .el-form-item__content .colorButton .colorValue{padding-left:35px!important;width:100%;line-height:38px;height:40px;padding:0 15px;border:1px solid #e7e8e9;border-radius:5px;font-size:12px;background:#fff;color:#3d404e;transition:all .3s ease-in-out}#inAppEditorPage #inAppEditor .leftSideForm .el-card .readiFormItem label{line-height:10px!important}#inAppEditorPage #inAppEditor .leftSideForm .buttonList{margin-top:10px}#inAppEditorPage #inAppEditor .leftSideForm .buttonList .notificationButtonRow{border:1px solid #eee;border-radius:5px;overflow:hidden;margin-bottom:15px;display:flex;flex-direction:row}#inAppEditorPage #inAppEditor .leftSideForm .buttonList .notificationButtonRow .deleteColumn{text-align:center;font-size:12px;padding-top:60px;background:rgba(118,177,206,.1803921568627451);width:140px}#inAppEditorPage #inAppEditor .leftSideForm .buttonList .notificationButtonRow .deleteColumn .deleteBtn{margin-top:10px}#inAppEditorPage #inAppEditor .leftSideForm .buttonList .notificationButtonRow .buttonContentColumn{padding:10px;flex:1}#inAppEditorPage #inAppEditor .leftSideForm .buttonList .notificationButtonRow .buttonContentColumn .buttonTextInput{width:55%}#inAppEditorPage #inAppEditor .leftSideForm .buttonList .addBtnContainer{margin-top:20px}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard{margin-bottom:40px}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card{background:#f8f8f8}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card__header{background:#e9eff1;padding:14px 10px}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body{text-align:center}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row{border:1px solid #eee;border-bottom-width:0;padding-top:0;padding-bottom:0!important;overflow:hidden}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col{border:1px solid #fff;padding:10px;text-align:center;line-height:2.5}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col .deleteBtn{display:inline}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col .el-input{display:inline-block;width:200px}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col .deleteBtn{color:red!important}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row:first-of-type{border-radius:5px 5px 0 0}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row:last-of-type{border-bottom-width:1px!important;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-bottom:0;margin-top:10px}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .el-card .body .addBtn{margin-top:10px;width:200px}#inAppEditorPage #inAppEditor .leftSideForm .keyValuePairsCard .disabled .el-card__body{display:none}#inAppEditorPage #inAppEditor .leftSideForm .emojipicker .emojipicker-area{overflow:hidden;padding:0;padding-left:10px;min-height:40px!important}#inAppEditorPage #inAppEditor .leftSideForm .hint{margin-top:3px;font-size:10px;line-height:15px;color:#a6a7a8}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv{background:url(https://static.growlytics.in/dashboard-assets/assets/img/in_app_notification_mockup.png);background-size:cover;background-position-x:-12px;background-position-x:-15px;margin:auto;margin-top:-14px;width:315px;height:620px;position:relative;display:flex}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup{margin:57px 27px 41px 26px;flex:1;background:#fff;border-radius:26px;position:relative;overflow:hidden;display:flex;background:url(https://cdn.idropnews.com/wp-content/uploads/2017/12/19011955/Melancholy-Cloud-iPhone-Wallpaper-1080x1920.jpg);background-size:cover}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .closeBtn{position:absolute;top:10px;right:15px;font-size:17px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage{flex:1;display:flex;flex-direction:column;align-self:stretch;background-size:cover;overflow:hidden}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage .textContainer{align-self:stretch;flex:1;margin:65px 18px 20px 18px;text-align:center;justify-content:flex-start;display:flex;flex-direction:column}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage .textContainer .title{font-weight:700;font-size:13px;line-height:17px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage .textContainer .description{margin-top:8px;font-size:12px;line-height:17px;font-weight:200px;overflow:hidden;width:100%;word-spacing:.5px;word-wrap:break-all;text-overflow:ellipsis}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage .textContainer .mediaContainer{width:100%;height:150px;margin-top:20%;background-size:cover;background-position:50%}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage .buttonsContainer{display:flex;flex-direction:column;padding:10px 15px 5px 15px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage .buttonsContainer .buttonItem{flex:1;text-align:center;padding:5px 10px;margin-bottom:20px;font-size:12.5px;line-height:28px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .coverMessage.isNotImageBackground{background-image:none!important}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage{flex:1;display:flex;align-self:stretch;justify-content:center;position:relative;overflow:hidden}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .background{position:absolute;width:100%;height:100%}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer{position:relative;width:90%!important;margin:auto;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-self:center}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer .textContainer{align-self:stretch;flex:1;overflow:hidden;margin:40px 18px 20px 18px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer .textContainer .title{font-weight:700;font-size:13px;line-height:17px;overflow:hidden}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer .textContainer .description{margin-top:8px;font-size:11px;line-height:17px;font-weight:200px;overflow:hidden;width:100%;word-spacing:.5px;word-wrap:break-all;text-overflow:ellipsis}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer .textContainer .mediaContainer{width:100%;height:140px;margin-top:5px;background-size:cover;background-position:50%}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer .buttonsContainer{width:100%;margin-bottom:0;align-self:flex-end;display:flex;flex-direction:column;padding:5px 15px 0 15px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer .buttonsContainer .buttonItem{flex:1;text-align:center;padding:5px 10px;margin-bottom:15px;font-size:12.5px;line-height:28px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .modalContainer.isNotImageBackground{background-image:none!important}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .bigModal{height:77%}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .modalMessage .bigModal .mediaContainer{margin-top:30px!important}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage{display:flex;flex-direction:column;width:100%;height:auto;background-size:cover}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .textContainer{padding:15px 15px 0 15px;margin-left:auto;margin-right:auto;width:100%;align-items:flex-start;height:auto;display:flex;flex-direction:row}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .textContainer .leftSideMedia{width:55px;height:60px;align-self:center;margin-right:5px;background-size:cover}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .textContainer .rightSideText{flex:1;align-self:stretch;margin-left:5px;text-align:left;overflow:hidden}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .textContainer .rightSideText .title{font-weight:700;font-size:12px;line-height:15px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .textContainer .rightSideText .description{margin-top:2px;font-size:10px;line-height:12px;max-height:50px;word-break:break-word;overflow:hidden;width:100%;word-spacing:.5px;word-wrap:break-all;text-overflow:ellipsis}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .buttonsContainer{padding:15px 5px 0 5px;height:auto;width:100%;display:flex;flex-direction:row}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage .buttonsContainer .buttonItem{flex:1;margin-bottom:15px;align-self:stretch;text-align:center;padding:5px 10px;margin-left:5px;margin-right:5px;font-size:12.5px;line-height:22px}#inAppEditorPage #inAppEditor .rightSidePreview .mobileDiv .inAppPopup .bannerMessage.isNotImageBackground{background-image:none!important}#inAppEditorPage .rightSidePreview.sticky{position:fixed;top:80px}#inAppEditorPage .dynamicUserProp{padding:0!important;box-shadow:none;border:none;width:auto!important}#inAppEditorPage .userIconBtn{position:absolute;right:20px;top:1px}#inAppEditorPage .emoji-mart{width:400px!important}.inAppTestDailog{border-radius:7px!important;overflow:hidden}.inAppTestDailog .el-dialog__header{border-bottom:1px solid #ddd;padding:15px 10px 10px 20px!important;background:#fafafa;text-align:left}.inAppTestDailog .el-dialog__body{padding-bottom:0!important;padding:20px 20px 10px 20px!important}.inAppTestDailog .el-dialog__body .userListDiv{border:1px solid #fff}.inAppTestDailog .el-dialog__body .userListDiv .el-table td{padding:0}.inAppTestDailog .el-dialog__body .userListDiv .el-table .deleteBtn{color:red!important}.inAppTestDailog .el-dialog__body .subHeader{text-align:center;color:#c1cbe0;margin-bottom:15px}.inAppTestDailog .sendTestBtn{text-align:center;padding-top:20px}.inAppTestDailog .sendTestBtn .el-button{font-size:14px;width:30%;height:40px}.inAppTestDailog .inputDetailOfUser{margin-left:15%}.inAppTestDailog .inputDetailOfUser .selectAttribute{width:100%}.inAppTestDailog .inputDetailOfUser .selectAttribute .el-input-group__prepend{width:23%}.inAppTestDailog .inputDetailOfUser .selectAttribute .el-input-group__prepend .el-input__inner{width:65%}.inAppTestDailog .inputDetailOfUser .selectAttribute .el-input__inner{width:75%}.customTooltip{padding:0!important;box-shadow:none;border:none;width:auto!important}.customTooltip .hu-color-picker{width:217px!important}.customTooltip .hu-color-picker .colors{display:none}.customTooltip .hu-color-picker:last-child{display:block!important}.dialog-inapp-message-type{border-radius:5px}.dialog-inapp-message-type .el-dialog__header{border-bottom:1px solid #ddd}.dialog-inapp-message-type .typesContainer{width:100%;display:flex;flex-direction:row}.dialog-inapp-message-type .typesContainer .inAppItem{flex:1;border:1px solid #ddd;color:#000;margin:15px;border-radius:10px;cursor:pointer}.dialog-inapp-message-type .typesContainer .inAppItem:hover{border-color:#4d7cfe;color:#4d7cfe;background:#fafafa}.dialog-inapp-message-type .typesContainer .inAppItem .typeName{width:100%;text-align:center;margin-top:20px}.dialog-inapp-message-type .typesContainer .inAppItem .typeImg{width:90%;margin-left:5%}