@font-face {
    font-family: 'poppins-thin';
    src: url(../fonts/poppins/Poppins-Thin.woff2) format('woff2');
  }  

  @font-face {
    font-family: 'poppins-semi-bold';
    src: url(../fonts/poppins/Poppins-SemiBoldItalic.woff2) format('woff2');
  }

  @font-face {
    font-family: 'poppins-regular';
    src: url(../fonts/poppins/Poppins-Regular.woff2) format('woff2');
  }

  @font-face {
    font-family: 'poppins-light';
    src: url(../fonts/poppins/Poppins-Light.woff2) format('woff2');
  }


  @font-face {
    font-family: 'poppins-bold';
    src: url(../fonts/poppins/Poppins-Bold.woff2) format('woff2');
  }

/* html css */
.ai-databot .custom-input-s {
    padding: 9px;
    border-radius: 6px;
}

.ai-databot .cstm-input {
    margin-bottom: 0px !important;
}

.ai-databot .form-main {
    flex-direction: row;
    /* border-radius: 5px; */
    /* background-color: #3e5f9e; */
    padding: 15px 10px;
}

/* .center-center{
text-align: center;
} */

/* .mic-icon{
    position: relative;
    display: inline-block;
    width: 100%;
} */

/* .mic-icon-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 6px;
    cursor: pointer;
    display: flex;
} */

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

/* .mic-on{
    background: #4caf50;
    padding: 4px;
    border-radius: 5px;
    width: 20px;
}
.mic-off{
    background: #f34848;
    padding: 4px;
    border-radius: 5px;
    width: 20px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
} */

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.05, 1.05);
    }

    100% {
        transform: scale(1, 1);
    }
}

.ai-databot .buttons-top-upload-file {
    z-index: 99;
    position: absolute;
    left: 2%;
    top: 28px;
}

.ai-databot .back-button {
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    background-color: #1f335c;
    padding: 5px;
    color: white;
    padding: 7px 14px;
    cursor: pointer;
    text-decoration: none;
}

.ai-databot .back-button:hover {
    background-color: #2c4472;
}

.ai-databot .back-button .fa.fa-home {
    margin-right: 8px;
}

/* .title-main {
    position: absolute;
    top: 0;
  } */

/* .title-main h1{
    margin-bottom: 0px !important;
    font-size: 35px;
  } */

.ai-databot .title-main p {
    color: #9ca3af;
    margin-top: 0;
    margin-bottom: 10px;
}

/* html css */


/* 12-4-24 css start */
/* body { */
/*     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; */
/*     margin: 0; */
/*     padding: 0; */
/*     background-color: #f3f4f6; */
/*     height: 100vh; */
/*     background-color: #121212; */
/* } */


/* h1 to h6 font */

.ai-databot h1{
    color: #0f0f0f;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 0;
}

.ai-databot h2 {
    color: #0f0f0f;
    font-size: 26px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.ai-databot h3{
    color: #0f0f0f;
    font-size: 22px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.ai-databot h4{
    color: #0f0f0f;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.ai-databot h5{
    color: #0f0f0f;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}
.ai-databot h6{
    color: #0f0f0f;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.ai-databot p{
    font-size: 16px;
    margin-top: 0;
    line-height: normal;
    margin-bottom: 0px;
    font-family: 'poppins-regular';
}

.ai-databot .italiic{
    font-style: italic;
    letter-spacing: 1px;
}
/* h1 to h6 font */

.ai-databot .page-content {
    background-color: #fff;
    border-radius: 2px;
    background: rgb(79 79 79 / 12%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #2469b75e;
}

.ai-databot .custom-header {
    text-align: center;
    padding: 10px 20px;
    position: relative;
    box-shadow: rgb(255 255 255 / 13%) 0px 1px 2px 0px;
}


.ai-databot .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.ai-databot .logo-wrapper{
    max-width: 150px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.ai-databot .logo-wrapper img{
    width: 100%;
}

.ai-databot .title {
    color: #fff;
    font-size: 22px;
    line-height: normal;
    margin-bottom: 0px;
/*     text-shadow: 2px 4px 4px rgb(176 188 211 / 65%); */
    font-family: 'poppins-regular';
}

.ai-databot .about-databot{
    background: #dde3ea;
    color: #2f2f2f;
    /* margin-bottom: 3px; */
    font-size: 12px;
    padding: 10px 12px;
    border-radius: 6px;
    font-weight: 600;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.ai-databot .about-databot:hover{
    background-color: #c9cccf;
    color: #353535;
    transition-duration: 400ms;
}

.ai-databot .about-databot i{
    padding-left: 5px;
}

.ai-databot .about-databot-block{
    display: none;
    background-color: #ffffff;
    width: 264px;
    /* height: 112px; */
    border-radius: 6px;
    position: absolute;
    top: 50px;
    right: 45px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.ai-databot .databot-info{
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    /* margin-bottom: 8px; */
    padding: 8px;
    color: #5f6368;
}

.ai-databot .databot-info:last-child{
    margin-bottom: 0px;
}


.ai-databot .databot-info-title{
    display: flex;
    gap: 8px;
}

.ai-databot .header-tools{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;

}

.ai-databot .back-to-home a{
    background-color: #e0ecff;
    padding: 8px;
    border-radius: 6px;
    color: #2f2f2f;
    
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.ai-databot .back-to-home:hover a{
    background-color: #17528C;
    color: #fff;
}


.ai-databot .user-profile-info{
    width: 35px;
    height: 35px;
    background-color: #d97f12;
    color: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.ai-databot .sub-title {
    color: #fff;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 10px;
}

.ai-databot .custom-textarea {
    background-color: #ececec;
    display: flex;
}

.ai-databot .ques-input-wrapper {
    width: 100%;
}

/* asked-ques start */

.ai-databot .ques-wrapper {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    max-width: 1150px;
    margin: 0 auto;
    padding: 10px;
}

.ai-databot .asked-que{
    padding-top: 0px;
    line-height: 22px;
    width: fit-content;
    display: flex;
}

.ai-databot .input-wrapper {
    width: 95%;
    position: relative;
}

.ai-databot .action-wrapper{
    display: flex;
    gap: 5px;
}

.ai-databot .custom-input {
    width: -webkit-fill-available;
    /* padding: 20px 0px 20px 10px; */
    border: none;
    border-radius: 10px;
}

.ai-databot .custom-input[type="text"]
{
    font-size:16px;
}


.ai-databot .custom-input:focus-visible {
    border: none;
    outline: none !important;
}

/* .askButton {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    margin: 5px;
} */

.ai-databot .send-btn{
    /* padding: 6px; */
    cursor: pointer;
    display: flex;
    position: relative;
}

.ai-databot .send-btn-wrapper:hover{
    background-color: #d8d8d8;
}

.ai-databot .send-btn-wrapper{
    padding: 10px 12px;
    font-size: 20px;
    background-color: #e5e5e5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-databot .send-btn-wrapper i{
    line-height: normal;
        color: #262d3f;
}

.ai-databot .ask-btn-icon{
    font-size: 20px;
    
}

.ai-databot .mic-icon-btn {
    /* padding: 6px; */
    cursor: pointer;
    display: flex;
}

.ai-databot .mic-on {
    background: #c0ddc1;
    padding: 10px 12px;
    font-size:20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
        color: #262d3f;
            min-width: 52px;
}

.ai-databot .micb-icon {
	display:flex;
	justify-content:center;
}
.ai-databot .mic-off {
    background: #f34848;
    padding: 10px;
    border-radius: 5px;
    /* animation: zoom-in-zoom-out 2s ease-out infinite; */
}

.ai-databot .upload-file {
    /* padding: 6px; */
    cursor: pointer;
    display: flex;
    position: relative;
}

.ai-databot .add-docs{
    font-size: 20px;
    padding: 11px 10px;
}

.ai-databot .add-docs:hover{
    background-color: #c3c3c3;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.ai-databot .view-all{
    padding: 14px 10px;
    background-color: #cfcfcf;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
        color: #262d3f;
}

.ai-databot .view-all:hover{
    background-color: #d8d8d8;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ai-databot .file-icon {
    background: #e5e5e5;
    /* padding: 13px; */
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 10px; */
    position: relative;
}

/* .file-icon::before{
    content: "";
    height: 20px;
    width: 2px;
    position: absolute;
    left: 52%;
    background-color: #6e6e6e;
} */

.ai-databot .file-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 5px;
    background-color: #fff;
    border-radius: 6px;
}

.ai-databot .file {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ai-databot .file-block .pdf-icon {
    padding-right: 10px;
}


.ai-databot .file-name {
    padding-left: 25px;
    font-size: 14px;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ai-databot .file-name::before {
    content: '\f1c1';
    font-family: 'FontAwesome';
    position: absolute;
    left: 4px;
    color: #ba1414;
}

.ai-databot .uploaded-files {
    display: none;
    position: absolute;
    z-index: 11;
    /* max-width: 400px; */
    width: 300px;
    background-color: #f0f0f0;
    padding: 10px 5px 10px 10px;
    bottom: 60px;
    right: 7px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.ai-databot .file {
    max-height: 210px;
    overflow: auto;
    padding-right: 5px;
}

.ai-databot .file-upload {
    display: none;
}

.ai-databot .file::-webkit-scrollbar {
    width: 2px;
}

.ai-databot .file::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.ai-databot .file::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.ai-databot .custom-file-upload{
	color: #262d3f;
    font-size: 20px;
    margin-bottom: 0;
}


/* asked-ques end */


.ai-databot .main-section {
    height: calc(100vh - 238px);
    overflow: auto;
    margin: 0 auto;
    padding: 15px;
}

/* scroll-down-btn css start */

.ai-databot .scroll-down-btn{
    position: relative;
    height: 35px;
    width: 35px;
    margin: -34px auto 0;
    background-color: #fff;
    border-radius: 6px;
    display: grid;
    place-content: center;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
}

.ai-databot .scroll-down-btn:hover{
    cursor: pointer;
}

.ai-databot .scroll-dw{
    font-size: 22px;
}


/* scroll-down-btn css end */

.ai-databot .main-section::-webkit-scrollbar {
    width: 4px;
}

.ai-databot .main-section::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.ai-databot .main-section::-webkit-scrollbar-thumb {
    background-color: rgb(88, 141, 199);
    outline: 1px solid rgb(73, 145, 217);
}




/* conversation-block css start */

.ai-databot .conversation-block {
    max-width: 1150px;
    margin: 0 auto 30px;
}

/* .que-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
    padding: 8px 0;
} */

.ai-databot .user-img {
    width: 35px;
    height: 35px;
    background-color: #3a93e1;
    border-radius: 50%;
    padding:6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 0px;
}

.ai-databot .databot-img{
    width: 35px;
    height: 35px;
    background-color: #4fb339;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 10px;
    padding:6px;
}

.ai-databot .databot-img img{
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(118deg) brightness(101%) contrast(101%);
}
/* .user-img-wrapper {
    width: 6%;
} */
.ai-databot .asked-que-wrapper {
    max-width: 95%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
    padding: 10px;
    background: #ffffff;
    border-radius: 6px;
}
.ai-databot .que-wrapper {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0;
    flex-direction: row-reverse;
}

.ai-databot .response-block {
    /* background-color: #e9b6b6; */
    /* padding-left: 60px; */
    padding: 15px 0;
    display: flex;
}

/* .response-block::before{
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;

} */

.ai-databot .response-content {
    /* position: relative; */
    width: 100%;
/*     padding: 15px 0; */
}

.ai-databot .response-content p{
    margin-bottom: 1.25em;
}


/* .response-content::before {
    content: "DB";
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #dc6c14;
    font-family: FontAwesome;
    position: absolute;
    left: -60px;
    top: 0px;
    border-radius: 50%;
    display: grid;
    place-content: center;
} */


.ai-databot .response-text {
    margin-top: 0px;
    line-height: 25px;
    margin-bottom: 10px;
}

.ai-databot .res-img-wrapper {
    max-width: 285px;
    max-height: 160px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}

.ai-databot .res-img-wrapper img {
    width: 100%;
}

/* conversation-block css end */

/* li-primary start */

.ai-databot .li-primary li {
    line-height: 20px;
    margin-bottom: 10px;
    list-style-type: disc;
}

.ai-databot .ol-primary li {
    line-height: 20px;
    margin-bottom: 10px;
}

/* li-primary end */

/* table-wrapper css start */

/* .table-wrapper {
    width: fit-content;
} */

/* .custom-table {
    width: 100%;
    border: 1px solid #c4c7c5;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px;
    padding: 10px;
    margin-bottom: 10px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: hidden;
} */


/* .custom-table td,
.custom-table th {
    padding: 10px;
    text-align: center;
    border: 1px solid #c4c7c5;
} */

/* .custom-table th:first-child{
    border-top-left-radius: 10px;
} */
/* .custom-table th:last-child{
    border-top-right-radius: 10px;
} */

/* .custom-table trr:first-child{
    border: none;
}

.custom-table th{
    background-color: rgb(13 29 84);
    color: #fff;
    position: sticky;
    top: 0;
}

tr:nth-child(even) {
    background-color: #e6e6e6;
}

.table-responsive{
    overflow-x: auto;
    max-height: 400px;
    max-width: 750px;
}



.table-responsive::-webkit-scrollbar {
    width: 2px;
} */

/* .table-responsive::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
} */

/* .table-responsive::-webkit-scrollbar-thumb {
    background-color: rgb(125, 128, 132);
    outline: 1px solid rgb(151, 153, 157);
} */

/* .table-responsive::-webkit-scrollbar-thumb:horizontal{
    background-color: rgb(125, 128, 132);
    outline: 1px solid rgb(151, 153, 157);
    border-radius: 1px;
} */
/* .table-responsive::-webkit-scrollbar:horizontal {
    width: 2px;
    height: 4px;
} */



/* .table-utilities {
    display: flex;
    gap: 10px;
    padding: 10px;
    justify-content: flex-start;
    background-color: #5472af;
    color: #3a3a3a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
} */

.ai-databot .table-utilities .export{
    display: inline-block;
    background-color: #6e6e6e;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.ai-databot .table-utilities {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.ai-databot .table-utilities .export:hover{
    background-color: #5d789a;
    transition-duration: 300ms;
    cursor: pointer;
}


.ai-databot .util-icon {
    padding-right: 5px;
    font-size: 16px;
}

/* table-wrapper css end */

/* code-block css start */
.ai-databot .code-block{
    width: 100%;
}

.ai-databot .code-block .code-header{
    background-color: rgb(75, 74, 74);
    color: #c4c3c3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ai-databot .code-heading, .ai-databot .code-accessibility{
    font-size: 14px;
}

.ai-databot .code-accessibility{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
        padding: 4px 8px;
}

.ai-databot .code-accessibility:hover{
    background-color: #0f0f0f;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.ai-databot .code-body{
    padding: 10px;
    background-color: black;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* code-block css start */

/* 12-4-24 css end */


/* chart-section css start */

.ai-databot .chart-wrapper{
    padding: 10px;
    max-width: 100%;
    margin: 0 auto;
}

.ai-databot .chart-wrapper.chart-md{
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    width: 70%;
    margin: 0 auto;
}


.ai-databot .chart-wrapper.chart-md .chart-block{
    max-width: 400px;
    margin: 0 auto;
}

.ai-databot .chart-wrapper.chart-lg{
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 20px;
}

.ai-databot .chart-block img{
    width: 100%;
}



/* chart-section css end */


/* custom-table css start */

.ai-databot .table-responsive{
    max-height: 400px;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow-y: auto;
    margin-bottom: 0px;
    padding: 10px;
}

.ai-databot .table>:not(:first-child) {
    border-top: none;
}


.ai-databot .table-responsive::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.ai-databot .table-responsive::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.ai-databot .table-responsive::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.ai-databot .custom-table{
    border: 1px solid #c4c7c5;
    border-spacing: 0;
    border-radius: 6px;
    width: 100%;
}

.ai-databot .custom-table thead th{
    /* position: sticky;
    top: 0; */
    padding: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #c4c7c5;
    text-transform: capitalize;
}

.ai-databot .custom-table thead th:first-child{
    border-top-left-radius: 6px;
}

.ai-databot .custom-table thead th:last-child{
    border-top-right-radius: 6px;
}

.ai-databot .custom-table thead{
    position: sticky;
    z-index: 8;
    top: -1px;
}


.ai-databot .custom-table thead th:not(:last-child){
    border-right: 1px solid #c4c7c5;
}

.ai-databot .custom-table tbody td{
    padding: 8px;
    text-align: center;
    font-size: 14px;
}

.ai-databot .custom-table tbody tr td{
    border-bottom: 1px solid #efefef;
}

.ai-databot .custom-table tbody td:not(:last-child){
    border-right: 1px solid #c4c7c5;
}

/* .custom-table{
    max-height: 300px;
    overflow: auto;
    width: 100%;
} */


/* custom-table css end     */

.d-none{
    display: none !important;
}

.ai-databot .table-chart{
    display: flex;
    gap: 5px;
}
.ai-databot .table-chart .table-wrapper{
    margin-bottom: 0;
}

.ai-databot .table-chart .table-responsive{
    width: 50%;
}

.ai-databot .table-chart .chart-wrapper{
    width: 50%;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    display: flex;
}

.ai-databot .table-chart .chart-block{
    display: flex;
}

/* welcome-section css start */

/* .ai-databot .wc-section{ */
/*     height: calc(100vh - 190px); */
/*     display: flex; */
/*     flex-direction: column; */
/*     align-items: center; */
/*     justify-content: center; */
/* } */

.ai-databot .wc-img-wrapper{
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.ai-databot .wc-img-wrapper img{
    width: 100%;
    border-radius: 2px;
}

.ai-databot .wc-block{
    text-align: center;
}

.ai-databot .wc-heading{
    color: #fff;
}

.ai-databot .wc-sub-heading{
    color: #fff;
    font-family: 'poppins-light';
}


/* welcome-section css end */

/* response-tools css start */

.ai-databot .tools-block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    padding-top: 10px;
}

.ai-databot .tools-icon{
    padding: 8px;
    font-size: 18px;
    opacity: 0.5;
}

.ai-databot .tools-icon:hover{
    opacity: 1;
    cursor: pointer;
}

/* response-tools css end */


/* tools-sec css start */

.ai-databot .listen-content{
    padding: 10px;
    background-color: #e0ecff;
    position: relative;
    top: -7px;
    border-radius: 6px;
    font-size: 18px;
}

.ai-databot .tools-sec{
    display: flex;
    align-items: center;
    gap: 5px;
}

.ai-databot .navbar.navbar-inverse{
	padding:0;
}

/* tools-sec css end */



/* responsive table css start */

/* table.scrolldown {
    width: 100%;
    border-spacing: 0;
}

table.scrolldown tbody,
table.scrolldown thead {
    display: block;
}

table.scrolldown tbody {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody td,
thead th {
    width: 200px;
}

td {
    text-align: center;
} */

/* responsive table css end */

/*databot button css start */

.databot-trigger {
  position: fixed;
  bottom: 140px;
  right: 10px;
  height: 50px;
  width: 50px;
  padding: 6px;
/*   background: #2C3333; */
    background: radial-gradient(circle, rgb(124 135 255) 0%, rgba(0,75,201,1) 100%);
  z-index: 99;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  animation: fadeInUp 1s, wave 1s infinite;
/*    animation: changeBackgroundColor 7s infinite; */
  
}

.databot-trigger .databot-img {
	max-width:40px;
}


.databot-trigger i {
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.databot-trigger .wave-effect {
  transition: 250ms color;
  -webkit-transition: 250ms color;
  -moz-transition: 250ms color;
  -ms-transition: 250ms color;
  -o-transition: 250ms color;
  animation-timing-function: linear;
}

@keyframes wave {
  0% {box-shadow: 0 0 0px 0px rgba(0, 91, 255, 0.5);}
  100% {box-shadow: 0 0 0px 15px rgba(0, 91, 255, 0);}
}

/*databot button css end */

.custom-aibot-modal{
	z-index: 1300;
}
.custom-aibot-modal .modal-body{
	padding:0;
}

.custom-aibot-modal .modal-fullscreen {
 padding:20px;
}

.custom-aibot-modal .modal-content {
	    position: relative;
}
.custom-aibot-modal .modal-header {
	padding: 0;
}

.custom-aibot-modal .header-tools  {
	margin-right:30px;
}
.custom-aibot-modal .modal-header .btn-close {
	    position: absolute;
    top: 33px;
        right: 22px;
    z-index: 1;
    background-color: #d97f12;
    opacity: 1;
    
}

/* loader css start */
.ai-databot .jumping-dots span {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    animation: jump 1s infinite;
    display: inline-block;
  }
  
  .ai-databot .jumping-dots .dot-1 {
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    animation-delay: 200ms;
  }
  
 .ai-databot .jumping-dots .dot-2 {
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    animation-delay: 400ms;
  }
  
  .ai-databot .jumping-dots .dot-3 {
    background-color: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    animation-delay: 600ms;
  }
  
  @keyframes jump {
    0% {
      bottom: 0px;
    }
    20% {
      bottom: 5px;
    }
    40% {
      bottom: 0px;
    }
  }

/* loader css end */


.simple-bubble {
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin: 15px 0;
	position: relative;
}

.simple-bubble .inst_block {
	margin-bottom: 0rem;
	border: 1px solid #fac38b;
	background: #ffedda;
	font-size: 13px;
	padding-top: 15px;
}

.chat-bubble-step .inst_block .inst_list {
	list-style: decimal;
}

.simple-bubble .inst_list .inst_text {
        font-size: 14px;
    color: #222;
    text-align: left;
    letter-spacing: 0.6px;
}

.simple-bubble .inst-title {
    font-size: 13px;
    margin-bottom: 0.25rem;
    position: absolute;
    top: -15px;
    left: 10px;
    background: #fff;
    color: #222;
    padding: 2px 5px;
    border: 1px solid #fac38b;
    border-radius: 4px;
    font-weight: 600;
}

.simple-bubble .inst_list {
	list-style: disc;
}

.arp-databot .modal-header .btn-close {
       top: 18px;
    right: 18px;
}

.custom-datatbot .ai-databot {
    max-width: 60%;
    margin: auto;
}

.custom-datatbot {
    padding: 30px;
}
.custom-datatbot {
    background-image: url('../../../img/research/r-banner-5.jpg');
    background-size: cover;
    background-position: 0% 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.asked-que-wrapper .asked-que p {
    text-align: justify;
}

.chatbot-logo {
    max-width: 50px;
    background: #fff;
    padding: 4px;
    border-radius: 2px;
}

.custom-header .close {
    padding: 4px 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    font-size: 20px;
    transition-duration: 400ms;
    color: #fff;
}
.custom-header .close:hover {
    color: #343434;
    transition-duration: 400ms;
    background: #f3f3f3;
    border-radius: 2px;
}

.table-wrapper{
	background: #fff;
	max-width: 95%;
}