/***** CCX - WEBCHAT CUSTOMIZATION EXAMPLE *****/

/***** General body overrides *****/
body {
    /* Override font here if you need. 
       Upload custom font files into the same S3 and use relative file reference */

    /* font-family: Arial; */
}

/***** Overrides for Pre-Chat Questionnaire form *****/

/* The overall background of the pre-chat window 
.form-overlay {
    background-color: white;
}
*/
/* The block encompassing the Logo, Header Bar, Welcome Title, and Heading Text 
.jumbotron {
    background-color: white;
}
*/
/* Logo - update size and position as required 
#logo {
    background-size: contain !important;
    height: 50px;
    width: 50px;
}
*/

/* Chat Header Bar Text - update size and position as required 
#preChatForm h4 {
    position: absolute;
    top: 25px;
    left: 75px;
    font-weight: bold;
}
*/
/* Chat Title Text, if used
#preChatForm .chat-header {
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0;    
}
*/
/* The additional "Heading Text" help text, if used
#preChatForm .form-help-text {    
}
*/
/* The additional "Form Trailing" text, if used 
#preChatForm .form-footer-text {    
}
*/
/* The form area with all the fields, and Start and Cancel buttons 
#preChatForm .questionaire {    
}
*/
/* The main Start Chat button 
#submitForm {
    background-color: #dd3826;
    border-color: #dd3826;
}
*/
/***** Overrides for Conversation Window *****/

/* Text bubbles - Agent side (i.e. far end). 
#chatHistory .text-balloon.agent {
    background-color: #fcf2f2;
}
*/
/* Text bubbles - Customer side (i.e. near end). 
#chatHistory .text-balloon.customer {
    background-color: #dd3826;
}
*/
/* The Chat "Send" button 
#send {
    background-color: ##005e8f;
    border-color: #c43121;
}
*/
/***** Style Overrides for Menu Action Forms *****/

/* Override logo styling on the Menu Action forms 
.file-transfer-overlay #logo {
    margin-left: 5px;
}
*/
/* Header area on Menu action forms 
.file-transfer-overlay .jumbotron {
    margin-bottom: 0;    
}
*/
/* Menu action form header text */
.file-transfer-overlay h4 {
    margin-top: 25px;
}

/* Menu action form buttons - all 
.file-transfer-overlay button {
}
*/
/* Menu action form buttons - primary 
.file-transfer-overlay button.btn-primary {
    background-color: #dd3826;
    border-color: #dd3826;
}
*/
/***** Disable unwanted menu options *****/

/* Disabling the "Speak with Agent" menu option */

#topNavBar [data-content-id="callAgent"] {
    display: none;
}

/* Disabling the "Transfer File" menu option */
#topNavBar [data-content-id="transferFile"] {
    display: none;
}

/* Disabling the "Email Transcript" menu option */
#topNavBar [data-content-id="emailTranscript"] {
    display: none;
}

/***** User Alternate Closer 'X' button instead of Actions Nav menu *****/

/* Below, when uncommented:
   Hides the default nav-bar drop-down, shows the alternate closer, and overrides
   the topNavBar height (suggest 30 minimum) and background-color (set values to suite your theme)
*/
/*
#topNavBar {  height: 30px;  background-color: white !important; }
#topNavBar .navbar-toggler { display: none; }
#topNavBar .alternate-closer { display: block; }
*/