body .chatlayer-chatbox-button {
    box-shadow: none !important;
}

body .chatlayer-chatbox-button--open{
    box-shadow: none !important;
background-color: rgb(204, 9, 47) !important;
}

/*   boton titulo*/
.ChatTitleImage, .ChatTitleImage img{

 width:95%;
 max-width:190px;
 height:auto;
 margin:auto;
 /*margin-left: 10px */

 }


.ChatTitleBar{

    min-height:50px;

}
.ChatTitle{
    display:none;
}

/* classe da Quick Reply */
.buttons-default {
    /* height: 37px; 
       display:inline-block;*/
    align-items: center;
    border: 1px solid;
    
    border: 1px solid hsla(37, 90%, 58%, 1);
    border-radius: 4px;
    opacity: 1;
    box-shadow:none;
    font-weight: bold;
}

/* area para envio de mensagem */
.ChatInputText-textarea
{
    border-radius: 4px 4px 4px 4px !important;
}

/* estilo boton*/
.css-10258fc {
    border: 1px solid;
    
    border: 1px solid #F4AB34!important;
    border-radius: 4px!important;
    opacity: 1!important;
    color: #333333 !important;
    font-weight: bold;
}

/* fazer com que o boton no ocupe 100% do chat */
.css-17jewg7 div {
     width: 40% !important;
}


.css-17jewg7 {
    display:inline-block;
}

button.buttons-default:first-child:nth-last-child(n + 3),
button.buttons-default:first-child:nth-last-child(n + 3) ~ button {
  display: block;
  width: 100%
}


.css-hera7u {
    
    border-radius: 8px 8px 2px 8px !important;
    opacity: 1!important;
    background-color: #FFDD66 !important;
    box-shadow:none;
}


.css-1kj277u {
    
    border-radius: 8px 8px 8px 2px !important;
    opacity: 1!important;
    background-color: #FfF !important;
    box-shadow:none;
}

.css-pfn909 {
    border-radius: 4px 4px 4px 0px !important;
    opacity: 1!important;
}

.css-v5weqv {
    box-shadow: rgb(255 255 255) !important ; 
}

.css-8v6aia {
    background-color: #F5F5F5!important;
}

.css-1f09d0j {
    flex: 0 !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 0 !important;
}

.css-uagae2 {
    border-radius: 4px !important;
    min-height: 0 !important;
}

/*.ChatContent {
    width: 98% !important;
    margin: 0 auto;
}*/

.css-1ynyhq5 {
    border-radius: 4px !important;
}

element.style {
    display: none !important;
}



.container {
    border: 1px solid #E4E4E4 !important;
}

.ChatTitleBar{
    border-bottom:2px solid #E4E4E4 ;
}

.ChatInputContainer{
    border-top:2px solid #E4E4E4 ;
}

.chatlayer-chatbox-button{
    width: 10rem;
    height: 10rem;
}

@media (max-width: 420px){
    .css-v5weqv.chatBalloon-default.css-1v1yx2g.chatBalloon-user {
        margin-right: 1em;
    }
}