/***** Symbee Connect - WEBCHAT CUSTOMIZATION EXAMPLE *****/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
@import url('./general.css');

/***** General body overrides *****/
body {
    font-family: 'Nunito Sans', Arial, sans-serif;
}
.text-balloon {
    font-family: 'Nunito Sans', Arial, sans-serif;
}

/* Logo override (cater for deeper logo) */
#logo {
    background-size: unset !important;
    width: 200px;
    height: 67px;
}
#preChatForm h4 {
    top: 37px;
    left: 238px;
}
#preChatForm .form-help-text {
    top: 340px;
}

/* The main Start Chat button */
#submitForm {
    background-color: #00275e;
    border-color: #00275e;
}

/***** Overrides for Conversation Window *****/

/* Text bubbles - Agent side (i.e. far end). */
#chatHistory .text-balloon.agent {
    background-color: #00275e;
	border:1px solid rgba(0,0,0,.3);
	color:white;
}
/* Text bubbles - Customer side (i.e. near end). */
#chatHistory .text-balloon.customer {
    background-color: #f9f8f8;
	border:1px solid rgba(0,0,0,.3);
	color:#000;
}
#chatEntry {
	background:#f9f8f8;
	border:1px solid rgba(0,0,0,.3);
}
/* The Chat "Send" button */
#send {
    background-color: #00275e;
    border-color: #00275e;
}

/***** Style Overrides for Menu Action Forms *****/

/* Menu action form buttons - primary */
.file-transfer-overlay button.btn-primary {
    background-color: #00275e;
    border-color: #f9f8f8;
}

#topNavBar {
	background:#f9f8f8 !important;
	color:#000;
}

#topNavBar .nav-link {
	color:#000 !important;
}

#topNavBar .navbar-toggler {
	border:1px solid rgba(0,0,0,.3);
}

#topNavBar a.disabled {
	color:rgba(0,0,0,.5) !important;
}

/***** 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 "Download Transcript" menu option */
#topNavBar [data-content-id="getTranscript"] {
    display: none;
}