.bswrapper .noPadLR {
    padding-left: 0;
    padding-right: 0
}

.bswrapper .messages-wrapper {
    background-color: silver;
    font-family: Arial, Helvetica, sans-serif
}

.bswrapper .messages-wrapper .messages-info {
    text-align: right;
    font-size: 8pt;
    padding-left: 15px;
    padding-right: 15px
}

.bswrapper .messages-wrapper .coins {
    padding: 0 15px
}

.bswrapper .messages-wrapper .status-bar {
    text-align: right;
    color: #666
}

.bswrapper .messages-wrapper .messages {
    overflow-y: auto;
    height: 400px
}

.bswrapper .messages-wrapper .send-message-btn,
.bswrapper .messages-wrapper .emoticons-btn,
.bswrapper .messages-footer .send-file-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;/*5px;*/
    font-size: 13pt;
    color: #fff
}
/*
.bswrapper .messages-wrapper .send-message-btn {
    width: 32px;
    height: 32px;
    background: #5cb85c;
    border-radius: 16px
}

.bswrapper .messages-wrapper .send-message-btn i {
    margin: -7px 0 0 -4px
}
.bswrapper .messages-wrapper .send-message-btn {
    margin-left:2px !important;
}

.bswrapper .messages-wrapper .emoticons-btn {
    width: 32px;
    height: 32px;
    background: #337ab7;
    border-radius: 16px;
    margin-bottom: 5px;
    margin-top: -1px
}

.bswrapper .messages-wrapper .emoticons-btn i {
    margin: -7px 0 0 -6px
}
*/

.bswrapper .messages-wrapper .message {
    width: 100%;
    padding: 5px 15px;
    position: relative
}

.bswrapper .messages-wrapper .message .badge {
    max-width: 70%;
    padding: 10px
}

.bswrapper .messages-wrapper .message .message-text {
	color: black;
    white-space: pre-wrap;
    font-weight: 400;
    word-wrap: break-word;
}

.bswrapper .messages-wrapper .message .message-time {
	color: silver;
    font-weight: 400;
	font-size: smaller;
}

.bswrapper .messages-wrapper .message .message-user-pic {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.bswrapper .messages-wrapper .message-myself {
    text-align: right
}

.bswrapper .messages-wrapper .message-myself .message-text {
    text-align: left;
    color: black;
}

.bswrapper .messages-wrapper .message-myself .message-time {
    text-align: right;
    color: gray;
}

.bswrapper .messages-wrapper .message-myself .badge {
    background-color: lightgreen;
    border-color: lightgreen
}

.bswrapper .messages-wrapper .message-myself .message-user-pic {
    float: right
}

.bswrapper .messages-wrapper .message-others {
    text-align: left
}

.bswrapper .messages-wrapper .message-others .message-text {
    text-align: left;
    color: black
}

.bswrapper .messages-wrapper .message-others .message-time {
    text-align: left;
    color: #666
}

.bswrapper .messages-wrapper .message-others .badge {
    background-color: whitesmoke
}

.bswrapper .messages-wrapper .message-others .message-user-pic {
    float: left
}

.bswrapper .messages-wrapper .message-special .badge {
    background-color: unset;
    color: #666
}

.bswrapper .messages-wrapper .messages-footer {
    padding: 5px;
    z-index: 20
}

.bswrapper .messages-wrapper .messages-footer .input-group {
    height: 60px
}

.bswrapper .messages-wrapper .messages-footer .message-input {
    resize: none;
    border-radius: 4px;
    height:91px;
}

.bswrapper .messages .message-system .message-text {
    color: #2a62bc;
    font-style: italic;
}
.bswrapper .messages .message-system .message-text:before {
    content: "Systemnachricht: ";
}

.bswrapper .messages-wrapper .emojiis {
    position: absolute;
    display: none;
    padding: 5px 0 90px 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 419px;
    overflow-y: scroll;
    background-color: white;
    z-index: 10
}

.bswrapper .messages-wrapper .emojiis .emoji-control-panel {
    height: 30px
}


/*# sourceMappingURL=nmmessenger.frontend.css.map */

.bswrapper span.emoji {
	font-size: 18px;
}

.bswrapper .btn-file {
    position: relative;
    overflow: hidden;
}
.bswrapper .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.bswrapper #sendFileDialog .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bswrapper #sendFileDialog .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.bswrapper #sendFileDialog .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}