.fa-2x { color:#bc913b; }
.fa-2x:hover { color:#fff; }
.new_incoming { color:red;}
.link_pro { color:#03add8;}
.icon_bar { color:#fff;}

/* to edit individual icon color uncomment next section */

/*

.ic_setting { color:#fff;}
.ic_profile { color:#fff;}
.ic_userlist { color:#fff;}
.ic_plus { color:#fff;}
.ic_play { color:#fff;}
.ic_vol { color:#fff;}
.ic_logout { color:#fff;}

.ic_user { color:#fff;}
.ic_room { color:#fff;}
.ic_private { color:#fff;}
.ic_friend { color:#fff;}
.ic_find { color:#fff;}

.ic_history { color:#fff;}
.ic_personal { color:#fff;}

.see_image { color:#fff;}
.copy_link { color:orange;}

.ic_suser { color:#fff;}
.ic_sroom { color:#fff;}
.ic_ssetting { color:#fff;}
.ic_word { color:#fff;}

.new_incoming { color:#fff;}

.top_icon_close { color:#fff;}

.remove_element { color:#fff;}

*/
/* Reverse message order */
.chat_messages, #messages, .messages_list {
    display: flex !important;
    flex-direction: column-reverse !important;
}

/* Message input area layout */
#input_area, .input_area {
    display: flex !important;
    align-items: center;
}
#message_input, .message_input {
    flex: 1;
    padding: 10px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #ccc;
}
#send_button, .send_button {
    padding: 10px 20px;
    border: none;
    background: #0cf;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
#send_button:hover, .send_button:hover {
    opacity: 0.9;
}