body{height:100%;}
#speech-toast-wrap{
    position:fixed;
    bottom:70px;
    left:0px;
    text-align: center;
    width:100%
}
.speech-toast{
    display: inline-block;
    width:auto;
    height:auto;
    max-width:90%;
    padding: 4px 7px;
    border-radius:3px;
    color:#FFF;
    font-family: Sans-Serif;
}

.user-style{
    background: #4e54c8;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #8f94fb, #4e54c8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #8f94fb, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bot-style{
    background: #B993D6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #8CA6DB, #B993D6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #8CA6DB, #B993D6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-top:3px;
}

#ar-wrap{margin-bottom:150px}
#recording-instructions{height:100px}
#note-textarea{height:100px}

#speech-ui-wrap{height:65px;width:100%;position:fixed;bottom:0px;left:0px;/*background-color: aqua*/}
#mike-btn{width:50px;height:50px;margin:5px auto;background-color: #ff3e39;color:#FFF;border-radius: 25px}
#mike-btn .fa-microphone{margin:16px 0 0 19px}