#cond-dlg input[type="text"]{
    width:100%;
}
input[type="number"]{
    width:120px;
    text-align: right;
}
textarea{
    width:400px;
    height:80px;
}
.input_el{
    width:100% !important;
}
.input_el input{
    width:100% !important;
}
.textarea_el{
    width:100% !important;
}
.textarea_el textarea{
    width:100% !important;
}
.new_message{
    color:#67C23A;
    font-weight: bold;    
}
.allow_message{
    color:#67C23A;
    font-weight: bold;    
}
.deny_message{
    color:#8F0CF4;
    font-weight: bold;    
}
.nconf_message{
    color:#B7B5B8;
    font-weight: bold;    
}
.total_message{
    color:black;
    font-weight: bold;    
}
.reply_count{
    width:80px;
}

.wait_message a{
    color:#888;
}
.recv_message a{
    color:red;
    font-weight:bold;
}
.sent_message a{
    color:red;
    font-weight:bold;
}

.message_box{
    border:1px solid #ccc;
    padding:8px;
    margin-bottom:16px;
}
.message_header{
    background-color:#eee;
    padding:6px;
    margin-bottom:5px;
}
.message_header_allow{
    background-color:#67c23a;
    color:#FFF;
}
.message_header_deny{
    background-color:#f56c6c;
    color:#FFF;
}
.message_body{
    padding:6px;
    white-space: pre;
}
.message_delete{
    font-size:90%;
    color:#666;
}
.message_ctrl{
    border-top:1px solid #eee;
    padding-top:6px;
    margin-top:3px;
    text-align: center;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}