/*======================================================

Project: ChatPro - All in One Chat on Any Social Plateform jQuery Plugin
Author: Black Theme
Released On: 25, Nov 2019
@version: 1.0
 
========================================================*/

/*======================================================
[Table of Contents For Blue Gradiant Color]
* Click To ChatPro Main Layout CSS
* Click To ChatPro Sidebar Togle CSS
* Click To ChatPro Style1 CSS
* Click To ChatPro Style2 CSS
* Click To ChatPro Style3 CSS
* Click To ChatPro Style4 CSS
* Click To ChatPro Style5 CSS
* Click To ChatPro Style6 CSS
* Click To ChatPro Style7 CSS
* Click To ChatPro Style8 CSS
* Click To ChatPro Style9 CSS
* Click To ChatPro Style10 CSS
========================================================*/ 

/*==================================================
    Click To ChatPro Main Layout CSS
====================================================*/

.layout .layout-features i{
    color: #009efd;
}
.layout .layout-funcation .layout-funcation-odd{
    background: #eee;
} 

/* Common CSS */
.layout .title,
.layout .wrapper .div-dot:after{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}
.layout .layout-heading h2,
.layout .layout-heading p{
    color: #fff;
} 
.layout .layout-style-title h3,
.layout .layout-button-title h3,
.layout .layout-features-title h3,
.layout .layout-funcation-title h3,
.layout .layout-features h4,
.layout .layout-funcation h4{
    color: #555;
}
.layout .layout-style-title p,
.layout .layout-button-title p,
.layout .layout-features-title p,
.layout .layout-funcation-title p,
.layout .layout-features p,
.layout .layout-funcation p{
    color: #8c8c8c;
}

/*===========================================================
    Click To ChatPro Sidebar Togle CSS (Left Slide Panel)
=============================================================*/

.cp-header{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}

/* Common CSS */
.cp-setting .icon,
.cp-setting .link a{
    color: #555;
}
.cp-setting .icon i,
.cp-setting .link a:hover{
    color: #009efd;
}

/*==================================================
    Start Click To ChatPro Style1 CSS
====================================================*/

.cp-style1 .cp-panel{
    background: #fff;
}

/* Common CSS */
.cp-style1 .cp-panel,
.cp-style1 .cp-button{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}
.cp-style1 .cp-panel,
.cp-style1 .cp-panel h2,
.cp-style1 .cp-panel p,
.cp-style1 .cp-button i{
    color: #fff;
}

/*==================================================
    End Click To ChatPro Style1 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style2 CSS
====================================================*/

.cp-style2 .cp-list:hover .cp-content{
    background: #fff;
}
.cp-style2 .cp-list .cp-content h2{
    color: #383838;
}
.cp-style2 .cp-list .cp-content p{
    color: #8c8c8c;
}
.cp-style2 .cp-list .cp-image{
    border: 2px solid #fff;
}
.cp-style2 .cp-list .cp-image{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}

/*==================================================
    End Click To ChatPro Style2 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style3 CSS
====================================================*/

/* Common CSS */
.cp-style3 .cp-control .cp-btn,
.cp-style3 .cp-control .cp-right,
.cp-style3 .cp-control .cp-left{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}

/*==================================================
    End Click To ChatPro Style3 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style4 CSS
====================================================*/

/* Common CSS */
.cp-style4 .fa-comments,
.cp-style4 .fa-times{
    color: #fff;
}
.cp-style4 .cp-toggle-1,
.cp-style4 .cp-toggle-2,
.cp-style4 .cp-menu{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}

/*==================================================
    End Click To ChatPro Style4 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style5 CSS
====================================================*/

.cp-style5 .cp-chat-button{
    border: 2px solid #fff;
}

/* Common CSS */
.cp-style5 .menu-item a,
.cp-style5 .menu-item a:hover,
.cp-style5 .cp-chat-button .cp-button .fa-comments, 
.cp-style5 .cp-chat-button .cp-button .fa-times{
    color: #fff;
}
.cp-style5 .cp-chat-button .cp-button,
.cp-style5 .menu-item a{
      background: linear-gradient(to right, #1e40af, #60A5F9);
}

/*==================================================
    End Click To ChatPro Style5 CSS
====================================================*/


/*==================================================
    Start Click To ChatPro Alternate Style5 CSS
====================================================*/

.cp-style5 .cp-chat-button-alternate{
    border: 2px solid #fff;
}

/* Common CSS */
.cp-style5 .menu-item a,
.cp-style5 .menu-item a:hover,
.cp-style5 .cp-chat-button-alternate .cp-button-alternate .fa-comments, 
.cp-style5 .cp-chat-button-alternate .cp-button-alternate .fa-times{
    color: #fff;
}
.cp-style5 .cp-chat-button-alternate .cp-button-alternate,
.cp-style5 .menu-item a{
      background: linear-gradient(to right, #1e40af, #60A5F9);
}

/*==================================================
    End Click To ChatPro Alternate Style5 CSS
====================================================*/
/*==================================================
    Start Click To ChatPro Style6 CSS
====================================================*/

.cp-style6 .cp-menu{
    background: linear-gradient(to right, #2af598, #009efd);
}
.cp-style6 .cp-button{
    color: #fff;
}

/*==================================================
    End Click To ChatPro Style6 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style7 CSS
====================================================*/

/* Common CSS */
.cp-style7 .cp-panel .cp-list,
.cp-style7 .cp-panel .cp-button{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}
.cp-style7 .cp-panel .cp-button,
.cp-style7 .cp-panel .cp-button:hover{
    color: #fff;
}

/*==================================================
    End Click To ChatPro Style7 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style8 CSS
====================================================*/

/* Common CSS */
.cp-style8 .cp-panel .cp-button i,
.cp-style8 .cp-panel ul .cp-list{
    color: #fff;
}
.cp-style8 .cp-panel .cp-button,
.cp-style8 .cp-list .cp-img-cont,
.cp-style8 .cp-list .cp-user-info{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #1e40af, #60A5F9);
}

/*==================================================
    End Click To ChatPro Style8 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style9 CSS
====================================================*/

.cp-style9 .cp-button{
    background: #2af598;
}
.cp-style9 .cp-panel{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}

/* Common CSS */
.cp-style9 .cp-panel h2,
.cp-style9 .cp-panel p,
.cp-style9 .cp-button i{
    color: #fff;
}

/*==================================================
    End Click To ChatPro Style9 CSS
====================================================*/

/*==================================================
    Start Click To ChatPro Style10 CSS
====================================================*/

.cp-style10 .cp-panel{
    background: #fff;
}

/* Common CSS */
.cp-style10 .cp-panel,
.cp-style10 .cp-button{
    background: -webkit-linear-gradient(to right, #2af598, #009efd);
    background: -moz-linear-gradient(to right, #2af598, #009efd);
    background: -ms-linear-gradient(to right, #2af598, #009efd);
    background: -o-linear-gradient(to right, #2af598, #009efd);
    background: linear-gradient(to right, #2af598, #009efd);
}
.cp-style10 .cp-panel,
.cp-style10 .cp-panel h2,
.cp-style10 .cp-panel p,
.cp-style10 .cp-button i{
    color: #fff;
}

/*==================================================
    End Click To ChatPro Style10 CSS
====================================================*/