/*----Change Theme Colors----*/

/* Banner Overlay  color */
.CHS_Webchat_Container section.banner:after{
    background-color: var(--banner-overlay-color,#9c27b0); /* Primary */
}

/*Header color*/
.CHS_Webchat_Container .page-container header .headerNav:before{
    background-color: var(--header-bg-color, #7b1fa2); /* Dark Primary */
}

/*Footer color*/
.CHS_Webchat_Container footer{
    background-color: var(--footer-bg-color,#7b1fa2); /* Dark Primary */
}

/*Button color*/
.CHS_Webchat_Container .buttonRow .btn-small{
   background-color: var(--button-sml-bg-color, #9c27b0); /* Primary */
}

/* Select color */
.CHS_Webchat_Container section .select-wrapper input.select-dropdown{
    color: #757575; /* Secondary Text */
}
/* Select color*/
.CHS_Webchat_Container section .dropdown-content li>a,
.CHS_Webchat_Container .dropdown-content li>span{
    color: #7b1fa2; /* Dark Primary */
}

.CHS_Webchat_Container input:not([type]):focus:not([readonly]),
.CHS_Webchat_Container input[type=text]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=password]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=email]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=url]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=time]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=date]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=datetime]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=tel]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=number]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container input[type=search]:not(.browser-default):focus:not([readonly]),
.CHS_Webchat_Container textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #7b1fa2; /* Dark Primary */
    -webkit-box-shadow: 0 1px 0 0 #7b1fa2; /* Dark Primary */
    box-shadow: 0 1px 0 0 #7b1fa2; /* Dark Primary */
}

.CHS_Webchat_Container .chat-icon{
    color: #fff;
    background-color: #9c27b0 !important; /* Primary */
}
.CHS_Webchat_Container .chs-chat-icon{
    color: #fff;
    background-color: #9c27b0 !important; /* Primary */
}

/*-------- Text --------*/

.CHS_Webchat_Container .page-container header .headerNav h1,
.CHS_Webchat_Container .page-container header .headerNav .header-icons li a,
.CHS_Webchat_Container .page-container header h2,
.CHS_Webchat_Container section.banner p.top-txt{
    color: #fff;
}

/*------ CONTENT -------*/
.CHS_Webchat_Container section h3{
    color: var(--header-bg-color, #9c27b0); /* Primary */
}
.CHS_Webchat_Container [type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid var(--checkbox-border-color, #9c27b0); /* Primary */
    background-color: var(--checkbox-bg-color, #9c27b0); /* Primary */
}
.CHS_Webchat_Container [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{
    border-color: var(--checkbox-border-color, #9c27b0); /* Primary */
}

.CHS_Webchat_Container section .input-field.success span i{
    color: #6ac259;
}
.CHS_Webchat_Container section.zerobanneropacity .top-txt {
color:#7b1fa2 !important;
}

/*----- FOOTER --------*/

.CHS_Webchat_Container footer p{
    color: #fff;
}


.CHS_Webchat_Container .overlay{
    background-color: var(--header-bg-color,#7b1fa2); /* Dark Primary */
}

/*heading color*/
.CHS_Webchat_Container .heading-color{
    color: #7b1fa2; /* Dark Primary */
}

.CHS_Webchat_Container .buttonRow .btn-small.bg-brdr{
    background-color: #fff;
    border:1px solid #9c27b0; /* Primary */
    color: #9c27b0; /* Primary */
}


.CHS_Webchat_Container .chat-popup{
    border: 1px solid var(--header-bg-color,#7b1fa2); /* Dark Primary */
}

    .CHS_Webchat_Container .chat-popup .header{
        background-color: var(--header-bg-color,#7b1fa2); /* Dark Primary */
    }