@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
body {
  font-family: Nunito;
}
h6{
    width: 250px;
}
    img{
    width: 15em;!important;
}

a{
    text-decoration: none!important;
    color: black;
}

a:hover{
    text-decoration: none!important;
    color: black;     
}

.QuallieChatName{
    position: fixed;
    z-index: 1000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.mytext{
    border:0;background: #F1F1F1;border: 1px solid #ACACAC;border-radius: 20px;padding: 10px;font-size: 14px;
}
.text{
    width:95%;display:flex;flex-direction:column;
}
.text1{
    width:95%;display:flex;flex-direction:column;
}
.text > p:first-of-type{
    width:100%;margin-top:0;padding-top: 5px;margin-bottom:auto;line-height: 17px;font-size: 12px;font-family: Nunito;
}
.text-l{
    float:left;
}        
.text-r{
    float:right;
}
.macro{
    margin-top:5px;width:90%;border-radius:5px;padding:16px 19px 19px;display:flex;
}
.msj-rta{
    float:right;background:#CFD8DC;
}
.msj-rta1{
    float:right;background:#D6D6D6;width: 350px;padding: 5px;
}
.msj{
    float:left;background:#FFFFFF;
}
.frame{ 
    background:#ECEFF1;
    height: 424px;
    overflow:hidden;
    padding:0;
}
.frame > div:last-of-type{
    position:absolute;bottom:0px;max-width:350px;;display:flex;
}
ul {
    width:100%;
    list-style-type: none;
    padding:18px;
    position:absolute;
    bottom:32px;
    display:flex;
    flex-direction: column;

}
input{
    font-family: Nunito;
}
input:focus{
    outline: none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
    color: #d4d4d4;
}   


@media (min-width: 600px) {
    img{
    width: 15em;!important;
}

a{
    text-decoration: none!important;
    color: black;
}

a:hover{
    text-decoration: none!important;
    color: black;
    cursor: text;      
}
    h6{
    width: 390px;
}
    .macro{
    width:95%;
}
    .msj-rta1{
    width: 478px;
}
  }