/* IAC widget sizing and helper classes */
#OnlineHelp,
#ProactiveChat {
  position: fixed;
  right: 0;
  bottom: -2000px;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: auto;
  z-index: 2147483644;
  background: #fff;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, .4);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, .4);
}

.poschatbot,
#OnlineHelp {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

#OnlineHelp.standard {
  height: 100%;
}

#OnlineHelp.compacted {
  height: 450px;
}

#OnlineHelp.minimized {
  bottom: -2000px;
}

#OnlineHelp.alerting {
  bottom: 0;
}

#ProactiveChat.alerting {
  bottom: 50px;
  height: 135px;
  margin-right: 0px;
  z-index: 2147483645;
}

#launcherminimized,
#launcher {
  font-family: Mulish;
  background-color: #770D69;
  text-align: center;
  z-index: 2147483644;
  border-radius: 6px;
  position: fixed;
  bottom: 30px;
  right: 20px;
  padding: 7px;
  font-size: 20px;
  color: #FFFFFF;
  cursor: pointer;
  border: 1px solid #FFFFFF;
}

#unreadCounter {
  position: absolute;
  top: -13px;
  right: -9px;
  background-color: red;
  height: 23px;
  width: 22px;
  font-size: 16px;
  border-radius: 14px;
  color: white;
  display: none;
  z-index: 2147483645;
}

@media (min-width: 768px) {

  #OnlineHelp,
  #ProactiveChat {
    width: 400px;
    right: 20px;
  }

  #OnlineHelp.standard {
    height: 550px;
  }

  #OnlineHelp.compacted {
    height: 450px;
  }

  #OnlineHelp.alerting {
    bottom: 20px;
  }

  #ProactiveChat.alerting {
    margin-right: 20px;
  }

  #OnlineHelp.showLeftPanel {
    width: 900px;
    transition: width 1s;
  }

  #OnlineHelp.hideLeftPanel {
    width: 450px;
    transition: width 1s;
  }
}

.workarea-view-scroll-wrapper {
  display: none !important;
}

.poschatbot,
#OnlineHelp .gdpr-disclaimer {
  bottom: 0px;
  top: 0;
  width: 100%;
  /* padding: 20px; */
  /* padding-bottom: 50px; */
  /* overflow-x: hidden; */
  overflow: hidden;
  position: absolute;
  z-index: 999999;
  background-color: white;
}

.poschatbot,
#OnlineHelp .chat-logo {
  width: auto;
  height: 112px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.poschatbot,
#OnlineHelp h3 {
  margin-top: 15px;
  text-align: center;
  font-family: Mulish;
  color: #333;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.poschatbot,
#OnlineHelp p {
  margin-top: 30px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  font-family: Mulish !important;
}

.poschatbot,
#OnlineHelp .btn-gdpr:hover {
  background: #770D69;
  color: #fff;
}

.poschatbot,
#OnlineHelp .btn-gdpr {
  display: block;
  width: 175px;
  height: 38px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  vertical-align: text-bottom;
  color: #010202;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  cursor: pointer;
  letter-spacing: normal;
  -webkit-transition: ease, 0.2s;
  -moz-transition: ease, 0.2s;
  transition: ease, 0.2s;
  font-family: Mulish;
}

.poschatbot,
#OnlineHelp .guide-chat-bloc {
  margin-top: 56px;
  padding: 0 20px;
}

.poschatbot,
#OnlineHelp .guide-chat-line {
  display: inline-flex;
}

.poschatbot,
#OnlineHelp .guide-chat-icon {
  width: 25px;
  height: 25px;
}

.poschatbot,
#OnlineHelp .guide-chat-label {
  padding: 5px;
  font-size: 12px;
  text-align: left;
  color: #770D69;
}

.text-rgpd {
  color: #616060;
  font-family: Mulish;
  font-size: 14px;
  overflow-y: auto;
  display: block;
  bottom: 0px;
  top: 0;
  padding: 20px;
  padding-bottom: 80px;
  box-sizing: border-box;
  height: 100%;
}

.poschatbot,
#OnlineHelp .first-page {
  bottom: 0px;
  top: 0;
  width: 100%;
  /* padding: 20px; */
  /* padding-bottom: 50px; */
  /* overflow-x: hidden; */
  overflow: hidden;
  position: absolute;
  z-index: 999999;
  background-color: white;
}

.poschatbot,
#OnlineHelp img.guide-chat-icon {
  margin: 0px;
}

@media (min-width: 768px) {

  #OnlineHelp,
  #ProactiveChat {
    width: 350px;
  }

  .poschatbot,
  #OnlineHelp .guide-chat-line {
    min-width: 210px;
  }

  #OnlineHelp.alerting {
    border-radius: 25px 25px 0 0;
  }
}


.poschatbot,
#OnlineHelp .btn-gdpr1:hover {
  background: #770D69;
  color: #fff;
}

.poschatbot,
#OnlineHelp .btn-gdpr1 {
  display: block;
  width: fit-content;
  height: 38px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 15px;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  vertical-align: text-bottom;
  color: #010202;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  cursor: pointer;
  letter-spacing: normal;
  -webkit-transition: ease, 0.2s;
  -moz-transition: ease, 0.2s;
  transition: ease, 0.2s;
  font-family: Mulish;
}

.text-first-page {
  padding-top: 45px;
  top: 80px;
}


/*********************  Custom Chatbot Header  ***********************/

.custom-chat-header {
  width: 100%;
  height: 50px;
  background: #770D69 !important;
}

.besoin-daide {
  width: 140px;
  height: 22px;
  margin: 15px 71px 0px 20px;
  font-family: Mulish !important;
  font-size: 18px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  position: absolute;
}

.chang-taille-texte {
  display: flex;
  width: auto;
  padding: 5px 0px;
  font-family: Mulish !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 75px;
  cursor: pointer;
}

.custom-chat-header>.icon-donwload {
  top: 5px;
  width: 40px;
  position: absolute;
  opacity: 0.5;
  right: 40px;
  cursor: pointer;
}

.custom-chat-header>.icon-close {
  width: 40px;
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}

.first-page.mn-taille,
.text-rgpd.mn-taille,
.text-rgpd.mn-taille .btn-gdpr,
.first-page.mn-taille .btn-gdpr {
  font-size: 18px;
}

.first-page.mx-taille,
.text-rgpd.mx-taille,
.text-rgpd.mx-taille .btn-gdpr,
.first-page.mx-taille .btn-gdpr {
  font-size: 20px;
}

a.taille-texte.active {
  opacity: 1;
  text-decoration: underline;
  text-decoration-color: #FFFFFF;
}

.a-moins .taille-texte {
  font-size: 13px;
}

.a-normal .taille-texte {
  font-size: 15px;
}

a.taille-texte {
  text-decoration: none;
  color: #FFFFFF;
  opacity: .5;
}

/*********************  Custom Chatbot Header Close  ***********************/

/*********************  Custom Chatbot Onboarding  ***********************/

.onboarding-chat-bloc {
  height: 100%;
  width: 100%;
  z-index: 99999;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}

.onboarding-icon-font {
  width: 40px;
  top: 5px;
  position: absolute;
  right: 75px;
}

.onboarding-icon-donwload {
  top: 5px;
  width: 40px;
  position: absolute;
  right: 40px;
}

.onboarding-icon-close {
  width: 40px;
  position: absolute;
  right: 10px;
  top: 5px;
}

.onboarding-icon-arrow {
  width: 40px;
  position: absolute;
  top: 52px;
}

.onboarding-icon-arrow.onboarding-font {
  right: 85px;
}

.onboarding-icon-arrow.onboarding-download {
  right: 52px;
}

.onboarding-icon-arrow.onboarding-close {
  right: 22px;
}

.onboarding-icon-text {
  font-family: Mulish !important;
  font-size: 15px;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
  color: #fff;
  position: absolute;
  top: 70px;
}

.onboarding-icon-text.onboarding-font {
  right: 132px;
}

.onboarding-icon-text.onboarding-download {
  right: 97px;
}

.onboarding-icon-text.onboarding-close {
  right: 67px;
}

.onboarding-icon-btn {
  bottom: 90px;
  width: 100%;
  height: auto;
  position: absolute;
}

/*********************  Custom Chatbot Onboarding Close  ***********************/