.cx-widget {
  font-family: Arial,Helvetica,sans-serif;
}
.cx-widget .cx-btn{
  padding: 5px 10px;
}
.cx-common-container .cx-titlebar .cx-icon {
  width: 20px;
  height: 20px;
}
.cx-widget.cx-theme-custom.cx-webchat-chat-button {
  color: #fff;
  background-color: #f01827;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.cx-webchat .cx-alert{
  top: 35px;
}
.cx-webchat .cx-alert>.cx-wrapper {
  padding: 20px;
}
.cx-webchat .cx-alert .cx-button-group {
  padding-top: 10px;
}

.cx-widget.cx-theme-custom .cx-emoji .cx-svg-icon-tone1 {
  fill: #7d7d7d;
}
.cx-common-container .cx-buttons-window-control {
  top: 5px;
}
.cx-common-container .cx-titlebar {
  background-color: #ee6100;
  color: #fff;
  padding: 7px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.cx-common-container .cx-titlebar .cx-title {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.cx-common-container .cx-titlebar .cx-icon{
  margin-top: -4px;
}
.cx-widget.cx-theme-custom .cx-overlay {
  background-color: #b17a1a;
}

.cx-widget.cx-theme-custom .cx-titlebar .cx-icon .cx-svg-icon-tone1 {
  fill: #FFF;
}
.cx-widget.cx-theme-custom .cx-svg-icon-tone1 {
  fill: #8C8C8C;
}

.cx-widget.cx-theme-custom .cx-svg-icon-tone2 {
  fill: #8C8C8C;
}

.cx-widget.cx-theme-custom .cx-svg-icon-shadow1 {
  fill: #000000;
  opacity: 0.2;
}

.cx-widget.cx-theme-custom .cx-svg-icon-shadow2 {
  fill: #000000;
  opacity: 0.1;
}
.cx-widget.cx-theme-custom * {
  border-color: #DAE1E8 !important;
}

.cx-widget.cx-theme-custom .cx-titlebar .cx-title {
  color: #fff;
}

.cx-widget.cx-theme-custom .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #fff;
}

.cx-widget.cx-theme-custom .cx-input-icon-overlay .cx-svg-icon-tone1 {
  fill: #98A7B8;
}

.cx-widget.cx-theme-custom label {
  color: #444A52;
}

.cx-widget.cx-theme-custom a {
  color: #5081E1;
}

.cx-widget.cx-theme-custom a:hover {
  color: #444A52;
}

.cx-widget.cx-theme-custom .cx-dropdown {
  color: black;
}

.cx-widget.cx-theme-custom .cx-icon-alert-circle {
  color: #EA4F6B;
}
.cx-widget.cx-theme-custom .cx-body {
  background-color: #fff;
}
.cx-widget.cx-theme-custom .cx-footer {
  color: #00000000;
  background-color: #fff;
}

.cx-widget.cx-theme-custom .cx-footer * {
  fill: #00000000;
}

.cx-widget.cx-theme-custom .cx-form-control.cx-error {
  border-color: #EA4F6B;
}

.cx-widget.cx-theme-custom .cx-form-control::placeholder {
  color: #C5CCD6;
}

.cx-widget.cx-theme-custom .cx-form-control:-moz-placeholder {
  color: #C5CCD6;
}

.cx-widget.cx-theme-custom .cx-form-control::-moz-placeholder {
  color: #C5CCD6;
}

.cx-widget.cx-theme-custom .cx-form-control:-ms-input-placeholder {
  color: #C5CCD6;
}

.cx-widget.cx-theme-custom .cx-form-control::-webkit-input-placeholder {
  color: #C5CCD6;
}

.cx-widget.cx-theme-custom input:focus, .cx-widget.cx-theme-custom textarea:focus, .cx-widget.cx-theme-custom .cx-btn:focus, .cx-widget.cx-theme-custom .cx-button-group button:focus, .cx-widget.cx-theme-custom .cx-form-control:focus {
  border-color: #ee6100 !important;
}

.cx-widget.cx-theme-custom input[type="text"], .cx-widget.cx-theme-custom input[type="email"], .cx-widget.cx-theme-custom input[type="tel"], .cx-widget.cx-theme-custom textarea {
  background-color: #FDFDFD;
  color: #444A52;
}

.cx-widget.cx-theme-custom .cx-btn-default {
  background: none;
  border-color: #666666 !important;
  color: #FDFDFD;
  background-color: #666666;
  border-radius: 3px;
}

.cx-widget.cx-theme-custom .cx-btn.cx-disabled {
  background: #CCCCCC;
}

.cx-widget.cx-theme-custom .cx-btn-primary {
  color: #FDFDFD;
  border-color: #ee6100 !important;
  background: #ee6100;
  border-radius: 3px;
}

.cx-widget.cx-theme-custom .cx-ac-dropdown-menu {
  background: #3b3ab8;
  border-color: #DAE1E8 !important;
}

.cx-widget.cx-theme-custom .cx-ac-suggestion:hover, .cx-widget.cx-theme-custom .cx-ac-suggestion.cx-active {
  background-color: #75A8FF;
  color: #FDFDFD;
}

.cx-widget.cx-theme-custom .iScrollIndicator {
  background: #CCCCCC;
}

.cx-widget.cx-theme-custom .cx-smokescreen {
  background-color: #000;
  opacity: 0.7;
}

.cx-widget.cx-theme-custom .cx-dialog-container .cx-dialog {
  background-color: #3b3ab8;
  border-color: #DAE1E8 !important;
}

.cx-widget.cx-theme-custom .cx-theme-background {
  background-color: #3b3ab8;
}

.cx-widget.cx-theme-custom .cx-theme-border {
  border: 1px solid #DAE1E8 !important;
}

.cx-widget.cx-theme-custom .cx-theme-text {
  color: #444A52;
}

.cx-widget.cx-theme-custom .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
  fill: #5081E1;
}

.cx-widget.cx-theme-custom .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
  fill: #4AC764;
}

.cx-widget.cx-theme-custom .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
  fill: #EA4F6B;
}

.cx-widget.cx-theme-custom .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
  fill: #F8A740;
}

.cx-webchat.cx-theme-custom .cx-menu li.cx-branding-icon {
  fill: #00000000;
}

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-you .cx-bubble {
  background-color: #fff;
  border: 1px solid #adadad !important;
}

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-them .cx-bubble {
  background-color: #3168d2;
}

.cx-widget.cx-theme-custom .cx-emoji-menu.cx-theme {
  background-color: #fff;
}

.cx-widget.cx-theme-custom .cx-upload.cx-icon .cx-svg-icon-tone1 {
  fill: #7d7d7d;
}

.cx-widget.cx-theme-custom .cx-emoji-menu.cx-theme {
  background-color: #fff;
  border: 1px solid #ee6100;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-them .cx-bubble {
  background-color: #fff;
  border: 1px solid #ee6100 !important;
}
.cx-webchat .cx-transcript .cx-message.cx-system{
  text-align: center;
  color: #424242;
  margin: 7px 0px;
  font-weight: bold;
}
.cx-webchat .cx-transcript .cx-message .cx-bubble{
  padding: 9px 7px;
}
.cx-webchat .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg {
  fill: #3168d2;
}
.cx-widget.cx-theme-custom .cx-send .cx-svg-icon-tone1 {
  fill: #7d7d7d;
}
.cx-widget .cx-filename { font-weight: bold; }
.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant:first-child .cx-name{
  font-weight: bold;
}
.cx-webchat .cx-transcript .cx-message .cx-message-text{
  color: #424242;
}
.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant:last-child .cx-time{
  font-size: 10px;
  color: #adadad;
  padding-top: 4px;
}
.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant:first-child .cx-bubble-arrow {
  display: none !important;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-you .cx-bubble {
  position: relative;
  background: #ffffff;
  border: 1px solid #adadad;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-you .cx-bubble:after, .cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-you .cx-bubble:before {
  left: 100%;
  top: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-you .cx-bubble:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 7px;
  margin-top: -7px;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-you .cx-bubble:before {
  border-color: rgba(0, 62, 156, 0);
  border-left-color: #adadad;
  border-width: 8px;
  margin-top: -8px;
}

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent .cx-bubble {
  position: relative;
  background: #ffffff;
  border: 1px solid #adadad;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent .cx-bubble:after, .cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent .cx-bubble:before {
  right: 100%;
  top: 21px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent .cx-bubble:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 7px;
  margin-top: -7px;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent .cx-bubble:before {
  border-color: rgba(0, 62, 156, 0);
  border-right-color: #ee6100;
  border-width: 8px;
  margin-top: -8px;
}
.cx-webchat .cx-transcript .cx-message .cx-avatar {
  margin-top: 7px;
}
/*Type SMS*/
/*.cx-message.cx-agent-typing*/

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent-typing .cx-bubble {
  position: relative;
  background: #ffffff;
  border: 1px solid #ee6100;
  border-top-left-radius: 14px!important;
  border-top-right-radius: 14px!important;
  border-bottom-left-radius: 14px!important;
  border-bottom-right-radius: 14px!important;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent-typing .cx-bubble:after, .cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent-typing .cx-bubble:before {
  right: 100%;
  top: 21px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent-typing .cx-bubble:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.cx-webchat.cx-theme-custom .cx-transcript .cx-message.cx-agent-typing .cx-bubble:before {
  border-color: rgba(0, 62, 156, 0);
  border-right-color: #ee6100;
  border-width: 11px;
  margin-top: -11px;
}
.cx-webchat .cx-transcript .cx-message .cx-message.cx-agent-typing .cx-avatar {
  margin-top: 10px;
}
.cx-webchat .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg { display: none; }
.cx-webchat.cx-minimized .cx-webchat-counter {
    display: inline-block;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    padding: 4px 0px;
    text-align: center;
    margin-left: 12px;
    cursor: pointer;
    min-width: 25px;
    float: right;
    margin-top: -4px;
}
.cx-common-container .cx-buttons-window-control button:focus { border:none; }

/* For bot translator */
.cx-widget.cx-theme-custom .cx-avatar-wrapper .cx-avatar.bot .cx-svg-icon-tone1 {fill: transparent;}

.cx-widget.cx-theme-custom .cx-transcript .cx-message.cx-Bot.cx-bot .cx-bubble .cx-name {display: none !important;}