.footerchat_open{
padding: 4px;
position: absolute;
bottom: 1.4vw;
left: 2.2vw;
background: grey;
width: 85.3vw;
height: 72px;
display: flex;
border-radius: 5px;
margin-bottom: 10px;
}
#push{
width: 130px;
height: 38px;
border: 1px solid black;
border-radius: 5px;
left: 30px;
background: Green;
text-align: center;
margin-left: 70vw;
}
#footer{
bottom 2vw;
}
#btn_div{
display: flex;
}
#done{
height: 40px;
width: 150px;
font-size: 25px;
margin: 10px 10px 0px 10px;
border: 1px solid black;
border-radius: 5px;
padding: 2px;

}

.psrow.user{
color:#006400;
font-size: 30px;

}

.psrow.user_up{
color:blue;
}

.input{
width: 68vw;
padding-left: 5px;
}
.box_chatopen{
    width: 85vw;
    height:  58vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    overflow-x: hidden;
}

#id_message{
width: 67vw;
font-size: 43px;
height: 65px;
background: #B0E0E6;
}

.boxmessage{
font-family: "Gill Sans", sans-serif;
margin-left: 5vw;
margin-top: 20px;
background: #CCFFCC;
padding: 5px 10px 5px 10px;
border-radius: 15px;
border: 2px solid green;
width: 60vw;
}
.source_mess{
padding: 10px;
background: #FFFAFA;
}
.response_mess{
border: 2px solid black;
border-radius: 15px;
padding: 10px;
}
#answer_box{
position: absolute;
bottom: 95px;
border: 2px solid green;
background: grey;
width: 85vw;
margin-left: 2.6vw;
}
#answer{
font-family: "Gill Sans", sans-serif;
margin-left: 1vw;
margin-top: 10px;
background: #B0E0E6;
padding: 5px 10px 5px 10px;
border-radius: 15px;
border: 2px solid green;
width: 66.5vw;
}
.return_pic{
width: auto;
height: 40px;
}
.chatURL{
text-decoration: none;
}

.userdata_gold{
max-width: 57vw;
font-weight: 500;
background: #ffd700;
padding: 1px 10px 1px 10px;
border-radius: 15px;
border: 2px solid grey;
}

.userdata_silver{
max-width: 57vw;
font-weight: 500;
background: #c0c0c0;
padding: 1px 10px 1px 10px;
border-radius: 15px;
border: 2px solid grey;
}

.userdata_bronze{
max-width: 57vw;
font-weight: 500;
background: #cd7f32;
padding: 1px 10px 1px 10px;
border-radius: 15px;
border: 2px solid grey;
margin-bottom: 10px;
height: 45px;

}
.userdata{
max-width: 57vw;
font-weight: 500;
background: white;
padding: 1px 10px 1px 10px;
border-radius: 15px;
border: 2px solid grey;
}
.boxmessage_user{
font-family: "Gill Sans", sans-serif;
margin-left: 25vw;
margin-top: 20px;
background: #B0E0E6;
padding: 5px 10px 5px 10px;
border-radius: 15px;
border: 2px solid green;
width: 60vw;
}
.first_row_chat{
display: flex;
justify-content: space-between;
text-decoration: none;
padding-right: 10px;
text-align: center;
margin-bottom: 10px;

}

.first_row_chat a{

text-decoration: none;
font-size: 28px;
color: black;
}

.chatname{
font-size: 28px;
color: black;
font-weight: 700;
}
.chatrang{
font-size: 20px;
color: black;
font-weight: 600;
}
.chattime{
font-size: 18px;
color: black;
font-weight: 600;
}
.usermessage{
max-width: 57vw;
font-size: 33px;
color: black;
margin-right: 10px;
word-wrap: break-word;
}
#newmessage_data{
margin: 0px 0px 0px 20px;
}

#lenMessage{
font-size: 30px;
color: red;
}
#newMessage{
width: 10vw;
}
#delmessage_answer{
position: absolute;
right : 10px;
top: 5px;
width: 40px;
height: 40px;
text-decoration: none;
font-size: 30px;

}
#delmessage_answer a{
color: black;
text-decoration: none;}