.ct_frontent_template_wrapper{
text-align: center;
margin: 5px 0;
}
#ct_customize_template {
padding: 16px 16px;
border: 1px solid #ddd;
display: inline-block;
width: 100%;
max-width: 500px;
margin: 0 auto;
text-align: left;
background-color:#fff;
border-radius:0px;
box-shadow:#d6d6d6 0px 0px 10px 3px;
}
#countDownMain {
display: flex;
gap: 0 10px;
flex-direction: row;
justify-content: center;
}
#countDownMain .dap_timer_wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 75px;
}
#countDownMain .dap_timer_wrapper .dap_timer_value {
background-color: #61c88c;
border-radius: 8px;
width: 100%;
height: 45px;
display: flex;
flex-direction: column;
color: #fff;
font-size: 23px;
font-weight: 600;
align-items: center;
justify-content: center;
line-height: 1;
}
body #course_template_outer_id .course_template_inner .dap-timer-wrapper {
padding: 10px;
}
body #course_template_outer_id .course_template_inner .dap-timer-wrapper h5 {
font-size: 15px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
}
#countDownMain .dap_timer_wrapper .dap_timer_label {
color: rgb(156 163 175);
font-size: 15px;
text-align: center;
font-weight: 600;
}
#ct_customize_template .complete_percent {
font-size: 16px;
font-weight: 600;
margin-top: 10px;
color: #444;
margin-bottom: 0px;
padding: 0;
line-height: normal;
}
#ct_customize_template .course_name_text {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
margin-top: 0px;
color: #444;
line-height: normal;
padding: 0;
}
#ct_customize_template{
box-sizing: border-box;
}img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }
.dap-empty-no-pages-section { padding-top: 50px; padding-bottom: 50px; display: flex; flex-direction: column; align-items: center; }
.dap-empty-no-pages-section svg { width: 100px; fill: #a19f9f; margin-bottom: 30px; }
.dap-empty-no-pages-section h2 { font-size: 25px; font-weight: 700; color: #505050; margin-bottom: 10px; text-align: center; }
.dap-frontend-empty-msg-box { background: #f8f8f8; box-shadow: 0 0 16px 0 #e8ebee; border: 1px solid #e8ebee; padding: 28px 25px 0; width: 100%; display: inline-block; vertical-align: middle; margin: 15px 0 25px; max-width: 100%; box-sizing: border-box; }
#formautoaction .custom_table #cancellation_table button, #formautoaction .custom_table #cancellation_table .common_btn { padding-left: 5px; padding-right: 5px; font-weight: 600; line-height: 1; font-size: 15px; }
#formautoaction .custom_table #cancellation_table .common_btn span { line-height: 17px;}
.live-links-bootstrap_outer .table-dap-v2 td, .live-links-bootstrap_outer .table-dap-v2 th{ padding: 8px 10px!important; vertical-align: middle!important; }
table.table-dap-v2 { box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%); }
table.table-dap-v2 thead { background: #edeef2; }
#formautoaction .table-dap-v2-wrapper { padding: 0!important; background: transparent!important; }
td.btn-show-center { text-align: center; }
.live-links-bootstrap_outer th[align="center"] { text-align: center; }
.no-data-msg-found { text-align: center; color: red; font-weight: 600; }
.activedotsicon .dot-pulse { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; color: #ffffff; box-shadow: 9999px 0 0 -5px #ffffff; animation: dotPulse 1.5s infinite linear; animation-delay: .25s; }
.activedotsicon .dot-pulse::before,
.activedotsicon .dot-pulse::after { content: ''; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; color: #ffffff; left: 0; }
.activedotsicon .dot-pulse::before { box-shadow: 9984px 0 0 -5px #ffffff; animation: dotPulseBefore 1.5s infinite linear; animation-delay: 0s; }
.activedotsicon .dot-pulse::after { box-shadow: 10014px 0 0 -5px #ffffff; animation: dotPulseAfter 1.5s infinite linear; animation-delay: .5s; }
.dap_member_subaccount_inner .wrapper_bottom_btn_section .theme-btn.activedotsicon { pointer-events: none; cursor: no-drop!important; height: 42px; width: 153px; text-align: center; display: flex; align-items: center; justify-content: center; margin-left: auto; }
@keyframes dotPulseBefore {
0% {
box-shadow: 9984px 0 0 -5px #FFFFFF;
}
30% {
box-shadow: 9984px 0 0 2px #FFFFFF;
}
60%,
100% {
box-shadow: 9984px 0 0 -5px #FFFFFF;
}
}
@keyframes dotPulse {
0% {
box-shadow: 9999px 0 0 -5px #FFFFFF;
}
30% {
box-shadow: 9999px 0 0 2px #FFFFFF;
}
60%,
100% {
box-shadow: 9999px 0 0 -5px #FFFFFF;
}
}
@keyframes dotPulseAfter {
0% {
box-shadow: 10014px 0 0 -5px #FFFFFF;
}
30% {
box-shadow: 10014px 0 0 2px #FFFFFF;
}
60%,
100% {
box-shadow: 10014px 0 0 -5px #FFFFFF;
}
} .dap-badges-v2 .achievement-text { background: #fff; padding: 10px; z-index: 1060; padding: 1px; font-style: normal; line-height: 1.428571429; line-break: auto; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); box-shadow: 0 5px 10px rgb(0 0 0 / 20%); color: rgba(0,0,0,0.7); font-weight: 400; text-align: center; position: absolute; left: 50%; bottom: 100%; top: auto; width: 300px; max-width: 300px; transform: translateX(-50%); margin: 0 0 10px 0; display: none; visibility: hidden; opacity: 0; }
.dap-badges-v2 .badge_box { position: relative; }
.dap-badges-v2 .badge_box:hover .achievement-text { top: auto; bottom: 100%; display: block !important; visibility: visible!important; opacity: 1!important; }
.dap_member_engagement_template_outer .dap-badges-v2.dap_all_badges  .badge_box { width: 100% !important; }
.dap-badges-v2  .achievement-text:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; bottom: -9px; content: " "; border-top-color: #fff; border-bottom-width: 0; transform: translateX(-50%); left: 50%; }
.dap-badges-v2 .achievement-text h2 { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; margin: 0; text-transform: uppercase; padding: 0 5px; padding-top: 7px; padding-bottom: 7px; font-size: 16px; font-weight: bold; color: #333; }
.dap-badges-v2 .achievement-text p { margin-bottom: 0; }
.dap-badges-v2 .achievement-text .selected_badge_description { padding: 10px; }
#achievement_level_wrapper .dap-badges-v2 img.badge_image { height: auto!important; }
.dap_member_engagement_template_outer .dap_all_badges.dap-badges-v2 li { width: calc(33.33% - 10px); margin: 5px!important; }
.engagement-badges-list{ flex-direction: column; } .dap-custom-task-list-main-wrapper .dap_add_task_list_element_outer{ padding: 10px; background: #fceeff; display: flex; margin: 10px auto; max-width: 1000px; width: 100% !important; height: auto !important; font-family: Open Sans,sans-serif; }
.dap-custom-task-list-main-wrapper .hover_close_btn,
.dap-custom-task-list-main-wrapper .dct_backend_show,
.dap-custom-task-list-main-wrapper .dap_ct_tab_delete_div { display: none !important; }
.dap-custom-task-list-main-wrapper div[data-type="add_more_task_text"] div{ line-height: 20px; font-size: 15px; font-family: Open Sans,sans-serif; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main h3 {font-family: DM Sans,sans-serif!important;font-size: 25px!important;color: #333333!important;font-weight: 600!important;line-height: 1.3!important;margin: 0;padding: 0;}
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main p { font-family: Open Sans,sans-serif!important; font-size: 17px!important; color: #696969!important; font-weight: 600!important; line-height: 1.3!important; margin: 0; padding: 5px 0 10px 0; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main .challageTaskSection { border: 0px solid #f0f3f3; }
.dap-custom-task-list-main-wrapper  .challageTaskSection { margin: 0 !important; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main .challageTaskItem:first-child { margin-top: 7px !important; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main .challageTaskItem { display: flex; align-items: center; justify-content: space-between; flex-flow: row wrap; padding: 15px 20px; border-bottom: 1px solid #f0f3f3; position: relative;  padding: 10px 20px; border: 1px solid #f0f3f3; margin-bottom: 7px !important; border-color: transparent!important; }
.dap-custom-task-list-main-wrapper .dap_challenge_checkbox-custom-style,
.dap-custom-task-list-main-wrapper .course_template_inner .dap_challenge_checkbox-custom-style { width: 24px; height: 24px; min-width: 24px; min-height: 24px; background: #fcfff4; box-shadow: none; display: inline-block; border: 1px solid #ababab; vertical-align: top; position: relative; margin-right: 10px; }
.dap-custom-task-list-main-wrapper .dap_challenge_checkbox-custom-style input[type="checkbox"] { width: 100%; height: 100%; cursor: pointer; position: absolute; left: 0; top: 0; box-shadow: none; right: 0; bottom: 0; background: none; margin: 0; opacity: 0; z-index: 6;  }
.dap-custom-task-list-main-wrapper .custom--checkbox { width: 100%; height: 100%; cursor: pointer; position: absolute; left: 0; top: 0; box-shadow: none; right: 0; bottom: 0; z-index: 2; background: none; margin: 0; }
.dap-custom-task-list-main-wrapper .dap_challenge_checkbox-custom-style .custom--checkbox:after { content: "\f00c"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding-left: 1px; opacity: 0; line-height: 20px; color: #437bc1; }
.dap-custom-task-list-main-wrapper .dap_challenge_checkbox-custom-style input[type="checkbox"]:checked + .custom--checkbox:after { opacity: 1; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main .challageTaskSection .challageTaskItem .challageTaskItem_text { font-size: 16px; width: auto; margin-right: 15px; flex: 1; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main.dragdrop_inner_section .challageTaskItem_text,
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main.dragdrop_inner_section .challageTaskItem_text strong,
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main.dragdrop_inner_section .challageTaskItem_text a{ font-family: Open Sans,sans-serif!important; font-size: 16px!important; color: #555555!important; font-weight: 700!important; line-height: 1.3!important;}
.dap-custom-task-list-main-wrapper .dap_challenge_checkbox-custom-style .custom--checkbox:after { color: inherit; }
#todo_list_customize_template { text-align: left; padding: 10px; background: #fceeff; display: flex; margin: 10px auto; max-width: 1000px; width: 100%; height: auto !important; font-family: Open Sans,sans-serif; }
@media (max-width: 767px) {
.dap-empty-no-pages-section h2 { font-size: 20px;}
.live-links-bootstrap_outer .table-dap-v2 td, .live-links-bootstrap_outer .table-dap-v2 th{ min-width: 110px; }
#todo_list_customize_template { width: calc(100% - 20px); padding-left: 10px!important; padding-right: 10px!important; }
.dap-custom-task-list-main-wrapper .dap_add_more_task_text_main .challageTaskItem { margin-bottom: 0!important; }
}
@media (max-width: 420px) {
.dap_member_engagement_template_outer .dap_all_badges.dap-badges-v2 li { width: calc(100% - 10px); }
.dap_member_engagement_template_outer ul.dap_all_badges.dap-badges-v2 img.badge_image { margin: auto!important; }
.dap-badges-v2 .achievement-text { max-width: 230px;}
}img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } #user-chat-popup a.dap-chat-button-wrapper {  background-color: #129bf4; color: #fff; line-height: 55px; margin-top: 10px; border: none; cursor: pointer; font-size: 23px; width: 55px; height: 55px; text-align: center; box-shadow: 2px 2px 8px -3px #000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; display: inline-block; right: 0;  position: fixed; z-index: 99; }
.dap-chat-button-wrapper svg { width: 30px; height: 55px; fill: #fff; }
#user-chat-popup .dap-bottom-popup-services .dap-chat-application-wrapper{ right: 90px; bottom: 16px; position: fixed; z-index: 9999; max-width: 600px; }
.dap-chat-application-wrapper{ display: none; }
.dap-chat-application-wrapper.dap-chatbox-open{ display: block; }
.dap-chat-visitor-chat-widget {height: 530px;background: rgb(255, 255, 255);border-radius: 8px;box-shadow: rgb(0 0 0 / 10%) 0px 5px 20px;position: relative;width: 396px;transition: bottom 0.25s ease-in-out 0s;margin-left: 24px;margin-right: 0px;position: relative;width: 376px;border-radius: 8px;box-shadow: 0 5px 20px rgb(0 0 0 / 10%);}
.dap-chat-visitor-header-widget-background-panel {
height: 68px;
border-radius: 8px 8px 0px 0px;
position: relative;
}
span.dap-chat-close-icon { cursor: pointer; }
.dap-chat-visitor-header-inner {
-webkit-box-align: center;
align-items: center;
color: rgb(255, 255, 255);
display: flex;
height: 100%;
padding: 16px;
}
.dap-chat-visitor-header-avatar-wrapper {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
flex: 1 1 auto;
height: 36px;
min-width: 0px;
}
.dap-chat-visitor-header-chat {
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.dap-chat-visitor-chat-head-avatar {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
box-sizing: content-box;
font-size: initial;
overflow: hidden;
position: relative;
border-radius: 50%;
height: 32px;
width: 32px;
}
.VizExAvatar__VizExAvatarContent-sc-67mopk-1.llzaMd {}
.chat-name-icon {
color: #000;
font-weight: 900;
}
.dap-chat-visitor-header-text-wrapper {
flex-direction: column;
width: 100%;
-webkit-box-pack: center;
justify-content: center;
min-width: 0px;
padding-left: 12px;
padding-right: 12px;
}
.dap-chat-visitor-header-text-wrapper h5 {
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #fff;
margin-bottom: 0;
font-family: 'DM Sans',sans-serif;
margin-top: 0;
}
.dap-chat-visitor-body-div {
display: flex;
flex-direction: column;
height: calc(100% - 68px);
}
.dap-chat-visitor-body-div-unified-thread-view-wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.dap-chat-visitor-body-div-messages-scroll-container-utv {
flex: 1 1 0%;
display: flex;
flex-direction: column;
align-self: stretch;
overflow: hidden scroll;
padding: 10px;
}
.dap-chat-visitor-body-message-history {
z-index: 0;
padding-top: 4px;
flex-shrink: 0;
}
.dap-chat-visitor-body-spacing-wrapper {
padding: 4px 0px;
width: 100%;
}
.dap-chat-visitor-body-primary-message {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.dap-chat-visitor-body-avatar-wrapper {
display: flex;
height: 16px;
-webkit-box-align: center;
align-items: center;
margin-top: 4px;
margin-bottom: 4px;
padding-right: 5px;
}
.dap-chat-avtar-text {
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
box-sizing: content-box;
font-size: initial;
overflow: hidden;
position: relative;
border-radius: 50%;
height: 32px;
width: 32px;
color: #fff;
font-weight: 900;
}
.dap-chat-visitor-body-primary-message-header {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 0px;
width: 100%;
}
.dap-chat-msg-date-show {
color: #516f90;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
width: 100%;
}
.dap-chat-msg-date-border {
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
border: 1px solid rgb(223, 227, 235);
}
.dap-chat-msg-date-show > span {
padding-left: 10px;
padding-right: 10px;
}
.dap-chat-msg-day-wrapper {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.dap-chat-visitor-body-text-wrapper {
position: relative;
min-height: 32px;
word-break: break-word;
box-sizing: border-box;
border-style: solid;
border-width: 0px;
border-color: rgb(203, 214, 226);
background-color: rgb(234, 240, 246);
color: rgb(66, 91, 118);
display: inline-flex;
-webkit-box-align: center;
align-items: center;
flex-direction: column;
border-radius: 0px 8px 8px;
max-width: 300px;
line-height: 1;
padding: 10px;
margin-top: 10px;
margin-right: 0px;
white-space: pre-line;
line-height: 1.2;
font-family: 'DM Sans',sans-serif;
}
.dap-chat-visitor-body-input-container {
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
max-width: 100%;
background-color: #fff;
border-top: 2px solid #f2f5f8;
flex-shrink: 0;
}
.dap-chat-visitor-body-message-composer {
display: flex;
width: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: nowrap;
}
.dap-chat-visitor-body-form-control-wrapper {
width: 100%;
flex-basis: 100%;
}
.dap-chat-visitor-body-display-flex {
display: flex;
margin-left: 4px;
flex-direction: row;
flex-shrink: 0;
}
.dap-chat-visitor-body-primary-message-header .dap-chat-message-send-time {
width: 100%;
padding-left: 40px;
display: block;
color: #9e9e9e;
font-family: 'DM Sans',sans-serif;
}
.user-visitor-list .dap-chat-visitor-body-avatar-wrapper {
display: none;
}
.dap-chat-visitor-body-primary-message-header.user-visitor-list .dap-chat-message-send-time {
text-align: right;
padding-left: 0;
}
#user-chat-popup input.dap-chat-visitor-body-expanding-widget-textarea {
border-radius: 3px;
font-size: 16px;
line-height: 22px;
min-height: 40px;
max-height: 100px;
overflow: hidden auto;
padding: 8px;
position: relative;
width: 100%;
flex-basis: 100%;
word-break: break-word;
cursor: text;
border: none;
background-color: transparent;
outline: none;
}
button.dap-chat-visitor-body-chat-send-button {
flex-shrink: 0;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
border-radius: 50%;
width: 40px;
height: 40px;
vertical-align: middle;
padding: 0px;
text-align: center;
text-overflow: clip;
font-size: 18px;
line-height: 18px;
outline: none;
transition: background-color 150ms ease-out 0s;
color: rgb(176, 193, 212);
background-color: transparent;
border: none;
user-select: none;
}
button.dap-chat-visitor-body-chat-send-button svg {
fill: rgb(176, 193, 212);
}
button.dap-chat-visitor-body-chat-send-button.dap-active svg {
fill: rgb(230, 50, 50);
}
button.dap-chat-visitor-body-chat-send-button.dap-active {
cursor: pointer;
}
button.dap-chat-visitor-body-chat-send-button.dap-active:hover {
background-color: rgba(230, 50, 50, 0.1);
}
.dap-chat-hidden-html-for-user{ display: none; }
.dap-chat-visitor-body-primary-message-header.user-visitor-list {
flex-direction: row-reverse;
}
.dap-chat-visitor-body-primary-message-header.user-visitor-list .dap-chat-visitor-body-text-wrapper {
margin-right: 0;
margin-left: 40px;
border-radius: 8px 0 8px 8px;
}
.dap-chat-visitor-body-primary-message-header.user-visitor-list .dap-chat-visitor-body-avatar-wrapper {
padding-right: 0;
padding-left: 5px;
}
.dap-chat-msg-date-show {
color: #516f90;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
width: 100%;
}
.dap-chat-msg-date-border {
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
border: 1px solid rgb(223, 227, 235);
}
.dap-chat-msg-date-show > span {
padding-left: 10px;
padding-right: 10px;
}
.dap-chat-msg-day-wrapper {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.chat-dot-typing-wrapper .chat-dot-typing {
position: relative;
left: -9999px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #b9b9b9;
color: #b9b9b9;
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9, 10014px 0 0 0 #b9b9b9;
animation: dotTyping 1.5s infinite linear;
}
.chat-dot-typing-wrapper {
position: absolute;
left: calc(50% - 15px);
right: 0;
margin-top: 10px;
display: none;
z-index: 1;
}
@keyframes dotTyping {
0% {
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9,
10014px 0 0 0 #b9b9b9;
}
16.667% {
box-shadow: 9984px -10px 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9,
10014px 0 0 0 #b9b9b9;
}
33.333% {
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9,
10014px 0 0 0 #b9b9b9;
}
50% {
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px -10px 0 0 #b9b9b9,
10014px 0 0 0 #b9b9b9;
}
66.667% {
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9,
10014px 0 0 0 #b9b9b9;
}
83.333% {
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9,
10014px -10px 0 0 #b9b9b9;
}
100% {
box-shadow: 9984px 0 0 0 #b9b9b9, 9999px 0 0 0 #b9b9b9,
10014px 0 0 0 #b9b9b9;
}
}
a.dap-chat-button-wrapper.have-chat-msg:before{
display: flex;
}
a.dap-chat-button-wrapper:before {
content: attr(data-chatmsg);
position: absolute;
top: -5px;
left: -5px;
background: red;
width: 20px;
height: 20px;
font-size: 12px;
line-height: 1;
align-items: center;
justify-content: center;
border-radius: 100%;
display: none;
}
.chat-message-loading .dap-chat-visitor-body-div-messages-scroll-container-utv:after {
background: rgba(255, 255, 255, 0.9);
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.chat-message-loading .chat-dot-typing-wrapper {
margin-top: 50%;
display: block!important;
}
.dap-chat-visitor-chat-head-avatar .chat-icon img {
object-fit: cover;
width: calc(100% - 4px);
height: calc(100% - 4px);
border-radius: 100%;
border: 2px solid #fff;
}
.dap-chat-visitor-chat-head-avatar {
border-radius: 0;
padding: 0;
background: transparent;
}
.dap-chat-visitor-chat-head-avatar .chat-icon {
display: block;
width: 100%;
height: 100%;
}
#user-chat-popup .dap-chat-visitor-body-text-wrapper * {
margin: 0;
padding: 0;
line-height: 1.2;
color: #000;
}
#user-chat-popup .dap-chat-visitor-body-text-wrapper.dap-msg-html *{
white-space: normal;
}
#user-chat-popup .dap-chat-visitor-body-text-wrapper p {
margin: 10px 0;
}
@media (max-width:  600px){
#user-chat-popup .dap-bottom-popup-services .dap-chat-application-wrapper{
right: 0;
left: 0;
width: 100%;
}
.dap-chat-visitor-chat-widget {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.dap-chat-visitor-widget-style-wrapper {
margin-left: 15px;
margin-right: 15px;
}
}