/*ChatBoat CSS*/
.mobileChatBtn{
    border-radius: 100%;
    width: 43px;
    height: 42px;
    background: linear-gradient(95deg, rgb(255, 94, 98) 20%, rgb(255, 153, 102) 80%);
}  

.mobileChatBtn i {
    color: #fff;
    margin: 10px 11px;
    font-size: 20px !important;
}


.EnquiryBtn{
	border: 1px solid #7cb028;
    border-radius: 100%;
    width: 43px;
    height: 42px;
    background-color: #7cb028;
}    

.EnquiryBtn i {
    color: #fff;
    font-size: 20px !important;
}

/* The popup chat - hidden by default */
.chat-popup {
  /*display: none;*/
  min-width: 300px;
  max-width: 370px;
  height: 60px;
  position: fixed;
  bottom: 0;
  right: 30px;
  /*border: 3px solid #f1f1f1;*/
  z-index: 9999999 !important;
  transform: translateY(0%);
  transition: width 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s, margin-right 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s, right 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s, transform 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s, opacity 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s, height 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s, left 300ms cubic-bezier(0.39, 0.24, 0.21, 0.99) 0s;
}

.main_chat_Box {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 20px 40px 8px rgba(0,0,0,.25);
    border-top-right-radius: 33px!important;
    border-top-left-radius: 10px!important;
    position: relative;
}

.main_chat_Box .closeBtn{
	display: none;
	position: absolute;
    top: -23px;
    left: 58%;
    height: 60px;
    width: 60px;
	background: transparent;
	border: none;
	margin-left: -50px;
	margin-top: -10px;
}

.chatlabel_box{
  cursor: pointer;	
  width: 100%;
  height: 60px;
  padding: 15px;
  margin: 0;
  border: none;
  background: linear-gradient(95deg, rgb(255, 94, 98) 20%, rgb(255, 153, 102) 80%);
  resize: none;
  color: #f0f1f1!important;
  border-top-right-radius: 33px!important;
  border-top-left-radius: 10px!important;
}

.chatlabel_box .title{
  margin: 0;
}

/* Add styles to the form container */
.form-container {
  max-width: 370px;
  padding: 10px;
  background-color: white;
  /*min-height: 400px;*/
  margin-bottom: 0;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px 0px 0px 15px!important;
  /*margin: 5px 0 22px 0;*/
  border: none;
  font-size: 15px!important;
  color: #222d38!important;
  resize: none;
  height: 50px;
  overflow: hidden!important;
  line-height: 20px!important;
  white-space: pre-wrap!important;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  font-size: 15px!important;
  color: #222d38!important;
  outline: none;
}

.form-container .submitBtn{
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    top: 12px;
    right: 13px;
    cursor: pointer;
    background-color: #445669;
    color: #fff;
    border: none;
    border-radius: 50%;
}



.chatmsgBox{
  list-style: none;
  width: 100%;
  padding: 15px;
  /*margin: 5px 0 22px 0;*/
  border: none;
  /*background: #f1f1f1;*/
  resize: none;
  min-height: 360px;
  max-height: 360px;
  border-bottom: 1px solid #f1f1f1;
  overflow-y: auto;
}

.chatmsgBox li{
  overflow: hidden;
  margin-bottom: 10px;
}

.chatmsgBox li a{
  color: #337ab7;
}

.chatmsgBox li .sugestion{
  background: #ddd;
  border-bottom: 1px solid #eee;
  display: flex;
  cursor: pointer;
}

.sugestion p{
  color: #000;
}

.send_icon {
    background: #445669;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px;
    color: #fff;
    font-size: 13px;
}

.sugestion div{
  align-self: center;
  padding: 10px;
}
.p-0{
  padding: 0 !important;
}
.chatmsgBox li div.rightChat{
  float: right;
  clear: both;
  background-color: #445669;
  color: #fff!important;
  border-radius: 12px!important;
  min-width: 40px;
  padding: 12px 16px;
  width: 100%;
}

.chatmsgBox li div.leftChat{
  float: left;
  clear: both;
  background-color: #efefef;
  color: #222d38!important;
  border-radius: 12px 15px 0 15px !important;
  min-width: 40px;
  padding: 12px 15px 0 15px;
  width: 100%;
}



.agentName{
    display: block;
    color: #445669;
    font-weight: 500;
    font-size: 12px;
}



.chatmsgBox::-webkit-scrollbar {
    width: 7px;
}

.chatmsgBox::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.chatmsgBox::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.chatmsgBox::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/*ChatBoat CSS*/




.chatBotForm p{
  padding: 0 0 5px 0;
}