.optibot-widget-container .optibot-chat-container .optibot-header {
        background-color:#ffffff;
        color:#000000;
    }

    .optibot-chat-container .optibot-messages-container .optibot-message .optibot-message-container .optibot-response {
        background-color:#014e9c;
        color:#ffffff;
    }

    .optibot-chat-container .optibot-messages-container .optibot-message .optibot-message-container .optibot-client {
        background-color:#ffffff;
        color:#000000;
    }
/* custom */
    .optibot-header{
background-color: white !important;
border-bottom: 6px solid #1A3863;
color: #1A3863 !important;
}
.optibot-reply{
border:1px solid #8A8C8F !important;
color: #1A3863 !important;
  border-radius:unset !important;
  text-transform: uppercase !important;
  font-size:13px !important;
  font-weight:700 !important;
}

.optibot-reply span{
  word-break: keep-all;
overflow-wrap: normal;
}

.optibot-carousel-card {
  border:1px solid #DBE3EA !important;
  background-color: #F6F6F6 !important;
  border-radius:unset !important;
}
.optibot-carousel-card-title {
  font-size: 18px !important;
  color:#1A3863 !important;
  font-weight: 700 !important;
}
.optibot-carousel-buttons-container .optibot-reply {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 13px !important;
}
.optibot-reply span {
 font-size: 13px;
  text-align: left;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.optibot-header-button{
  color: #323479 !important;
}
.optibot-header-button svg{
  stroke: #323479 !important;
}
.optibot-client {
  position: relative !important;
  background-color: #1A3863 !important;
  border-radius: unset !important;
  color: white !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}
.optibot-response {
  border-radius: unset !important;
  border:1px solid #1A3863 !important;
  background-color: white !important;
  color: #1A3863 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}
.optibot-chat-container {
  border-radius: unset !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.optibot-chat-container .optibot-sender {
  min-height:unset !important;
  padding: unset !important;
  border-top: 1px solid #1A3863 !important;
  height: 80px !important;
}
.sender-input-container {
  gap: unset !important;
  height: 100% !important;
}
.optibot-sender-input {
  margin-left: 5px !important;
  width: 90% !important;
  border-radius:unset !important;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
  align-self: center !important;
}
.optibot-sender-submit {
  background: #D2E7F4 !important;
  border-radius: unset !important;
  width: 75px !important;
  height: 80px !important;
}
.optibot-send-icon {
  fill: #1A3863 !important;
}
.placeholder-overlay {
  top: 35% !important;
  left: 6.5% !important;
}
.optibot-sender-input::placeholder{
  color: #1A3863 !important;
}
.optibot-arrow-container {
  background-color: #1A3863 !important;
  border: unset !important;
}
.optibot-arrow svg{
  fill: white !important;
}
.arrow_carousel {
  flex-shrink: 0 !important;
  stroke: #000 !important;
    height: 12px !important;
    width: 12px !important;
  }
.arrow-label{
  color: white !important;
}
.arrow-label svg{
  stroke: white !important;
}
.scroll-button-container{
  margin-bottom: 1px !important;
}

.optibot-logo img{
  top:5px !important;
  left: 12px !important;
  width: 88px !important;
  height: 86px !important;
}
.optibot-titles{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 150px;
    word-break: break-word;
}
.optibot-launcher-container{
  position:absolute;
  right:-58px;
  background-color: #1A3863 !important;
  width: 72px !important;
  height: 72px !important;


}
.optibot-launcher {
border-radius: unset !important;
background-color: #F6F6F6 !important;
position: relative;
right: 60px;
  height: 49px !important;
}
.optibot-launcher-label{
  font-size:13px !important;
  max-width:162px !important;
  text-align: right !important;
  margin-right: 20px !important;
  color: #1A3863 !important;
  font-weight: 700 !important;
}
.optibot-hide-sm{
background-color: transparent !important;
  height: 70px !important;
}
.optibot-dot {
  margin-top:15px;
  background: #1A3863 !important;
  width: 2px !important;
  height: 2px !important;
}
.optibot-markdown p a {
  color:#b22222 !important;
}
.optibot-replies button.optibot-reply{
color: white !important;
background-color:#1A3863 !important
}
.optibot-title{
font-weight: 800 !important;
}
button {
  font-family: 'Raleway', sans-serif !important; 
}

form.form{
  font-family: 'Raleway', sans-serif !important;
}
button.form-submit{
background-color: #1A3863 !important;
font-family: 'Raleway', sans-serif !important;
border:none !important;
}
.forms-nav div.title{
font-family: 'Raleway', sans-serif !important;
}
.optibot-options-list .option-group button.optibot-options-elem{
font-family: 'Raleway', sans-serif !important;
}
.buttons button.close-form{
background-color: #1A3863 !important;
font-family: Fira Sans,sans-serif !important;
border:none !important;
color:white !important;
}
.buttons button.send-again{
background-color: #1A3863 !important;
font-family: 'Raleway', sans-serif !important;
border:none !important;
color:white !important;
}
div.response-error{
font-family: 'Raleway', sans-serif !important;
}
div.response-success{
font-family: 'Raleway', sans-serif !important;
}

button.cancel-request{
background-color: #1A3863 !important;
font-family: 'Raleway', sans-serif !important;
border:none !important;
color:white !important;
border: 3px solid #00aeef !important;
}
.optibot-messages-container, .sender-input-container{
  background-color:white !important;
}
.optibot-carousel-container {
  -webkit-mask-image: linear-gradient(to left, transparent 0px, black 130px);
  mask-image: linear-gradient(to left, transparent 0px, black 130px);
}
.upload-files-container{
position: relative;
  top: 15px;
}
.sender-toolbar{
position: relative;
  top: 17px;
  margin-top: 30px;
  z-index: 20;
}
.optibot-consultant{
border-radius: unset !important;
color: white !important
font-weight: 700;
}
.optibot-consultant .attachment-button{
  border-radius: unset !important;
color: white !important
font-weight: 700;
}
.file-upload-label{
position: relative !important;
top: -9px !important;
  margin-right: 2px;
}
.sender-toolbar{
margin-bottom:unset !important;
}
.optibot-client .attachment-button:{
color:white !important;
}
.sender-toolbar {
  margin-top: -30px !important;
}
.sender-toolbar:has(.clear-files) {
  margin-top: 30px !important;
}
.sender-toolbar {
  margin-top: 0px !important;
}
.sender-toolbar:has(.clear-files) {
  margin-top: -30px !important;
}
.optibot-chat-container .optibot-message .optibot-message-container .optibot-markdown li{
color:unset !important;
}
.optibot-chat-container .optibot-message .optibot-user-form-message-container {
  background-color: #1A3863 !important;
  border-radius: unset !important;
}
@media (min-width: 992px) {
  nav#main-navigation {
    z-index: 200 !important;
  }
}