.bis-message {
    list-style: none;
    padding: 0;
	/*Change by Prasad on 07/08/19 [to set dynamic height in vision assistant]*/
    /*margin: 5px 0 60px 0;*/
    margin: 5px 0 20px 0;
    /* overflow: auto; */
    /* height: 100%; */
    height: auto;
}
.bis-message li {
	/*Changed by Amey*/
	/*padding: 5px;*/
    padding: 5px 0;
    overflow: hidden;
    display: flex;
    position: relative;
    margin: 0;
    float: unset;
}

.bis-to {
    justify-content: flex-end;
    align-items: flex-end;
}

.bis-from .msg-bubble{
    /* background-color: #4285f4; */
    /* border: 1px solid #4285f4; */
    color: #fff !important;
    /*Changed by Amey [To add gradient effect to chat-bubble] on 18/07/2019
    background-color: var(--primary);*/
    background: linear-gradient(-45deg, var(--primary), var(--primaryGradient) 50%);
    min-width: 80px;
    max-width: calc( 100% - 46px );
    word-break: break-word;
}
.bis-to .msg-bubble{
    background-color: #ffffff;
    /*border: 1px solid #eef0f7;*/
    color: #727272 !important;
    /* text-align: right; */
    /*Added by Amey START*/
    position: relative;
    border-radius: 10px;
    z-index: 0;
    padding: .5em;
    max-width: calc( 100% - 46px );
    min-width: 80px;
    word-break: break-word;
    /*Added by Amey END*/
}
.msg-bubble {
    /* -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); */
    /* -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); */
    /* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); */

    /* Changed by Amey W. [Chat-bubble related implementation] on 17-07-2019*/
	/* margin: 10px 10px 14px 48px; */
    margin: 30px 10px 10px 10px;
    padding: 8px;
    border-radius: 4px;
    /* font-size: 14px; */
    font-size: 16px !important; /*By Sainath T. on 24/12/18 [suggested by KB Sir]*/
    margin-bottom: 20px;
}
.bis-from .msg-bubble-datetime{
    /* Changed by Amey W. [Chat-bubble related implementation] on 17-07-2019 */
	/* margin-left: 48px;*/
    margin-left: 10px;
}
.bis-to .msg-bubble-datetime{
    width: 100%;
    text-align: right;
    right: 15px;
}
.msg-bubble-datetime{
    /*Changed by Pooja S on 31-July-2019*/
    font-size: x-small;
   /*  font-size: 10px; */
    position: absolute;
    color: #666;
    bottom: 0;
}
.msg-bubble-icon{
    display: inline-block;
    position: absolute;
    /* Changed by Amey W. [Chat-bubble related implementation] on 17-07-2019*/
	/* bottom: 15px; */
    height: 30px;
    width: 30px;
    top: 1px;
    padding-left: 10px;
    border-radius: 50%;
}
/* Added by Amey W. [Chat-bubble related implementation] on 17-07-2019*/
.user-msg-bubble-icon{
    display: inline-block;
    position: absolute;
    height: 30px;
    width: 30px;
    top: 0px;
    right: 10px;
    border-radius: 50%;
}
.msg-wait-icon{
    height: 40px;
    width: 100px;
    padding-left: 12px;
}
/* Added by Sainath T on 24/10/18[For Scrollbar property setting]-START */
.scrollbar
{
	/* margin-left: 22px; */
	float: left;
	/* height: 300px;
	width: 10px; */
	/* background: #F5F5F5; */
	overflow-y: scroll;
}

#bis-style-1::-webkit-scrollbar
{
	/* width: 6px; */
    background-color: #F5F5F5;
    height: 5px;
    width: 5px;
}
#bis-style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	/* background-color: #555; */
}

#bis-style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
#bis-style-1::-webkit-scrollbar-thumb:horizontal{
    /* background: #000; */
    border-radius: 10px;
}
.dynamicTable{
    overflow: auto;
}
/* Added by Sainath T on 24/10/18[For Scrollbar property setting]-END */

/* Added by Abhishek T on 22-Jan-19 [Integrating ProteusSense] START */
.msg-inferred {
    display: inline;
    padding-left: 7px;
    position: relative;
}

.msg-powered-by-icon {
    width: 10px;
    position: absolute;
    bottom: 2px;
}

.msg-model-name {
    color: #270ed6;
    font-size: x-small;
    padding-left: 13px;
}
/* Added by Abhishek T on 22-Jan-19 [Integrating ProteusSense] END */

/*Added by sunny soni for displying assistant chat screen informaton in native app on 25-Feb-21[Start]*/
.bis-chat-bubble-from-native {
  background: var(--primary) !important;  
}
/*Added by sunny soni for displying assistant chat screen informaton in native app on 25-Feb-21[End]*/

/*Added by Amey [To add chat-bubble] on 18/07/2019*/
.bis-chat-bubble-from 
{
    position: relative;
    background: var(--primary);
    border-radius: 10px;
    z-index: 1;
    padding: .5em;
}

.bis-chat-bubble-from:after 
{
    content: '';
    top: -8px;
    left: 0;
    position: absolute;
    border: 0 solid;
    display: block;
    z-index: -1;
    width: 60px;
    height: 26px;
    background-color: transparent;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 0;
    box-shadow: inset 0px -17px 0 0px var(--primaryGradient);
}

.bis-to .msg-bubble:after 
{
    content: '';
    top: -8px;
    right: 0;
    position: absolute;
    border: 0 solid;
    display: block;
    z-index: -1;
    width: 60px;
    height: 26px;
    background-color: transparent;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 0;
    box-shadow: inset 0 -17px 0 0 #ffffff;
}
/*Added by Amey [To add chat-bubble] on 18/07/2019 END*/