:focus {
    outline: 0;
}
.cx-widget.cx-theme-dpd {
    color: #fdfdfd;
    background-color: #a90034;
    scrollbar-face-color: #a3a8ae;
    scrollbar-track-color: #212529;
    scrollbar-arrow-color: #a3a8ae
}

.cx-widget.cx-theme-dpd .cx-theme {
    background-color: #33383d;
    color: #fdfdfd;
    border-color: #222529!important
}

.cx-widget.cx-theme-dpd .cx-overlay {
    background-color: #33383d
}

.cx-widget.cx-theme-dpd .cx-svg-icon-tone1 {
    fill: #fdfdfd
}

.cx-widget.cx-theme-dpd .cx-svg-icon-tone2 {
    fill: #8c8c8c
}

.cx-widget.cx-theme-dpd .cx-svg-icon-shadow1 {
    fill: #000;
    opacity: .2
}

.cx-widget.cx-theme-dpd .cx-svg-icon-shadow2 {
    fill: #000;
    opacity: .1
}

.cx-widget.cx-theme-dpd * {
    border-color: #a90034
}

.cx-widget.cx-theme-dpd .cx-btn {
    font-weight: 400;
}

.cx-widget.cx-theme-dpd .cx-titlebar .cx-title {
    color: #fdfdfd;
    font-weight: 300;
}

/* .cx-widget.cx-theme-dpd .cx-buttons-window-control .cx-svg-icon-tone1,
.cx-widget.cx-theme-dpd .cx-input-icon-overlay .cx-svg-icon-tone1 {
	fill: #98a7b8
} */

.cx-widget.cx-theme-dpd a,
.cx-widget.cx-theme-dpd a:hover,
.cx-widget.cx-theme-dpd label {
    color: #fdfdfd
}

.cx-widget.cx-theme-dpd .cx-icon-alert-circle {
    color: #f53131
}

.cx-widget.cx-theme-dpd .cx-branding,
.cx-widget.cx-theme-dpd .cx-footer {
    color: #98a7b8
}

.cx-widget.cx-theme-dpd .cx-branding *,
.cx-widget.cx-theme-dpd .cx-footer * {
    fill: #98a7b8
}

.cx-widget.cx-theme-dpd .cx-form-control {
    background-color: #fff!important;
    color: #414042
}

.cx-widget.cx-theme-dpd .cx-form-control.cx-error {
    border-color: #f53131!important
}

.cx-widget.cx-theme-dpd .cx-form-control::placeholder {
    color: #808285
}

.cx-widget.cx-theme-dpd .cx-form-control:-moz-placeholder,
.cx-widget.cx-theme-dpd .cx-form-control::-moz-placeholder {
    color: #808285
}

.cx-widget.cx-theme-dpd .cx-form-control:-ms-input-placeholder {
    color: #808285
}

.cx-widget.cx-theme-dpd .cx-form-control::-webkit-input-placeholder {
    color: #808285
}

.cx-widget.cx-theme-dpd .cx-btn:focus,
.cx-widget.cx-theme-dpd .cx-button-group button:focus,
.cx-widget.cx-theme-dpd .cx-form-control:not(.cx-error):focus,
.cx-widget.cx-theme-dpd input:focus,
.cx-widget.cx-theme-dpd textarea:focus {
    border-color: #75a8ff!important
}

.cx-widget.cx-theme-dpd input,
.cx-widget.cx-theme-dpd select,
.cx-widget.cx-theme-dpd textarea {
    background-color: #444a52;
    color: #fdfdfd;
    border-color: #758384
}

.cx-widget.cx-theme-dpd .intl-tel-input .selected-flag {
    border-color: #75a8ff
}

.cx-widget.cx-theme-dpd .cx-btn-default {
    background: none;
    border-color: #808285!important;
    color: #fdfdfd;
    background-color: #808285
}

.cx-widget.cx-theme-dpd .cx-btn.cx-disabled {
    background: #ccc
}

.cx-widget.cx-theme-dpd .cx-btn-primary {
    color: #fdfdfd;
    border-color: #fdfdfd!important;
    border-width: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #a90034;
    background: -moz-linear-gradient(top, #a90034 0, #96002d 100%);
    background: -webkit-linear-gradient(top, #a90034, #96002d);
    background: linear-gradient(180deg, #a90034 0, #96002d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@bg_color_4", endColorstr="@bg_color_5", GradientType=0)
}

.cx-widget.cx-theme-dpd .cx-btn-primary:focus,
.cx-widget.cx-theme-dpd .cx-button-group .cx-btn-primary:focus {
    border-color: #fdfdfd!important;
    border-width: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.cx-widget.cx-theme-dpd .cx-ac-dropdown-menu {
    background: #33383d;
    border-color: #222529!important
}

.cx-widget.cx-theme-dpd .cx-ac-suggestion.cx-active,
.cx-widget.cx-theme-dpd .cx-ac-suggestion:hover {
    background-color: #75a8ff;
    color: #fdfdfd
}

.cx-widget.cx-theme-dpd ::-webkit-scrollbar-thumb {
    background: #a3a8ae
}

.cx-widget.cx-theme-dpd .cx-smokescreen {
    background-color: #33383d;
    opacity: .7
}

.cx-widget.cx-theme-dpd .cx-dialog-container .cx-dialog {
    background-color: #33383d;
    border-color: #222529!important
}

.cx-widget.cx-theme-dpd .cx-theme-background {
    background-color: #33383d
}

.cx-widget.cx-theme-dpd .cx-theme-border {
    border: 1px solid #222529!important
}

.cx-widget.cx-theme-dpd .cx-theme-text {
    color: #fdfdfd
}

.cx-widget.cx-theme-dpd .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
    fill: #5081e1
}

.cx-widget.cx-theme-dpd .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
    fill: #4ac764
}

.cx-widget.cx-theme-dpd .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
    fill: #f53131
}

.cx-widget.cx-theme-dpd .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
    fill: #f8a740
}

.cx-widget.cx-theme-dpd .cx-warning {
    color: #f53131!important
}

.cx-widget.cx-theme-dpd .cx-warning .cx-icon svg * {
    fill: #f53131!important
}

.cx-widget.cx-theme-dpd .cx-countdown {
    color: #fdfdfd
}

.cx-widget.cx-theme-dpd .cx-countdown .cx-icon svg * {
    fill: #fdfdfd
}
.cx-theme-dpd .cx-channel-selector .cx-channels .cx-channel:hover,
.cx-theme-dpd .cx-channel-selector .cx-wrapper .cx-channel:hover {
    background-color: #222529
}
.cx-send-message.cx-theme-dpd .cx-icon.cx-file-icon .cx-svg-icon-tone1 {
    fill: #fdfdfd
}

.cx-send-message.cx-theme-dpd .cx-attach.cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
    fill: #7ca0e2
}

.cx-send-message.cx-theme-dpd a,
.cx-send-message.cx-theme-dpd a:hover {
    color: #7ca0e2
}
.cx-webchat.cx-theme-dpd .cx-menu .cx-branding-icon svg * {
    fill: #98a7b8
}

.cx-webchat.cx-theme-dpd .cx-char-count.cx-warning {
    color: #f9768c!important
}
.cx-webchat.cx-theme-dpd .cx-transcript {
    background-color: #fff;
}
/* .cx-webchat.cx-theme-dpd .cx-transcript .cx-filename,
.cx-webchat.cx-theme-dpd .cx-transcript .cx-filesize,
.cx-webchat.cx-theme-dpd .cx-transcript .cx-name, */
.cx-webchat.cx-theme-dpd .cx-transcript .cx-message-text{
    color: #808285!important
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-name {
    color: #fdfdfd!important
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message {
    border-color: #222529
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-you .cx-bubble {
    background-color: #e6e6e7
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-you .cx-time,
.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-you .cx-message-text {
    color: #414042!important
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-them .cx-time,
.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-them .cx-message-text {
    color: #fdfdfd!important
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-them .cx-bubble {
    background-color: #dc0032
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-you .cx-bubble-arrow svg * {
    fill: #e6e6e7
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg * {
    fill: #dc0032
}

.cx-webchat.cx-theme-dpd .cx-transcript .cx-time {
    color: #808285
}

.cx-webchat.cx-theme-dpd .cx-alert>.cx-wrapper {
    background-color: #dc0032;
    border-color: #dc0032;
    color: #fdfdfd
}

.cx-webchat.cx-theme-dpd .cx-alert b.cx-link {
    color: #3963b8;
    word-break: break-all
}

.cx-webchat.cx-theme-dpd .cx-alert>.cx-wrapper {
    padding: 24px;
}

.cx-webchat.cx-theme-dpd .cx-webchat-smokescreen {
    background-color: #33383d
}

.cx-webchat.cx-theme-dpd .cx-webchat .cx-tooltip-menu.cx-emoji .cx-option {
    color: #33383d
}
.cx-emoji-menu.cx-theme {
    background-color: #dc0032!important;
    border-color: #dc0032!important;
}
.cx-webchat.cx-theme-dpd .cx-input-container .cx-menu li.cx-char-count:focus,
.cx-webchat.cx-theme-dpd .cx-input-container .cx-menu li.cx-icon:focus svg {
    border: 1px solid #75a8ff;
    border-width: 2px
}

.cx-webchat.cx-theme-dpd .cx-input-container {
    background-color: #fff;
    border-top: 1px solid #a3a8ae;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.cx-webchat.cx-theme-dpd .cx-input-container.cx-input-focus {
    border-color: #a3a8ae!important;
    box-shadow: none;
}

.cx-widget.cx-theme-dpd .cx-webchat div.cx-input-container .cx-message-input {
    border: 1px solid #DC0032 !important;
    padding-left: 3px;
}

.cx-webchat.cx-theme-dpd .cx-input-container .cx-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.cx-webchat.cx-theme-dpd .cx-carousel .cx-next:focus,
.cx-webchat.cx-theme-dpd .cx-carousel .cx-previous:focus {
    border-color: #75a8ff
}

.cx-webchat.cx-theme-dpd .cx-emoji-item:hover {
    background-color: #444a52
}

.cx-webchat.cx-theme-dpd .cx-emoji-item:active {
    background-color: #666f7a
}

.cx-menu-cell .cx-emoji .cx-svg-icon-tone1 {
    fill: #DC0032;
}

.cx-webchat.cx-disabled.cx-theme-dpd .cx-input-container {
    background: #4a525b;
    pointer-events: none
}

.cx-theme-dpd .cx-side-button-group {
    top: 45%;
}

.cx-webchat.cx-disabled.cx-theme-dpd .cx-input-container .cx-svg-icon-tone1 {
    fill: #fdfdfd
}

.cx-widget.cx-theme-dpd .cx-rich-media.cx-quick-replies .cx-quick-reply {
    background-color: #33383d!important;
    color: #fdfdfd!important;
    border: 1px solid #778290!important
}

.cx-widget.cx-theme-dpd .cx-rich-media.cx-quick-replies .cx-quick-reply:hover {
    background-color: #4a525b!important;
    color: #fdfdfd!important;
    border: 1px solid #fff!important
}


/* NEW STYLES BY DPD */

.cx-side-button.cx-theme-dpd {
    background-color: #a90034;
}
.cx-widget.cx-theme-dpd .cx-titlebar{
    background-color: #a90034;
}