.gpt-assistant .chatbox-dialog {
   position: relative;
   width: 350px;
   margin: 10px 0px;
   bottom: 105px;
 }
 .gpt-assistant .chatbox-content {
   position: relative;
   background-color: #fff;
   -webkit-background-clip: padding-box;
           background-clip: padding-box;
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: 0px;

   right: 50px;
   -webkit-box-shadow: 0px 3px 22px -4px rgba(69,69,69,1);
   -moz-box-shadow: 0px 3px 22px -4px rgba(69,69,69,1);
   box-shadow: 0px 3px 22px -4px rgba(69,69,69,1);
 }

 .gpt-assistant .chatbox-header {
   padding: 10px;
   border-bottom: 1px solid #e5e5e5;
 }

 .gpt-assistant .chatbox-title {
   margin: 0;
   padding-bottom: 0px;
   line-height: 1.42857143;
 }

 .gpt-assistant .chatbox-body {
   position: relative;
   padding: 10px;
   padding-bottom: 20px;
   height: 380px;
   overflow-y: scroll;
   background: #fff;
   font-family: inherit;
   font-size: var(--font-size);
 }

 .gpt-assistant .chatbox-footer {
   padding: 0px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
 }

 .gpt-assistant .chatbox-footer .form-control {
     border: 0px;
     border-radius: 0px;
     height: 44px;
 }

.chatbox-footer .form-control:focus {
   outline: none !important;
   box-shadow: none !important;
   /*border-right: 1px solid #e5e5e5 !important;*/
 }

 .send-email-btn {
   border: 0px !important;
   padding-top: 12px !important;
   color: gray !important;
 }

.send-email-btn:hover {
   color: #FF9016 !important;
}

 .send-email-btn:focus {
   border: 0px !important;
   color: gray !important;
   background: transparent !important;
 }

 .gpt-assistant .btn {
     border: 0px;
     border-radius: 0px !important;
     border-left: 1px solid #e5e5e5;
     height: 44px;
 }

 button#send {
   margin: 1px;
 }

 .add-focus {
   background-color: var(--secondary-color); 
   color: #FFF;
 }

 .gpt-assistant .btn:hover {
     background: transparent;
     border-color: #e5e5e5;
     color: var(--primary-color);
 }

 .gpt-assistant .close:hover {
     color: var(--primary-color);
 }
 
 .gpt-assistant .col-xs-12 {
     padding-left: 5px !important;
     padding-right: 5px !important;
 }

.gpt-assistant .welcome-message {
   color: var(--welcome-message-color);
}

 .gpt-assistant .message-row {
     margin: 0px;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .gpt-assistant .message {
     padding: 8px 12px;
     background: var(--message-background);
     color: var(--message-color);
     float: right;
     max-width: 75%;
     border-radius: 10px;
     border-bottom-right-radius: 0px;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .gpt-assistant .reply-row .response {
     padding: 8px 12px;
     /*background: #DEEBFF;*/
     background: var(--reply-background);
     /*background: #004A87;*/
     color: var(--reply-color);
     border-radius: 10px;
     border-bottom-left-radius: 0px;
     float: left;
     margin-top: 10px;
     margin-bottom: 10px;
 }

 .chat-btn-container {
     cursor: pointer; 
     position: fixed;
     bottom: 23px;
     right: 28px; 
 }

 .chat-btn-tooltip {
     color: #232323;
    width: 240px;
    height: 80px;
    padding: 15px;
    background-color: #FFF;
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    opacity: 0.9;
    z-index: 200000;
    position: fixed;
    border-radius: 5px;
    right: 30px;
    bottom: 80px;
     font-size: 15px;
    border: 2px solid rgba(0, 0, 0, .2);
     line-height: 1.3rem;
     margin-bottom: 1.3rem;
     text-align: left;
  }

 .tooltip-pointer {
    height: 15px;
    width: 15px;
    background: #FFF;
    margin: 0 auto;
    transform: rotate(45deg);
    border-radius: 0 0 4px 0;
    position: fixed;
    bottom: 93px;
    right: 52px;
    z-index: 200001;
    border-right: 2px solid rgba(0, 0, 0, .2);
    border-bottom: 2px solid rgba(0, 0, 0, .2);
 }


  .chat-btn-container .chat-btn-tooltip .close {
    position: absolute;
    left: 208px;
    bottom: 50px;
      float: right;
      font-size: 21px;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      filter: alpha(opacity=20);
      opacity: .6;
  }

  .gpt-assistant-chat-btn {
      background: #FF9016;
      width: 60px;
      height: 60px;
      border: 2px solid #004A87;
      box-shadow: 0 5px 20px rgba(0,0,0,.1);
      background-size:     cover;
      background-repeat:   no-repeat;
      background-position: center center;
      border-radius: 50px;
  }

  .gpt-assistant-chat-btn > span {
      color: #fff;
      position: relative;
      left: 16px;
      top: 16px;
  }

  .gpt-assistant {
      position: fixed;
      bottom: 0;
      margin-bottom: 95px;
      right: 15px;
      width: 300px;
      height: 300px;
      z-index: 20000;
      display: none;
  }

  .gpt-assistant .title .last {
      color: var(--secondary-color);
  }
  .gpt-assistant .title .first {
      color: var(--primary-color);
  }

  .gpt-assistant .error-icon {
      padding-right: 0px;
      padding-top: 17px;
      padding-left: 10px;
      color: red;
      float: right;
  }

  .gpt-assistant ul {
      padding-left: 15px;
      margin-bottom: 0px !important;
  }

 .response-loading-image {
    margin: 0 auto;
    position: absolute;
    top: 120%;
    left: 42%;
    z-index: 201;
    display: none;
 }

 .gpt-assistant .progress {
    height: 1px !important;
    margin-bottom: 0px !important;
 }

 .gpt-assistant .progress-bar {
    height: 20% !important;
 }

 .gpt-assistant .message-time {
    float: right;
    font-family: monospace;
    color: darkgray;
    padding-bottom: 10px;
 }

 .gpt-assistant .reply-time {
    float: left;
    font-family: monospace;
    color: darkgray;
    padding-bottom: 10px;
 }


 .gpt-assistant .reply-row a {
    /*color: #fff;*/
   text-decoration: underline !important;
}

/*.gpt-assistant .reply-row a:hover {
   color: #FF9016;
}*/

.pointer {
   cursor: pointer;
}

.p-5 {
   padding: 5px !important;
}

.pl-0 {
   padding-left: 0px !important;
}

.pt-0 {
   padding-top: 0px !important;
}

.pr-15 {
   padding-right: 15px !important;
}