.botui-container{
      background-color: transparent !important;
	}    

    
    .botui-app-container{
      width: 100%;
    }
    audio:focus {
      outline: none;
    }
    audio{
      max-width: 100%;
      visibility: visible !important;
    }
    .chatbot_dropdown{
      float: right;
      width: 300px;
    }
    .botui-actions-buttons-button{
      background: #ED1A3B;
      color: #FFF;
    }
    .profil>img.agent{
    width: 34px !important;
      content:url(../../../uploads/2020/08/bot.png);
      margin-bottom: 0 !important;
    }
    @media only screen and (max-width: 480px) {
      .chatbot_dropdown{
        width: 100%;
      }
    }
    
    
    
    
    
    
    
    
    
    
    
    




.botui-actions-text, .botui-actions-text .name-input{
	width: 230px !important;
}

.botui-message-content.human{
    color: #fff;
    background-color: #5fa1d2;
}

.botui-actions-text-submit{
	display: none;
}


.profil.agent{
	width: 34px !important;
}
.profil>img {
    border: 1px solid #e8e8e8;
}
.botui-actions-text{
	float: right !important;
}
.NoBotImg{
	margin-left: 40px !important;
}

/* Youtube Embed */
.chat_yt_embed{
	width: 100%
}
.botui-message-content iframe {
    width: 100%;
    height: 100%;
}
.botui-message-content.embed {
    width: 50%;
    height: 220px;
}
.botui-actions-buttons-button:focus{
	outline: none;
}

/* Buttons Right Aligned */
.buttonInputs{
	float: right;
}
.buttonInputs button{
    background: #005286;
    display: inline-block;
    float: left;
	margin-right: 10px
}

.btn-200px{
	width: 200px;
    min-height: 50px;
	max-height: auto;
    line-height: 18px;
/* 	float: right !important; */
}

.btn-400px{
	width: 400px;
    min-height: 70px;
	max-height: auto;
    line-height: 20px !important;
	float: right !important;
}
button.botui-actions-buttons-button.btn-400px:not(:last-child){
/* 	margin-right: 0 !important; */
}

/*image*/
.chat_img_container{
	width: 370px;
	padding-top: 10px; 
	padding-bottom: 10px;
}
.chat_img_container .botui-message-content{
	padding: 13px;
}
.chat_img_container img{
	max-width: 100%;
	border-radius: 20px;
}


.botui-message{
	line-height: 18px;
}


.chat_img_container img{
	margin-bottom: 0 !important;
}






/* ChatbotAudio */
.chatbot_audio .botui-messages-container{
	padding: 0 !important;
}
.chatbot_audio .botui-container::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,0.5);
}

.chatbot_audio .botui-container::-webkit-scrollbar
{
    width: 6px;
    background-color: rgba(0,0,0,0.5);
}

.chatbot_audio .botui-container::-webkit-scrollbar-thumb
{
    background-color: #ED1A3B;
}




@media only screen and (max-wdith: 768px) {
	.botui-app-container{
		width: 100% !important;
	}
}

@media only screen and (max-width: 480px) {
	.chat_img_container{
		width: 100% !important;
	}
	.btn-400px, .btn-200px { width: 238px !important; float: right !important}
	.botui-container{ font-size:14px !important;} 
	#h5p-iframe-12{
		height: 900px !important;
	}
	.buttonInputs button{
		margin-right: 0 !important
	}
	.botui-actions-text, .botui-actions-text .name-input{
		width: 100% !important;
	}
	.botui-message-content.embed {
		max-width: 100% !important;
		height: auto !important;
		width: 100% !important;
	}
}


.chatbot_audio .buttonInputs{
	width: 600px !important;
}
.chatbot_audio .buttonInputs .btn-400px{
	width: 100% !important;
	display: block !important;
	min-height: 90px !important;
}

@media only screen and (max-width: 999px) {
  .chatbot_audio .botui-actions-buttons.buttonInputs{
		width: 100% !important;
	}
}