/* css version 3.3.0.37.12 */

@charset "UTF-8";

.teneo-web-chat #twc-chat-window {
    --primary-color: #e13205;
    --agent-message-fg-color: #3a3a3a;
    --agent-message-bg-color: #F6F6F6;
    --agent-typing-indicator-bg-color: #F6F6F6;
    --agent-typing-indicator-fg-color: #3a3a3a;
    --launch-button-bg-color: #e13205;
    --header-bg-color: #ffffff;
    --header-fg-color: #3F3F40;
    --user-message-bg-color: #FCECE7;
    --user-message-fg-color: #3a3a3a;
    --bot-message-bg-color: #F6F6F6;
    --bot-message-fg-color: #3a3a3a;
    --text-link-color: #cf2e05;
    --uploadicon-fg-color: #ffffff;
    --primary-font: 'ICA Text';
    font-family: 'ICA Text';
}

@font-face {
    font-family: 'ICA Rubrik';
    src: url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICARubrik_V2/ICARubrik-Regular.eot);
    src: url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICARubrik_V2/ICARubrik-Regular.woff2) format("woff2"), url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICARubrik_V2/ICARubrik-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'ICA Rubrik';
    src: url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICARubrik_V2/ICARubrik-Black.eot);
    src: url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICARubrik_V2/ICARubrik-Black.woff2) format("woff2"), url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICARubrik_V2/ICARubrik-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'ICA Text';
    src: url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICAText_Ny/ICATextNy-Regular.eot);
    src: url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICAText_Ny/ICATextNy-Regular.woff2) format("woff2"), url(https://assets.icanet.se/raw/upload/fonts/ica-atoms/ICAText_Ny/ICATextNy-Regular.woff) format("woff");
}

.teneo-web-chat * {
    box-sizing: content-box;
}

body .twc-text-message a {
    text-decoration: none;
}

body .twc-text-message a:hover {
    text-decoration: none;
    color: #f088b6;
}

body .teneo-web-chat .twc-launch-button,
body .teneo-web-chat .twc-launch-button.twc-closed,
body .teneo-web-chat .twc-launch-button.twc-minimized {
    border-radius: 100%;
    height: 64px;
    width: 64px;
    border: 0;
    background-color: #e13205;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #fff;
    font-weight: 900;
    z-index: 1;
    font-size: 16px;
    font-family: 'ICA Rubrik', Arial, Helvetica, sans-serif;
    position: fixed;
    top: unset;
    left: unset;
    bottom: 1.875rem;
    right: 1.875rem;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 24%);
    text-align: center;
    opacity: 0;
    animation: 590ms ease-in bubble 0.5s forwards !important;
    animation-fill-mode: forwards;
    box-sizing: border-box;
}

body .teneo-web-chat .twc-launch-button__open-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
}

body .twc-launch-button:hover,
body .twc-launch-button:focus {
    background: #f088b6 !important;
    border-color: #f088b6 !important;
    transform: none !important;
}

body .twc-launch-button:hover .twc-launch-button__open-icon,
body .twc-launch-button:focus .twc-launch-button__open-icon {
    background: #f088b6 !important;
    border-color: #f088b6 !important;
    transform: none !important;
}

/* CHAT WINDOW */

body .teneo-web-chat .twc-chat-window {
    height: 100%;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    background: var(--chat-window-bg-color, #fff);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s ease-in-out;
    z-index: 120;
    width: 390px;
    max-height: 667px;
}


/* HEADER */


/* banner icon */

body .teneo-web-chat .twc-chat-window .twc-header__img {
    display: none;
}


/* Header title text */

body .teneo-web-chat .twc-chat-window .twc-header__title {
    font-family: 'ICA Rubrik', Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: none;
    margin-bottom: 0;
    position: relative;
    left: 5px;
    color: #3f3f40;
    line-height: 35px;
}


/* Header banner bar */

body .teneo-web-chat .twc-chat-window .twc-header {
    min-height: 60px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    box-shadow: none;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    z-index: 2;
}


/* Header minimize icon */

body .teneo-web-chat .twc-header__minimize-icon {
    height: 32px;
    width: 32px;
    stroke-width: 1;
    border-radius: 16px !important;
    position: relative;
    background-image: url(https://assets.icanet.se/image/upload/v1592490640/digitalassistent/icons/ica-angle-down.svg);
    right: 0;
}


/* Header maximize icon */

body .teneo-web-chat .twc-header__close-icon {
    z-index: 3000 !important;
    height: 32px;
    width: 32px;
    stroke-width: 1;
    border-radius: 16px !important;
    background-image: url(https://assets.icanet.se/image/upload/v1592490640/digitalassistent/icons/ica-close.svg);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/* Header close icon */

body .teneo-web-chat .twc-header__close-button {
    z-index: 3000 !important;
}


/* Header maximize and minimize arrow drawing class */

body .teneo-web-chat line {
    display: none;
}


/* CHAT BUBBLES */


/* Entire chat bubble */

.message-list {
    padding: 10px;
    border-radius: 16px !important;
    margin-top: 8px;
    margin-bottom: 8px;
}


/* Output from Teneo solution text box */

body .teneo-web-chat .twc-text-message.bot {
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    width: 100%;
    border-radius: 16px !important;
}


/* Input from user text box */

body .teneo-web-chat .twc-text-message.user {
    background: #fcece7;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    border-radius: 16px !important;
    font-weight: lighter !important;
}

body .twc-text-message {
    font-size: 16px;
    max-width: 210px;
    word-wrap: break-word;
}

body .teneo-web-chat .twc-text-message {
    border-radius: 16px !important;
}

body .twc-text-message p:last-child {
    margin-bottom: 0.4rem;
}


/* Hide time span above the message from Teneo */

.twc-dateline {
    visibility: hidden;
    display: none;
}


/* BUTTONS */


/* Box of buttons container */

body .teneo-web-chat .twc-buttons {
    border-radius: 24px !important;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
}


/* Button element */

body .teneo-web-chat .twc-btn {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px !important;
    min-width: 214px;
    display: inline-block;
    margin: 3px;
    text-decoration: none;
    margin-left: 40px !important;
    margin-right: 40px !important;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    background-color: #E13205;
    border-color: #E13205;
    max-width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF
}


/* "Ja" and "Nej" buttons during runtime */

body .teneo-web-chat .twc-btn.twc-danger {
    background: #e13205;
    border-color: #e13205;
    min-width: 81px;
    border-radius: 24px !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
    display: inline-block;
    right: 10px;
}


/* "Ja" and "Nej" buttons hovering */

body .teneo-web-chat .twc-buttons:not(.twc-expired) .twc-btn.twc-danger:hover {
    color: #fff !important;
}

/* expired buttons unselected */

/* primary button expired */
body .twc-buttons.twc-expired .twc-btn,
body .twc-buttons.twc-expired .twc-btn:hover,
body .twc-quickreply-message.twc-expired .twc-quickreply-message__item:not(.twc-selected) {
    background-color: #FFFFFF !important;
    color: #868686 !important;
    border: 1px solid #868686 !important;
}

/* secondary button expired  */
body .twc-buttons.twc-expired .twc-btn.twc-secondary,
body .twc-quickreply-message.twc-expired .twc-quickreply-message__item:not(.twc-selected) {
    background-color: #FFFFFF !important;
    color: #BDBBB9 !important;
    border: 1px solid #BDBBB9 !important;
}

/* When hovering over chat window buttons */

body .teneo-web-chat .twc-buttons.selected,
body .twc-buttons:not(.twc-expired) .twc-btn:hover {
    background: #f088b6;
    border-color: #f088b6;
    color: #fff !important;
}


/* Secondary buttons styling */

body .teneo-web-chat .twc-btn.twc-secondary {
    background: #FCECE7;
    border-color: #FCECE7;
    color: #CF2E05;
    min-width: 81px;
    border-radius: 24px !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
    display: inline-block;
    right: 10px;
}

body .teneo-web-chat .twc-buttons:not(.twc-expired) .twc-btn.twc-secondary:hover {
    background: #f088b6;
    border-color: #f088b6;
    color: #fff !important;
}


/* Link buttons styling */

body .teneo-web-chat .twc-linkbuttons {
    margin: 0 !important;
    margin-right: 0 !important;
}

body .teneo-web-chat .twc-linkbutton {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px !important;
    display: inline-block;
    margin: 3px;
    text-decoration: none;
    margin-left: 40px !important;
    margin-right: 40px !important;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    background: #E13205 !important;
    border-color: #E13205 !important;
    color: #fff !important;
    max-width: 236.4px;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 236.4px;
}

body .teneo-web-chat .twc-linkbutton:hover {
    background: #f088b6 !important;
    border-color: #f088b6 !important;
    color: #fff;
}

/* Quick reply buttons */

body .twc-quickreply-message {
    text-align: center;
    padding-left: 0px !important;
    margin: 0px 0px 15px 0px;
}

.twc-quickreply-message.twc-expired {
    display: none !important;
}

.twc-quickreply-message a {
    color: #CF2E05 !important;
    background-color: white;
    border-color: #CF2E05 !important;
    min-width: 30px;
}

.twc-quickreply-message a:hover {
    color: #fff !important;
    background-color: white;
    border-color: #f088b6 !important;
    text-decoration: none;
}

body .twc-quickreply-message__item {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* padding: 0.2rem 0.75rem; */
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px !important;
    text-decoration: none;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    background-color: #fff;
    /* border-color: #eb1f07; */
    /* color: #fff; */
    margin: 0px 3px 8px 3px !important;
}

.twc-quickreply-message__item {
    border: 1px solid #4e8cff;
    border: 1px solid var(--quickreply-border-color, #4e8cff);
    border-radius: 16px;
    padding: 6px 16px !important;
    color: #4e8cff;
    color: var(--quickreply-fg-color, #4e8cff);
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    margin: 3px;
}

body .twc-quickreply-message.twc-expired a.twc-quickreply-message__item {
    background: #fff;
}

body .twc-quickreply-message:not(.twc-expired) a.twc-quickreply-message__item:hover {
    background: #f088b6 !important;
    border-color: #f088b6;
    color: #fff;
}

/* Send button */

body .teneo-web-chat .twc-user-input__button {
    background-color: #eb1f07;
    background-position: center;
    background-size: 26px;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    max-width: 32px;
    position: relative;
    top: 18px;
    right: 16px;
}

body .teneo-web-chat .twc-user-input__send-icon {
    height: 21px;
    width: 21px;
    margin-left: 0;
    margin-top: 2px;
}

body .teneo-web-chat .twc-user-input__button:hover {
    color: #fff;
    background-color: #f088b6;
}


/* ICONS */


/* Bot avatar */

body .twc-avatar {
    min-width: 28px;
    min-height: 28px;
    width: 24px;
    height: 24px;
    box-sizing: content-box !important;
}

body .teneo-web-chat .twc-avatar {
    background: #ffe7f2;
    padding: 4px;
}


/* Start button on webpage */

body .teneo-web-chat .twc-launch-button.closed {
    border-radius: 100%;
    height: 81px;
    width: 81px;
    border: 0;
    background-color: #e13205;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
    position: fixed;
    top: unset;
    left: unset;
    bottom: 5%;
    right: 5%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
}


/* USER INPUT BOX */


/* Manually alter the input box message and styling */

body .teneo-web-chat .twc-user-input__text:empty:before {
    display: block;
    -webkit-filter: contrast(15%);
    filter: contrast(15%);
    outline: none;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
}


/* Remove border radius for user input box */

body .teneo-web-chat .twc-user-input {
    border-radius: 0;
    background: #fff;
    border-top: 1px solid #eaeaea;
    min-height: 70px;
}

body #twc-user-input-field {
    font-size: 16px;
    border: 0px;
    box-shadow: none;
}

body button.twc-header__minimize-button,
body button.twc-header__close-button {
    height: 34px !important;
    width: 34px !important;
    max-height: 34px;
    border: 1px solid transparent !important;
    margin-right: 5px !important;
}

body .twc-avatar img {
    width: 28px;
    height: 28px;
}


/* v3.3.0 fixes */

body .twc-user-input__send-icon-wrapper {
    width: 32px !important;
    height: 32px !important;
}

body .twc-message.twc-agent .twc-typing-message {
    --light-fg-color: #3a3a3a !important;
}


/* Feedback / Modal window */

body .twc-modal {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    max-height: 100%;
    height: 100%;
    width: 100%;
    z-index: 1;
}

body .twc-modal-content {
    height: 100%;
    box-shadow: 0 2px 10px 0 rgba(255, 255, 255, 1) !important;
    border-style: none !important;
}

body .twc-modal-content .twc-buttons {
    padding: 0 0 20px 0;
}

body .twc-modal-title {
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

body .twc-modal-text {
    font-family: 'ICA Rubrik', Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    margin-top: 15px;
}


/* Combo messages styling */

body .teneo-web-chat .twc-combo {
    padding-bottom: 10px;
}

body .teneo-web-chat .twc-combo-message {
    padding-bottom: 0;
}


/* External Link styling, adding leave site icon */

body .teneo-web-chat .twc-linkbuttons a[target="_blank"]::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI2MDIiIHdpZHRoPSI4MDIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18xIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPgogICA8cGF0aCBzdHJva2U9Im51bGwiIGlkPSJzdmdfMiIgZD0ibTAsMGwzMiwwbDAsMzJsLTMyLDBsMCwtMzJ6IiBmaWxsPSJub25lIi8+CiAgIDxwYXRoIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18zIiBkPSJtMjYuMjQxODgsMTMuMjc2NTNhMC4zNTgwMiwwLjM1ODAyIDAgMCAwIC0wLjM1ODAyLDAuMzU4MDJsMCwxNS4zOTQ4M2wtMjIuOTEzMjQsMGwwLC0yMi45MTMyNGwxNS4zOTQ4MywwYTAuMzU4MDIsMC4zNTgwMiAwIDAgMCAwLjM1ODAyLC0wLjM1ODAybDAsLTIuMTQ4MTJhMC4zNTgwMiwwLjM1ODAyIDAgMCAwIC0wLjM1ODAyLC0wLjM1ODAybC0xNy45MDA5NywwYTAuMzU4MDIsMC4zNTgwMiAwIDAgMCAtMC4zNTgwMiwwLjM1ODAybDAsMjcuOTI1NTFjMCwwLjE5NzYzIDAuMTYwMzksMC4zNTgwMiAwLjM1ODAyLDAuMzU4MDJsMjcuOTI1NTEsMGEwLjM1ODAyLDAuMzU4MDIgMCAwIDAgMC4zNTgwMiwtMC4zNTgwMmwwLC0xNy45MDA5N2EwLjM1ODAyLDAuMzU4MDIgMCAwIDAgLTAuMzU4MDIsLTAuMzU4MDJsLTIuMTQ4MTIsMHptLTQuMjk2MjMsLTEyLjg4ODdhMC4zNTgwMiwwLjM1ODAyIDAgMCAwIC0wLjM1ODAyLDAuMzU4MDJsMCwyLjE0ODEyYzAsMC4xOTc2MyAwLjE2MDM5LDAuMzU4MDIgMC4zNTgwMiwwLjM1ODAybDQuNzc3NDEsMGwtMTEuNDU2NjIsMTEuNDU2NjJhMC4zNTgwMiwwLjM1ODAyIDAgMCAwIDAsMC41MDY5NmwxLjUxOCwxLjUxOGEwLjM1ODAyLDAuMzU4MDIgMCAwIDAgMC41MDY5NiwwbDExLjQ1NjYyLC0xMS40NTY2MmwwLDQuNzc3NDFjMCwwLjE5NzYzIDAuMTYwMzksMC4zNTgwMiAwLjM1ODAyLDAuMzU4MDJsMi4xNDgxMiwwYTAuMzU4MDIsMC4zNTgwMiAwIDAgMCAwLjM1ODAyLC0wLjM1ODAybDAsLTkuMzA4NWEwLjM1ODAyLDAuMzU4MDIgMCAwIDAgLTAuMzU4MDIsLTAuMzU4MDJsLTkuMzA4NSwweiIgZmlsbD0iI2ZmZmZmZiIvPgogIDwvZz4KIDwvZz4KPC9zdmc+");
    background-size: 13px 13px;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 0 0 4px;
    content: "";
    filter: initial !important;
    fill: white !important;
    margin-right: 5px;
}


/* Expired buttons selected */

/* primary button selected  */
body .twc-buttons.twc-expired .twc-btn.twc-selected,
body .twc-quickreply-message.twc-expired .twc-quickreply-message__item.twc-selected {
    background-color: #EDEDED !important;
    color: #868686 !important;
    border-color: #EDEDED !important;
}


/* Video styling */

body .teneo-web-chat .twc-youtube-video {
    width: 14.75rem;
    margin-right: 2.5rem;
    min-width: 14.75rem;
    margin-left: 2.6875rem;
}

body .teneo-web-chat .twc-file-video {
    width: 14.75rem;
    margin-right: 2.5rem;
    min-width: 14.75rem;
    margin-left: 2.6875rem;
}

body .teneo-web-chat .twc-file-video video {
    border-radius: 0.5rem;
}


/* Image styling */

body .teneo-web-chat .twc-image-message {
    width: 14.75rem;
    margin-right: 2.5rem;
    margin-left: 2.6875rem;
}

body .teneo-web-chat .twc-image-message img {
    border-radius: 0.5rem;
}


/* Attachment icon */

body .teneo-web-chat .twc-user-input__button .twc-user-input__upload-icon-wrapper .twc-user-input__upload-icon {
    width: 21px;
    height: 21px;
    margin-top: 3px;
}


/*Lightbox styling*/

.twc-lightbox {
    z-index: 9999 !important;
}

#teneo-web-chat-hello-bubble {
    right: 1.875rem;
    bottom: 6.5rem;
    position: fixed;
    background-color: #fff;
    color: #3a3a3a;
    font-weight: normal;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 24%);
    font-family: ICA Text, sans-serif;
    line-height: 1;
    border-radius: 3.125rem;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    opacity: 0;
    appearance: none;
    border: 0;
    fill: #fff;
    visibility: hidden;
    animation-fill-mode: forwards;
    animation: 600ms jumpien 2.5s forwards, 400ms jumpout 6s forwards;
    cursor: pointer;
    transform-origin: left bottom;
}

#teneo-web-chat-hello-bubble:hover {
    animation-play-state: paused;
}

#icatwc-feedback-bubble {
    right: 1.875rem;
    bottom: 6.5rem;
    position: fixed;
    background-color: #fff;
    color: #3a3a3a;
    font-weight: normal;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 24%);
    font-family: ICA Text, sans-serif;
    line-height: 1;
    border-radius: 3.125rem;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    opacity: 0;
    appearance: none;
    border: 0;
    fill: #fff;
    visibility: hidden;
    animation-fill-mode: forwards;
    animation: 600ms jumpien 1s forwards, 400ms jumpout 5s forwards;
    cursor: pointer;
    overflow: hidden;
    transform-origin: left bottom;
}

@keyframes bubble {
    0% {
        transform: scale(.1);
        opacity: 0;
    }

    60% {
        transform: scale(1.1);
        opacity: 1;
    }

    80% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes jumpien {
    0% {
        opacity: 0;
        visibility: visible;
        bottom: 5.125rem;
    }

    60% {
        visibility: visible;
        bottom: 7rem;
    }

    80% {
        visibility: visible;
        bottom: 6.25rem;
    }

    100% {
        opacity: 100%;
        visibility: visible;
        bottom: 6.5rem;
    }
}

@keyframes jumpout {
    0% {
        visibility: visible;
        bottom: 6.5rem;
        opacity: 100%;
    }

    100% {
        visibility: visible;
        bottom: 5.125rem;
        opacity: 0;
    }
}

/*unread message bubble for livechat*/
#teneo-web-chat-unread-message-bubble {
    position: fixed;
    background-color: #FFE7F2;
    color: var(--primary-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    font-family: ICA Text, sans-serif;
    opacity: 0;
    margin-bottom: 53px;
    margin-left: 37px;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 24%);
    z-index: 3001;
}

/*bounce animation for unread message bubble*/
@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    5% {
        transform: translateY(-15px);
    }

    10% {
        transform: translateY(2px);
    }

    12% {
        transform: translateY(-3px);
    }

    14% {
        transform: translateY(0);
    }
}
  
#icatwc-thumbs-up {
    height: 3.75rem;
    width: 3.75rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    background-color: #eb1f07;
    border-radius: 50%;
    border: none;
    background-image: url("https://assets.icanet.se/image/upload/v1625043817/digitalassistent/icons/SocialMedia--white.svg");
    background-size: 40px;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    display: inline-block;
    box-sizing: border-box;
}

#icatwc-thumbs-up:hover {
    background-color: #f088b6;
    cursor: pointer;
}

#icatwc-thumbs-down {
    height: 3.75rem;
    width: 3.75rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    background-color: #eb1f07;
    border-radius: 50%;
    border: none;
    background-image: url("https://assets.icanet.se/image/upload/v1625043817/digitalassistent/icons/SocialMedia--white.svg");
    background-size: 40px;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    transform: scale(-1, -1);
    display: inline-block;
    box-sizing: border-box;
}

#icatwc-thumbs-down:hover {
    background-color: #f088b6;
    cursor: pointer;
}

#icatwc-thumbs-down.isPressed {
    background-color: #942316;
}

#icatwc-thumbs-up.isPressed {
    background-color: #e9eaf2;
}

#icatwc-thumbs-up.isPressed:hover {
    background-color: #E13205;
}

#icatwc-close-modal-text {
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    color: #eb1f07;
    display: block;
}

#icatwc-close-modal-text:hover,
#icatwc-back-to-chat-text:hover {
    color: #f088b6;
    cursor: pointer;
}

#icatwc-back-to-chat-text {
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    color: #eb1f07;
    position: absolute;
    width: 100%;
    left: 0%;
    bottom: 7%;
    display: block;
}

#icatwc-back-to-chat-text:before {
    background-image: url("https://assets.icanet.se/image/upload/v1625043088/digitalassistent/icons/ArrowLeft--red.svg");
    content: "";
    background-size: 20px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background-position-x: center;
}

#icatwc-back-to-chat-text:hover:before {
    background-image: url("https://assets.icanet.se/image/upload/v1625499326/digitalassistent/icons/ArrowLeft--pink.svg");
    content: "";
    background-size: 20px;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    background-position-x: center;
}

#icatwc-feedback-box {
    font-size: 16px;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    width: 100%;
    height: 6rem;
    padding: 0.6rem;
    margin-bottom: 0.5rem;
    border: 1px solid #bdbbb9;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #f3f3f3;
    display: block;
    outline: none;
}

#icatwc-feedback-box:focus {
    border: 1px solid #bdbbb9;
}

#icatwc-confirm-button {
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: white;
    width: 100%;
    height: 2rem;
    border-radius: 24px !important;
    box-sizing: border-box;
    padding: 0.375rem 0.75rem;
    background-color: #eb1f07;
    display: inline-block;
}

#icatwc-confirm-button:hover {
    background-color: #f088b6;
    cursor: pointer;
}

body .twc-modal-body {
    margin-top: 4rem;
    padding: 55px 14px 6px 14px !important;
}

/* #twc-live-chat-button {
    --primary-color: #e13205;
    --agent-message-fg-color: #3a3a3a;
    --agent-message-bg-color: #F6F6F6;
    --agent-typing-indicator-bg-color: #F6F6F6;
    --agent-typing-indicator-fg-color: #3a3a3a;
    --launch-button-bg-color: #e13205;
    --header-bg-color: #ffffff;
    --header-fg-color: #3F3F40;
    --user-message-bg-color: #FCECE7;
    --user-message-fg-color: #3a3a3a;
    --bot-message-bg-color: #F6F6F6;
    --bot-message-fg-color: #3a3a3a;
    --text-link-color: #cf2e05;
    --uploadicon-fg-color: #ffffff;
    --primary-font: 'ICA Text';
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px !important;
    min-width: 214px;
    display: inline-block;
    margin: 3px;
    text-decoration: none;
    margin-left: 40px !important;
    margin-right: 40px !important;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    background-color: #eb1f07;
    border-style: solid;
    border-color: #eb1f07;
    max-width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 30%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
} */


/*.twc-card {
    border: none;
    border-radius: 24px;
    box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 24%);
}

.twc-card-img img {
    object-fit: fill;
    margin: 10px 10px 10px 10px;
}

.twc-card-body h5 {
    font-family: 'ICA Rubrik', Arial, Helvetica, sans-serif !important;
    font-size: 30px;
    font-weight: 900;
}

.twc-card-text {
    font-family: 'ICA Rubrik', Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    font-weight: 500;
}

.twc-card .twc-linkbuttons {
    border: none;
}

.twc-card .twc-linkbuttons .twc-linkbutton {
    margin-left: 0px !important;
}

.twc-card .twc-linkbuttons .twc-linkbutton::before {
    content: none !important;
}

.twc-card .twc-linkbuttons .twc-linkbutton:hover:before {
    content: none;
}*/

.twc-form {
    background: #f6f6f6;
    /* display: flex; */
    /* flex-direction: column; */
    /* flex-flow: wrap; */
    border-radius: 16px;
    /* width: 250px; */
    /* flex-wrap: wrap; */
    /* align-items: flex-end; */
    margin-left: 42px;
    margin-right: 40px;
}

.twc-form-label.twc-form-attached-label {
    /* flex-basis: auto; */
    /* line-height: 1.5; */
    /* flex-basis: 150px; */
    margin-left: 49px;
    /* padding-left: 100px; */
    /* padding: 4px 0px 4px 0px; */
    font-weight: 400 !important;
}

.twc-form-label {
    /* flex-basis: 100%; */
    color: #3a3a3a;
    font-size: 16px !important;
    font-family: var(--primary-font);
    /* margin: 8px 5% 5px 5%; */
    /* max-width: 160px !important; */
    width: 125px;
    display: inline-block;
    margin-left: 20px;
    font-weight: 400;

    /* margin-top: -5px; */
}

.twc-form-label.twc-form-attached-label::before {
    content: ' ';
    display: block;
}

.twc-form-input[type=radio] {
    background: var(--form-input-background-color);
    /* margin-left: -2%; */
    margin-top: 1em;
    /* flex-basis: 50px; */
    flex-basis: auto;
    /* height: 0; */
    /* left: -100px; */
    position: relative;
    left: -165px;
    margin-left: -4px !important;
    display: inline-block;
    width: 24px;
    height: 24px;
    /* line-height: 20px; */
    top: -3px;
    accent-color: #008933;
}

.twc-form-control {
    flex: 1 1 auto;
    border-radius: 5px;
    padding: 5px;
    /* margin: 5%; */
    display: inline-block;
    /* left: calc(43% - 50px); */
    position: relative;
    width: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.twc-form-submit {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px !important;
    /* min-width: 214px; */
    display: inline-block;
    margin: 3px;
    text-decoration: none;
    margin-left: 40px !important;
    margin-right: -10px !important;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    max-width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #cf2e05 !important;
    border-color: #cf2e05;
    border-style: solid !important;
    left: -25px;
    width: 160px;
}

.twc-form-cancel {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px !important;
    /* min-width: 214px; */
    display: inline-block;
    margin: 3px;
    text-decoration: none;
    margin-left: 40px !important;
    margin-right: -10px !important;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    background-color: #ffffff !important;
    border-color: #ffffff;
    color: #cf2e05 !important;
    max-width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-style: solid !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    left: -25px;
    width: 160px;
}

.twc-form-submit:hover,
.twc-form-cancel:hover {
    background: #f088b6 !important;
    border-color: #f088b6;
    color: #ffffff !important;
}

.twc-form-submit:disabled,
.twc-form-cancel:disabled {
    background-color: #ffffff !important;
    color: #bdbbb9 !important;
    border-color: #bdbbb9;
    cursor: auto;
}

.twc-form-cancel {
    margin-bottom: 15px
}


.twc-form-textarea {
    background: #ffffff !important;
    border: 1px solid #bdbbb9;
    resize: none;
    height: 100px;
    font-family: 'ICA Text', Arial, Helvetica, sans-serif !important;
    border-radius: 5px;
    margin: 0px 18px 5px 18px;
    box-sizing: border-box;
    padding: 8px 12px;
    line-height: 18px;
    font-size: 16px;
}

.twc-link-preview {
    width: 278px;
    margin-left: 40px;
    background-color: #fff;
}

.twc-link-preview-left-column {
    background: #fff;
    min-width: 100%;
    height: 180px !important;
    border-radius: 16px 16px 0px 0px;
}

.twc-link-preview-img {
    /* -o-object-fit: contain !important; */
    object-fit: fill;
    max-width: 100% !important;
    border-radius: 16px 16px 0px 0px;
    width: 100%;
    border: 0.25px solid #BDBBB9;
}

.twc-link-preview-right-column {
    align-items: flex-start;
    width: 100%;
    background: #F6F6F6;
    border-width: 0px 0.25px 0.25px 0.25px;
    border-style: solid;
    border-color: #BDBBB9;
    border-radius: 0px 0px 16px 16px;
    box-sizing: border-box;
}

.twc-link-preview-title {
    padding: 0px 16px 0px 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #3A3A3A;
    margin-bottom: 0px;
    margin: 0px !important;
    margin-bottom: 2px !important;
    padding-top: 8px !important;
}

.twc-link-preview-domain {
    color: #626262;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 0px 0px 8px 8px;
    margin-left: 8px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.twc-link-preview-description {
    display: none;
}

/* cards */
.twc-carousel {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    border-radius: 5px;
    background: none;
    width: 1000px;
    /* margin-left: 23px; */
}

.twc-card {
    margin: 0 auto;
    border: 0.25px solid #BDBBB9 !important;
    border-radius: 16px 16px 16px 16px !important;
    width: 278px;
    margin-left: 40px;
}

.twc-carousel-list-item .twc-card {
    margin-left: 0px;
}

.twc-card-body {
    padding: 8px 16px 16px 16px;
    height: 104px;
    max-height: 104px;
}

.twc-card-body h5,
.twc-card .twc-card-body h6 {
    margin-bottom: 0px;
}

/* cards navigation container */
.twc-carousel-ctrl {
    position: relative;
    top: 96px;
    height: 0px;
    padding: 0px;
    visibility: hidden;
}

.twc-carousel-ctrl-dots-container {
    display: none;
}

/* list items */
.twc-carousel-list {
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    /* padding: 8px; */
    padding-top: 0px;
}

.twc-carousel-list li:first-child {
    margin-left: 28px;
}

.twc-carousel-list-item {
    padding: 0px 8px 0px 0px;
    width: 280px;
    transform: translateX(4%);
}

/* buttons */
.twc-card .twc-buttons {
    margin: 0;
    padding: 0;
    border: none;
}

.twc-card .twc-buttons {
    border: none;
    padding-top: 0px;
}

.twc-card .twc-buttons .twc-btn {
    float: left;
    margin-bottom: unset;
    margin-top: unset;
    height: 32px;
    width: 246px;
    max-width: unset;
    padding: unset;
    margin-left: 16px !important;
    margin-right: 16px !important;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.twc-card .twc-buttons .twc-btn.twc-secondary {
    float: left;
    height: 32px;
    width: 246px;
    max-width: unset;
    padding: unset;
    margin: 8px 16px 16px 16px !important;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

/* cards arrows */
.twc-carousel-ctrl-arrows {
    visibility: visible;
    color: transparent !important;
    flex: unset;
    z-index: 999;
}

.twc-carousel-bck {
    background-image: url("https://calm-hill-02d934703-dev.westeurope.2.azurestaticapps.net/assets/icons/AngleLeft.svg");
    content: '';
    visibility: visible;
    height: 48px;
    width: 48px;
    background-color: #FCECE7;
    border-radius: 50%;
    background-repeat: no-repeat;
    padding: 0;
    background-position: center;
    position: relative;
    left: 3.5%;
}

.twc-carousel-bck:disabled {
    visibility: hidden;
}

.twc-carousel-fwd {
    background-image: url("https://calm-hill-02d934703-dev.westeurope.2.azurestaticapps.net/assets/icons/AngleRight.svg");
    content: '';
    visibility: visible;
    height: 48px;
    width: 48px;
    background-color: #FCECE7;
    border-radius: 50%;
    background-repeat: no-repeat;
    padding: 0;
    background-position: center;
    position: relative;
    left: 250px;
}

.twc-carousel-fwd:disabled {
    visibility: hidden;
}

/* cards img */
.twc-card-img img {
    -o-object-fit: cover;
    object-fit: contain;
    width: unset;
    height: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    height: 180px;
    width: 278px;
}

.twc-card-img {
    border-bottom: 0.25px solid #BDBBB9;
}


/* cards text */
.twc-card-title {
    font-family: 'ICA Rubrik' !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #3A3A3A !important;
}

.twc-card-text {
    font-family: 'ICA Text' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #3A3A3A !important;
    height: 72px;
    margin: 0px;
}

.twc-card-spacer {
    height: 0px !important;
}


/* updated ica styling */

/*
set margin to 16 

set the teneo image to 32x32 and the image to 24x24

set margin from chat icon to message from 6px to 8px

removed extra margin right from bot message

made text message box width from bot 262px

made text message box width from user 262px

set twc button width to 262px

*/

body .twc-message {
    margin: auto 16px !important;
}

body .twc-avatar {
    min-width: 24px !important;
    min-height: 24px !important;
}

body .twc-avatar img {
    width: 24px !important;
    height: 24px !important;
}

.twc-message.twc-bot .twc-avatar,
.twc-message.twc-agent .twc-avatar {
    margin-right: 8px !important;
}


.twc-message.twc-bot .twc-text-message {
    margin-right: 0px !important;
}

body .twc-text-message {
    max-width: 226px !important;
}

body .teneo-web-chat .twc-btn {
    min-width: 236.4px !important;
    max-width: 236.4px !important;
}

.twc-message.twc-user .twc-text-message-wrapper {
    max-width: 262px !important;
}

/* Mobile minimize and close controls */

@media (max-width: 450px) {

    body button.twc-header__minimize-button,
    body button.twc-header__close-button {
        height: 34px !important;
        width: 34px !important;
    }
}

/*mobile styling for the feedback window*/
@media (max-width: 450px) {
    body .twc-modal {
        max-height: 100%;
    }

    /* fix for buttons' wrong alignment */
    body .teneo-web-chat .twc-buttons {
        width: 90%;
    }
}

/* CSS specific to iOS devices */
/* @supports (-webkit-touch-callout: none) {
    .twc-form-input[type=radio] {
        margin-left: 7px !important
    }

    .twc-form-label.twc-form-attached-label {
       margin-left: 49px;
    }
} */

@media (max-width: 450px) {
    body .twc-modal {
        max-height: 100%;
    }

    .twc-form-label.twc-form-attached-label {
        /* flex-basis: 150px; */
    }
}


@media (max-width: 280px) {

    /* 280 screen size */
    .twc-form-label.twc-form-attached-label {
        flex-basis: 130px !important;
        margin-left: 49px;
    }

    .twc-form-input[type=radio] {
        position: relative;
        left: -80%;
        top: 7px;
        accent-color: green;
    }
}

@media (max-width: 375px) {

    /* 280 screen size */
    .twc-form-label.twc-form-attached-label {
        flex-basis: 150px !important;
        margin-left: 49px;
    }

    .twc-form-input[type=radio] {
        position: relative;
        left: -195px;
        top: 7px;
        accent-color: green;
    }
}

@media (max-width: 360px) {
    .twc-form-label.twc-form-attached-label {
        flex-basis: 150px !important;
        margin-left: 49px;
    }

    .twc-form-input[type=radio] {
        position: relative;
        left: -185px;
        top: -3px;
        accent-color: green;
    }
}

@media (max-width: 320px) {
    .twc-form-label.twc-form-attached-label {
        flex-basis: 120px !important;
        margin-left: 49px;
    }

    .twc-form-input[type=radio] {
        position: relative;
        left: -155px;
        top: -3px;
        accent-color: green;
    }
}

/* @media screen and (max-width: 414px) {
    .twc-form-input[type=radio] {
     margin-left: -5px !important
     }
 } */

/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
    .twc-form-input[type=radio] {
        margin-left: -4px !important
    }

    .twc-form-label.twc-form-attached-label {
        margin-left: 45px;
    }
}