.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}.imageUploadDialog .el-dialog__header{border-bottom:1px solid #ddd}.imageUploadDialog .loader{border:1px solid #ececec;height:30vh;padding-left:20px;margin-top:10px;border-radius:5px;overflow:hidden}.imageUploadDialog .noDataDiv{width:100%;height:100px;display:flex;justify-content:center;align-items:center}.imageUploadDialog .uploadDiv{width:100%;overflow:hidden;text-align:center;margin-bottom:10px}.imageUploadDialog .uploadDiv .el-upload,.imageUploadDialog .uploadDiv .el-upload-dragger{width:100%}.imageUploadDialog .pagination{border-bottom:1px solid #ddd;border-top:1px solid #ddd}.imageUploadDialog .tabContainer .tabItem{cursor:pointer;border-top:3px solid transparent;border-bottom:3px solid transparent}.imageUploadDialog .tabContainer .tabItem .countTag{font-size:11px;line-height:16px}.imageUploadDialog .tabContainer .selectedTab{color:#1a535c!important;border-bottom-color:#1a535c!important}.imageUploadDialog .imageListDiv{background:#fff;padding:5px}.imageUploadDialog .imageListDiv .imageBox{border:1px solid #ececec;background:#fafafa;border-radius:5px;margin:10px;padding:5px}.imageUploadDialog .imageListDiv .imageBox .el-image{background-position:0 0,.6rem .6rem;background-size:1.2rem 1.2rem;background-image:linear-gradient(45deg,#dfe3e8 25%,transparent 0,transparent 75%,#dfe3e8 0,#dfe3e8),linear-gradient(45deg,#dfe3e8 25%,#f4f6f8 0,#f4f6f8 75%,#dfe3e8 0,#dfe3e8);border:1px solid #dfe3e8;border-radius:5px;overflow:hidden}.imageUploadDialog .imageListDiv .imageBox .imageMetadata{padding:10px 15px 15px 15px;position:relative;display:flex;height:95px}.imageUploadDialog .imageListDiv .imageBox .imageMetadata .imageName{font-size:13px;-webkit-line-clamp:3;display:block;display:-webkit-box;max-width:200px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.imageUploadDialog .imageListDiv .imageBox .imageMetadata .imageButtons{width:100%;position:absolute;bottom:0}.imageUploadDialog .imageListDiv .imageBox .imageMetadata .imageButtons .el-button{width:auto!important}#webPushEditorPage{padding:0!important;overflow:hidden;margin:auto;margin-top:25px!important;max-width:1400px}#webPushEditorPage readOnly .el-button,#webPushEditorPage readOnly .el-input__inner,#webPushEditorPage readOnly .el-select{background:#fff;color:#777}#webPushEditorPage .webPushEditor .leftSideForm{padding-left:25px!important}#webPushEditorPage .webPushEditor .leftSideForm .el-form-item__label{margin:0!important;padding:0!important;line-height:30px!important;color:#9e9e9e;font-size:12px}#webPushEditorPage .webPushEditor .leftSideForm .hintLink{font-size:10px}#webPushEditorPage .webPushEditor .leftSideForm .emojipicker .emojipicker-area{overflow:hidden;padding:0;padding-left:10px;min-height:40px!important}#webPushEditorPage .webPushEditor .leftSideForm .hint{margin-top:3px;font-size:10px;line-height:15px;color:#a6a7a8}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard{margin-bottom:40px}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card{background:#f8f8f8}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card__header{background:#e9eff1;padding:14px 10px}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body{text-align:center}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row{border:1px solid #eee;border-bottom-width:0;padding-top:0;padding-bottom:0!important;overflow:hidden}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col{border:1px solid #fff;padding:10px;text-align:center;line-height:2.5}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col .deleteBtn{display:inline}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col .el-input{display:inline-block;width:200px}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row .el-col .deleteBtn{color:red!important}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .el-row:first-of-type{border-radius:5px 5px 0 0}#webPushEditorPage .webPushEditor .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}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .el-card .body .addBtn{margin-top:10px;width:200px}#webPushEditorPage .webPushEditor .leftSideForm .keyValuePairsCard .disabled .el-card__body{display:none}#webPushEditorPage .webPushEditor .leftSideForm .imageFormItem{display:flex}#webPushEditorPage .webPushEditor .leftSideForm .imageFormItem .imageIconBtn{margin-left:5px}#webPushEditorPage .rightSidePreview .webPushSwitchMode{text-align:center;margin-bottom:10px}#webPushEditorPage .rightSidePreview .webPushDiv{background-size:cover;margin:auto;width:470px;height:550px;position:relative}#webPushEditorPage .rightSidePreview .webPushDiv .notification{margin:auto;width:75%;background:#fff;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);letter-spacing:.5px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10{background:#000;padding-top:3px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .notifImageContainer{text-align:center;padding:0 16px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .notifImageContainer .notifImage{background-size:contain;margin-top:12px;width:100%;height:165px;background-position:50%;background-repeat:no-repeat}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .body{font-size:13px;display:flex;align-content:center;padding:15px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .body .icon{height:60px;width:60px;background-image:url(https://static.growlytics.in/dashboard-assets/assets/img/chrome.png);background-size:contain;background-position:0 0;background-repeat:no-repeat}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .body .content{flex:1;overflow:hidden;margin-left:10px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .body .content .title{color:#fff;white-space:nowrap;overflow:hidden}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .body .content .message{color:#cecaca;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeWindows10 .body .content .webSiteLink{color:#cecaca;padding-top:10px;font-size:11px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac{border-radius:8px!important;background:#f7f7f7;display:flex;vertical-align:middle;width:350px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide{flex:1;display:flex;vertical-align:middle;overflow:hidden;padding:7px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide .icon,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide .icon{height:50px;width:50px;margin-right:7px;background-image:url(https://static.growlytics.in/dashboard-assets/assets/img/chrome.png);background-size:contain;background-position:0 0;background-repeat:no-repeat}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide .icon.firefox,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide .icon.firefox{background-image:url(https://static.growlytics.in/dashboard-assets/assets/img/firefox.png);height:45px;width:45px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide .content,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide .content{min-width:0;flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;font-family:sans-serif;color:#666;overflow:hidden}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide .content .title,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide .content .title{font-size:13px;font-weight:700;line-height:20px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide .content .message,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide .content .message{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:11px;line-height:20px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .leftSide .notifImage,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .leftSide .notifImage{width:45px;height:45px;margin-left:5px;background-size:cover;background-position:0 0;background-repeat:no-repeat;background-position:50%}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .rightSide,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .rightSide{border-left:1px solid #ddd;min-width:73px!important;font-size:12px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;color:#666;font-weight:600px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .rightSide .closeBtn,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .rightSide .closeBtn{text-align:center;border-bottom:1px solid #ddd;flex:1;display:flex;justify-content:center;align-items:center}#webPushEditorPage .rightSidePreview .webPushDiv .chromeMac .rightSide .settingsBtn,#webPushEditorPage .rightSidePreview .webPushDiv .firefoxMac .rightSide .settingsBtn{display:flex;justify-content:center;align-items:center;flex:1}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid{background:#fbfbfb}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body{padding:10px;padding-bottom:0!important}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notificationHeader{font-size:10px;line-height:10px;display:flex;color:#b2b5c0;margin-bottom:5px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notificationHeader .smallAppIcon{width:15px;height:15px;border-radius:2px;margin-right:4px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notificationHeader .smallAppIcon i{font-size:13px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notificationHeader .headerContent{padding-top:1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:13px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notificationHeader .headerContent .appName{font-size:12px;color:#b2b5c0}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notificationHeader .headerContent .webSiteLink{font-size:12px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .content{font-size:13px;display:flex;flex-direction:col;margin-top:10px;margin-bottom:10px;letter-spacing:.7px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .content .icon{height:45px;width:45px;background-size:cover;background-repeat:none}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .content .contentOfWebPush{flex:1;overflow:hidden;display:flex;flex-direction:column}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .content .contentOfWebPush .title{flex:1;color:#555;font-weight:700;white-space:nowrap;overflow:hidden}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .content .contentOfWebPush .message{flex:1;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .body .notifImage{background-size:contain;margin-top:8px;width:100%;height:106px;background-position:50%;background-repeat:no-repeat;margin-bottom:10px}#webPushEditorPage .rightSidePreview .webPushDiv .chromeAndroid .siteSettingDiv{padding:18px 10px 18px 10px;background-color:#eee;font-weight:700;color:#767676;font-size:14px}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows{background:#f7f7f7;padding:10px}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .notificationHeader{display:inline-flex;width:100%;flex-direction:row}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .notificationHeader .title{flex:1;font-size:12px;color:#555;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .notificationHeader .closeIcon{color:#94969e}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .body{font-size:13px;display:flex;margin-top:10px}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .body .icon{height:45px;width:45px;background-size:cover;background-repeat:none;background-image:url(https://static.growlytics.in/dashboard-assets/assets/img/firefox.png)}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .body .content{flex:1;overflow:hidden;margin-left:10px;position:relative}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .body .content .message{font-size:12px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .body .content .webSiteLink{position:absolute;bottom:0;left:0;font-size:12px!important;color:#94969e}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .settingIcon{text-align:right;margin-right:2px;margin-top:-15px}#webPushEditorPage .rightSidePreview .webPushDiv .fireFoxWindows .settingIcon i{font-size:14px;color:#94969e}.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}.webPushTestDailog .userListDiv{border:1px solid #fff}.webPushTestDailog .userListDiv .el-table td{padding:0}.webPushTestDailog .userListDiv .el-table .deleteBtn{color:red!important}.webPushTestDailog .subHeader{text-align:center;color:#c1cbe0;margin-bottom:15px}.webPushTestDailog .el-dialog__body{padding-top:5px}.webPushTestDailog .sendTestBtn{text-align:center;padding-top:20px}.webPushTestDailog .sendTestBtn .el-button{font-size:14px;width:30%;height:40px}.webPushTestDailog .inputDetailOfUser{margin-left:15%}.webPushTestDailog .inputDetailOfUser .selectAttribute{width:100%}.webPushTestDailog .inputDetailOfUser .selectAttribute .el-input-group__prepend{width:23%}.webPushTestDailog .inputDetailOfUser .selectAttribute .el-input-group__prepend .el-input__inner{width:65%}.webPushTestDailog .inputDetailOfUser .selectAttribute .el-input__inner{width:75%}.dynamicUserProp{padding:0!important;box-shadow:none;border:none;width:auto!important}.userIconBtn{right:10px!important}.emojiButton,.userIconBtn{position:absolute;top:-34px;width:20px;height:20px}.emojiButton{right:35px!important}