html, body {
    height: 100%;
}

body {
    margin: 0;
}
h1 {
    font-size: 20px;
    font-family: Segoe UI;
    line-height: 20px;
    color: #fff;
    display: table-cell;
    padding: 13px 0px 0px 20px;
}
#heading {
    
    background: #233359; 
    /* 004070 */
/* background: linear-gradient(90deg, rgba(95,203,237,1) 0%, rgba(23,38,193,1) 100%, rgba(4,9,12,1) 100%); */
/* background: linear-gradient(90deg, rgba(23,38,193,1) 0%, rgba(95,203,237,1) 100%, rgba(4,9,12,1) 100%); */
/* background: linear-gradient(90deg, #006fb9 0%, #66a3c8 100%, rgba(4,9,12,1) 100%); */
    height: 50px;
}

.main {
    margin: 18px;
    border-radius: 4px;
}

div[role="form"]{
    background: #fff;
/* background: linear-gradient(90deg, rgba(95,203,237,1) 0%, rgba(23,38,193,1) 100%, rgba(4,9,12,1) 100%); */
/* background: linear-gradient(90deg, #006fb9 0%, #66a3c8 100%, rgba(4,9,12,1) 100%); */

}
/* div{
    display: flex;
    flex-direction: column;
} */
#webchat {
    position: fixed;
    height: calc(100% - 50px);
    width: 100%;
    top: 50px;
    overflow-y: scroll;
}
.react-film__filmstrip__item:hover{
    font-size: 110%;
}
.webchat__suggested-action__button:hover{
    font-weight: 900;
}
.react-film__filmstrip__list{
    flex-direction: column;
}
.webchat__send-box{
    height: 50px;
}
.webchat__suggested-actions__item-box button{
    border-radius: 13px !important;
    width: 75% !important;
    color: #fff;
    background-color: #233359 !important;
    /* 004070 */
    border-style: none !important;
}
.webchat__suggested-actions__item-box {
    flex-direction: column;
    align-items: center;
}
.webchat__suggested-actions__carousel {
    background-color: white !important;
}
.webchat__suggested-actions__stack {
    background-color: white !important;
}

.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content{
    background: #e4e6eb !important;
    
}

.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {
    background:#f5f6fa !important;
}
.webchat__bubble__content{
    border-radius: 8px !important;
}