*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: 0; box-sizing: border-box; }
html { font-size: 62.5%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
a { outline: none; text-decoration: none; }
a img { border: 0; }
*[hidden] { display: none; }
html { margin: 0; }
.ib-chat-container a { color: #20399D; }
.ib-chat-container b{ font-weight: 600;}
.ib-chat-container a:hover { text-decoration: none; }
/* ol, ul { list-style: none; } */
.ib-chat-container blockquote, .ib-chat-container q { quotes: none; }
.ib-chat-container blockquote::before, .ib-chat-container blockquote::after, .ib-chat-container q::before, .ib-chat-container q::after { content: none; }
.ib-chat-container table { border-collapse: collapse; border-spacing: 0; }
.ib-chat-container select::-ms-expand { display: none; }
.ib-chat-container select { outline: none; }
.ib-chat-container select:focus, .ib-chat-container select:active { outline-offset: -2px; border: 1px solid #29a4d7; }
/* .idapp-form-control:focus ~ .idapp-checkmark { border: 1px solid #00a5dc; box-shadow: 0 0 2px 0px #00a5dc; outline: none; } */
.ib-chat-container input[type=text], .ib-chat-container input[type=number], .ib-chat-container input[type=password], .ib-chat-container input[type=email], .ib-chat-container select, .ib-chat-container textarea { outline: none; }
.ib-chat-container input[type=text]:focus, .ib-chat-container input[type=number]:focus, .ib-chat-container input[type=password]:focus, .ib-chat-container input[type=email]:focus, .ib-chat-container select:focus, .ib-chat-container textarea:focus { border: 1px solid #00a5dc; box-shadow: 0 0 2px 0 #00a5dc; }
.ib-chat-container .idapp-srch-inp[type=text]:focus, .ib-chat-container .tokenfield input[type=text]:focus { border: unset; box-shadow: none; }
body.opensans { font-family: "Open Sans", sans-serif; }
html { scroll-behavior: smooth; }
body * { font-family: "Open Sans", sans-serif !important; }
body { width: 100%; height: 100%; }
.ib-chat-container p { color: #333; }
*, input { box-sizing: border-box; }



/* General Styles */

.id-chat-app {
    border:0px;
}

/* Headings */
.ib-chat-container h1{
    font-size: 24px;
}
.ib-chat-container h2{
    font-size: 22px;
}
.ib-chat-container h3{
    font-size: 20px;
}
.ib-chat-container h4{
    font-size: 18px;
}
.ib-chat-container h5{
    font-size: 16px;
}
.ib-chat-container h6{
    font-size: 14px;
}
.ib-chat-container h1, .ib-chat-container h2, .ib-chat-container h3, .ib-chat-container h4, .ib-chat-container h5, .ib-chat-container h6 {
    color: #111;
}
.ib-chat-container p, .ib-chat-container b, .ib-chat-container strong, .ib-chat-container em, .ib-chat-container del, .ib-chat-container strike, .ib-chat-container ul, .ib-chat-container ol, .ib-chat-container blockquote, .ib-chat-container pre, .ib-chat-container code, .ib-chat-container table{
    font-size: 14px;
}
/* Text Formatting */
.ib-chat-container strong {
    font-weight: bold;
}

.ib-chat-container em, .ib-chat-container i {
    font-style: italic;
}

.ib-chat-container del {
    text-decoration: line-through;
}

/* Lists */
.ib-chat-container ul, .ib-chat-container ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

.ib-chat-container ul li, .ib-chat-container ol li {
    margin: 10px 0;
}

/* Blockquote */
.ib-chat-container blockquote {
    border-left: 4px solid #0071BC;
    padding: 10px;
    margin: 10px 0;
    background: #ecf0f1;
    font-style: italic;
}

/* Code Block */
.ib-chat-container pre {
    background: #2d2d2d;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    /* overflow-x: auto; */
}

.ib-chat-container code {
    font-family: monospace;
    background: #ececec;
    color: #333;
    padding: 5px;
    border-radius: 5px;
}

/* Table */
.ib-chat-container table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.ib-chat-container th, .ib-chat-container td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.ib-chat-container th {
    background-color: #0071BC;
    color: white;
}

/* Task List */
.ib-chat-container .task-list input {
    margin-right: 8px;
}

/* Horizontal Rule */
.ib-chat-container hr {
    border: none;
    border-top: 2px solid #0071BC;
    margin: 20px 0;
}

/* Links */
.ib-chat-container a {
    color: #20399D;
    text-decoration: none;
}

.ib-chat-container a:hover {
    text-decoration: underline;
}
/* Sub */
.ib-chat-container sub{
    font-size: 11px;
    vertical-align: sub;
}
/* Sup */
.ib-chat-container sup{
    font-size: 11px;
    vertical-align: super;
}
.ib-component-block h1, .ib-component-block h2, .ib-component-block h3, .ib-component-block h4, .ib-component-block h5, .ib-component-block h6, .ib-component-block p, .ib-component-block code{
    margin-top: 15px;
}

/* AI ChatBot Container */
.ib-chat-container { width: 255px; height: auto; bottom: 0; right: 0; position: fixed; background-color: #0071BC; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; border: 0.1rem solid #0071BC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 9; }

/* Chat Header */
.ib-chat-container .ib-chat-header-new { width: 100%; height: 38px; background-color: #0071BC; cursor: pointer; }
.ib-chat-container .ib-chat-header-new .ib-chat-title { padding: 0 15px; font-size: 1.4rem; color: #fff; font-weight: 600; position: relative; padding-right: 70px; line-height: 38px; }
.ib-chat-container .ib-chat-header-new .ib-chat-title:after { content: ""; width: 35px; height: 40px; position: absolute; top: 0; right: 10px; background: url(../images/ib-rpc-chatbot-icon.svg) no-repeat center right; background-size: 80%; }
.ib-chat-container .ib-chat-header-new:hover .ib-chat-title.ib-chat-title-aibot:after{
    background: url(../images/ib-rpc-chatbot.gif) no-repeat center right;
    background-size: 80%;
}
.ib-chat-container .ib-chat-header-new .ib-chat-title.ib-chat-title-aibot { display: flex; }
.ib-chat-container .ib-chat-header-new .ib-chat-title.ib-chat-title-idbot { display: none; }
.ib-chat-container .ib-chat-header-new .ib-minimize-btn { display: none; width: 40px; height: 30px; background: url(../images/ib-minimize.svg) no-repeat center; border: unset; cursor: pointer; }
.ib-chat-container .ib-chat-header-new .ib-minimize-btn:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #1a7fc2; }

/* Chat Body */
.ib-chat-container .ib-chat-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: none; flex-direction: column; padding: 15px; width: 100%; height: calc(100% - 165px); }
.ib-chat-btn-icon { width: 35px; height: 35px; margin: 0; font-size: 0; border: 1px solid #DEDEDE; padding: 5px; cursor: pointer; }
.ib-chat-btn-icon.ib-send-btn, .ib-chat-btn-icon.ib-send-btn:disabled:hover { background: url(../images/ib-send.svg) no-repeat center; }
.ib-chat-btn-icon.ib-send-btn:hover { background: url(../images/ib-send-hover.svg) no-repeat center; }

/* Chat Window */
.ib-chat-container .ib-chat-body .ib-chat-widget { 
     -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; width: 100%; height: 100%; background: url(../images/ib-background-img.svg) no-repeat left bottom; background-size: 200px; }
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; padding: 15px 15px 0; overflow-y: auto; overflow-x: hidden; }

.ib-chat-container .ib-chat-left.ib-inactive + .ib-chat-right .ib-chat-body .ib-chat-widget .ib-chat-widget-body{padding: 15px 25px 0}
/* User Query */
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message { width: auto; max-width: 85%; min-width: auto; border: 1px solid #FFE1BD; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px 25px; background-color: #FFF7ED; margin-bottom: 15px; line-height: 26px; flex-direction: column;}
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message.ib-chat-user { border: 1px solid #FFE1BD; background-color: #FFF7ED; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: flex-end; }
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message p:first-of-type{ margin-bottom: 10px;}
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message p{ margin-bottom: 10px;}
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message p:last-of-type{ margin-bottom: 0;}

/* Chat Responsee Loader */
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message.ib-chat-loader { width: auto; max-width: max-content; min-width: auto; border: 1px solid #dce4ed; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 15px 25px; background-color: #f1f4f7; margin-bottom: 15px; line-height: 26px; background: #f1f4f7 url(../images/ib-chat-loader.gif) no-repeat center; background-size: 50%; }

/* ChatBot Response */
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message.ib-chat-response { border: 1px solid #dce4ed; background-color: #f1f4f7; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: flex-start; }
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message p { font-size: 1.4rem; }
.ib-chat-container .ib-chat-body .ib-chat-widget .ib-chat-widget-body .ib-chat-message p a { float: unset; font-weight: 600; text-decoration: underline; }

/* Chat Window Welcome */
.ib-chat-container .ib-chat-body .ib-chat-widget.ib-chat-widget-welcome { background-image: unset; }
.ib-chat-container .ib-chat-body .ib-chat-widget.ib-chat-widget-welcome .ib-chat-widget-body { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; overflow: auto; }
.ib-chat-container .ib-chat-body .ib-chat-widget.ib-chat-widget-welcome .ib-chat-widget-body .ib-welcome-logo { width: 160px; height: 120px; background: url(../images/ib-welcome-logo.svg) no-repeat; margin-bottom: 15px; }
.ib-chat-container .ib-chat-body .ib-chat-widget.ib-chat-widget-welcome .ib-chat-widget-body h1 { font-size: 2rem; font-weight: 600; margin-bottom: 15px; color: #33516E; }
.ib-chat-container .ib-chat-body .ib-chat-widget.ib-chat-widget-welcome .ib-chat-widget-body p { font-size: 1.6rem; color: #666; }

/* Chat Search */
.ib-chat-container .ib-chat-search { position: sticky; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: none; flex-direction: row; font-size: 1.4rem; padding: 15px; padding-top: 0; padding-bottom: 0; background-color: #fff; width: 100%; height: 50px; margin-bottom: 15px; }
.ib-chat-container .ib-chat-search .ib-chat-input { width: 100%; line-height: 50px; padding: 0 50px 0 15px; border: 1px solid #ACACAC; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: 1.5rem; }
.ib-chat-container .ib-chat-search .ib-chat-input:disabled{cursor: not-allowed;}
.ib-chat-container .ib-chat-search .ib-chat-input:focus { border: 1px solid #0071BC  !important; box-shadow: unset;}
.ib-chat-container .ib-chat-search .ib-send-btn:disabled:hover { content: ""; width: 30px; height: 30px; position: absolute; top: 10px; right: 26px; background-color: #DCE3E8; border:1px solid #DCE3E8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: 20px; background-position: center; }
.ib-chat-container .ib-chat-search .ib-send-btn { content: ""; width: 30px; height: 30px; position: absolute; top: 10px; right: 26px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-size: 20px; background-position: center; }
.ib-chat-container .ib-chat-search .ib-send-btn:hover { border:1px solid #0071BC;background-color: #0071BC; }
.ib-chat-container .ib-chat-search .ib-send-btn{border:1px solid #0071BC;background-color: #0071BC;}
.ib-chat-container .ib-chat-search .ib-send-btn{ background: #0071BC url(../images/ib-send-hover.svg) no-repeat center; background-size: 20px;}
.ib-chat-container .ib-chat-search .ib-send-btn:disabled { border: 1px solid #E4E4E7; background-color: #E4E4E7; cursor: not-allowed; }
.ib-chat-container .ib-chat-search .ib-send-btn:disabled:hover,.ib-chat-container .ib-chat-search .ib-send-btn:disabled{ background: url(../images/ib-send.svg) no-repeat center; background-size: 20px;  border: 1px solid #E4E4E7; background-color: #E4E4E7; cursor: not-allowed;}

/* Chat Footer */
.ib-chat-container .ib-chat-footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: none; flex-direction: column; text-align: center; padding: 0 15px 15px; }
.ib-chat-container .ib-chat-footer p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: 5px; }
.ib-chat-container .ib-chat-footer p .ib-chat-idrive-logo { display: inline-flex; margin-left: 5px; margin-bottom: 2px; width: 48px; height: 18px; position: relative; background: url(../images/ib-idrive-logo.svg) no-repeat; background-size: cover; }
.ib-chat-container.ib-active { width: 400px; height: calc(100% - 130px); }

/* Chat Expand */

.ib-chat-container.ib-active .ib-chat-header-new { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 15px; cursor: default; }
.ib-chat-container.ib-active .ib-chat-header-new .ib-chat-title { padding-left: 45px; padding-right: 0px; }
.ib-chat-container.ib-active .ib-chat-header-new .ib-chat-title:after { width: 28px; height: 40px; left: 0px; right: unset; background-position: center left; background-size: contain; }
.ib-chat-container.ib-active .ib-chat-header-new .ib-chat-title.ib-chat-title-aibot { display: none; }
.ib-chat-container.ib-active .ib-chat-header-new .ib-chat-title.ib-chat-title-idbot { display: flex; font-size: 1.6rem; }
.ib-chat-container.ib-active .ib-chat-header-new .ib-minimize-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.ib-chat-container.ib-active .ib-chat-body { display: flex; }
.ib-chat-container.ib-active .ib-chat-search, .ib-chat-container.ib-active .ib-chat-footer { display: flex; }

/* chat section */
.ib-chat-container.ib-active{
    width: 700px;
}
.ib-chat-section{ width: 100%; height: 100%;max-height: calc(100% - 40px); }
.ib-chat-section .ib-chat-right .ib-chat-body{ height: calc(100% - 125px); }
.ib-chat-section{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: none; height: 100%; flex-direction: row;
}
.ib-chat-section .ib-chat-left{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: flex; height: 100%; flex-direction: row; border-right: 1px dotted #dedede; 
    width: auto;
    min-width: max-content;
    max-width: max-content;
    overflow: auto;
    /* transition: width 200ms; */
}

.ib-chat-products {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: flex; width: 100%; height: 100%; flex-direction: column; padding: 10px;
}
ul.ib-chat-products{
    padding-left: 10px;
    margin-bottom: 0;
    overflow: auto;
}
ul.ib-chat-products li{
    list-style: none;
    padding-left: 10px;
    margin-top: 0;
}
.ib-chat-products li a, .ib-chat-products li a:hover{
    text-decoration: unset;    
}
.ib-chat-product-list{
    background-color: #fff;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 6px;
}
.ib-chat-product-list:hover{
    background-color: #f1f1f1; 
    cursor: pointer;
}
.ib-chat-product-list.ib-active{
    background-color: #ecf4ff;
}
.ib-chat-product-list .ib-chat-product-list-link{
    color: #333;
    font-size: 1.4rem;
    white-space: nowrap;
    cursor: pointer;
}
.ib-chat-product-list.ib-active .ib-chat-product-list-link{
    color: #20399D;
}
.ib-chat-section .ib-chat-right{
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-none; display: flex; 
     flex-direction: column; 
     width: calc(100% - 165px);
    min-width: auto;
    max-width: initial;
    height: 100%;
    position: relative;
}
.ib-chat-container.ib-active .ib-chat-section{
    display: flex;
}
.ib-chat-container .ib-chat-section .ib-chat-right .ib-hamburger{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 16px;
    left: -8px;
    border: 1px solid #DEDEDE;
    /* border-left: 0; */
    font-size: 0;
    cursor: pointer;
    border-radius:25px;
    background: #fff url(../images/ib-collapse.svg) no-repeat center;
    background-size: 15px!important;
    z-index: 99;

}
.ib-chat-section .ib-chat-left.ib-inactive + .ib-chat-right .ib-hamburger{
    background: #fff url(../images/ib-expand.svg) no-repeat center;
    left: 13px;

}
.ib-chat-container .ib-chat-section .ib-chat-right .ib-hamburger:hover{
    background-color: #ecf4ff;
}
/* .ib-chat-section .ib-chat-left{
    transition: left 0.3s ease-in-out;
} */
.ib-chat-section .ib-chat-left.ib-inactive{
    width: 0;
    max-width: 0;
    min-width: 0;
}
.ib-chat-section .ib-chat-left.ib-inactive + .ib-chat-right{
    width: 100%;
}


.ib-chat-container {
    min-width: 255px;
    min-height: 40px;
    max-width: 255px;
    max-height: 40px;
}
.ib-chat-container.ib-active {
    min-width: 700px;
    min-height: calc(100% - 130px);
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}
/* Handle for top, bottom, left, right */
.resize-handle {
    position: absolute;
    z-index: 10;
}

.resize-handle.top {
    left: 50%;
    top: -5px;
    width: 100%;
    height: 5px;
    cursor: ns-resize;
    transform: translateX(-50%);
}
.resize-handle.left {
    top: 50%;
    left: -5px;
    height: 100%;
    width: 10px;
    cursor: ew-resize;
    transform: translateY(-50%);
}
/* Handle for corners */
.resize-handle.tl {
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.resize-handle.tl { top: -5px; left: -5px; cursor: nwse-resize; }
.resize-handle.tr { top: -5px; right: -5px; cursor: nesw-resize; }
.resize-handle.bl { bottom: -5px; left: -5px; cursor: nesw-resize; }
.resize-handle.br { bottom: -5px; right: -5px; cursor: nwse-resize; }
/* Responsive Styles */

/* Media Query for height below 576px */
@media only screen and (max-height: 576px) { 
  .ib-chat-container.ib-active { bottom: 0; right: 0; width: 100%; max-width: 400px; min-width: 100%; height: 100%; min-height: 100%; max-height: 100%; border-radius: 0;}
  .ib-chat-container.ib-active .ib-chat-body { height: calc(100% - 133px); }
  .ib-chat-container.ib-active .ib-chat-body .ib-chat-widget { height: 100%; } 
  .ib-chat-container.ib-active{width: 100%; min-width: 100%;max-width: 100%;}

}

/* Media Query for width below 768px */
@media only screen and (max-width: 768px) {
  .ib-chat-container.ib-active { bottom: 0; right: 0; width: 100%; max-width: 400px; min-width: 100%; height: 100%; min-height: 100%; max-height: 100%; border-radius: 0;}
  .ib-chat-container.ib-active .ib-chat-body { height: calc(100% - 133px); }
  .ib-chat-container.ib-active .ib-chat-body .ib-chat-widget { height: 100%; } 
  .ib-chat-section .ib-chat-left{width: 150px;}
  .ib-chat-section .ib-chat-right{width: calc(100% - 150px);}
  .ib-chat-container.ib-active{width: 100%; min-width: 100%;max-width: 100%;}
  /* .ib-chat-section .ib-chat-left .ib-chat-products .ib-chat-product-list .ib-chat-product-list-link{ font-size: 1.2rem; } */
}

/* Media Query for width below 480px */
@media only screen and (max-width: 480px) { 
.ib-chat-container.ib-active .ib-chat-body { width: 100%; height: calc(100% - 125px); } 
.ib-chat-section{ flex-direction: column;}
.ib-chat-section .ib-chat-left{ width: 100%; height: 54px; overflow: auto; border-bottom: 1px solid #eeeeee; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.ib-chat-section .ib-chat-right{ width: 100%; }
.ib-chat-section .ib-chat-left .ib-chat-products {flex-direction: row;}
.ib-chat-product-list{ display: flex; align-items: center; margin-right: 10px; margin-bottom: 0;}
.ib-chat-products{ padding: 5px 10px; }
.ib-chat-section .ib-chat-right{ height: calc(100% - 54px);}
.ib-chat-section .ib-chat-left{min-width: auto;}
.ib-chat-container .ib-chat-section .ib-chat-right .ib-hamburger{display: none;}
ul.ib-chat-products li{margin-bottom: 5px;margin-right: 5px;}
ul.ib-chat-products li:last-of-type{margin-right: 0px;}
.ib-chat-section .ib-chat-left.ib-inactive{width: 100%;max-width: 100%;min-width: 100%;}
.ib-chat-container .ib-chat-left.ib-inactive + .ib-chat-right .ib-chat-body .ib-chat-widget .ib-chat-widget-body{padding: 15px 15px 0;}
}

#chat-widget-container { bottom: 60px !important; z-index: 1 !important; }

/* Animation */

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.ib-chat-message {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.ib-chat-response {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.ib-chat-user {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.ib-component-block{
    margin: 5px 0;
}


@-webkit-keyframes slideInUp {
    90% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 0%, 0);
      visibility: visible;
      opacity: 0;
    }
    50%{
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
        visibility: visible;
        opacity: 0;
  
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
    }
}
.ib-chat-container{
    transition: all 0.3s ease;
}
.animate__slideInUp, .ib-chat-container, .ib-chat-body {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
.ib-chat-container .ib-chat-body, .ib-chat-container .ib-chat-section {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
/* chatbot ends */