@font-face {
    font-family: DTL Argo;
    /*
     * ATH - JGMEJIA
     * src: url("../font/DTLArgoTLight.otf") format("opentype");
     * path - /chatbot/webapp/widget/
     */
    src: url("/chatbot/webapp/widget/font/DTLArgoTLight.otf") format("opentype");
}
.cx-widget {
    font-family: DTL Argo !important;
}

.cx-widget.cx-theme-blue {
    color: #444A52;
    background-color: #FDFDFD;
}
.cx-widget.cx-theme-blue .cx-overlay {
    background-color: #FDFDFD;
}
.cx-widget.cx-theme-blue .cx-svg-icon-tone1 {
    fill: #1a5c99;
}
.cx-widget.cx-theme-blue .cx-svg-icon-tone2 {
    fill: #8C8C8C;
}
.cx-widget.cx-theme-blue .cx-svg-icon-shadow1 {
    fill: #000000;
    opacity: 0.2;
}
.cx-widget.cx-theme-blue .cx-svg-icon-shadow2 {
    fill: #000000;
    opacity: 0.1;
}
.cx-widget.cx-theme-blue * {
    border-color: #DAE1E8 !important;
}
.cx-widget.cx-theme-blue .cx-titlebar .cx-title {
    color: #444A52;
}
.cx-widget.cx-theme-blue .cx-buttons-window-control .cx-svg-icon-tone1 {
    fill: #98A7B8;
}
.cx-widget.cx-theme-blue .cx-input-icon-overlay .cx-svg-icon-tone1 {
    fill: #98A7B8;
}
.cx-widget.cx-theme-blue label {
    color: #1a5c99 !important;
}
.cx-widget.cx-theme-blue a {
    color: #5081E1;
}
.cx-widget.cx-theme-blue a:hover {
    color: #444A52;
}
.cx-widget.cx-theme-blue .cx-dropdown {
    color: black;
}
.cx-widget.cx-theme-blue .cx-icon-alert-circle {
    color: #EA4F6B;
}
.cx-widget.cx-theme-blue .cx-footer {
    color: #98A7B8;
}
.cx-widget.cx-theme-blue .cx-footer * {
    fill: #98A7B8;
}
.cx-widget.cx-theme-blue .cx-form-control.cx-error {
    border-color: #EA4F6B;
}
.cx-widget.cx-theme-blue .cx-form-control::placeholder {
    color: #C5CCD6;
}
.cx-widget.cx-theme-blue .cx-form-control:-moz-placeholder {
    color: #C5CCD6;
}
.cx-widget.cx-theme-blue .cx-form-control::-moz-placeholder {
    color: #C5CCD6;
}
.cx-widget.cx-theme-blue .cx-form-control:-ms-input-placeholder {
    color: #C5CCD6;
}
.cx-widget.cx-theme-blue .cx-form-control::-webkit-input-placeholder {
    color: #C5CCD6;
}
.cx-widget.cx-theme-blue input:focus, 
.cx-widget.cx-theme-blue textarea:focus, 
.cx-widget.cx-theme-blue .cx-btn:focus, 
.cx-widget.cx-theme-blue .cx-button-group button:focus, 
.cx-widget.cx-theme-blue .cx-form-control:focus 
{
    border-color: #75A8FF !important;
}
.cx-widget.cx-theme-blue input[type="text"], 
.cx-widget.cx-theme-blue input[type="email"], 
.cx-widget.cx-theme-blue input[type="tel"], 
.cx-widget.cx-theme-blue textarea 
{
    background-color: #FDFDFD;
    color: #444A52;
}
.cx-widget.cx-theme-blue .cx-btn-default {
    background: none;
    border-color: #DAE1E8 !important;
    color: #FDFDFD;
    background-color: #555D66;
}
.cx-widget.cx-theme-blue .cx-btn.cx-disabled {
    background: #CCCCCC;
}
.cx-widget.cx-theme-blue .cx-btn-primary {
    color: #FFFFFF;
    border-color: #2E69DB !important;
    background: #5081e1;
    background: -moz-linear-gradient(top,#5081e1 0%,#4375d6 100%);
    background: -webkit-linear-gradient(top,#5081e1 0%,#4375d6 100%);
    background: linear-gradient(to bottom,#5081e1 0%,#4375d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@bg_color_4',endColorstr='@bg_color_5',GradientType=0);
}
.cx-widget.cx-theme-blue .cx-ac-dropdown-menu {
    background: #FDFDFD;
    border-color: #DAE1E8 !important;
}
.cx-widget.cx-theme-blue .cx-ac-suggestion:hover, .cx-widget.cx-theme-blue .cx-ac-suggestion.cx-active {
    background-color: #75A8FF;
    color: #FDFDFD;
}
.cx-widget.cx-theme-blue .iScrollIndicator {
    background: #CCCCCC;
}
.cx-widget.cx-theme-blue .cx-smokescreen {
    background-color: #FDFDFD;
    opacity: 0.7;
}
.cx-widget.cx-theme-blue .cx-dialog-container .cx-dialog {
    background-color: #FDFDFD;
    border-color: #DAE1E8 !important;
}
.cx-widget.cx-theme-blue .cx-theme-background {
    background-color: #FDFDFD;
}
.cx-widget.cx-theme-blue .cx-theme-border {
    border: 1px solid #DAE1E8 !important;
}
.cx-widget.cx-theme-blue .cx-theme-text {
    color: #444A52;
}
.cx-widget.cx-theme-blue .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
    fill: #5081E1;
}
.cx-widget.cx-theme-blue .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
    fill: #4AC764;
}
.cx-widget.cx-theme-blue .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
    fill: #EA4F6B;
}
.cx-widget.cx-theme-blue .cx-theme-icon-warning svg .cx-svg-icon-tone1 
{
    fill: #F8A740;
}

.cx-webchat.cx-theme-blue .cx-bubble-arrow svg 
{
    fill: #FDFDFD;
}
.cx-webchat.cx-theme-blue .cx-message.cx-you .cx-bubble 
{
    background-color: #FDFDFD;
	border: 2px solid #fed406!important
}

.cx-webchat.cx-theme-blue .cx-message.cx-them .cx-bubble-arrow svg *
 {
    fill: #FDFDFD;
}
.cx-webchat.cx-theme-blue .cx-message.cx-them .cx-bubble
 {
    background-color: #FDFDFD;
	border: 2px solid #92cbfe!important
}

.cx-common-container.cx-webchat .cx-titlebar {
    clear: both;
    border-width: 0 0 1px;
    border-style: solid;
    padding: 5px 20px;
    background-color: inherit;
    background-image:url("/chatbot/webapp/widget/images/Lg_rectangular_2.png");
    background-size:50%;
    background-position: center;
    background-repeat: no-repeat;

}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #ddd;
}

::-webkit-scrollbar-thumb 
  background: #666; 
}


#cx_webchat_form_subject
 {
visibility: collapse !important;
 background-color: #fed406;
}

.cx-webchat.cx-theme-blue .cx-rich-media.cx-quick-replies div {
    background-color:#FFFFFF;
    border: 1px solid #92cbfe!important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.cx-webchat .cx-transcript .cx-message.cx-you{
    position: relative;
    display: inline-flex;
}
#cx_webchat_form_subject{
    display: none;
}
.cx-webchat .cx-transcript .cx-message.cx-them .cx-bubble {
    max-width: 236px;
}
.cx-webchat .cx-alert>.cx-wrapper {
    background-color: #FFFFFF !important;
    display: inline-grid;
    margin: 0 !important;
}
.cx-common-container .cx-titlebar .cx-icon {
    padding-top: 9px;
}
.cx-webchat .cx-transcript .cx-message.cx-them .cx-avatar-wrapper {
    
    margin-top: 10px;
}