/* STYLE FROM STYLE;CSS */
.assistant {
.btAssistant  {
  font-size: 0.889rem;
  display: inline-block;
  padding: 18px 70px 18px 18px;
  border-radius: 100px;
  background-image: url("./img/search-icon.svg");
  background-repeat: no-repeat;
  background-position: right 25px center;
  line-height: 1;
  border: 2px solid #040135;
  color: #040135;
  margin: 0 0 0 30px;
  background-color: #F2F5FB;
  border: 2px solid #F2F5FB;
}
.btAssistant:hover  {
  background-color: #D9DEE8;
  border: 2px solid #D9DEE8;
  color: #040135;
  background-position: right 25px center;
  cursor:pointer;
}

#assistantOverlay	{
  position:fixed;
  width: 100% !important;
height: 100% !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index:1000 !important;
display:none;
}
#assistantMain  {
  z-index:1020 !important;
  margin-bottom:5px;
  display:none !important;

}
.bd-highlight	{display:none;}


  #assistant{
    position: fixed;
    bottom: 20px;
    right : 20px;
    z-index:1021;

  }
  #assistantBloc	{
    border-radius: 10px;
    background:#ffffff;
    /*display:none;*/
    box-shadow: 0px 0px 10px #c1c1c1;
  }

   #assistantBlocClose	{
	background:#f2f2f3;
    padding:20px;
    border-radius:10px 10px 0px 0px;
  }

  #assistantBlocCloseTitle	{color:#18211E;font-size:22px;font-weight:normal;}
  #assistantBlocCloseImgContainer	{text-align:right;}
  #assistantBlocCloseImg	{
    cursor: pointer;
  }
  #assistantContentContainer	{
    height:95%;
    padding-bottom:15px;
  }
  #assistantContentScroll	{
    height:100%;
    overflow: auto;
  }
  #btQuestion	{
    text-align:right;
    margin-top:5px;
  }
  #btQuestion img{
    margin:auto;
  }
  #imgQuestion	{
  cursor: pointer;
  margin-top:15px;
  }
  .bottomButton {
    cursor: pointer;
    margin-top:15px;
    position:fixed;
    bottom:25px;
    right:40px;
    z-index:8000;
  }
  /* END STYLE.CSS */
  /* style CHAPS LOOK */
div.message-content	{background:#DCEFE3 !important;border-radius: 5px !important;}

div.message-user .message-content 	{background:#5D7374 !important;border-radius: 5px !important;margin-left:50px !important;}
div.message-user .message-content p	{color:#FFF !important;text-align:left;}

div.message-content p a	{color:#18211E !important;text-decoration:underline !important;}
div.message-content p a:hover	{color:#18211E !important;text-decoration:none !important;}
div.message-content li a	{color:#18211E !important;text-decoration:underline !important;}
div.message-content li a:hover	{color:#18211E !important;text-decoration:none !important;}

div.message-content H1, div.message-content H1 strong	{font-size:30px;}
div.message-content H2, div.message-content H2 strong	{font-size:26px;}
div.message-content H3, div.message-content H3 strong	{font-size:22px;}


.message-icon	{display:none;}
.user-input			{margin-bottom:30px;}
div.message-user	{text-align:right}

.message-assistant	{margin-right:50px;}

.user-input textarea:focus	{}
div.sq-chat-message-actions	{margin-top:10px;}

.text-end { text-align: left !important; }
sq-token-progress-bar	{display:none;}

.cdk-overlay-container {
    z-index: 1100 !important;
}

/* end chaps look  */

.form-control:focus {
  border:0px;
  outline: none !important;
}
.list-group-flush > .list-group-item  {
  border:0px;
}
.list-group-item  {
  border:0px;
}
div.ast-input-container .form-control   {
  height:38px;
}
/********************************************/
/* Bootstrap hack for assistant */
/*******************************************/

.w-0	{ width: 0% !important }
    .w-5	{ width: 5% !important }
    .w-10	{ width: 10% !important }
    .w-15	{ width: 15% !important }
    .w-20	{ width: 20% !important }
    .w-25	{ width: 25% !important }
    .w-30	{ width: 30% !important }
    .w-35	{ width: 35% !important }
    .w-40	{ width: 40% !important }
    .w-45	{ width: 45% !important }
    .w-50	{ width: 50% !important }
    .w-55	{ width: 55% !important }
    .w-60	{ width: 60% !important }
    .w-65	{ width: 65% !important }
    .w-70	{ width: 70% !important }
    .w-75	{ width: 75% !important }
    .w-80	{ width: 80% !important }
    .w-85	{ width: 85% !important }
    .w-90	{ width: 90% !important }
    .w-95	{ width: 95% !important }
    .w-100	{ width: 100% !important }

    .h-0	{ height: 0% !important }
    .h-5	{ height: 5% !important }
    .h-10	{ height: 10% !important }
    .h-15	{ height: 15% !important }
    .h-20	{ height: 20% !important }
    .h-25	{ height: 25% !important }
    .h-30	{ height: 30% !important }
    .h-35	{ height: 35% !important }
    .h-40	{ height: 40% !important }
    .h-45	{ height: 45% !important }
    .h-50	{ height: 50% !important }
    .h-55	{ height: 55% !important }
    .h-60	{ height: 60% !important }
    .h-65	{ height: 65% !important }
    .h-70	{ height: 70% !important }
    .h-75	{ height: 75% !important }
    .h-80	{ height: 80% !important }
    .h-85	{ height: 85% !important }
    .h-90	{ height: 90% !important }
    .h-95	{ height: 95% !important }
    .h-100	{ height: 100% !important }


  /* SM */

  @media (min-width: 576px) {

    .w-sm-0  { width: 0% !important }
    .w-sm-5  { width: 5% !important }
    .w-sm-10 { width: 10% !important }
    .w-sm-15 { width: 15% !important }
    .w-sm-20 { width: 20% !important }
    .w-sm-25 { width: 25% !important }
    .w-sm-30 { width: 30% !important }
    .w-sm-35 { width: 35% !important }
    .w-sm-40 { width: 40% !important }
    .w-sm-45 { width: 45% !important }
    .w-sm-50 { width: 50% !important }
    .w-sm-55 { width: 55% !important }
    .w-sm-60 { width: 60% !important }
    .w-sm-65 { width: 65% !important }
    .w-sm-70 { width: 70% !important }
    .w-sm-75 { width: 75% !important }
    .w-sm-80 { width: 80% !important }
    .w-sm-85 { width: 85% !important }
    .w-sm-90 { width: 90% !important }
    .w-sm-95 { width: 95% !important }
    .w-sm-100 { width: 100% !important }

    .h-sm-0  { height: 0% !important }
    .h-sm-5  { height: 5% !important }
    .h-sm-10 { height: 10% !important }
    .h-sm-15 { height: 15% !important }
    .h-sm-20 { height: 20% !important }
    .h-sm-25 { height: 25% !important }
    .h-sm-30 { height: 30% !important }
    .h-sm-35 { height: 35% !important }
    .h-sm-40 { height: 40% !important }
    .h-sm-45 { height: 45% !important }
    .h-sm-50 { height: 50% !important }
    .h-sm-55 { height: 55% !important }
    .h-sm-60 { height: 60% !important }
    .h-sm-65 { height: 65% !important }
    .h-sm-70 { height: 70% !important }
    .h-sm-75 { height: 75% !important }
    .h-sm-80 { height: 80% !important }
    .h-sm-85 { height: 85% !important }
    .h-sm-90 { height: 90% !important }
    .h-sm-95 { height: 95% !important }
    .h-sm-100 { height: 100% !important }
  }

  /* MD */

  @media (min-width: 768px) {
    .w-md-0  { width: 0% !important }
    .w-md-5  { width: 5% !important }
    .w-md-10 { width: 10% !important }
    .w-md-15 { width: 15% !important }
    .w-md-20 { width: 20% !important }
    .w-md-25 { width: 25% !important }
    .w-md-30 { width: 30% !important }
    .w-md-35 { width: 35% !important }
    .w-md-40 { width: 40% !important }
    .w-md-45 { width: 45% !important }
    .w-md-50 { width: 50% !important }
    .w-md-55 { width: 55% !important }
    .w-md-60 { width: 60% !important }
    .w-md-65 { width: 65% !important }
    .w-md-70 { width: 70% !important }
    .w-md-75 { width: 75% !important }
    .w-md-80 { width: 80% !important }
    .w-md-85 { width: 85% !important }
    .w-md-90 { width: 90% !important }
    .w-md-95 { width: 95% !important }
    .w-md-100 { width: 100% !important }

    .h-md-0  { height: 0% !important }
    .h-md-5  { height: 5% !important }
    .h-md-10 { height: 10% !important }
    .h-md-15 { height: 15% !important }
    .h-md-20 { height: 20% !important }
    .h-md-25 { height: 25% !important }
    .h-md-30 { height: 30% !important }
    .h-md-35 { height: 35% !important }
    .h-md-40 { height: 40% !important }
    .h-md-45 { height: 45% !important }
    .h-md-50 { height: 50% !important }
    .h-md-55 { height: 55% !important }
    .h-md-60 { height: 60% !important }
    .h-md-65 { height: 65% !important }
    .h-md-70 { height: 70% !important }
    .h-md-75 { height: 75% !important }
    .h-md-80 { height: 80% !important }
    .h-md-85 { height: 85% !important }
    .h-md-90 { height: 90% !important }
    .h-md-95 { height: 95% !important }
    .h-md-100 { height: 100% !important }
  }

  /* LG */

  @media (min-width: 992px) {
    .w-lg-0  { width: 0% !important }
    .w-lg-5  { width: 5% !important }
    .w-lg-10 { width: 10% !important }
    .w-lg-15 { width: 15% !important }
    .w-lg-20 { width: 20% !important }
    .w-lg-25 { width: 25% !important }
    .w-lg-30 { width: 30% !important }
    .w-lg-35 { width: 35% !important }
    .w-lg-40 { width: 40% !important }
    .w-lg-45 { width: 45% !important }
    .w-lg-50 { width: 50% !important }
    .w-lg-55 { width: 55% !important }
    .w-lg-60 { width: 60% !important }
    .w-lg-65 { width: 65% !important }
    .w-lg-70 { width: 70% !important }
    .w-lg-75 { width: 75% !important }
    .w-lg-80 { width: 80% !important }
    .w-lg-85 { width: 85% !important }
    .w-lg-90 { width: 90% !important }
    .w-lg-95 { width: 95% !important }
    .w-lg-100 { width: 100% !important }

    .h-lg-0  { height: 0% !important }
    .h-lg-5  { height: 5% !important }
    .h-lg-10 { height: 10% !important }
    .h-lg-15 { height: 15% !important }
    .h-lg-20 { height: 20% !important }
    .h-lg-25 { height: 25% !important }
    .h-lg-30 { height: 30% !important }
    .h-lg-35 { height: 35% !important }
    .h-lg-40 { height: 40% !important }
    .h-lg-45 { height: 45% !important }
    .h-lg-50 { height: 50% !important }
    .h-lg-55 { height: 55% !important }
    .h-lg-60 { height: 60% !important }
    .h-lg-65 { height: 65% !important }
    .h-lg-70 { height: 70% !important }
    .h-lg-75 { height: 75% !important }
    .h-lg-80 { height: 80% !important }
    .h-lg-85 { height: 85% !important }
    .h-lg-90 { height: 90% !important }
    .h-lg-95 { height: 95% !important }
    .h-lg-100 { height: 100% !important }
  }

  /* XL */

  @media (min-width: 1200px) {
    .w-xl-0  { width: 0% !important }
    .w-xl-5  { width: 5% !important }
    .w-xl-10 { width: 10% !important }
    .w-xl-15 { width: 15% !important }
    .w-xl-20 { width: 20% !important }
    .w-xl-25 { width: 25% !important }
    .w-xl-30 { width: 30% !important }
    .w-xl-35 { width: 35% !important }
    .w-xl-40 { width: 40% !important }
    .w-xl-45 { width: 45% !important }
    .w-xl-50 { width: 50% !important }
    .w-xl-55 { width: 55% !important }
    .w-xl-60 { width: 60% !important }
    .w-xl-65 { width: 65% !important }
    .w-xl-70 { width: 70% !important }
    .w-xl-75 { width: 75% !important }
    .w-xl-80 { width: 80% !important }
    .w-xl-85 { width: 85% !important }
    .w-xl-90 { width: 90% !important }
    .w-xl-95 { width: 95% !important }
    .w-xl-100 { width: 100% !important }

    .h-xl-0  { height: 0% !important }
    .h-xl-5  { height: 5% !important }
    .h-xl-10 { height: 10% !important }
    .h-xl-15 { height: 15% !important }
    .h-xl-20 { height: 20% !important }
    .h-xl-25 { height: 25% !important }
    .h-xl-30 { height: 30% !important }
    .h-xl-35 { height: 35% !important }
    .h-xl-40 { height: 40% !important }
    .h-xl-45 { height: 45% !important }
    .h-xl-50 { height: 50% !important }
    .h-xl-55 { height: 55% !important }
    .h-xl-60 { height: 60% !important }
    .h-xl-65 { height: 65% !important }
    .h-xl-70 { height: 70% !important }
    .h-xl-75 { height: 75% !important }
    .h-xl-80 { height: 80% !important }
    .h-xl-85 { height: 85% !important }
    .h-xl-90 { height: 90% !important }
    .h-xl-95 { height: 95% !important }
    .h-xl-100 { height: 100% !important }
  }

  /* XXL */

  @media (min-width: 1400px) {
    .w-xxl-0  { width: 0% !important }
    .w-xxl-5  { width: 5% !important }
    .w-xxl-10 { width: 10% !important }
    .w-xxl-15 { width: 15% !important }
    .w-xxl-20 { width: 20% !important }
    .w-xxl-25 { width: 25% !important }
    .w-xxl-30 { width: 30% !important }
    .w-xxl-35 { width: 35% !important }
    .w-xxl-40 { width: 40% !important }
    .w-xxl-45 { width: 45% !important }
    .w-xxl-50 { width: 50% !important }
    .w-xxl-55 { width: 55% !important }
    .w-xxl-60 { width: 60% !important }
    .w-xxl-65 { width: 65% !important }
    .w-xxl-70 { width: 70% !important }
    .w-xxl-75 { width: 75% !important }
    .w-xxl-80 { width: 80% !important }
    .w-xxl-85 { width: 85% !important }
    .w-xxl-90 { width: 90% !important }
    .w-xxl-95 { width: 95% !important }
    .w-xxl-100 { width: 100% !important }

    .h-xxl-0  { height: 0% !important }
    .h-xxl-5  { height: 5% !important }
    .h-xxl-10 { height: 10% !important }
    .h-xxl-15 { height: 15% !important }
    .h-xxl-20 { height: 20% !important }
    .h-xxl-25 { height: 25% !important }
    .h-xxl-30 { height: 30% !important }
    .h-xxl-35 { height: 35% !important }
    .h-xxl-40 { height: 40% !important }
    .h-xxl-45 { height: 45% !important }
    .h-xxl-50 { height: 50% !important }
    .h-xxl-55 { height: 55% !important }
    .h-xxl-60 { height: 60% !important }
    .h-xxl-65 { height: 65% !important }
    .h-xxl-70 { height: 70% !important }
    .h-xxl-75 { height: 75% !important }
    .h-xxl-80 { height: 80% !important }
    .h-xxl-85 { height: 85% !important }
    .h-xxl-90 { height: 90% !important }
    .h-xxl-95 { height: 95% !important }
    .h-xxl-100 { height: 100% !important }
  }
}
