
/* Implementation-wide styling for "chatbot-v5" */
/* FONTS */
@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: normal;
  font-weight: 500;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: italic;
  font-weight: 500;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-MediumIt.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-Demi.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-DemiIt.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next LT Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Avenir Next LT Pro'),
    url('https://www.handels.se/dist/fonts/avenir/AvenirNextLTPro-BoldIt.woff') format('woff');
  font-display: swap;
}
.humany-widget /* all elements */ {
    font-family: 'Avenir Next LT Pro', Arial !important;
}

.humany-widget .humany-component-widget-header  > div:nth-child(2) {
  overflow: hidden !important;
}

.humany-widget .humany-conversation-entry p {
    text-align: right;
        font-weight: bold;
}

.humany-widget .humany-agent-avatar {
    display: none;
}

.humany-widget .humany-conversation-agent-message {
    margin-left: 10%;
    width: 80%;
}

.humany_mimav5auth .humany-view, .humany_mimav5 .humany-view {
    background-color: #fff2ee
}

.humany_mimav5auth .humany-component-widget-header h1, .humany_mimav5 .humany-component-widget-header h1
{
    color: #FC9B79;
    font-size: 26px;
    font-weight: 700;
    font-style: italic;
    font-family: 'Avenir Next LT Pro', Arial;
    margin: 0px;
}

.humany-widget .humany-component-copyright
{
    display:none;
}

.humany-widget button.dialog-option-cx:hover {
    background-color: #002d3c;
    color: white;
    box-shadow: 0px 0px 0px 4px #F5DCDC;
}



.humany-widget .humany-message-content button.dialog-option-cx {
    text-decoration: none;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
}


.humany-widget button.dialog-option-cx {
    display: block;
    background-color: transparent;
    text-decoration: none;
    padding: 4.5px 10px;
    border-radius: 20px;
    border: 2px solid #002d3c;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.humany-widget .humany-message-content div div {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.humany_mimav5, .humany_mimav5auth, .humany-component-root-area {
    z-index:20;
}
