.sagrus_chat {
        position: fixed;
        right: 10px;
        bottom: 0px;
        width: 300px;
}
.sagrus_chat .sagrus_chat_header {
        height: 40px;
        line-height: 40px;
        background: #37c17f;
        padding: 0px 15px;
        color: #FFF;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
}
.sagrus_chat .sagrus_chat_header .sagrus_chat_header_open {display: block; padding: 10px 0px; margin: 0px; line-height: 20px;}
.sagrus_chat .sagrus_chat_header .sagrus_chat_close {display: none;}
.sagrus_chat .sagrus_chat_header .sagrus_chat_header_opened {display: none;}
.sagrus_chat .sagrus_chat_body {display: none;}

.sagrus_chat.opened {z-index: 20000000;}

.sagrus_chat.opened .sagrus_chat_header {position: relative; height: 60px; line-height: 25px; padding: 5px 10px; box-sizing: border-box;}
.sagrus_chat.opened .sagrus_chat_header span {color: #CCC; font-size: 12px;}
.sagrus_chat.opened .sagrus_chat_header .sagrus_chat_header_open {display: none;}
.sagrus_chat.opened .sagrus_chat_header .sagrus_chat_header_opened {display: block; margin: 0px;}
.sagrus_chat.opened .sagrus_chat_header .sagrus_chat_close {display: block; position: absolute; left: -30px; top: 0px;}

.sagrus_chat.opened .sagrus_chat_body {display: block; box-sizing: border-box; padding: 10px; background: #FFF; border: 1px solid #CCC; height: 300px; position: relative;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg_init {background: #EFEFEF; padding: 2px 5px; width: 75%; position: absolute; left: 10px; top: 25px; font-size: 14px; border-radius: 3px;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg {position: absolute; width: 100%; height: 40px; left: 0px; bottom: 0px; display: flex;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg div {padding: 3px 5px;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg .input  {width: 80%;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg .button  {width: 20%;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg input {border: 1px solid #DDD; border-radius: 2px; height: 30px; line-height: 30px; width: 100%; padding: 0px 5px; box-sizing: border-box; font-size: 14px; margin: 0px;}
.sagrus_chat.opened .sagrus_chat_body .sagrus_chat_msg button {border: 1px solid #DDD; background: #37c17f; border-radius: 2px; height: 30px; line-height: 30px; width: 100%;}