.red {
  background-color: #9c1c26 !important;
}

.cyan {
  background-color: #3a7cae !important;
}

.blue {
  background-color: #1282e9 !important;
}

.orange {
  background-color: #e86a24 !important;
}

.yellow.darken-1 {
  /* We don't have a compliant yellow so maybe this class should be changed to ".purple" ? */
  background-color: #675873 !important;
}

.green {
  background-color: #698b60 !important;
}

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating:before {
  border-radius: 0;
}

.fixed-action-btn.active {
  z-index: 999999;
  background: transparent;
  border-bottom: 0 !important;
}

.btn-floating.btn-large {
  width: 56px;
  height: 56px;
  padding: 0;
  line-height: 54px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%),
    0 1px 5px 0 rgb(0 0 0 / 20%);
  overflow: visible;
  position: relative;
  z-index: 9;
}

ul li .btn-floating.btn-large::after {
  content: ' ';
  width: 192px;
  height: 42px;
  position: absolute;
  left: -193px;
  top: 5px;
}

/* Frutiger Edits */
.rusa-site .btn-floating.btn-large,
body[data-siteid='rca-site'] .btn-floating.btn-large,
body[data-siteid='savin-site'] .btn-floating.btn-large,
body[data-siteid='lanier-site'] .btn-floating.btn-large {
  line-height: 58px;
}

/* RUSA specific cancel edits */
.rusa-site .closeChat,
body[data-siteid='rca-site'] .closeChat,
body[data-siteid='savin-site'],
body[data-siteid='lanier-site'] .closeChat {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZFOEY3RkRBOUU1MTFFQjkyMEI5MzIxQzBDNzk5NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZFOEY3RkVBOUU1MTFFQjkyMEI5MzIxQzBDNzk5NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkU4RjdGQkE5RTUxMUVCOTIwQjkzMjFDMEM3OTk1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkU4RjdGQ0E5RTUxMUVCOTIwQjkzMjFDMEM3OTk1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiWnns0AAAYQSURBVHja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');
  overflow: hidden;
  width: 58px;
  height: 58px;
  position: fixed;
  right: 22px;
  bottom: 22px;
  left: auto;
  top: auto;
  text-indent: -9999px;
  background-repeat: no-repeat;
  z-index: 9;
  cursor: pointer;
  display: none;
}

.btn-floating.btn-large:hover {
  color: #fff;
}

.btn-floating.btn-large i {
  line-height: 56px;
}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.fixed-action-btn.active ul {
  visibility: visible;
}

.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
  padding: 0;
}

.fixed-action-btn ul li {
  margin-bottom: 15px;
  list-style-type: none;
}

.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.btn-large {
  height: 54px;
  line-height: 54px;
  font-size: 15px;
  padding: 0 28px;
  line-height: 36px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn-large i {
  font-size: 25.6px; /* Adjusting Rems */
}

.btn-floating.fab-tip {
  position: fixed;
  right: 80px;
  padding: 0px 0.5rem;
  margin-top: 6px;
  margin-right: 4px;
  text-align: center;
  border-radius: 18px;
  width: 190px;
  font-size: 14px;
  color: #333;
  background: #f4f4f4;
  padding-left: 12px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%),
    0 1px 5px 0 rgb(0 0 0 / 20%);
}

.btn-floating.fab-tip:hover,
.btn-floating.btn-large:hover ~ .btn-floating.fab-tip {
  background: #61c7ca;
}

.fixed-action-btn #msg {
  display: none;
}

#mainButton button.btn-large.red {
  background: url('../../../icons/help-bubble-ffffff.svg') 8px 8px no-repeat;
  background-size: 70%;
  text-indent: -9999px;
}

#mainButton button.btn-large.red #msg {
  text-indent: 0;
}

#mainButton li button.btn-large.red {
  text-indent: 0;
  background: initial;
}

.fixed-action-btn:hover #msg {
  display: inline;
  text-transform: capitalize;
}

body .five9-chat-button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: inline-block;
  position: relative;
  height: 38px;
  border: none;
  border-radius: 10px 10px 0 0;
  margin: 0;
  padding: 10px 12px 0 39px;
  background: #cf142b;
  color: white;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  cursor: pointer;
}

#mainButton li button.chat-icon {
  background: url('../../../icons/chat-sales-bubble-ffffff.svg') 13px 16px
    no-repeat #9c1c26 !important;
  background-size: 50% !important;
}