/**
     Change the field label and underline color to black when field is focused.
 */
 /*
 .mat-focused .mat-form-field-label {
     color: black !important;
 }
 
 .mat-form-field-ripple {
     background-color: black !important;
 }
 */
 
 /**
     Added a background image to the bottom of the form 
 */
 /*
 .chat-form {
     background: 
         linear-gradient(white, 90%, rgba(255, 255, 255, 0.5)), 
         url(https://www.upstreamworks.com/wp-content/uploads/2016/07/upstreamworks-logo.png) no-repeat !important;
     background-position: center bottom !important;
     background-color: rgba(255, 255, 255, 0.5) !important;
     background-size: contain !important;
 }
 */
 
 /**
     Blend in a company logo as the form header.
 */
 /*
 .chat-form header {
     height: 105px;
     position: relative;
     background-image: linear-gradient(to bottom, transparent, white) !important;
     box-shadow: none !important;
 }
 
 .chat-form header h3 {
     display: none;
 }
 
 .chat-form header .close-btn {
     position: relative;
     z-index: 1;
 }
 
 .chat-form header::after {
     content: '';
     height: 100px;
     background-image: url(https://www.upstreamworks.com/wp-content/uploads/2016/07/upstreamworks-logo.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     position: absolute;
     left: 0;
     right: 0;
     top: 13px;
 }
 */
 
/**
    Add a company logo after the header
*/
/*
.chat-form app-form-header {
     order: 1;
}
  
.chat-form .form-body {
    order: 3;
}
 
.chat-form::before {
    content: '';
    width: 100%;
    min-height: 100px;
    background-image: url(https://www.upstreamworks.com/wp-content/uploads/2016/07/upstreamworks-logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 10px;
    order: 2;
}
*/