/* Auto generated custom stylesheet */

.customer-chat-header
{
    background: <?php echo $vars['primaryColor'] ?>;
    color: <?php echo $vars['labelColor'] ?>;
}

.customer-chat-header-title
{
    color: <?php echo $vars['labelColor'] ?>;
}

.customer-chat-content-button
{
    background: <?php echo $vars['secondaryColor'] ?>;
    border-bottom: 2px solid <?php echo $vars['secondaryColorDarker'] ?>;
    color: <?php echo $vars['labelColor'] ?>;
}

.customer-chat-content-button:active
{
    border-bottom: 1px solid <?php echo $vars['secondaryColorDarker'] ?>;
}

.customer-chat-content-button:hover, .customer-chat-content-button:focus
{
    background: <?php echo $vars['secondaryColorLighter'] ?>;
}

.customer-chat-content-message-input-field
{
    border-left: 2px solid <?php echo $vars['primaryColor'] ?>;
}

.customer-chat-content-message-author
{
    color: <?php echo $vars['primaryColorDarker'] ?>;
}

.customer-chat .customer-chat-content-message-body a:link,
.customer-chat .customer-chat-content-message-body a:hover,
.customer-chat .customer-chat-content-message-body a:visited,
.customer-chat .customer-chat-content-message-body a:active
{
    color: <?php echo $vars['primaryColor'] ?>;
    
    text-decoration: none;
}

.customer-chat-header-button:hover, .customer-chat-header-button:focus
{
    background: <?php echo $vars['primaryColorDarker2'] ?>;
    
    outline: none;
}