body {
    font-family: 'Nunito', sans-serif;
    }

/* home */
.chatbot-box{text-align:center; font-size:14px; border:#FF8040 1px solid; border-radius:5px; padding:8px; margin-bottom:20px; box-shadow: 5px 5px 10px #FF80404D;}
.chatbot-box:hover{background:#FF80404D;}
.chatbot-list{margin:20px;}
.chatbot-list .chatbot-box .chatbot-image img{height:75px; border-radius:8px; margin-bottom:5px;}
.chatbot-list .chatbot-box .chatbot-name{line-height:25px; color:#000;}
.chatbot-list .chatbot-box .chatbot-intro{color:#666; font-size:11px; height:30px; overflow:hidden; text-overflow: ellipsis;}
.dark-mode .chatbot-list .chatbot-box .chatbot-name{color:#fff;}
.dark-mode .chatbot-list .chatbot-box .chatbot-intro{color:#ddd;}

/* chat */
.message i{color: #3c3939;}
.messages .message{margin:0; max-width:90%; border-radius:15px;background:#FF80404D;}
.messages .message.message-personal{margin:0;background: #E4FFEE;}
.message-list{display:flex; align-items:center; margin: 15px 0 30px 0; width:100%;}
.message-list .avatar img{width:80%; border-radius:8px;}
/*.message-list .avatar-left{margin-right:10px;}
.message-list .avatar-right{margin-left:10px;}*/
.message-list .first{width:15%;}
.message-list .second{width:85%;}
.message-list.right .first{width:85%;}
.message-list.right .second{width:15%; text-align:right;}
.chat-data{text-align:center; font-size:14px;}
.chat-data-image img{width:75px; height:75px; border-radius:10px;}
.chat-data-name{line-height:25px;}
.chat-data-intro{color:#666; font-size:11px;}
.chat{height:80vh;}
/*.message-list.left .message{background:#FF80404D;}*/
.dark-mode .chat-data-intro,.dark-mode .chat-data-name{color:#ddd;}
.dark-mode .message{color:#ddd;}
.dark-mode .message-personal{color:#000;}

/* Header */
.amigo-home-header {
    padding-top: 12px;
}
/* Chatbot Grid */
.chatbot-list .chatbot-box .chatbot-image img {
    height: auto;
    width: -webkit-fill-available;
    border-radius: 5px;
    }
.chatbot-list .chatbot-box .chatbot-name {
    font-weight: 600;
    }