.cx-transcript {
    padding: 0 2px !important;
}

.cx-widget .cx-side-button-group {
    display: none;
}

.cx-sidebar-button .cx-icon {
    content: url('./assets/chatIcon.svg')
}


.cx-theme-dark .cx-sidebar-button .cx-icon {
    content: url('./assets/darkChatIcon.svg')
}

.cx-titlebar .cx-icon {
    content: url('./assets/chatIcon.svg');
    width: 40px !important;
    height: 34px !important;
    left: 60px;
    position: relative;
    left: -10px;
}

.cx-theme-dark .cx-titlebar .cx-icon {
    content: url('./assets/darkChatIcon.svg');
    width: 40px;
    height: 34px;
    left: 60px;
    position: relative;
    left: -10px;
}


.cx-titlebar {
    display: flex;
}

.cx-title {
    font-weight: 400 !important;
    left: -6px;
    position: relative;
    margin: 0 !important;
}

.cx-button-maximize {
    background-image: url('./assets/maximizeIcon.svg');
    background-size: contain;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.cx-common-container.cx-minimized .cx-buttons-window-control .cx-button-maximize svg {
    display: none;
}


.cx-form table {
    display: none;
}

.cx-form .cx-button-group {
    display: none;
}

.cx-message.cx-participant.cx-you .cx-message-text a {
    color: rgb(0, 67, 52) !important;
}

.cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-message-text a {
    color: rgb(0, 67, 52) !important;
}


.cx-transcript .notification-section {
    display: flex;
    align-items: flex-start;
    background-color: #E4F5F5;
    padding: 10px 10px;
    border-radius: 8px;
    position: relative;
}

#custom-notification {
    text-align: center;
    flex: 1;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: 21.79px;
}

#feedback-button {
    margin-top: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    background-color: #588935;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
}


#option-button-billing-question,
#option-button-how-to-pay-my-bill-copy,
#option-button-make-a-payment,
#option-button-ways-to-save {
    width: 90%;
    height: 10%;
    top: 243px;
    left: 25.42px;
    padding: 5px;
    gap: 16px;
    border-radius: 8px;
    border-color: black;
    background-color: inherit;
    margin: 8px 8px 8px 8px;
    font-weight: 500;
}

#privacy-policy {
    text-decoration: underline;
    color: #00664F;
}

#queue-message {
    font-weight: 600;
    align-items: center;
    display: inline-block;
    line-height: 16px;
    margin: 4% 12%;
    text-align: center;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 21.79px;
}

#intro-message,
#agent-connected-message,
#agent-disconnected-message {
    position: relative;
    background-color: #F8FAE4;
    border-radius: 16px;
    padding: 20px;
    margin: 12px 10px 12px 10px;
    color: #101820;
    font-size: 13px;
    font-weight: 400;
}

#intro-message--sub {
    margin-bottom: 16px;
}

#intro-message div,
#agent-connected-message div,
#agent-disconnected-message div {
    top: 20px;
    position: relative;
    background-color: #F8FAE4;
    font-size: 13px;
    font-weight: 400;
}

#chat-transcript #chat-message--heading {
    width: 70%;
    margin: 5% auto;
    text-align: center;
    font-weight: 600;
}

#chat-transcript div {
    margin: 0 auto;
    text-align: left;
    width: 80%;
    word-wrap: break-word;
}

#chat-transcript div span {
    font-weight: 700;
    margin-right: 2%;
}

#click-message {
    margin: 16px 16px;
    text-align: center;
    background-color: #F8FAE4;
    border-radius: 16px;
    padding: 17px 17px 17px 17px;
    position: relative;
    display: none;
    color: black;
    font-size: 13px;
    font-weight: 400;
}


#chat-end-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    background-color: #F8FAE4;
    border-radius: 8px;
    color: #101820;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 21.79px;
}

#nonenglish-message {
    text-align: center;
    padding: 10px;
    background-color: #F8FAE4;
    border-radius: 8px;
    color: #101820;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 21.79px;

}

.cx-webchat .cx-transcript {
    padding: 0 !important;
}


.cx-webchat .cx-transcript .cx-message .cx-name {
    font-weight: bold !important;
}


.cx-widget.cx-theme-dark #custom-notification {
    color: #101820
}

.cx-widget.cx-theme-dark #intro-message {
    color: #101820;
}

#notification-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: 1.8px;
}

#notification-icon :hover {
    opacity: 0.8;
}

.mode-icon {
    position: relative;
    left: -10px;
    top: -5px;
    cursor: pointer;
}

.mode-icon img:focus {
    outline: 2px solid #3498db;
    outline-offset: 2px;
}

.mode-icon-text {
    width: 64px;
    height: 17px;
    top: 43px;
    left: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    text-align: center;
    font-family: inherit;
}

.cx-toaster {
    bottom: 90px !important;
    right: 55px !important;
    transition: none !important;
}

.cx-bubble {
    padding: 0 6px !important;
}

.input-box {
    background-color: #00664F;
    width: 1000px;
    height: 1000px;
}

.cx-textarea-cell::placeholder {
    color: #888888;
}

.cx-smokescreen {
    position: unset !important;
}

.cx-widget.cx-theme-light .cx-btn-primary,
.cx-widget.cx-theme-dark .cx-btn-primary {
    background: #D5D5D5 !important;
    background-color: #D5D5D5 !important;
    color: #101820 !important;
}

.cx-widget.cx-theme-light .cx-btn-default,
.cx-widget.cx-theme-dark .cx-btn-default {
    background: #588935 !important;
    background-color: #588935 !important;
}


.cx-webchat.cx-disabled .cx-input-container .cx-icon {
    opacity: 1 !important;
}

.cx-send[aria-label="Send"] {
    cursor: pointer;
    display: block !important;
    visibility: visible !important;
}

#chat-send-icon {
    stroke: #00664F;
}

.cx-theme-dark #chat-send-icon {
    stroke: #ffffff;
}

.cx-theme-dark .cx-emoji[aria-label="Send Emoji"] {
    content: url('./assets/smileyDarkTheme.svg') !important;
    height: 30px !important;
    width: 30px !important;
    padding: 2px;
    margin-right: 18px;
    cursor: pointer;
    outline-style: none;
    opacity: 1;
}

.cx-theme-dark .cx-emoji[aria-label="Send Emoji"]:focus {
    outline: 2px solid #3498db;
    outline-offset: 2px;
}

.cx-theme-dark .cx-send[aria-label="Send"] {
    opacity: 1;
    cursor: pointer;
    display: block !important;
    visibility: visible !important;
}


.cx-message.cx-participant.cx-you {
    margin-left: 16% !important;
}

.cx-webchat .cx-transcript .cx-message.cx-you .cx-bubble {
    padding-top: 4% !important;
    text-align: left !important;
    background-color: #E4F5F5 !important;
    display: inline-block;
    word-break: break-word;
}


.cx-webchat .cx-transcript .cx-message.cx-you .cx-name {
    font-weight: 700 !important;
    color: #101820 !important;
}

.cx-webchat .cx-transcript .cx-message.cx-you .cx-message-text {
    font-weight: 400 !important;
    color: #101820 !important;
}


.cx-message.cx-them.cx-Agent.cx-agent {
    margin-right: 16% !important;
}

.cx-webchat .cx-message.cx-them.cx-Agent.cx-agent .cx-bubble {
    background-color: #F1F1F1 !important;
    display: inline-block;
    padding-top: 4% !important;
    text-align: left !important;
    margin-left: 2% !important;
    word-break: break-word;
}

.cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-avatar-wrapper {
    display: none !important;
}

.cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble-arrow {
    display: none !important;
}

.cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble .cx-name {
    color: #101820 !important;
}

.cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble .cx-message-text {
    color: #101820 !important;
}

.cx-message.cx-participant.cx-them.cx-Agent.cx-agent .cx-bubble .cx-time {
    color: #101820 !important;
}

.cx-alert.cx-chat-end .cx-wrapper {
    margin: 0px !important;
    padding: 0px !important;
}

.cx-alert.cx-chat-end .cx-wrapper .cx-button-group.cx-buttons-binary {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 400px;
    margin: auto;
}

#cx_chat_end_question {
    display: inline-block;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    margin: 8% 16%;
}

.cx-end-cancel.cx-btn.cx-btn-default[data-message="ChatEndCancel"] {

    padding: 10px 20px;
    border: none;
    cursor: pointer;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
}

.cx-end-confirm.cx-btn.cx-btn-primary[data-message="ChatEndConfirm"] {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
}


.cx-webchat .cx-send {
    position: initial !important;
}

#option-button-billing-question:focus,
#option-button-how-to-pay-my-bill-copy:focus,
#option-button-make-a-payment:focus,
#option-button-ways-to-save:focus {
    outline: 2px solid #3498db;
    outline-offset: 2px;
}

.cx-webchat .cx-transcript .cx-message.cx-system {
    margin: 0 !important;
}

.cx-widget .cx-button-group.cx-buttons-window-control {
    display: inline-flex;
    gap: 2px;
}
.cx-widget .cx-button-group.cx-buttons-window-control .cx-icon svg {
    vertical-align: text-top;
}