.send-button {
    cursor: pointer
}

.live_chat-message.message-in .live_chat-message-content.send-button {
    background: var(--primarybtnbg);
    color: var(--primarybtncolor);
    border-color: currentColor
}

.live_chat-message.message-in .live_chat-message-content.send-button:hover {
    background: var(--primarybtnhoverbg);
    color: var(--primarybtnhovercolor);
    border-color: var(--primarybtnhovercolor)
}

.opacity-null {
    opacity: 0
}

.live_chat-container {
    position: relative;
    background: #fff;
    border-radius: 16px;
    float: right;
    box-shadow: 0 4px 6px -2px rgba(16, 24, 40, .03), 0 12px 16px -4px rgba(16, 24, 40, .08) !important;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-flow: wrap column;
    width: 100%
}

.live_chat-wrapper .content-image {
  width: 100%;
  border-radius: 8px;
}

#inputtext[readonly="readonly"] {
    cursor: no-drop
}

.live_chat-content {
    height: calc(100% - 52px);
    overflow-y: scroll;
    overscroll-behavior: contain
}

.modal .live_chat-content-container {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    width: 100%
}

.modal .live_chat-container-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: wrap column
}

.live_chat-wrapper.modal {
    position: fixed;
    bottom: 87px;
    right: 16px;
    width: 400px;
    max-height: 640px;
    z-index: 100000;
    height: calc(100% - 100px)
}

.full-page .live_chat-content-container {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 600px
}

.live_chat-wrapper.full-page {
    width: 100%;
    height: 100%
}

.live_chat-container-wrap .live_chat-printing .live_chat-message-html {
    color: #000
}

.full-page .live_chat-container-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: wrap column;
    height: 600px
}

.full-page .live_chat-container {
    min-height: 600px
}

.live_chat-logo {
    width: 32px;
	border-radius: 50px;
}

.live_chat-logo-p {
    padding-top: 24px !important;
    height: 32px;
    justify-content: center;
    display: flex;
    box-sizing: content-box
}

.live_chat-header-content p {
    margin: 0;
    text-align: center;
    color: #fff
}

.live_chat-p1 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    padding: 20px 20px 6px
}

.live_chat-p2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 20px 24px
}

.live_chat-header {
    background-color: var(--primary-orange);
}

.live_chat-inputtext {
    height: 64px;
    width: 72%;
    resize: none;
    border: none;
    padding: 16px 0 16px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background: #f9fafb
}

.live_chat-inputtext:focus-visible {
    outline: 0
}

.live_chat-button {
    position: fixed;
    float: right;
    bottom: 20px;
    right: 37px;
    padding: 13px;
    height: 30px;
    box-sizing: content-box;
    background-color: var(--primary-orange);
    border-radius: 100px;
    cursor: pointer;
    z-index: 100000;
    display: flex
}

.live_chat-wrapper.lesson_chat {
    bottom: 158px;
    right: 16px;
    height: calc(100% - 180px)
}

.live_chat-button.lesson_chat {
    bottom: 91px;
    right: 16px
}

.live_chat-button .live_chat-button-img1 {
    display: block
}

.live_chat-button .live_chat-button-img2 {
    display: none
}

.live_chat-button.active .live_chat-button-img1 {
    display: none
}

.live_chat-button.active .live_chat-button-img2 {
    display: block
}

.live_chat-wrapper {
    display: none
}

/* #inputtext,
.live_chat-wrapper,
#live_chat-email {
    font-family: var(--headingsfontfamily), var(--nv-fallback-ff)
} */

.live_chat-message-content-html-container {
    font-weight: 400
}

.live_chat-wrapper.active {
    display: block
}

.live_chat-button picture {
    display: flex
}

.live_chat-button img {
    width: 30px;
    height: 30px
}

.live_chat-add-content {
    list-style: none;
    margin: 0 !important;
    padding-left: 0
}

.live_chat-add-content li {
    list-style: none
}

.live_chat-footer {
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    background: #f9fafb;
    border-top: 1px solid #eaeaea;
    position: absolute;
    width: 100%;
    bottom: 0
}

.live_chat-send {
    margin-left: auto;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.live_chat-send.active:hover {
    border-radius: 8px;
    background: #eee;
    opacity: .8
}

.live_chat-send-img {
    width: 20px;
    height: 20px
}

.live_chat-send .live_chat-send-img g {
    fill: #000
}

.live_chat-send.active .live_chat-send-img g {
    fill: var(--primary-orange)
}

.live_chat-send {
    cursor: no-drop
}

.live_chat-send.active {
    cursor: pointer
}

.live_chat-message-img {
    width: 32px;
    height: 32px
}

.live_chat-message {
    display: flex;
    padding: 20px 16px 0 20px
}

.live_chat-message.message-out {
    flex-flow: wrap row-reverse;
    gap: 4px
}

.live_chat-message.message-in {
    flex-flow: wrap row;
    gap: 16px
}

.live_chat-message.message-out .live_chat-message-content {
    color: #000
}

.live_chat-message.message-in .live_chat-message-content {
    color: #000
}

.live_chat-message-content {
    max-width: 70%;
    width: fit-content;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.5
}

.live_chat-error-message i {
    display: flex;
    align-items: center
}

.live_chat-error-message {
    width: 100%;
    color: #dc3232;
    font-size: 12px;
    font-weight: 500;
    gap: 6px;
    display: flex;
    flex-flow: wrap row;
    align-content: center;
    justify-content: end;
    line-height: 20px
}

.live_chat-message.message-in .live_chat-message-content {
    background: var(--primary-orange-light);
    border-radius: 2px 12px 12px 12px
}

.live_chat-message.message-out .live_chat-message-content {
    background: var(--primary-orange-light);
  	border-radius: 2px 12px 12px 12px;
}

.live_chat-message {
    display: flex;
    flex-flow: wrap row
}

.live_chat-add-content {
    padding-bottom: 26px
}

.live_chat-message-html-email {
    display: flex;
    flex-flow: wrap column;
    gap: 4px
}

.live_chat-message-html a {
    text-decoration: underline;
    &:hover {
        text-decoration: underline !important;
    }
}

.live_chat-email-wrapper {
    display: flex;
    flex-flow: wrap column;
    gap: 16px
}

.msg-id-email .live_chat-message-content {
    max-width: 100%
}

#live_chat-email {
    border-radius: 12px;
    width: 100%;
    font-size: 14px;
    border: 1px solid var(--thim-border-color, #eee);
    padding: 9px 10px;
    box-shadow: none;
    text-shadow: none
}

.live_chat-email-button {
	font-size: 14px;
	font-weight: 500;
	padding: 8px 20px;
	border-radius: 12px;
	background: var(--primary-orange);
	color: #fff;
}

.live_chat-access-denied {
    position: absolute;
    display: flex;
    flex-flow: wrap row;
    bottom: 0;
    background-color: #f04438;
    margin: 20px;
    width: 90%;
    align-self: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 0;
    border-radius: 12px;
    color: #fff;
    border: 1px solid #df3024;
    box-shadow: 0 4px 6px -2px rgb(16 24 40 / .03), 0 12px 16px -4px rgb(16 24 40 / .08)
}

.live_chat-access-denied svg {
    width: 20px;
    height: 20px;
    align-self: center
}

.live_chat-access-denied svg g {
    fill: #fff
}

.live_chat-access-denied span {
    font-weight: 500;
    line-height: 1.6;
    font-size: 14px
}

.live_chat-wrapper textarea:focus {
    border: 0;
    box-shadow: none
}

.live_chat-message-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word
}

.dots::after {
    content: '';
    display: inline-block;
    width: 24px;
    text-align: left;
    animation: dots-animation 2s steps(4, end) infinite
}

.live_chat-printing .live_chat-message.message-in .live_chat-message-content {
    padding: 3px 0 3px 12px;
    display: flex;
    align-items: center;
    text-align: center;
    /* background: #eaeaea; */
    border-radius: 12px;
    max-width: 100%
}

@media (max-width: 767px) {
  .live_chat-button {
    right: 27px;
  }
}

@media only screen and (max-width:700px) {
    #live_chat-email {
        font-size: 16px
    }
    .live_chat-access-denied span {
        font-size: 16px
    }
    .live_chat-email-button {
        font-size: 16px
    }
    .live_chat-message-content {
        font-size: 16px
    }
    .live_chat-error-message {
        font-size: 14px
    }
    .live_chat-p1 {
        font-size: 18px
    }
    .live_chat-p2 {
        font-size: 16px
    }
    .live_chat-inputtext {
        font-size: 16px
    }
    .live_chat-wrapper.modal,
    .live_chat-wrapper.lesson_chat {
        width: 100%;
        border-radius: 0;
        height: 100%;
        max-height: 100%;
        right: 0;
        bottom: 0
    }
    .live_chat-wrapper.full-page {
        width: 100%;
        height: 100%
    }
    .live_chat-button.active,
    .live_chat-button.active.lesson_chat {
        top: 15px;
        right: 15px
    }
    .live_chat-wrapper.modal .live_chat-container {
        border-radius: 0
    }
}

@keyframes dots-animation {
    0% {
        content: '';
    }
    25% {
        content: '.';
    }
    50% {
        content: '..';
    }
    75% {
        content: '...';
    }
    100% {
        content: '';
    }
}