This is the Trace Id: b9265a81202ebe316e6b89b883e4bebc
.ow-link-wrapper #chatEngagement{ height: 35px; bottom: 0!important; } .ow-pro-c-body { background-color: #d5d5d5; padding-block-end: 100%; } .ow-pro-c-container-modal { position: fixed; right: 60px; bottom: 50px; z-index: 10040; height: 355px; width: 355px; /* background: #243A5E; */ background-image: linear-gradient(#1278D4 170px, 170px, white 355px 170px); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); } .ow-pro-c-button-container { display: flex; justify-content: flex-end; } .ow-pro-c-close-button { height: 20px; width: 20px; display: flex; margin-block-start: 16px; margin-inline-end: 20px; background: none; border: none; color: #FFFFFF; } .ow-pro-c-h-text, .ow-pro-c-h-text-var-2 { color: #FFFFFF; font-size: 29px; margin-block-start: 0px; text-align: center; } .ow-pro-c-h-text { margin-block-start: 0px; } .ow-pro-c-h-text-var-2 { margin-block-start: 28px; } .ow-pro-c-p-text { color:#FFFFFF; font-size: 16px; margin-block-start: 16px; text-align: center; } .ow-pro-c-image-container { text-align: center; flex-direction: column; } .ow-pro-c-image { height: 75px; width: 75px; margin-block-start: 22px; border-radius: 50%; } button.ow-pro-c-chat-button { margin-block-start: 26px; } .ow-pro-c-button-glyph-container { display: flex; background: none; border: none; margin-block-start: 20px; } .ow-pro-c-no-button { font-size: 16px; font-family: 'Segoe UI'; } .ow-pro-c-no-button.c-glyph { margin-inline-start: 5px; margin-block-start: 2px; } .ow-pro-c-container-modal-var-2 { position: fixed; right: 60px; top: 50%; transform: translateY(-50%); z-index: 10040; height: 355px; width: 355px; background-color: #243A5E; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15); } .ow-pro-c-d-flex { display: flex; align-items: center; } .ow-link-wrapper button.ow-pro-c-chat-button-var-2 { background: #ffffff; margin-block-start: 30px; } .ow-link-wrapper button.ow-pro-c-chat-button-var-2:focus:not(.x-hidden-focus) { background: #e5e5e5; } button.c-button.f-primary{ color: #fff!important; background: #0067b8!important; } button.c-button.f-primary:hover{ color: #fff; background: #4e596b; } .ow-pro-c-image-container .c-glyph.glyph-cancel:before{ font-size: 15px; position: relative; top: 1px; } .ow-pro-c-image-container ul {list-style: none; padding-left: 0;} </style> <div class="ow-pro-c-container-modal proactive-chat-hidden" id="proactive-chat-dialog"> <div class="ow-pro-c-button-container"> <button class="ow-pro-c-close-button c-glyph glyph-cancel" aria-label="{{chat-disengagement.aria-label}}" data-bi-cn="Chat_invite_decline" data-bi-bhvr="15" onclick="(window.chatInst.getProactiveChat()).toggle(false)" ></button> </div> <div class="ow-headinghelper-2 ow-pro-c-h-text">{{module.heading}}</div> <div class="c-button f-primary ow-pro-c-p-text"> {{chat-engagement.prompt}} </div> <div class="ow-pro-c-image-container ow-pro-c-d-flex"> <img src="{{module.img-src}}" alt="{{module.img-alt-txt}}" class="ow-pro-c-image" /> <ul data-cta-count="1"> <li class="ow-link-wrapper"> <button id="chatEngagement" aria-label="{{chat-engagement-aria-label}}" class="c-button f-primary ow-pro-c-chat-button" data-bi-cn="Chat_invite_accept" data-bi-bhvr="180" > <span> {{chat-engagement.btn-txt}} </span> </button> </li> </ul> <button id="chatDisengagement" class="ow-pro-c-button-glyph-container ow-pro-c-d-flex" aria-label="{{chat-disengagement.aria-label}}" data-bi-cn="Chat_invite_decline" data-bi-bhvr="15" > <div class="ow-pro-c-no-button">{{chat-disengagement.btn-txt}}</div> <div class="ow-pro-c-no-button c-glyph glyph-cancel"></div> </button> </div> </div>'/>
Power Platform 팔로우