/*Css para sobreescribir estilos del chatbot nativo */
/*----------------------------- ADAPTIVE CARDS --------------------------------------*/

.ac-actionSet {
  display: block !important;
  margin-top: 4px !important;
}

.ac-actionSet > button:first-child {
  padding: 9px 32px !important;
  overflow-wrap: break-word !important;
}

.ac-actionSet > button:last-child {
  margin-top: 12px !important;
  padding: 9px 32px !important;
  overflow-wrap: break-word !important;
}

/*-------------------------------------- GO TO VUELING CARD ------------------------------*/

.min-horizontal-separator {
  height: 0px !important;
}

.goToVuelingButton {
  margin-top: 0px !important;
}

/*------------------------------ AVATARS ---------------------------------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-avatar.bot {
  border: none !important;
  border-radius: 0px !important;
}

/*----------------------------- TOGGLE BUTTON --------------------------------------*/

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button {
  width: auto;
  height: 44px;
  padding: 15px 20px;
  border-radius: 24px;
  box-shadow: none;
  background-image: none;
  background-color: #000000;
  border: 1px solid #ffffff;
  right: 12.6px;
  bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'VuelingPilcrow', Arial, sans-serif;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button
  svg {
  width: 25px;
  height: 24px;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 8px 0 0;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODJfNDkyKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMDAwMiAyLjEzNDc3QzYuNTUxNjUgMi4xMzQ3NyAyLjEzNDc3IDYuNTUxNjUgMi4xMzQ3NyAxMi4wMDAyQzIuMTM0NzcgMTcuNDQ4NyA2LjU1MTY1IDIxLjg2NTUgMTIuMDAwMiAyMS44NjU1QzE3LjQ0ODcgMjEuODY1NSAyMS44NjU1IDE3LjQ0ODcgMjEuODY1NSAxMi4wMDAyQzIxLjg2NTUgNi41NTE2NSAxNy40NDg3IDIuMTM0NzcgMTIuMDAwMiAyLjEzNDc3Wk0wLjYzNDc2NiAxMi4wMDAyQzAuNjM0NzY2IDUuNzIzMjIgNS43MjMyMiAwLjYzNDc2NiAxMi4wMDAyIDAuNjM0NzY2QzE4LjI3NzEgMC42MzQ3NjYgMjMuMzY1NSA1LjcyMzIyIDIzLjM2NTUgMTIuMDAwMkMyMy4zNjU1IDE4LjI3NzEgMTguMjc3MSAyMy4zNjU1IDEyLjAwMDIgMjMuMzY1NUM1LjcyMzIyIDIzLjM2NTUgMC42MzQ3NjYgMTguMjc3MSAwLjYzNDc2NiAxMi4wMDAyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yNjI5IDcuMTY3MDFDMTEuMTI2MyA2Ljk0NDkyIDEwLjEzMDggNy44MDk2NiAxMC4xMzA4IDguOTA0NTFDMTAuMTMwOCA5LjQ5Mjg2IDkuNjUzOCA5Ljk2OTgxIDkuMDY1NDUgOS45Njk4MUM4LjQ3NzExIDkuOTY5ODEgOC4wMDAxNSA5LjQ5Mjg2IDguMDAwMTUgOC45MDQ1MUM4LjAwMDE1IDYuNDk4NzYgMTAuMTkwNCA0LjU5MDUzIDEyLjY3MjQgNS4wNzYxNEMxNC4xOTQ5IDUuMzc1MjEgMTUuNDI2MSA2LjU4OTk0IDE1LjcyNjEgOC4xMzA1OUwxNS43MjY2IDguMTMzNTJDMTYuMTAyOSAxMC4wOTUzIDE0Ljk5NDggMTEuODc5MyAxMy4zMjE1IDEyLjU0MDVMMTMuMzA5MyAxMi41NDUzQzEzLjEwODUgMTIuNjIxOCAxMi45NzI2IDEyLjgxMTcgMTIuOTcyNiAxMy4wNDQ0VjE0LjUwMDJDMTIuOTcyNiAxNS4wODg1IDEyLjQ5NTcgMTUuNTY1NSAxMS45MDczIDE1LjU2NTVDMTEuMzE5IDE1LjU2NTUgMTAuODQyIDE1LjA4ODUgMTAuODQyIDE0LjUwMDJWMTMuMDQ0NEMxMC44NDIgMTEuOTQyNSAxMS41MDkzIDEwLjk1NDYgMTIuNTQzMiAxMC41NTcxQzEzLjMwNTYgMTAuMjUzNCAxMy44MDc3IDkuNDQzNTEgMTMuNjM0NSA4LjUzNjMxQzEzLjUwMTIgNy44NTUzNCAxMi45NDI0IDcuMzAwNjQgMTIuMjYyOSA3LjE2NzAxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEzLjAwMDIgMTguMDAwMkMxMy4wMDAyIDE4LjU1MjQgMTIuNTUyNCAxOS4wMDAyIDEyLjAwMDIgMTkuMDAwMkMxMS40NDc5IDE5LjAwMDIgMTEuMDAwMiAxOC41NTI0IDExLjAwMDIgMTguMDAwMkMxMS4wMDAyIDE3LjQ0NzkgMTEuNDQ3OSAxNy4wMDAyIDEyLjAwMDIgMTcuMDAwMkMxMi41NTI0IDE3LjAwMDIgMTMuMDAwMiAxNy40NDc5IDEzLjAwMDIgMTguMDAwMloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTc4Ml80OTIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button-closed
  svg
  path {
  display: none;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button:hover {
  background-color: #333333;
  color: #fff !important;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  box-shadow: 0 0 0 0.125rem #333;
}

@media screen and (max-width: 767px) {
  [data-cognigy-webchat-root]
    [data-cognigy-webchat-toggle].webchat-toggle-button {
    height: 32px;
    font-size: 14px;
    bottom: 8px;
  }

  [data-cognigy-webchat-root]
    [data-cognigy-webchat-toggle].webchat-toggle-button
    svg {
    width: 16px;
    height: 16px;
  }
}

/*Avoid cognigy default hover */
[data-cognigy-webchat-root] .cognigy-webchat-1970mn3.active,
[data-cognigy-webchat-root] .cognigy-webchat-1970mn3:hover {
  background-image: none !important;
  fill: rgba(255, 255, 255, 0.95) !important;
}

/*------------------------ HEADER -------------------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-header-bar {
  background: #000000;
  width: 100% !important;
  box-shadow: none !important;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}

@media screen and (max-width: 575px) {
  [data-cognigy-webchat-root]
    [data-cognigy-webchat].webchat
    .webchat-header-bar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-header-logo {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDc0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQuOTAxIDE0LjI4OGwxLjg5LTYuNDE0Yy4xMzYtLjQ0LjQ5Mi0xLjA0NyAxLjM0MS0xLjA0Ny44MjIgMCAxLjU2LjQ5NiAxLjU2IDEuNDA0IDAgLjI3Ni0uMDU0LjQ5Ni0uMTkuODU0TDcuMDM2IDE2LjA1Yy0uNDkzIDEuMzIxLS43OTQgMS43OS0yLjAyNiAxLjc5aC0uMjJjLTEuMjU5IDAtMS42Ny0uNDY5LTIuMTYyLTEuODE4TC4xOTIgOS4wODVDLjA1NSA4LjcyNyAwIDguNTA3IDAgOC4yM2MwLS45MzYuNzY3LTEuNDA0IDEuNTYtMS40MDQuODUgMCAxLjIwNS42MDYgMS4zNDIgMS4wNDdsMS44OSA2LjQxNGguMTF6bTMwLjIwMSAxLjkyN2MwIC45NjQuNjMgMS42MjQgMS40NzkgMS42MjQuOTA0IDAgMS41MDYtLjY2IDEuNTA2LTEuNjI0VjEuNjI1QzM4LjA4Ny42NiAzNy40NTcgMCAzNi41OCAwcy0xLjQ3OS42Ni0xLjQ3OSAxLjYyNHYxNC41OTF6bTUuNDIyIDBjMCAuOTY0LjYzIDEuNjI0IDEuNDc4IDEuNjI0LjkwNCAwIDEuNTA2LS42NiAxLjUwNi0xLjYyNHYtNy43OWMwLS45MzctLjYzLTEuNTk4LTEuNTA2LTEuNTk4cy0xLjQ3OC42NjEtMS40NzggMS41OTd2Ny43OTF6TTU1LjY5MyAxMS43YzAtMy4zMDMtMS43OC00Ljk4My00Ljk1Ni00Ljk4My0zLjIwNCAwLTQuOTU2IDEuNjUyLTQuOTU2IDUuMDF2NC41MTZjMCAuOTM2LjYzIDEuNTk2IDEuNTA2IDEuNTk2LjkwNCAwIDEuNTA2LS42NiAxLjUwNi0xLjU5NlYxMS4yNmMwLTEuMzc3Ljc0LTEuOTgyIDEuOTQ0LTEuOTgyIDEuMjYgMCAxLjkxNy43OTggMS45MTcgMS45ODJ2NC45ODNjMCAuOTM2LjY1NyAxLjU5NiAxLjUzMyAxLjU5Ni44NzYgMCAxLjUwNi0uNjYgMS41MDYtMS41OTZWMTEuN3pNMTEuMjggMTIuODg0YzAgMy4zMzEgMS43OCA0Ljk4MyA0Ljk1NiA0Ljk4MyAzLjIwMyAwIDQuOTU2LTEuNjUyIDQuOTU2LTUuMDFWOC4zNDJjMC0uOTY0LS42My0xLjU5Ny0xLjQ3OS0xLjU5Ny0uOTAzIDAtMS41MDYuNjYtMS41MDYgMS41OTd2NS4wMWMwIDEuMzc3LS43NjYgMS45ODItMS45NzEgMS45ODItMS4yODcgMC0xLjkxNy0uNzk4LTEuOTE3LTEuOTgydi01LjAxYzAtLjk2NC0uNjMtMS41OTctMS40NzgtMS41OTctLjg3NyAwLTEuNTM0LjY2LTEuNTM0IDEuNTk3djQuNTQyaC0uMDI3em01MS44MDUtNi4xNjdjLTMuMzEzIDAtNS41MDQgMi4yMy01LjUwNCA1LjYxNiAwIDMuNDQyIDEuOTQ0IDUuNTM0IDQuNzM3IDUuNTM0IDEuMzQyIDAgMi4yNzMtLjQxMyAyLjc2Ni0uOTM2djEuNzA3YzAgMS40MDQtLjY4NSAyLjI4NS0yLjQxIDIuMjg1cy0yLjQzNy0uODU0LTMuMzk1LS44NTRjLS42MDMgMC0xLjA5NS42MDYtMS4wOTUgMS4yNjcgMCAxLjI2NiAyLjQxIDIuMjU3IDQuMjQ0IDIuMjU3IDMuODA2IDAgNS41MDMtMi4xMiA1LjUwMy01LjM2OHYtOS4wM2MwLS45NjQtLjU0Ny0xLjQzMi0xLjM2OS0xLjgxNy0uNjU3LS4yNDgtMS44MDctLjY2LTMuNDc3LS42NnptMS45OTkgNS41MzRjMCAyLjAzNy0uNzY3IDMuMDU2LTIuMjczIDMuMDU2LTEuNTA2IDAtMi4yNDUtLjc5OS0yLjI0NS0yLjk0NiAwLTEuOS43MzktMy4xMSAyLjYtMy4xMSAxLjIzMyAwIDEuOTE4LjUyMiAxLjkxOC44OHYyLjEyem0tMzMuMjY4IDEuMDc0aC01Ljg2Yy4xOTIgMS4yMS43OTQgMi4wNjQgMi4zMjggMi4wNjQgMS41MDYgMCAyLjMtLjU3OCAzLjA2Ni0uNTc4LjYwMyAwIDEuMDk1LjYzMyAxLjA5NSAxLjIxMSAwIDEuMTg0LTEuOTk4IDEuNzktNC4xODkgMS43OS0zLjIzIDAtNS4yMy0yLjEyLTUuMjMtNS41MzQgMC0zLjQxMyAxLjk3Mi01LjY0MyA1LjE0OC01LjY0MyAzLjM5NSAwIDQuODc0IDIuMjU3IDQuODc0IDUuMzY4IDAgLjg1NC0uMzU2IDEuMzIyLTEuMjMyIDEuMzIyem0tMS41ODgtMi4wMWMtLjA4My0xLjQwNC0uNzQtMi4yODUtMi4xMzYtMi4yODUtMS4zNyAwLTEuOTk5LjYzMy0yLjEzNiAyLjI4NWg0LjI3MnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMiAtMTgpIHRyYW5zbGF0ZSgyMiAxOCkgdHJhbnNsYXRlKDAgLjQwNykiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkMwIiBkPSJNNzMuMjIgMi4yMjJjLjAwMiAxLjA4Mi0uNjg5IDEuODQ0LTEuODQyIDEuODQ2LTEuMTU0LjAwMS0xLjgxNy0uNzYtMS44MTktMS44NDMgMC0xLjA1Ni42NjMtMS44MTcgMS44MTYtMS44MTggMS4xNTQgMCAxLjg0NC43NTggMS44NDUgMS44MTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMiAtMTgpIHRyYW5zbGF0ZSgyMiAxOCkgdHJhbnNsYXRlKDAgLjQwNykiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==');
  background-position: left;
  width: 74px !important;
  height: 24px !important;
  background-size: initial !important;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-header-title {
  color: #000000;
}
[data-cognigy-webchat-root] .cognigy-webchat-j6o3sy:not(.disabled).active,
[data-cognigy-webchat-root] .cognigy-webchat-j6o3sy:not(.disabled):hover {
  background-color: transparent;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-header-close-button
  svg {
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE3IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuMDkzLjkxMUw4IDYuODE4IDEzLjkwNy45MWMuMzAxLS4zLjc3NS0uMzI0IDEuMTAzLS4wN2wuMDc5LjA3Yy4zLjMwMi4zMjQuNzc1LjA3IDEuMTAzbC0uMDcuMDc5TDkuMTggOGw1LjkwOCA1LjkwN2MuMzI2LjMyNi4zMjYuODU1IDAgMS4xODItLjMyNy4zMjYtLjg1Ni4zMjYtMS4xODIgMEw4IDkuMTggMi4wOTMgMTUuMDljLS4zMDEuMy0uNzc1LjMyNC0xLjEwMy4wN2wtLjA3OS0uMDdjLS4zLS4zMDItLjMyNC0uNzc1LS4wNy0xLjEwM2wuMDctLjA3OUw2LjgxOCA4IC45MSAyLjA5M0MuNTg1IDEuNzY3LjU4NSAxLjIzOC45MTEuOTFjLjMyNy0uMzI2Ljg1Ni0uMzI2IDEuMTgyIDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMyMyAtODIwKSB0cmFuc2xhdGUoMTMwMy4zNTggODAzKSB0cmFuc2xhdGUoMjAgMTcpIi8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=');
  background-position: center;
}

/*------------------------- BUTTONS ------------------------------*/

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-input-button-send {
  margin: initial !important;
}

/*Send message button color when there are messages*/
[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-input-button-send:enabled
  > div {
  filter: invert(100%) grayscale(100%);
  cursor: default;
}

/*-------------------- CHAT -------------------------------*/

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-message-row.bot {
  padding-left: 16px;
  padding-right: 30px;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-message-row.user {
  padding-left: 30px;
  padding-right: 16px;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .regular-message.bot {
  padding: 12px;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .regular-message.user {
  padding: 12px;
  line-height: 1.43;
}

/*-------------------- INPUT BOX ---------------------------*/

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-input-menu-form {
  margin: 16px 16px 16px 16px;
  width: inherit;
  overflow: unset;
  height: initial !important;
}

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat .webchat-input {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-input-message-input {
  word-wrap: break-word;
  line-break: auto;
  text-overflow: ellipsis;
  text-wrap: wrap;
  overflow-y: clip;
  font-size: 16px;
  background: none;
  box-sizing: border-box;
  resize: none;
  min-height: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 5px 5px 16px !important;
  border: 0;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-input-message-input::placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.top-shadow {
  box-shadow: 0px -0.5px 0.5px -0.1px #ccc !important;
}

/*-----------------------SECURITY PASSWORD-------------------------*/

@font-face {
  font-family: 'dotsfont';
  src: url('../../Fonts/dotsfont/dotsfont.eot');
  src: url('../../Fonts/dotsfont/dotsfont.eot?#iefix')
      format('embedded-opentype'),
    url('../../Fonts/dotsfont/dotsfont.woff') format('woff'),
    url('../../Fonts/dotsfont/dotsfont.ttf') format('truetype'),
    url('../../Fonts/dotsfont/dotsfont.svg#dotsfontregular') format('svg');
}

.userPassword {
  font-family: 'dotsfont';
  font-size: 12px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.eyePassword {
  background-image: url('../../Icons/eye-solid.svg');
  width: 25px !important;
  height: 25px !important;
  margin-top: 20px !important;
  cursor: pointer;
}

.eyePasswordDisabled {
  background-image: url('../../Icons/disabled-eye-solid.svg') !important;
}

input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
  display: none;
}

/*-----------------------SECURITY PASSWORD-------------------------*/

@font-face {
  font-family: 'dotsfont';
  src: url('../../Fonts/dotsfont/dotsfont.eot');
  src: url('../../Fonts/dotsfont/dotsfont.eot?#iefix')
      format('embedded-opentype'),
    url('../../Fonts/dotsfont/dotsfont.woff') format('woff'),
    url('../../Fonts/dotsfont/dotsfont.ttf') format('truetype'),
    url('../../Fonts/dotsfont/dotsfont.svg#dotsfontregular') format('svg');
}

.userPassword {
  font-family: 'dotsfont';
  font-size: 12px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.eyePassword {
  background-image: url('../../Icons/eye-solid.svg');
  width: 30px !important;
  height: 25px !important;
  margin-top: 7px !important;
  cursor: pointer;
}

.eyePasswordDisabled {
  background-image: url('../../Icons/disabled-eye-solid.svg') !important;
}

input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
  display: none;
}

/*--------------------- SCROLLBAR --------------------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat ::-webkit-scrollbar {
  width: 8px;
  height: 10px;
  margin: 2.5px 1px 324.5px;
  border-left: 1px solid #dddddd;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  ::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 6px;
  width: 8px;
}

/*----------------------------- GENERAL WEBCHAT -------------------------------------*/

[data-cognigy-webchat-root] [data-cognigy-webchat].webchat {
  background-color: #ffffff;
  overflow-y: scroll;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0px 6px 16px rgba(15, 15, 15, 0.18);
  font-stretch: normal !important;
  color: #4d4d4d;
}

@media screen and (max-width: 575px) {
  [data-cognigy-webchat-root] [data-cognigy-webchat].webchat {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-chat-history {
  background-color: #f3f3f3;
  background: none;
}

@media screen and (min-width: 576px) {
  [data-cognigy-webchat-root] [data-cognigy-webchat] {
    width: 374px !important;
    height: 666px !important;
    max-height: calc(100% - 200px) !important;
  }

  [data-cognigy-webchat-root] [data-cognigy-webchat].webchat {
    bottom: 24px !important;
  }
}

.ac-container,
.regular-message,
.webchat-quick-reply-template-header-message {
  padding: 12px 12px !important;
}

.ac-horizontal-separator + div {
  white-space: pre-wrap !important;
}

[data-cognigy-webchat-root] .webchat-quick-reply-template-replies-container {
  text-align: unset !important;
  padding-left: 2px !important;
  margin-top: 12px !important;
}

[data-cognigy-webchat-root]
  .webchat-quick-reply-template-reply-image-and-buttons {
  padding: 8px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
}

[data-cognigy-webchat-root]
  .webchat-quick-reply-template-reply-image-and-buttons
  > span {
  padding-left: 8px;
  text-align: left !important;
  float: right;
  position: relative;
  line-height: 1.43;
}

.ac-textBlock > p {
  line-height: 1.43 !important;
}

.ac-pushButton > div {
  white-space: normal !important;
}

/*default literals*/
:root {
  --webchat-toggle-button-opened-literal: 'Close';
  --webchat-toggle-button-closed-literal: 'MetaChatbot';
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button-opened::after {
  content: var(--webchat-toggle-button-opened-literal);
  padding-left: 5px;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat-toggle].webchat-toggle-button-closed::after {
  content: var(--webchat-toggle-button-closed-literal);
}

#webchatWindow {
  right: 16px;
}

#textCounter {
  margin: -8px 0px 8px 16px !important;
}

.ac-container > div > div {
  width: 100% !important;
}

.ac-pushButton.style-default.expandable.expanded,
.ac-pushButton.style-default {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #000 !important;
  white-space: normal !important;
  background-color: #f7f7f7;
  font-family: 'VuelingPilcrow', Arial, sans-serif;
  text-transform: uppercase;
}

#phoneContactContainer {
  display: block !important;
}

.ac-textBlock {
  font-size: 14px !important;
  padding: 0px 0px 0px 0px !important;
}

.ac-adaptiveCard > .ac-horizontal-separator {
  padding-top: 0px !important;
  height: 0px !important;
}

.ac-container {
  padding-left: 0px !important;
  padding-bottom: 5px !important;
}

#upload-selected-button-browser-view > button {
  border-radius: 39.5px !important;
  line-height: 16px !important;
  margin: 0px 0px 0px 0px !important;
}

p#firstDropLabel {
  display: none;
}

p#upload-title-select {
  margin-bottom: 0px;
  margin-top: 0px;
}

p#secondDropLabel {
  display: none;
}

main#upload-main-selection {
  padding: 0px !important;
}

button.unblockableButton span {
  font-size: 12px;
}

button.unblockableButton {
  padding: 9px 32px !important;
  font-size: 12px !important;
  min-height: 0px !important;
  height: auto !important;
}

button.upload-text-add-button {
  font-size: 12px !important;
  min-height: 0px !important;
  height: auto !important;
}

p.upload-delete-file {
  margin-bottom: 0px;
}

.happy-icon,
.sad-icon {
  width: 14px !important;
  height: 14px !important;
  transform: scale(1.4285);
}

#upload-selected-button-mobile-view > button {
  border: solid 1px #4d4d4d !important;
  border-radius: 39.5px !important;
  margin: 12px !important;
  padding: 9px 32px !important;
  height: auto;
  font-size: 12px !important;
}

div#upload-main-more-selected-file {
  padding: 12px 12px 0px !important;
  font-size: 14px;
  border-left: 4px solid #fff66b;
}

.upload-buttons-browser-and-tablet {
  display: grid;
}

.upload-buttons {
  margin-left: 12px;
  margin-top: 12px;
}

div#upload-selected-button-browser-view {
  margin: 0px 12px 12px 0px;
  height: auto !important;
}

footer.upload-footer {
  padding: 0px !important;
}

.upload-content-files {
  text-align: unset;
  margin-left: auto;
  margin-bottom: 0px;
  width: 100%;
  display: grid !important;
}

.upload-selected-file {
  margin-top: 12px;
  border-radius: 2px;
  border: solid 1px #ddd;
  background-color: #f7f7f7;
  padding: 8px;
}

.upload-name-file {
  width: 11em !important;
  font-size: 12px !important;
  line-height: 1.33 !important;
  color: #4d4d4d;
  margin-block-start: 6px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: initial;
  font-weight: 600 !important;
}

.upload-delete-file {
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#upload-title-select {
  font-size: 14px;
  line-height: 1.43;
  color: #4d4d4d;
}

.upload-label-error {
  padding: 12px 0px 0px 0px !important;
  font-size: 14px !important;
  text-align: left !important;
}

.upload-buttons-browser {
  display: grid;
  padding-right: 12px !important;
}

#upload-selected-more-browser-button {
  order: 1;
}

#upload-confirm-browser-button {
  order: 0;
  width: initial !important;
  margin: 0px 16px 12px 8px !important;
  font-size: 12px !important;
}

.upload-error-vueling-buttons > button {
  font-size: 12px !important;
}

.upload-error-vueling-buttons {
  padding-left: 0px !important;
  margin-top: -8px !important;
}

.upload-content-error-conexion {
  font-size: 14px !important;
  text-align: left !important;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-top: 16px;
}

.upload-spinner {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #fff;
}

.upload-content-error-conexion > p {
  line-height: 1.43 !important;
  margin-bottom: 0px;
}

.upload-footer-three-error-conexion {
  justify-content: inherit !important;
  padding-left: 16px !important;
  margin-top: -8px !important;
}

.upload-footer-three-error-conexion > button {
  font-size: 12px !important;
  line-height: 1 !important;
}

footer > .upload-error-vueling-buttons > button {
  margin-bottom: 12px !important;
}

.upload-text-add-button {
  font-size: 12px !important;
  margin: 0px 15px 12px 8px !important;
  padding: 9px 32px !important;
  line-height: 1 !important;
  color: #333;
  height: auto !important;
  width: auto !important;
  border-radius: 39.5px !important;
}

#upload-confirm-mobile-button {
  margin: 12px 0px !important;
  font-size: 12px !important;
  padding: 9px 32px !important;
  line-height: 1 !important;
  letter-spacing: normal;
  color: #333;
}

.upload-content {
  padding-top: 1px;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  text-align: left !important;
}

.upload-content {
  align-items: flex-start;
  padding: 0px 12px !important;
}

button.upload-text-add-button {
  float: left;
  margin: 0px 0px 12px !important;
}

button#upload-confirm-browser-button {
  float: left;
  margin: 12px 0px 12px !important;
  padding: 9px 32px !important;
  min-height: 0px !important;
  color: #333;
}

button#upload-confirm-mobile-button {
  height: auto;
  width: auto;
  min-width: 0px !important;
  min-height: 0px !important;
}

.upload-img-delete {
  content: url(../../Icons/atoms-controls-action-delete.png);
  float: right;
  width: 24px;
  height: 24px;
}

main#upload-main-footer {
  padding-left: 0px !important;
}

[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-message-row.bot,
[data-cognigy-webchat-root]
  [data-cognigy-webchat].webchat
  .webchat-message-row.user {
  margin-top: 0px !important;
}

.webchat-quick-reply-template-root {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}

[data-cognigy-webchat-root] .webchat-message-row > .webchat-avatar,
.regular-message,
.webchat-quick-reply-template-header-message {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.upload-header {
  margin-top: 4px !important;
}

#upload-selected-button-browser-view > button {
  height: auto !important;
  min-height: 0px !important;
}

.upload-name-file {
  width: 13em !important;
  font-size: 12px !important;
  line-height: 1.33 !important;
  color: #4d4d4d;
  margin-block-start: 6px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: initial;
  font-weight: 600 !important;
}

#upload-selected-button-browser-view > button {
  height: auto !important;
  min-height: 0px !important;
}

.upload-buttons-browser {
  display: grid;
  padding-right: 12px !important;
}

header.upload-header {
  padding: 7px 12px !important;
  min-height: 0px !important;
}

/*----------------------------- CMS -------------------------------------*/
.tfm--container-ancla-link {
  display: none;
}