/***** RiseXperience - WEBCHAT CUSTOMIZATION EXAMPLE *****/

/***** General body overrides *****/
@font-face {
  font-family: 'Nunito Sans', helvetica, arial, sans-serif;
  src: url(./NunitoSans-Regular.ttf);
}
body {
  /* Override font here if you need. 
       Upload custom font files into the same S3 and use relative file reference */

  font-family: 'Nunito Sans', helvetica, arial, sans-serif;
}

/***** 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 {
  position: relative;
  background-size: contain !important;
  height: 80px;
  width: 250px;
  float: left;
  margin-left: -6px;
  /* margin-right: auto; */
}
/* 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;
  color: white;
}
/* The additional "Heading Text" help text, if used */
/* #preChatForm .form-help-text {
} */
/* The form area with all the fields, and Start and Cancel buttons */
/* #preChatForm .questionaire {
} */

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

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

/* Text bubbles - Agent side (i.e. far end). */
#chatHistory .text-balloon.agent {
  background-color: #7b7be6;
}
/* Text bubbles - Customer side (i.e. near end). */
#chatHistory .text-balloon.customer {
  background-color: #262661;
}
/* The Chat "Send" button */
#send {
  background-color: #262661;
  border-color: #000000;
}

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

/* Override logo styling on the Menu Action forms */
.file-transfer-overlay #logo {
  margin-left: -15px;
}
/* Header area on Menu action forms */
.file-transfer-overlay .jumbotron {
  margin-left: -5px;
  color: white;
}
/* 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: #262661;
  border-color: #000000;
}

/***** 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;
}