/* === Custom Genesys Chat Styles (Generated) === */
#cgc-chat-wrapper {
  position: fixed;
  z-index: 9999999;
  font-family: Arial, sans-serif;
  bottom: 24px;
  right: 24px;
}
#cgc-chat-launcher {
  position: absolute;
  z-index: 100;
  right: 20px;
  bottom: 10px;
  background: #ff0000;
  color: #ffffff;
  border: none;
  padding: 12px 18px;
  border-radius: 50px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 500;
  font-family: Arial, sans-serif;
  transition: background-color 0.2s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.cgc-open #cgc-chat-launcher {
  display:none;
}
#cgc-chat-wrapper .message-sent {
  max-width:500px;
}
#cgc-chat-wrapper .message-sent .btn-close {
  background-color: transparent;
}
#cgc-chat-wrapper .message-sent .btn-close:hover {
  color: rgb(210, 35, 41);
}
#cgc-chat-launcher:hover {
  background: #6d6e71;
}
#cgc-prechat-form .btn-close {
  opacity: 0.5;
}
#cgc-prechat-form .btn-close:hover {
  opacity: 1;
}
#cgc-prechat-form {
  position: relative;
  z-index: 100;
  background: #ffffff;
}
#genesys-prechat-form button.btn-primary {
  background-color: #ff0000;
  border-color: #ff0000;
}
#genesys-prechat-form button.btn-primary:hover {
  background-color: #6d6e71;
  border-color: #6d6e71;
}
#genesys-prechat-form input::placeholder,
#genesys-prechat-form textarea::placeholder {
  opacity: 0.5;
}
.cgc-form-close-button .btn-close {
 background-color: transparent !important;
 position: absolute;
 top: 12px;
 right: 12px;
 z-index: 10;
}
.cgc-chat-header {
 position: relative;
}
.cgc-status-indicator {
 display: inline-block;
 width: 18px;
 height: 18px;
 border-radius: 50%;
 background-color: gray;
 border: 2px solid #ddd;
 box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
 vertical-align: middle;
 margin-bottom: 4px;
}
.cgc-status-indicator {
 height:30px;
 width:30px;
 }
.cgc-online .cgc-status-indicator {
 background-color: #00cc00;
 }
.cgc-offline .cgc-status-indicator {
 background-color: #888;
}
.cgc-open .cgc-chat-message {
 max-width:550px;
 }
.cgc-chat-message .welcome-text {
 font-style:italic;
 font-size:small;
 margin-bottom: 3px;
 line-height: 20px;
 }
.cgc-open .cgc-chat-message .online-text {
 display:block;
 }
.cgc-open .cgc-chat-message .offline-text {
 display:none;
 }
.cgc-after-hours .cgc-chat-message .online-text {
 display:none;
 }
.cgc-after-hours .cgc-chat-message .offline-text {
 display:block;
 }
.cgc-chat-body .nav-tabs {
  margin-left: 0px;
  border-bottom: none;
}
.cgc-chat-body .nav-tabs .nav-link {
  font-size: 15px;
  border-radius: 45px 45px 45px 45px;
  color: black;
  background-color: #FFFFFF;
  margin-bottom:none;
  border: none;
  border-top-left-radius: none;
  border-top-right-radius: none;
}
.cgc-chat-body .nav-tabs .nav-link.active {
  color: #FFFFFF;
  background-color:rgb(210, 35, 41);
}
.cgc-chat-body .nav-tabs .nav-link:hover:not(.active) {
  color: rgb(210, 35, 41);
}
.cgc-form-online-status-icon {
 margin-top: 30px;
}
.cgc-form-online-status-icon .cgc-status-label {
 font-size: 12px;
 color: #444;
}
.cgc-form-online-status-icon .cgc-status-label.hide {
 display: none !important;
}
.cgc-form-online-status-icon .cgc-status-label.strobing {
  animation: strobe 1s infinite;
}
.cgc-success-alert {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  cursor: pointer;
}
@keyframes strobe {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}