/**
* @name common-theme-dark.less
* @desc less file for dark theme styles
*/
/* Convert to CSS using online tools such as http://less2css.org/ */
/* Color Palette */
/*
	Dark Theme Color Overrides
*/
.cx-widget.cx-chatbox-theme {
	font-family: "Lato", sans-serif;
	font-size: 16px;
	 color: #3D3D3D;
	 background-color: #fdfdfd;
	 scrollbar-face-color: #A3A8AE;
	 scrollbar-track-color: #212529;
	 scrollbar-arrow-color: #A3A8AE;
}
 .cx-widget.cx-chatbox-theme .cx-theme {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #fdfdfd;
	 color: #FDFDFD;
	 border-color: #222529 !important;
}
 .cx-widget.cx-chatbox-theme .cx-overlay {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #fdfdfd;
}
 .cx-widget.cx-chatbox-theme .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #44ade4;
}
 .cx-widget.cx-chatbox-theme .cx-svg-icon-tone2 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #8C8C8C;
}
 .cx-widget.cx-chatbox-theme .cx-svg-icon-shadow1 {
	 fill: #000000;
	 opacity: 0.2;
}
 .cx-widget.cx-chatbox-theme .cx-svg-icon-shadow2 {
	 fill: #000000;
	 opacity: 0.1;
}
 .cx-widget.cx-chatbox-theme * {
	 border-color: #222529;
}
 .cx-widget.cx-chatbox-theme .cx-titlebar .cx-title {
	 color: #44ade4;
}
 .cx-widget.cx-chatbox-theme .cx-buttons-window-control .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #98A7B8;
}
 .cx-widget.cx-chatbox-theme .cx-input-icon-overlay .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #98A7B8;
}
 .cx-widget.cx-chatbox-theme label {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #22566E !important;
}
.cx-widget.cx-chatbox-theme .cx-them a {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #005E7F;
	 text-decoration: none;
}
 .cx-widget.cx-chatbox-theme .cx-them a:hover {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #39B54A;
	 text-decoration: none;
}
.cx-widget.cx-chatbox-theme .cx-you a {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #112B4A;
	 text-decoration: none;
}
 .cx-widget.cx-chatbox-theme .cx-you a:hover {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #005E7F;
	 text-decoration: none;
}
 .cx-widget.cx-chatbox-theme .cx-icon-alert-circle {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #F53131;
}
 .cx-widget.cx-chatbox-theme .cx-footer, .cx-widget.cx-chatbox-theme .cx-branding {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #98A7B8;
}
 .cx-widget.cx-chatbox-theme .cx-footer *, .cx-widget.cx-chatbox-theme .cx-branding * {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #98A7B8;
}
 .cx-widget.cx-chatbox-theme .cx-form-control {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #fdfdfd;
	 color: #63666A;
}
 .cx-widget.cx-chatbox-theme .cx-form-control.cx-error {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 border-color: #F53131 !important;
}
 .cx-widget.cx-chatbox-theme  .cx-form-inputs input.cx-input.cx-form-control::placeholder{
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #000000;
}
 .cx-widget.cx-chatbox-theme .cx-form-control:-moz-placeholder {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #C5CCD6;
}
 .cx-widget.cx-chatbox-theme .cx-form-control::-moz-placeholder {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #C5CCD6;
}
 .cx-widget.cx-chatbox-theme .cx-form-control:-ms-input-placeholder {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #000000;
}
 .cx-widget.cx-chatbox-theme .cx-form-control::-webkit-input-placeholder {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #000000;
}
 .cx-widget.cx-chatbox-theme input:focus, .cx-widget.cx-chatbox-theme textarea:focus, .cx-widget.cx-chatbox-theme .cx-btn:focus, .cx-widget.cx-chatbox-theme .cx-button-group button:focus, .cx-widget.cx-chatbox-theme .cx-form-control:not(.cx-error):focus {
	 
	 border-color: #8b8b8b !important;
}
 .cx-widget.cx-chatbox-theme input, .cx-widget.cx-chatbox-theme select, .cx-widget.cx-chatbox-theme textarea {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #444A52;
	 color: #FDFDFD;
	 border-color: #D5D5D5;
}
 .cx-widget.cx-chatbox-theme .cx-btn-default {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background: none;
	 border: none !important;
	 color: #FDFDFD;
	 background-color: #63666A;
}
 .cx-widget.cx-chatbox-theme .cx-btn.cx-disabled {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background: #CCCCCC;
}
 .cx-widget.cx-chatbox-theme .cx-btn-primary {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #FDFDFD;
	 border: none !important;
	 background: #44ade4;
	 background: -moz-linear-gradient(top,#44ade4 0%,#44ade4 100%);
	 background: -webkit-linear-gradient(top,#44ade4 0%,#44ade4 100%);
	 background: linear-gradient(to bottom,#44ade4 0%,#44ade4 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@bg_color_4',endColorstr='@bg_color_5',GradientType=0);
}
 .cx-widget.cx-chatbox-theme .cx-button-group .cx-btn-primary:focus, .cx-widget.cx-chatbox-theme .cx-btn-primary:focus {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 border-color: #DAE6FC !important;
}
 .cx-widget.cx-chatbox-theme .cx-ac-dropdown-menu {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background: #33383D;
	 border-color: #222529 !important;
}
 .cx-widget.cx-chatbox-theme .cx-ac-suggestion:hover, .cx-widget.cx-chatbox-theme .cx-ac-suggestion.cx-active {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #75A8FF;
	 color: #FDFDFD;
}
 .cx-widget.cx-chatbox-theme ::-webkit-scrollbar-thumb {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background: #A3A8AE;
}
 .cx-widget.cx-chatbox-theme .cx-smokescreen {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #fdfdfd;
	 opacity: 0.7;
}
 .cx-widget.cx-chatbox-theme .cx-dialog-container .cx-dialog {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #fdfdfd;
	 border-color: #222529 !important;
}
 .cx-widget.cx-chatbox-theme .cx-theme-background {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 background-color: #fdfdfd;
}
 .cx-widget.cx-chatbox-theme .cx-theme-border {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 border: 1px solid #222529 !important;
}
 .cx-widget.cx-chatbox-theme .cx-theme-text {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #FDFDFD;
}
 .cx-widget.cx-chatbox-theme .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #5081E1;
}
 .cx-widget.cx-chatbox-theme .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #4AC764;
}
 .cx-widget.cx-chatbox-theme .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #F53131;
}
 .cx-widget.cx-chatbox-theme .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #F8A740;
}
 .cx-widget.cx-chatbox-theme .cx-warning {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #F53131 !important;
}
 .cx-widget.cx-chatbox-theme .cx-warning .cx-icon svg * {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #F53131 !important;
}
 .cx-widget.cx-chatbox-theme .cx-countdown {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 color: #FDFDFD;
}
 .cx-widget.cx-chatbox-theme .cx-countdown .cx-icon svg * {
	 font-family: "Lato", sans-serif;
	 font-size: 16px;
	 fill: #44ade4;
}
.cx-widget .cx-control-label {
	font-family: "Lato", sans-serif;
	font-size: 10pt;
}
.cx-webchat .cx-transcript {
	font-size: 16px!important;
}
.cx-textarea-cell {
	font-size: 20px;
}
/*Agent chatbox*/
.cx-chatbox-theme .cx-message.cx-participant.cx-agent.cx-them .cx-bubble {
   background-color: #E2E2E2;
   color: #63666A;
}
.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant.cx-agent.cx-them:first-child .cx-bubble-arrow, .cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant.cx-agent:first-child .cx-name {
    display: block!important;
    color: #63666A;
}
.cx-chatbox-theme .cx-message.cx-participant.cx-agent.cx-them .cx-bubble-arrow {
  fill: #E2E2E2;
}
/*Customer chatbox*/
.cx-chatbox-theme .cx-message.cx-participant.cx-you .cx-bubble {
   font-size: 16px;
   background-color: #44ade4;
   color: #FFFFFF;
}
.cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant:first-child .cx-bubble-arrow, .cx-webchat .cx-transcript .cx-message-group>.cx-message.cx-participant:first-child .cx-name {
    font-size: 16px;
	display: block!important;
    color: #FFFFFF;
}
.cx-chatbox-theme .cx-message.cx-participant.cx-you .cx-bubble-arrow {
  fill: #44ade4;
}
.cx-form-inputs input.cx-input.cx-form-control::placeholder {
color: #000000 !important;
}