#whatsappLink {
    position:   fixed;
    bottom:     0;
    right:      0;
}

#whatsappLink2:link, #whatsappLink2:visited {
    width: 300px;
    background-color: #3abf4c;
    color: white;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
}

#whatsappLink2:hover, #whatsappLink2:active {
  background-color: #57d163;
}

#phoneNumber{
    font-size:          32px;
    margin:             auto;
    margin-bottom:      10px;
    width:              300px;
    height:             64px;
    background-color:   #3abf4c;
    color:              white;
    padding:            10px 5px;
    text-align:         center;
    text-decoration:    none;
    display:            block;
    border-radius:      5px;
}

#contentDiv{
    margin: auto;
    text-align: center;
}

.conversationBox {
    width:          400px;
    height:         800px;
    border-style:   solid;
    border-width:   1px;
    border-color:   #cccccc;
    padding:        5px;
    border-radius:  10px 0px 0px 10px;
    overflow:       hidden;
    overflow-y:     scroll;
    position:       relative;
}

.messageBox{
    margin:             auto;
    margin-bottom:      10px;
    
    color:              black;
    padding:            5px 5px;
    text-decoration:    none;
    display:            block;
    border-radius:      5px;
    
    clear:              both;
    
    word-break:         break-all;
    
}

.clientMessage {
    float:              right;
    background-color:   #ccffcc;   
    text-align:         right;
}

.adminMessage {
    float:              left;
    background-color:   #99ffff      
}

#contactSelect{
    width:          400px;
    margin-top:     10px;
    margin-bottom:  10px;
    
}

.messageDate {
    font-size:  x-small;
    color:      #888888
}