-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathZSFeedbackIframe.css
1 lines (1 loc) · 14.9 KB
/
ZSFeedbackIframe.css
1
@charset "utf-8";@font-face{font-family:"LatoRegular";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/LatoLatin-Regular.woff2") format("woff2")}@font-face{font-family:"LatoSemibold";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/LatoLatin-Semibold.woff2") format("woff2")}:root{--zd_fallback_font:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--zd_regular:LatoRegular,var(--zd_fallback_font);--zd_semibold:LatoSemibold,var(--zd_fallback_font)}.pl5{padding-left:5px}.pb10{padding-bottom:10px}.ml15{margin-left:15px}.tright{text-align:right}.fleft{float:left}.fright{float:right}.clboth{clear:both}.mt10{margin-top:10px}.disnone{display:none}.w226{width:226px !important}.curauto{cursor:auto !important}.posrel{position:relative}.mt15{margin-top:15px}.mt20{margin-top:20px}.pb5{padding-bottom:5px}.ml30{margin-left:30px}.mt5{margin-top:5px}.ml10{margin-left:10px}#advwebForm a{text-decoration:none}#advwebForm a:hover{text-decoration:none !important}.zsfeedbkrpanel{float:left;z-index:9998;max-width:580px;text-align:left;box-sizing:border-box;width:100% !important;background-color:#fff;border:1px solid #d3dbe8}.posRel{position:relative}#zsfeedbackFrame{z-index:99;height:600px;position:relative;width:580px !important}.fbfpoptitle{height:62px;color:#222;font-size:20px;font-weight:bold;margin-right:30px;position:relative;box-sizing:border-box;padding:22px 0 20px 30px}.Fdformpreview .widgettitlenew{height:21px;max-width:91%;overflow:hidden;text-overflow:ellipsis}.FBWSlideicon{top:22px;right:32px;opacity:.5;display:none;color:#697177;cursor:pointer;position:absolute;transition:all .5s}.feedbackformmdiv{text-align:left;padding:0 30px 15px}.WF_NameEmailDiv{display:flex;justify-content:space-between}.WF_NameEmailDiv>div{flex:1}.feedbselefield,.fbtxtnf,.feedbtxtfield,.fbfcaptchaDivimg,.feedtxtarea{border:1px solid #d3dbe8 !important;background-color:#fff !important;border-radius:3px !important}.Fdformpreview #feedbackSubject,.Fdformpreview #feedbNameTxtField,.Fdformpreview #feedbEmailTxtField,.Fdformpreview #feedbackSubjContainer,.fbtxtnf,#previewPopupRightPanel #previewPopupFeedbackSubject,.feedbtxtfield{height:38px;padding:10px 15px;position:relative;box-sizing:border-box}.zscaptcha textarea.feedtxtarea{width:100%;height:130px;font-size:15px;resize:none;border:0;border-radius:3px;padding:12px 15px;box-sizing:border-box}#advwebForm #captchaDiv{padding-right:0;margin-right:10px;border-right:1px solid #d3dbe8 !important}.fbfcaptchaDiv{color:#555;margin-top:15px}#advwebForm .fbfcaptchaDivimg{width:90% !important;border:0 !important}.fbfcaptchaDivimg{width:100%;height:60px;margin:10px}.previewPopFlex #captchaImage{width:180px;height:60px}.zsfbfreshdiv{right:0;top:-50px;position:relative}.zsfbNewrefresh{color:#68bb5e;font-size:20px;position:relative;top:6px;left:-7px;cursor:pointer}#enableDisableCaptcha{width:100%;top:15px !important;position:absolute !important}.zsfdwordveribdr{top:0;width:100%;height:80px;border-radius:3px;box-sizing:border-box;background-color:transparent;border:1px solid #d3dbe8 !important}#advwebForm #captchaDiv{padding-right:0;margin-right:10px;border-right:1px solid #d3dbe8 !important}.FBWordVerify{float:left;position:relative;margin:40px 10px 0 20px;margin-top:42px !important}.FBWordVerify input{outline:0;border:0;color:#333;font-size:15px;margin-top:2px;background-color:transparent}.zspreattscreendiv{float:left;width:100%;box-sizing:border-box;padding:0 30px 12px 28px}.zspreattscreendiv .icon-attachment5{color:#697177;font-size:16px;margin-right:10px}#advwebForm .feedtxtarea{width:100% !important;height:130px !important;border:1px solid #fff;box-sizing:border-box;padding:12px 15px !important}#advwebForm .feedbselefield{padding:0 !important}#advwebForm #feedbackSubject,.fbtxtnf{width:100%}#advwebForm{background-color:#fff}.feedbselefield,.fbtxtnf,.feedbtxtfield,.fbfcaptchaDivimg,.feedtxtarea,#advwebForm{font-family:var(--zd_regular)}.feedbtxtfield,.fbtxtnf,.fbfcaptchaDivinput{color:#333;font-size:15px}.Fdformpreview #feedbackSubject:focus,.Fdformpreview #feedbackDesc,.Fdformpreview #feedbackTitle,#advwebForm #feedbackSubject:focus,#advwebForm .feedtxtarea:focus,#advwebForm .fbtxtnf:focus{border:1px solid rgba(121,187,238,0.75) !important;box-shadow:0 0 5px rgba(82,168,236,0.5);outline:0}.previewPopFlex .screenshotdiv{color:#555;left:-42px;z-index:100;width:195px;height:auto;cursor:auto;bottom:50px;border-radius:4px;position:absolute;box-sizing:initial;border:1px solid #ccc;background-color:#fff;padding:15px 10px 10px 10px}.previewPopFlex #ScreenShotimage,.previewPopFlex .attaimgpreview #Attachmentimage{min-height:50px;min-width:50px;max-height:150px;max-width:150px;padding:10px !important;top:auto;bottom:35px;left:-20px !important;text-align:center;height:auto !important;width:auto !important}.previewPopFlex .screenshotrow{padding:5px 0 5px 5px;margin-bottom:5px;margin:10px 0 5px}.previewPopFlex .fbssnormal{border:1px solid #bbb;background-color:#fff;border-radius:10px;margin:0 7px 0 0;width:14px;height:14px;cursor:pointer}.previewPopFlex .fbssselect{border:1px solid #bbb;background-color:#bbb;border-radius:10px;box-shadow:0 0 0 4px #fff inset;margin:2px 7px 0 0;width:14px;height:14px}.previewPopFlex .screenshotrow a{color:#555;font-size:13px}.previewPopFlex #screenshotdiv #screenshotarrow{top:auto;left:51px;position:absolute;bottom:-10px !important}.previewPopFlex .down-sd-arrow1{height:0;width:0;border-top:10px solid #d9d9d9;border-left:10px solid transparent;border-right:10px solid transparent}.previewPopFlex #screenshotarrow .down-sd-arrow1{border-top:10px solid #ccc}.previewPopFlex .down-sd-arrow2{height:0;width:0;margin-top:-11px;border-top:10px solid #f5f5f5;border-left:10px solid transparent;border-right:10px solid transparent}.previewPopFlex #screenshotarrow .down-sd-arrow2{margin-top:-11px;border-top:10px solid #fcfcfc !important}.previewPopFlex #screenshotTrigger{position:relative}.previewPopFlex .attachnewlink{padding:8px 11px 11px;display:inline-block;cursor:pointer !important}.previewPopFlex #screenshotPreviewContainer #screenshotarrow{position:absolute;bottom:-10px;left:51px}#supportSuggestionsListDiv,#communitySuggestionsListDiv{height:272px;overflow:hidden;margin-bottom:10px}.previewPopFlex #popupsetup #fileUpload,.previewPopFlex #fileUpload{width:1px;height:1px;visibility:hidden}#lean_overlay{height:100%;background-color:silver;position:fixed;left:0;filter:alpha(opacity=30);z-index:1000;top:0;width:100%;opacity:.2}.zscameraicn,.zsnewattachicn,.zspblogoicn,.zsfbcloseicn,.zsfbminimize,.zsfbssok,.zsfbrefresh,#suggestionsDiv #searchBox,.fbembedclose,.zsfbfscreencls i,.fbchatclose{background-image:url("../images/zs-mpro.png")}.fbchatclose{background-position:-117px -338px;height:23px;width:23px;cursor:pointer}.zsfbfscreencls{width:20;height:20;float:right;position:relative;z-index:300000;display:none;text-decoration:none;margin:2px 4px 0 0}.zsfbfscreencls i{background-position:-149px -340px;width:11px;height:11px;display:inline-block}.zsfbrefresh{background-position:-118px -417px;display:inline-block;height:16px;width:16px}.zsfbssok{background-position:-85px -418px;display:inline-block;height:16px;width:23px;cursor:pointer}.zsfbminimize{background-position:-64px -417px;display:inline-block;height:15px;width:15px}.fbssokcancel{background-color:#000;position:fixed;right:0;top:0;z-index:9999999}.zsfbok{padding:15px 20px;background-color:#22ad92;cursor:pointer !important}.zsfbclose{padding:15px 20px 16px 22px}.zsfbok:hover{background-color:#19977e}.zsfbclose{background-color:#d55644}.zsfbclose:hover{background-color:#c34938}.zscameraicn{background-position:-1px -413px;display:inline-block;height:22px;width:18px}.zsfbrefresh{background-position:-118px -417px;display:inline-block;height:16px;width:16px}.zsfbssok{background-position:-85px -418px;display:inline-block;height:16px;width:23px;cursor:pointer}.zsfbminimize{background-position:-64px -417px;display:inline-block;height:15px;width:15px}.zsfbcloseicn{background-position:-45px -417px;display:inline-block;height:15px;width:15px}.zscameraicn{background-position:-1px -413px;display:inline-block;height:22px;width:18px}.zsnewattachicn{background-position:-22px -414px;display:inline-block;height:22px;width:18px}.zsfbfzoomimg .i-tag,.previewPopFlex .i-tag{display:inline-block;vertical-align:middle}.previewPopFlex ::-webkit-input-placeholder{color:#89969b}.previewPopFlex ::-moz-placeholder{color:#89969b}.previewPopFlex :-ms-input-placeholder{color:#89969b}.previewPopFlex :-moz-placeholder{color:#89969b}.previewPopFlex .redtxt{font-size:12px;color:#dd4b39 !important}#advwebForm .redtxt{float:left;height:15px;margin-top:5px;font-size:15px}.zsfeedbackclosenew{display:none}svg.NewFBattachsvg{top:-1px;height:19px;width:19px;fill:#697177;position:relative}svg.NewFBscreenshot{height:20px;width:20px;fill:#697177}svg.FBWSlideiconSvg{height:20px;width:20px;fill:#555}svg.NewzsfbNewrefresh{top:8px;width:20px;z-index:1;height:20px;fill:#697177;cursor:pointer;position:relative;transition:all .3s;fill:#68bb5e}svg.NewzsfbNewrefresh:hover{fill:#68bb5e}svg.NewFBscreenshot:hover,svg.NewFBattachsvg:hover{fill:#333}#advwebForm #fileAttachIcon.attachnewlink{margin-right:15px;padding:8px 0 !important}#advwebForm .hide{display:none}#ScreenShotimage img,#attachmentPreview{max-width:150px;max-height:150px;padding:0 !important}.zsfbfporelative{position:relative}.zsfbfporelative #ScreenShotimage,.attaimgpreview #Attachmentimage{display:none}.zsfbfporelative:hover #ScreenShotimage{display:block}.attaimgpreview:hover #Attachmentimage{display:block;position:absolute;left:5px !important}#attachmentarrownew{position:absolute;left:35px !important}#screenshotPreviewContainer,#attachmentPreviewContainer{margin-top:4px;position:relative}#ScreenShotimage.zsfbfenable{height:auto !important}#screenShotRemoveAnchor,#attachClose{color:#999}#screenShotRemoveAnchor:hover,#attachClose:hover{color:#00a3fe}#attachmentPreviewContainer{margin-right:5px;margin-left:-10px}#screenshotmdiv,.zsfbattachfiles{color:#777;padding:3px 10px;border-radius:3px;line-height:18px;background-color:#fafafa;border:1px solid #f1f1f1}#screenshotmdiv{margin-left:-5px}#advwebForm #screenshot,#advwebForm #attachmentName #fileName{color:#666 !important;font-size:13px !important;display:table-cell;max-width:125px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsfbfzoomimg{width:100%;height:545px;padding:15px;position:relative;margin-top:20px;z-index:99999;box-sizing:border-box;border:1px solid #ddd;background-color:#fff}#zsCloseImageZoom{right:-12px;top:-12px;position:absolute;z-index:9999 !important}.zsfbfzoomimg #previewImageZoom{width:100%;height:500px;box-sizing:border-box}.previewPopFlex .dt-white-btn,.previewPopFlex .dt-blue-btn,.zs-alertmain .blue-btn,.zs-alertmain .btncancel{outline:0;cursor:pointer;min-width:90px;border-radius:3px;letter-spacing:.02em;transition:all .2s ease 0s;padding:6px 16px !important;box-shadow:0 2px 3px 0 rgba(0,163,254,0.2);font:13px var(--zd_regular)}.previewPopFlex .dt-white-btn,.zs-alertmain .btncancel{color:#888;background:#fff;border:1px solid #ddd;box-shadow:0 2px 6px 0 rgba(209,209,209,0.18)}.previewPopFlex .dt-white-btn:hover,.zs-alertmain .btncancel:hover{color:#333;box-shadow:0 3px 3px 1px rgba(209,209,209,0.3)}.previewPopFlex .dt-blue-btn,.zs-alertmain .blue-btn{color:#fff;background:#00a3fe;border:1px solid #00a3fe}.previewPopFlex .dt-blue-btn:hover,.zs-alertmain .blue-btn:hover{box-shadow:0 3px 3px 0 rgba(0,163,254,0.4)}.zs-alertmain{padding:30px;position:fixed;line-height:185%;top:32%;left:50%;background-color:#fff;box-shadow:0 1px 7px 0 rgba(0,0,0,0.2);display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:10px;max-width:20%;transform:translate(-50%,-50%);font-family:var(--zd_regular)}.w240{width:240px !important}.w250p{width:250px !important}.mr10{margin-right:10px}.zs_msgbox_feedbk_title{font-size:18px !important;color:#333;margin-bottom:5px;font-weight:600;font-family:var(--zd_semibold)}.description{font-size:14px;color:#777;line-height:20px}.zs_check_success_feedbk{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#3bc46a;fill:none;animation:feed_suc_stroke .6s cubic-bezier(0.65,0,0.45,1) forwards}.zs_checksuccess_feedbk{width:50px;height:50px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:0 0 20px;box-shadow:inset 0 0 0 #3bc46a;animation:feed_suc_fill .4s ease-in-out .4s forwards,feed_suc_scale .3s ease-in-out .9s both}.zs_check_successmsg_feedbk{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:feed_suc_stroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards}@keyframes feed_suc_stroke{100%{stroke-dashoffset:0}}@keyframes feed_suc_scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes feed_suc_fill{100%{box-shadow:inset 0 0 0 30px #3bc46a}}.zs_check_alert_feedbk{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#f46e7b;fill:none;animation:feed_stroke .6s cubic-bezier(0.65,0,0.45,1) forwards}.zs_checkalert_feedbk{width:50px;height:50px;border-radius:50%;display:block;stroke-width:0;stroke:#fff;stroke-miterlimit:10;margin:0 0 20px;box-shadow:inset 0 0 0 #f46e7b;animation:feed_fill .4s ease-in-out .4s forwards,feed_scale .3s ease-in-out .9s both;padding:10px;box-sizing:border-box}.zs_check_alertmsg_feedbk{transform-origin:50% 50%;stroke-dasharray:82;stroke-dashoffset:82;animation:feed_stroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards;fill:#fff}@keyframes feed_stroke{100%{stroke-dashoffset:0}}@keyframes feed_scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes feed_fill{100%{box-shadow:inset 0 0 0 35px #f46e7b}}.hide{display:none}.warn-ico-css{display:inline-block;border:1px solid #e18604;border-radius:100px;width:60px;height:60px;color:#e18604;font-size:50px;margin-bottom:10px}.zs-attenicn{background-position:0 -300px;display:inline-block;height:41px;margin-right:20px;width:41px}#themesContainer .zs-alertmain{box-shadow:None;position:fixed;top:85px;left:77px;z-index:9999;background-color:initial}#themesContainer .zs-alertmain .plgtxt{color:#fff}input#liveDeskStartButton{cursor:pointer !important}#Feedbackform,.zsfbfbkclr{padding:10px;background-color:#fcfcfc}.zscategoryselect,.zsformvalue .txtfieldnew,.zsfbfmdiv,.queuesetup .Newbodywh{text-align:left;background-color:#fff}#feedbackSubmitLoading{top:40%;left:45%;position:absolute}@media only screen and (max-width:450px){#zsfeedbackFrame{width:360px !important}.FBWordVerify{width:120px}.previewPopFlex #captchaImage{width:150px;margin-left:-10px}.previewPopFlex .w226{width:150px !important;margin-right:0 !important;padding-right:5px !important}.fbfpoptitle{padding:22px 0 20px 15px}.feedbackformmdiv{padding:0 15px 15px}.zspreattscreendiv{padding:0 15px 12px 14px}.zs-alertmain{min-width:60% !important}}@media only screen and (max-width:340px){#zsfeedbackFrame{width:320px !important;margin-left:-8px}.previewPopFlex .w226{width:120px !important}.FBWordVerify{width:120px;margin-left:10px}.previewPopFlex #captchaImage{width:115px;margin-left:-10px}}@media only screen and (max-width:768px){.zs-alertmain{min-width:45%}}