/*************************************************************************

COLOR TOKENS
- Main file which imports all token variables
- Any change of these tokens requires UX/UI approval

**************************************************************************/
/*************************************************************************

PRIMITIVES
- These are the foundation-level tokens that define a consistent color palette
- Only for assignment to semantic color tokens
- Any change of these tokens requires UX/UI approval

*************************************************************************/
/********************************************************************

COLORS - DEPRECATED
- Do not use anymore
- Replace successively any occurency with contextual color tokens

********************************************************************/
/********************************************************************

Semantics: text color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: icon color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: background color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: border color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/********************************************************************

Semantics: divider color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
/*************************************************************************

Semantics: color tokens for interactive elements

01. Focus state border
02. Link (Inline Link & Standalone Link)
03. Link Footer
04. Button: Primary
05. Button: Secondary
06. Button: Tertiary
07. Button: Icon
08. Button: Select
09. Button: Filter
10. Button: Control
11. Button: Main Navigation Level-1
12. Button: Sub Navigation Level-1
13. Button: Sub Navigation Level-2

**************************************************************************/
/********************************************************************

Semantics: overlay color tokens
Any change of these tokens requires UX/UI approval.

********************************************************************/
@font-face {
  font-family: "VattenfallHall-Regular";
  src: url(../fonts/VattenfallHall-Regular.woff2) format("woff2"), url(../fonts/VattenfallHall-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VattenfallHall-Medium";
  src: url(../fonts/VattenfallHall-Medium.woff2) format("woff2"), url(../fonts/VattenfallHall-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VattenfallHall-Bold";
  src: url(../fonts/VattenfallHall-Bold.woff2) format("woff2"), url(../fonts/VattenfallHall-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "VattenfallHallDisplay-Bold";
  src: url(../fonts/VattenfallHallDisplay-Bold.woff2) format("woff2"), url(../fonts/VattenfallHallDisplay-Bold.woff) format("woff");
  font-display: swap;
}
/*
Mixins for Material Design Shadows

@z-depth: shadow distance on z-axis
@strength: multiplier for shadow strength/darkness

Usage Examples:
Depth of 3: .material-shadow(3)
Depth of 3 with increased strengh: .material-shadow(3,2)
*/
/*
Custom Shadow Variants
*/
.boxshadow--light {
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.clearfix-list > li::after {
  content: " ";
  display: block;
  clear: both;
}
.icon--before--CTALink {
  padding-left: 0.5rem;
  position: relative;
}
.icon--arrow--base,
.icon--arrow:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIZJREFUOE9j+P//PwMpmCTFIINRNAhHLxcA4gB8NsI1QBWfB9L/gTgBlyZkDQZAhe+hGnBqQncSQU0YngbagFcT1lDCpwlnsEI1gfwCw+DQw6dhPpJiUGAY4NQAlMSqGKsGfIqxxTROk2ERiRxxDtjcjB7j6BGXAI1tsAexYcpSKzH5gmQbABRXPPqmwRLhAAAAAElFTkSuQmCC");
}
.icon--arrow--big {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0VCOTJDMkVBNzlCMTFFNDk2MTE4ODEwRDhEMjFENjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0VCOTJDMkZBNzlCMTFFNDk2MTE4ODEwRDhEMjFENjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RUI5MkMyQ0E3OUIxMUU0OTYxMTg4MTBEOEQyMUQ2OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RUI5MkMyREE3OUIxMUU0OTYxMTg4MTBEOEQyMUQ2OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrZ9MTQAAADhSURBVHjadNLPqkFRFMfxTYcUQh7EkxgZGChGDIwMqEu3rhQGZMTEn4mBUCbexEsw1I17u3Hr+K5ap3Q6e9Vn9ttrr/3HyZY2KWNMF2eMjKUcDFDHH34xCwqGccINMUzQsAXnqOKOqG7fDApK7TT8o+MM0UHIH5TaooJvDcsBP4KCUgeUcUUEPa+zEzD3EUXskUZfFoUt1+YqY9taKq/dMvjHp4zgDxaw1tATX/og7vuMMtcKce3U1WtyvSf0Qsu3UBtj/4w1LJDAAy1/yOuYQ1I/hYSmtt/T0U4XW0jqJcAA8lQv982LIRkAAAAASUVORK5CYII=");
}
.icon--arrow {
  display: inline-block;
  min-height: 18px;
  min-width: 12px;
  margin-right: 6px;
  position: relative;
}
.icon--arrow:before {
  content: "";
  position: absolute;
  top: 3px;
  display: block;
  height: 18px;
  width: 12px;
}
.icon--before--arrow {
  position: relative;
}
.icon--before--arrow:before {
  position: absolute;
  left: -18px;
  content: "";
  display: block;
  height: 18px;
  width: 12px;
}
.icon--after--arrow {
  position: relative;
  padding: 20px;
}
.icon--after--arrow:after {
  position: absolute;
  vertical-align: middle;
  display: inline;
  top: 50%;
  left: 0px;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIZJREFUOE9j+P//PwMpmCTFIINRNAhHLxcA4gB8NsI1QBWfB9L/gTgBlyZkDQZAhe+hGnBqQncSQU0YngbagFcT1lDCpwlnsEI1gfwCw+DQw6dhPpJiUGAY4NQAlMSqGKsGfIqxxTROk2ERiRxxDtjcjB7j6BGXAI1tsAexYcpSKzH5gmQbABRXPPqmwRLhAAAAAElFTkSuQmCC");
  display: block;
  height: 18px;
  width: 12px;
}
.icon--before--phone:before,
.icon--before--mail:before,
.icon--before--fax:before {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  font-size: 2.2rem;
  text-decoration: none;
  color: #000000;
}
div.icon--before--phone,
div.icon--before--mail,
div.icon--before--fax {
  padding-left: 2em;
  position: relative;
}
div.icon--before--phone:before,
div.icon--before--mail:before,
div.icon--before--fax:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}
.icon--before--fax::before {
  content: "\EA39";
}
.icon--before--phone:before {
  content: "\EA32";
}
.icon--before--mail:before {
  content: "\EA2D";
}
.icon--pointer {
  cursor: pointer;
}
.svg_icon_plus-white {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1125%20715H785V375h-70v340H375v70h340v340h70V785h340z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.svg_icon_plus {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%201500%201500%22%20enable-background%3D%22new%200%200%201500%201500%22%3E%3Cpath%20fill%3D%22%230085c7%22%20d%3D%22M1125%20715H785V375h-70v340H375v70h340v340h70V785h340z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.svg_icon_house-white {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%201500%201500%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M590.2%20688.716c0%2043.062%2017.13%2082.193%2044.92%20110.96-2.478.925-4.946%201.877-7.396%202.866-38.027%2015.347-70.62%2037.593-96.873%2066.12-23.583%2025.627-41.128%2055.432-52.146%2088.586-11.386%2034.256-15.52%2071.352-12.282%20110.255l34.835%2032.058h497.64l34.855-32.33c2.947-39.115-1.438-76.362-13.034-110.707-11.244-33.305-28.996-63.183-52.762-88.806-26.196-28.244-58.602-50.254-96.314-65.42-2.242-.9-4.5-1.77-6.766-2.62%2027.794-28.766%2044.923-67.897%2044.923-110.96%200-88.114-71.687-159.8-159.8-159.8s-159.8%2071.687-159.8%20159.8zM916.7%20915.26c28.587%2030.82%2044.76%2069.918%2047.583%20114.39H535.62c2.51-44.044%2018.372-82.89%2046.675-113.646%2019.174-20.834%2043.26-37.195%2071.595-48.63%2029.257-11.808%2061.62-17.794%2096.192-17.794%2068.16%200%20127.332%2023.325%20166.616%2065.68zm-76.81-226.544c0%2049.563-40.324%2089.886-89.888%2089.886s-89.887-40.32-89.887-89.886c0-49.563%2040.323-89.885%2089.887-89.885s89.887%2040.322%2089.887%2089.886zm344.315-29.458L774.718%20249.77h-49.436L315.796%20659.26l-10.238%2024.717v530.842l34.956%2034.955h818.97l34.957-34.955V683.975l-10.237-24.717zm-59.674%20520.602H375.47V698.454L750%20323.924l374.53%20374.53v481.406z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.svgsprite {
  display: none;
}
.icon {
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}
.vf-icon {
  font-size: 2.2rem;
  text-decoration: none;
}
.vf-icon-small {
  font-size: 1.5rem;
}
.vf-icon-medium {
  font-size: 6rem;
  line-height: 4rem;
}
.vf-icon-semi-medium {
  font-size: 5rem;
  line-height: 1;
}
.vf-icon-semi-medium[class*="nb_"] {
  margin: 0 1rem;
}
.vf-icon--moveUp:before {
  position: relative;
  top: -0.5rem;
}
.vf-icon--moveDown:before {
  position: relative;
  top: 0.5rem;
}
.icon--bigger {
  font-size: 2.6rem;
}
.icon--bigger2 {
  font-size: 3rem;
}
.icon--bigger3 {
  font-size: 3.4rem;
}
.icon--bigger4 {
  font-size: 3.8rem;
}
.icon--bigger5 {
  font-size: 4.2rem;
}
.icon--before--close-white {
  color: #ffffff;
  position: absolute;
  right: 2rem;
  top: 4rem;
  cursor: pointer;
}
.icon--before--close-white i {
  font-size: 6rem;
}
[data-chat-wrapper] .shadowed {
  -webkit-box-shadow: 0 1em 4em 1em #00000015;
          box-shadow: 0 1em 4em 1em #00000015;
}
[data-chat-wrapper] [data-client] {
  position: fixed;
  z-index: 3200;
  height: 0;
  border: 0;
  -webkit-transition: height ease-in-out 400ms;
  transition: height ease-in-out 400ms;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
}
@media (min-width: 480px) {
  [data-chat-wrapper] [data-client] {
    right: 1.6rem;
    bottom: 3.4rem;
    left: auto;
    width: 36rem;
    -webkit-box-shadow: 0 1em 4em 1em #00000015;
            box-shadow: 0 1em 4em 1em #00000015;
  }
}
@media (min-width: 768px) {
  [data-chat-wrapper] [data-client] {
    right: 2.4rem;
  }
}
[data-chat-wrapper] [data-client].active {
  height: 100%;
}
@media (min-width: 480px) {
  [data-chat-wrapper] [data-client].active {
    max-height: 62rem;
    height: 62rem;
  }
}
[data-chat-wrapper] [data-client].active ~ [data-close] {
  cursor: pointer;
  color: #787676;
}
[data-chat-wrapper] [data-client].active ~ [data-close]:hover {
  color: #515050;
}
body {
  margin: 0;
}
.chatBot-container {
  height: 100vh;
  width: 100vw;
  position: relative;
  background: white;
  padding: 0rem;
}
.chatBot-container button {
  cursor: pointer;
  outline: none;
}
.chatBot-container .ac-image {
  border-radius: 8px;
  margin-bottom: 12px;
}
.chatBot-container .ac-textBlock {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  font-size: inherit !important;
  line-height: inherit !important;
  padding-bottom: 8px;
}
.chatBot-container .ac-input.ac-textInput {
  color: inherit !important;
}
.chatBot-container .ac-actionSet button div,
.chatBot-container span {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
}
.chatBot-container .ac-horizontal-separator {
  display: none !important;
}
.chatBot-container p a {
  color: #2071b5;
}
.chatBot-container .webchat__send-box-text-box__input {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  caret-color: #2071b5 !important;
}
.chatBot-container .webchat__send-box-text-box__input::-webkit-input-placeholder {
  color: #999999 !important;
}
.chatBot-container .webchat__send-box-text-box__input::-moz-placeholder {
  color: #999999 !important;
}
.chatBot-container .webchat__send-box-text-box__input:-ms-input-placeholder {
  color: #999999 !important;
}
.chatBot-container .webchat__send-box-text-box__input::-ms-input-placeholder {
  color: #999999 !important;
}
.chatBot-container .webchat__send-box-text-box__input::placeholder {
  color: #999999 !important;
}
.chatBot-container .webchat__suggested-action__button,
.chatBot-container .webchat__suggested-action {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  color: #2071b5 !important;
  background: #ffffff !important;
  border-color: #e5e5e5 !important;
  font-size: 1rem !important;
  line-height: 2.4rem !important;
  max-width: 100% !important;
  max-height: 2.6rem !important;
  padding: 0 0.8rem !important;
  text-align: center !important;
  cursor: pointer !important;
  border-width: 0.1rem !important;
  border-style: solid !important;
  border-radius: 2rem !important;
  outline: none !important;
}
.chatBot-container .webchat__suggested-action__button:hover,
.chatBot-container .webchat__suggested-action:hover,
.chatBot-container .webchat__suggested-action__button:active,
.chatBot-container .webchat__suggested-action:active {
  background: #2071b5 !important;
  color: #ffffff !important;
  border-color: #2071b5 !important;
}
.chatBot-container .webchat__stacked-layout__content,
.chatBot-container .webchat__bubble {
  overflow: visible !important;
  max-width: 100%;
}
.chatBot-container .webchat__bubble--from-user .webchat__bubble__content {
  min-height: 34px !important;
}
.chatBot-container .webchat__bubble--from-user .webchat__bubble__content:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid #2071b5;
  border-right: 6px solid transparent;
  border-top: 4px solid #2071b5;
  border-bottom: 4px solid transparent;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  left: calc(100% - 12px);
  bottom: 0px;
}
.chatBot-container .webchat__bubble__content {
  margin-bottom: 8px !important;
}
.chatBot-container .webchat__bubble__content:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid #f2f2f2;
  border-right: 6px solid transparent;
  border-top: 4px solid #f2f2f2;
  border-bottom: 4px solid transparent;
  left: 0px;
  bottom: 0px;
}
.chatBot-container .webchat__bubble__content + p {
  padding: 8px 15px !important;
}
.chatBot-container .webchat__bubble__content .markdown {
  padding: 8px 15px !important;
}
.chatBot-container .webchat__bubble__content p {
  font-size: 0.9rem !important;
  line-height: 1.3rem !important;
}
.chatBot-container .webchat__bubble__content .ac-textBlock p {
  font-size: 0.8rem !important;
  line-height: 1.2rem !important;
}
.chatBot-container .webchat__typingIndicator {
  color: #ffda00;
}
.chatBot-container .webchat__stacked-layout__status span {
  color: #ccc;
}
.chatBot-container .webchat__carousel-filmstrip__attachments .webchat__bubble--from-user .webchat__bubble__content {
  border-radius: 17px !important;
}
.chatBot-container .webchat__carousel-filmstrip__attachments .webchat__bubble--from-user .webchat__bubble__content:before {
  content: "";
  border: 0;
}
.chatBot-container .webchat__carousel-filmstrip__attachments .webchat__bubble__content {
  border-radius: 17px !important;
}
.chatBot-container .webchat__carousel-filmstrip__attachments .webchat__bubble__content:before {
  content: "";
  border: 0;
}
.chatBot-container .ac-pushButton.style-default {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 100 !important;
  color: #000000 !important;
  background: #ffda00 !important;
  border-color: #ffda00 !important;
  padding: 0.5rem 0.8rem !important;
  cursor: pointer !important;
  border-width: 0.2rem !important;
  border-style: solid !important;
  border-radius: 2rem !important;
  outline: none !important;
}
.chatBot-container .ac-pushButton.style-default:hover,
.chatBot-container .ac-pushButton.style-default:active {
  background: #ffe966 !important;
  border-color: #ffe966 !important;
}
.chatBot-container .ac-adaptiveCard .ac-image {
  background: #ffffff;
}
.chatBot-container .ac-textInput,
.chatBot-container .ac-numberInput {
  width: 100% !important;
  min-height: 40px !important;
  padding: 0px 10px !important;
  font-size: 14px !important;
  line-height: 14px !important;
  vertical-align: middle !important;
  border: 1px solid #666666 !important;
  margin-bottom: 10px;
}
.chatBot-container--popup {
  height: 100vh;
  width: 100vw;
  position: relative;
  background: white;
  padding: 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.chatBot-container--popup .chatBot-container--popup-msg {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  margin: auto;
  text-align: left;
  height: 180px;
  -webkit-transition: height ease-in-out 400ms;
  transition: height ease-in-out 400ms;
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.chatBot-container--popup .chatBot-container--popup-msg p {
  padding: 1rem 0 0 0;
}
.chatBot-container--popup .chatBot-container--popup-msg .button {
  padding: 0.5rem 8rem;
}
.chatBot-container--popup .button {
  font-size: 14px;
  max-width: 100%;
  min-height: 3.2rem;
  padding: 0.5rem 2.4rem;
  text-align: center;
  cursor: pointer;
  border-width: 0.2rem;
  border-style: solid;
  border-radius: 2rem;
  outline: none;
}
.chatBot-container--popup .button a {
  color: inherit;
  text-decoration: none;
}
.chatBot-container--popup .button,
.chatBot-container--popup .button--primary {
  color: #333333;
  background: #ffda00;
  border-color: #ffda00;
}
.chatBot-container--popup .button:hover,
.chatBot-container--popup .button--primary:hover,
.chatBot-container--popup .button:active,
.chatBot-container--popup .button--primary:active {
  background: #ffe966;
  color: #333333;
  border-color: #ffe966;
}
.chatBot-container--popup .button--secondary {
  color: #ffffff;
  background: #2071b5;
  border-color: #2071b5;
}
.chatBot-container--popup .button--secondary:hover,
.chatBot-container--popup .button--secondary:active {
  background: #1e324f;
  color: #ffffff;
  border-color: #1e324f;
}
.chatBot-container--popup .button--tertiary {
  color: #ffffff;
  background: #666666;
  border-color: #666666;
}
.chatBot-container--popup .button--tertiary:hover,
.chatBot-container--popup .button--tertiary:active {
  background: #85254b;
  color: #ffffff;
  border-color: #85254b;
}
.chatBot-container--popup .button--quinary {
  color: #ffffff;
  background: transparent;
  border-color: #ffffff;
}
.chatBot-container--popup .button--quinary:hover,
.chatBot-container--popup .button--quinary:active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.chatBot-container--popup .button--senary {
  color: #000000;
  background: transparent;
  border-color: #000000;
}
.chatBot-container--popup .button--senary:hover,
.chatBot-container--popup .button--senary:active {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}
.chatBot-container--popup a.button {
  text-decoration: none;
}
.chatBot-container--popup a.button:hover,
.chatBot-container--popup a.button:active {
  text-decoration: none;
  cursor: pointer;
}
.chatBot-container--popup a.button--primary:hover,
.chatBot-container--popup a.button--primary:active {
  text-decoration: none;
}
.chatBot-container--popup-show {
  left: 0;
  top: 0;
  position: absolute;
}
.chatBot-container--feedback {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  overflow: hidden;
}
.chatBot-container--feedback .chatBot-container--popup-msg {
  background: white;
  bottom: 0;
  position: absolute;
  width: calc(100% - 40px);
  text-align: center;
  padding: 0 20px 10px 20px;
}
.chatBot-container--feedback .chatBot-container--popup-msg .button {
  padding: 0.5rem 5.2rem;
}
.chatBot-container--feedback .chatBot-container--popup-msg a:not(.button) {
  color: #2071b5;
  font-size: 14px;
  text-decoration: none;
}
.chatBot-container--feedback .chatBot-container--popup-msg a:not(.button):hover {
  text-decoration: underline;
}
.chatBot-container--feedback .chatBot-container--popup-msg textarea {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  width: calc(100% - 14px);
  min-height: 140px;
  padding: 7px;
  resize: vertical;
  font-size: 1rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  border: 1px solid #a79898;
  border-radius: 5px;
  margin: 5px 0;
}
.chatBot-container--feedback .chatBot-container--popup-msg p.small {
  font-size: 12px;
}
.chatBot-container--feedback .chatBot-container--popup-msg p.noSpace {
  padding: 0;
}
.chatBot-container--feedback .chatBot-container--popup-msg-withTextArea {
  height: 300px;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  padding-top: 1rem;
  padding-bottom: 3.5rem;
}
.chatBot-container--feedback .close {
  right: 1rem;
  position: absolute;
  top: 1rem;
  cursor: pointer;
}
.chatBot-container--feedback .close img {
  width: 0.9rem;
}
.chatBot-container--feedback--send .chatBot-container--popup-msg .button {
  padding: 0.5rem 5.9rem;
}
.webchat__suggested-actions .react-film__filmstrip__list {
  display: block !important;
  padding-left: 5px !important;
}
.webchat__suggested-actions .react-film__filmstrip__list > li {
  display: inline-block !important;
}
.webchat__suggested-actions .react-film__filmstrip__list > li:first-child {
  padding-left: 0 !important;
}
.webchat__suggested-actions .react-film__filmstrip__list > li > div {
  display: inline-block !important;
}
.react-film__flipper--left {
  left: -3px !important;
}
.react-film__flipper--left .react-film__flipper__slider .react-film__flipper__body {
  width: 46px !important;
  height: 46px !important;
  font-size: 0 !important;
  background-color: rgba(136, 136, 136, 0.58) !important;
}
.react-film__flipper--left .react-film__flipper__slider .react-film__flipper__body::after {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: url('data:image/svg+xml,<svg width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.6709 10.9529L6.25573 10.9529L14.4459 2.75189L12.2589 0.564941L0.329102 12.4947L12.2589 24.4355L14.4459 22.2376L6.25573 14.0475L26.6709 14.0475V10.9529Z" fill="white"/></svg>');
}
.react-film__flipper--right {
  right: -3px !important;
}
.react-film__flipper--right .react-film__flipper__slider .react-film__flipper__body {
  width: 46px !important;
  height: 46px !important;
  font-size: 0 !important;
  background-color: rgba(136, 136, 136, 0.58) !important;
}
.react-film__flipper--right .react-film__flipper__slider .react-film__flipper__body::after {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: url('data:image/svg+xml,<svg width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.329099 14.0471L20.7443 14.0471L12.5541 22.2481L14.7411 24.4351L26.6709 12.5053L14.7411 0.564515L12.5541 2.7624L20.7443 10.9525L0.329098 10.9525L0.329099 14.0471Z" fill="white"/></svg>');
}
#chatBot {
  height: calc(100% - 3.5rem - 18px);
  border-top: 1px solid #ececec;
}
@media (orientation: landscape) {
  #chatBot {
    height: 90vh;
  }
}
.chatBot--blacklisted {
  display: none;
}
.chatBot-top {
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 2;
  position: relative;
  width: 100vw;
}
@media (orientation: landscape) {
  .chatBot-top {
    height: 10vh;
  }
}
.chatBot-top p {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  font-weight: bold;
}
.chatBot-top .close,
.chatBot-top .download,
.chatBot-top .minify {
  cursor: pointer;
  margin-right: 1rem;
}
.chatBot-top .close img,
.chatBot-top .download img,
.chatBot-top .minify img {
  width: 1rem;
}
.chatBot-top__logo {
  -ms-flex-item-align: center;
      align-self: center;
  margin: auto;
}
.chatBot-top__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chatBot-top__header + p {
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.chatBot-top__header__logo-Container {
  background: #ffda00;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 50%;
  margin: 0 0.8rem;
}
.chatBot-top__header__logo-Container--center {
  margin: 0 auto;
}
.chatBot-top__header-agent h3 {
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
  color: #999999;
  font-size: 0.9rem;
  margin: 2px;
}
.chatBot-top__header-agent p {
  font-family: "VattenfallHall-Medium", Arial, Helvetica, sans-serif;
  margin: 2px;
}
@media (min-width: 768px) {
  .chatBot-top .chatBot-top {
    height: 3rem;
  }
}
#sfaq .container .fixedContactWrapper.fixedChatWrapper {
  height: 5.4rem;
  width: 5.8rem;
  bottom: 2.2rem;
}
@media (min-width: 768px) {
  #sfaq .container .fixedContactWrapper.fixedChatWrapper {
    margin-top: 10.5rem;
  }
}
#sfaq .container .fixedContactWrapper.fixedChatWrapper aside {
  top: -2rem;
  position: relative;
  left: -0.4rem;
}
.button--color-transition,
.chatBot-container .ac-pushButton.style-default,
.chatBot-container--popup .button--quinary,
.chatBot-container--popup .button--senary {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
}
.chatBotContainer--href a {
  cursor: pointer;
}
.webchat__adaptive-card-renderer label {
  display: none;
}
.ac-input-container {
  margin: 3px 0px 6px 0px;
  border-color: #f2f2f2;
}
.webchat__stacked-layout__attachment .webchat__bubble__content {
  background-color: white !important;
  border-color: white !important;
}
.chatBot-container .ac-pushButton.style-default.style-destructive {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #2071b5 !important;
}
.chatBot-container .ac-textInput.ac-input-validation-failed {
  border: 1px solid #d13438 !important;
  margin-bottom: 0px;
}
#name {
  position: relative;
}
#accountNumber {
  position: relative;
}
#zipCode {
  position: relative;
}
.hiddenImportant {
  display: none !important;
}
.hiddenH0 {
  height: 0 !important;
  overflow: hidden;
  bottom: -20px;
}
.pb15 {
  padding-bottom: 1.5rem !important;
}
.pl10 {
  padding-left: 1rem !important;
}
.pr10 {
  padding-right: 1rem !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt15 {
  padding-top: 15px !important;
}
button.webchat__suggested-action {
  border-radius: 2rem !important;
}
.loadingHandover {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 2rem;
}
.loadingImg {
  content: url(../images/svg/vf_loader_black.svg);
  text-align: center;
  margin: 0 auto;
}
.p_centered {
  font-family: "VattenfallHall-Regular", Arial, Helvetica, sans-serif !important;
  text-align: center;
}
.thumbContainer {
  position: absolute;
  right: 0px;
  bottom: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}
.thumbContainer__image {
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1px 5px 1px 1px;
}
@-webkit-keyframes shiftRight {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  25% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes shiftRight {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  25% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  75% {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.thumbContainer__image.chosen--animation {
  -webkit-animation-name: shiftRight;
          animation-name: shiftRight;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.thumbContainer__image .thumbUpImg {
  content: url(../images/live_chat_thumbs_up.svg);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.thumbContainer__image .thumbDownImg {
  content: url(../images/live_chat_thumbs_down.svg);
}
.thumbContainer__image.chosen .thumbUpImg,
.thumbContainer__image:hover .thumbUpImg {
  content: url(../images/live_chat_thumbs_up_blue.svg);
}
.thumbContainer__image.chosen .thumbDownImg,
.thumbContainer__image:hover .thumbDownImg {
  content: url(../images/live_chat_thumbs_down_blue.svg);
}
.thumbContainer__image:hover {
  cursor: pointer;
}


/*# sourceMappingURL=chatBot.css.map*/